:root{--ink:#16212a;--muted:#687783;--line:#dfe6e8;--paper:#f6f8f7;--surface:#fff;--green:#187a53;--red:#b7393a;--amber:#b77a00;--blue:#287aa8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Arial,sans-serif}header,main,.tabs{max-width:1240px;margin:auto;padding-left:24px;padding-right:24px}header{padding-top:24px;padding-bottom:24px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}h1,h2,p{margin:0}h1{font-size:30px}h2{font-size:18px;margin-bottom:14px}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:1px}.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);padding-top:8px;padding-bottom:0}.tab{background:transparent;color:var(--muted);border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 13px;white-space:nowrap}.tab.active{color:var(--ink);border-bottom-color:var(--blue)}main{padding-top:20px;padding-bottom:32px}.tab-panel{display:none}.tab-panel.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.metrics.compact{margin-bottom:16px}.metrics article,.split>section,.account,.chart-section,.notice{background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:6px}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font-size:22px;font-weight:700;margin-top:5px;font-variant-numeric:tabular-nums}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.charts>section{min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:6px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:600}.positive{color:var(--green)}.negative{color:var(--red)}button{background:var(--ink);color:#fff;border:0;border-radius:4px;padding:10px 14px;font-weight:700;cursor:pointer}.quiet{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.account{margin-top:20px}.account form,.login form{display:grid;gap:12px;max-width:360px}label{display:grid;gap:5px;font-size:13px;color:var(--muted)}input,select{border:1px solid var(--line);border-radius:4px;padding:9px;font:inherit;color:var(--ink);background:var(--surface)}.chart{height:280px;width:100%}.chart.wide{height:340px}.empty-chart{display:grid;place-items:center;min-height:280px;padding:24px;text-align:center;color:var(--muted);background:#fbfcfc}.empty-chart p{max-width:420px}.chart-section{margin:16px 0}.hint,.notice{color:var(--muted);font-size:14px}.hint{margin-top:12px}.notice strong{color:var(--ink)}.status-list{display:grid;gap:8px}.status-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:14px}.status-row:last-child{border:0;padding:0}.status-ok{color:var(--green);font-weight:700}.status-warn{color:var(--amber);font-weight:700}.login{display:grid;min-height:100vh;place-items:center}.login-panel{width:min(100%,420px);padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:6px}@media(max-width:800px){header,main,.tabs{padding-left:16px;padding-right:16px}.metrics,.split{grid-template-columns:1fr 1fr}.metrics article:last-child{grid-column:span 2}h1{font-size:25px}.chart{height:250px}.empty-chart{min-height:250px}}@media(max-width:540px){.metrics,.split{grid-template-columns:1fr}.metrics article:last-child{grid-column:auto}.tab{padding-left:10px;padding-right:10px;font-size:14px}.chart.wide{height:280px}}