:root{--bg:#f6f7f9;--card:#fff;--line:#e4e7ec;--txt:#1a1d23;--dim:#6b7280;--acc:#3b6ef5;--up:#d64550;--down:#1f9d63}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--card:#191c22;--line:#262a33;--txt:#e8eaed;--dim:#9aa0a6;--acc:#7aa2f7;--up:#f7768e;--down:#9ece6a}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;font-family:-apple-system,system-ui,Segoe UI,sans-serif;font-size:15px}h1{text-transform:uppercase;letter-spacing:.14em;color:var(--dim);font-size:12px;font-weight:700}.meta{color:var(--dim);font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.wrap{max-width:1080px;margin:0 auto;padding:18px 14px 48px}.top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.top .user{align-items:center;gap:12px;display:flex}button{font:inherit;cursor:pointer}.link{color:var(--acc);background:0 0;border:none;font-size:13px;font-weight:600}h2{text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin-bottom:14px;font-size:11px;font-weight:700}.amt{font-variant-numeric:tabular-nums;font-weight:600}.wrap>.card,.wrap>.cols{margin-bottom:16px}.period{background:var(--card);width:100%;max-width:260px;color:var(--txt);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:15px}.kpis{gap:32px;display:flex}.kpi{flex-direction:column;gap:4px;display:flex}.kpi-value{letter-spacing:-.025em;font-size:34px;font-weight:700}.cols{gap:16px;display:grid}@media (width>=720px){.cols{grid-template-columns:1fr 1fr;align-items:start}}.bars{flex-direction:column;gap:12px;display:flex}.bar-head{justify-content:space-between;gap:10px;margin-bottom:5px;font-size:14px;display:flex}.bar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:var(--bg);border-radius:5px;height:8px;overflow:hidden}.bar-fill{background:var(--acc);border-radius:5px;height:100%;transition:width .2s}.donut-wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.donut{flex-shrink:0;width:140px;height:140px;position:relative}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-label{letter-spacing:.08em;color:var(--dim);font-size:10px}.donut-total{font-size:15px;font-weight:700}.legend{flex:1;min-width:160px;list-style:none}.lg{align-items:center;gap:9px;padding:5px 0;font-size:14px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.lg-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pct{color:var(--dim);text-align:right;width:40px;font-size:12px}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{flex-direction:column;gap:16px;width:100%;max-width:340px;padding:28px;display:flex}.login-card h1{margin-bottom:4px;font-size:13px}.login-card label{color:var(--dim);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-card input{border:1px solid var(--line);background:var(--bg);color:var(--txt);border-radius:10px;padding:11px 12px;font-size:15px}.login-card input:focus{border-color:var(--acc);outline:none}.login-card button[type=submit]{background:var(--acc);color:#fff;border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:15px;font-weight:600}.login-card button[type=submit]:disabled{opacity:.55;cursor:default}.error{color:var(--up);font-size:13px;font-weight:600}