:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#090b0f;color:#edf0f5;font:15px system-ui,sans-serif}header,main{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #323844}a{color:#e0e8f8}header span{font-size:11px;color:#a9b1c0;letter-spacing:2px}h1{font-size:42px}p{color:#aeb9ca;line-height:1.6}input,select,button{font:inherit;padding:12px;border:1px solid #455063;border-radius:8px;background:#141922;color:#edf0f5}input{display:block;margin-top:8px;width:100%}button{cursor:pointer}button:hover{background:#293345}button:disabled{opacity:.5;cursor:default}#login{max-width:450px;padding:24px;background:#141922;border:1px solid #343f50;border-radius:14px}#login button{margin-top:20px}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.toolbar label{flex:1;min-width:220px}article{margin:18px 0;padding:22px;border:1px solid #343f50;border-radius:14px;background:#10141b}article h2{font-size:20px;margin:0 0 8px}dl{display:grid;grid-template-columns:190px 1fr;gap:10px}dt{color:#9fadc2}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}details{margin-top:16px}summary{cursor:pointer}label{font-size:13px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e2eafa;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){header,main{padding:20px}h1{font-size:32px}dl{grid-template-columns:1fr}dd{margin-bottom:10px}}
.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:25px 0}.metrics>div{padding:22px 18px;border:1px solid #3b4049;border-radius:14px;background:linear-gradient(145deg,#24262c,#111318)}.metrics span{display:block;color:#aeb9ca;font-size:12px}.metrics strong{display:block;font-size:28px;margin-top:12px;overflow-wrap:anywhere}.metrics>div:first-child{border-color:#9095a0}.analytics-note{font-size:12px}.breakdown{padding:18px;border:1px solid #343f50;border-radius:12px;margin-bottom:28px}.complete-button{margin:18px 18px 0 0;background:#e0e3e9;color:#111;font-weight:700}.complete-button:hover{background:#fff}@media(max-width:800px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics>div:first-child{grid-column:1/-1}}@media(max-width:450px){.metrics strong{font-size:24px}article select{max-width:100%}}
.dash-tabs{display:flex;gap:8px;border-bottom:1px solid #363c48;padding-bottom:14px;margin:24px 0;flex-wrap:wrap}.dash-tabs button[aria-pressed=true]{background:#e4e7ed;color:#13151a;border-color:#e4e7ed}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-grid article{margin-top:0}.chart-row{margin:24px 0}.chart-label{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin-bottom:10px}.chart-label span{color:#bcc4d1}.chart-track{height:9px;background:#282d36;border-radius:6px;overflow:hidden}.chart-track span{display:block;height:100%;background:linear-gradient(90deg,#808b9b,#e0e5ed);border-radius:6px}#plan-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}#plan-stats article{margin-bottom:0}#plan-stats strong{font-size:22px}@media(max-width:700px){.chart-grid,#plan-stats{grid-template-columns:1fr}.chart-label{font-size:12px}}