:root{color-scheme:light;--ink:#21382e;--muted:#64756a;--green:#267252;--line:#dce5dd}*{box-sizing:border-box}body{margin:0;background:#f5f7f1;color:var(--ink);font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif}main{max-width:1320px;margin:auto;padding:44px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700;margin:0 0 10px}h1{font-size:clamp(24px,3vw,36px);letter-spacing:-1px;margin:0}h2{font-size:20px;margin:0}.note{font-size:13px;color:var(--muted);line-height:1.7}.badge{white-space:nowrap;border-radius:30px;background:#e2eee2;color:#285d3d;padding:10px 16px;font-size:13px}.badge.warning{background:#fff0d1;color:#835614}.context{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:22px 0;gap:12px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px}.label{font-size:14px;color:var(--muted);margin:0 0 16px}.value{font-size:36px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-1px}.unit{font-size:12px;margin-left:8px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:18px;padding:26px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}label{display:grid;gap:5px;font-size:11px;color:var(--muted)}select,button{min-height:40px;border:1px solid #ccd8ce;border-radius:7px;padding:8px 12px;font:inherit;font-size:13px;background:#fff;color:var(--ink)}button{background:var(--green);color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.chart{min-height:180px}.chart svg{width:100%;height:auto;display:block}.chart text{font-family:inherit;font-size:11px;fill:#6a7d70}.states{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.state{background:#f2f5ef;border-radius:8px;padding:11px 14px;font-size:13px}footer{font-size:12px;color:var(--muted);padding:15px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.error{background:#fff1eb;color:#8a3f20;padding:16px;border-radius:9px;margin-bottom:16px}.empty{padding:55px 10px;text-align:center;color:var(--muted)}@media(max-width:700px){main{padding:24px 16px}header{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:18px 16px}.value{font-size:30px}.panel{padding:18px}.unit{display:block;margin:3px 0 0}.controls{width:100%}}@media(max-width:360px){.cards{grid-template-columns:1fr}}

.accountbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:22px}.accountbar label{flex:1}.accountbar select{max-width:440px}.login-shell{max-width:460px;margin:9vh auto;padding:32px}.login-shell h1{font-size:26px}.login-form{display:grid;gap:18px;margin-top:28px}.login-form input{font:inherit;padding:12px;border:1px solid #ccd8ce;border-radius:7px;min-width:0}.login-form label{font-size:13px}.login-form button{font-size:15px}.login-shell .error{margin-top:16px}[hidden]{display:none!important}