:root{--font-ui: "Inter", sans-serif;--bg-app: #eef0f2;--divider: rgba(0, 0, 0, .08);--text-primary: #22242b;--text-secondary: #6b6f7a;--text-muted: #9a9da5}.app{min-height:100vh;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);padding:2rem 1.5rem}.app-header{max-width:74rem;margin:0 auto 1.25rem;display:flex;justify-content:space-between;align-items:baseline}.app-title{font-size:1.2rem;font-weight:600}.app-subtitle{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.app-updated{font-size:.75rem;color:var(--text-muted)}.board-error,.board-loading{max-width:74rem;margin:2rem auto 0;color:var(--text-secondary);font-size:.9rem}.dashboard{max-width:74rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kpi-card{border-radius:10px;padding:1.1rem 1.3rem;color:#fff}.kpi-value{font-size:1.7rem;font-weight:700;line-height:1.2}.kpi-label{font-size:.78rem;opacity:.92;margin-top:2px}.kpi-dark{background:#1f4e79}.kpi-blue{background:#5ec3df}.kpi-teal{background:#2f8f86}.kpi-gray{background:#94a0a8}.panel-card{background:#fff;border-radius:10px;padding:1.1rem 1.25rem;box-shadow:0 1px 3px #0000000f}.panel-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.table-scroll-x{overflow-x:auto}.table-scroll{max-height:480px;overflow-y:auto}.ranking-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.82rem}.ranking-table thead th{position:sticky;top:0;background:#fff;text-align:right;font-weight:600;color:var(--text-secondary);padding:.5rem .6rem;border-bottom:1px solid var(--divider);font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.ranking-table thead th:hover{color:var(--text-primary)}.ranking-table thead th.col-name{text-align:left}.th-content{display:inline-flex;align-items:center;gap:4px}.ranking-table thead th.col-name .th-content{flex-direction:row}.ranking-table thead th:not(.col-name) .th-content{flex-direction:row-reverse}.sort-icon{font-size:.6rem;color:var(--text-muted)}.sort-icon.active{color:#2f8f86}.ranking-table td{padding:.45rem .6rem;text-align:right;border-bottom:1px solid var(--divider)}.ranking-table td.col-name{text-align:left}.ranking-table td.col-total{font-weight:600;color:#2f8f86}.ranking-table tr.row-even td{background:#f5f8f8}@media (max-width: 900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.app{padding:1.25rem .85rem}.app-header{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1rem}.app-title{font-size:1.05rem}.dashboard{gap:.75rem}.kpi-grid{grid-template-columns:1fr;gap:.6rem}.kpi-card{padding:.9rem 1rem}.kpi-value{font-size:1.4rem}.panel-card{padding:.9rem}.panel-title{font-size:.8rem}.ranking-table{font-size:.76rem}.ranking-table td,.ranking-table thead th{padding:.4rem .45rem}.table-scroll{max-height:60vh}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0d1017;-webkit-font-smoothing:antialiased}