:root{--gvi-blue: #1b2d8f;--ink: #4a5f80;--muted: #6b82aa;--muted-2: #9aaac2;--card: #f0f4fa;--line: #dce6f4;--up: #0f6e56;--dn: #854f0b;--u: clamp(12px, 1.04vw, 26px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.screen{height:100vh;width:100vw;display:flex;flex-direction:column;background:#fff}.hdr{background:var(--gvi-blue);padding:calc(var(--u) * .9) calc(var(--u) * 1.6);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.hdr-logo{display:flex;align-items:center;justify-self:start}.hdr-logo img{height:calc(var(--u) * 2);width:auto;max-width:calc(var(--u) * 14);display:block}.hdr-title{font-size:calc(var(--u) * 1.5);font-weight:500;color:#fff;text-align:center;white-space:nowrap}.hdr-right{display:flex;align-items:center;gap:calc(var(--u) * 1.2);justify-self:end}.hdr-date{font-size:calc(var(--u) * .9);color:#8fa8d4;text-align:right}.hdr-clock{font-size:calc(var(--u) * 2.2);font-weight:500;color:#fff;font-variant-numeric:tabular-nums}.body{flex:1;display:grid;grid-template-columns:1fr clamp(280px,22vw,560px);min-height:0}.stats{padding:calc(var(--u) * 1.3);display:flex;flex-direction:column;gap:calc(var(--u) * 1);border-right:1px solid var(--line);min-height:0}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * .6)}.tab{padding:calc(var(--u) * .7) calc(var(--u) * .5);border-radius:calc(var(--u) * .55);border:1px solid #c5d3e8;background:var(--card);color:#4a5f80;font-size:calc(var(--u) * .95);text-align:center;line-height:1.3;transition:background .3s,color .3s}.tab.active{background:var(--gvi-blue);color:#fff;border-color:var(--gvi-blue);font-weight:500}.metrics{display:grid;gap:calc(var(--u) * .8)}.metric{background:var(--card);border-radius:calc(var(--u) * .7);padding:calc(var(--u) * 1.2) calc(var(--u) * 1.1);display:flex;flex-direction:column}.metric-label{font-size:calc(var(--u) * .8);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--u) * .8);min-height:2.4em;line-height:1.35}.metric-val{font-size:calc(var(--u) * 2.8);font-weight:500;color:var(--gvi-blue);font-variant-numeric:tabular-nums;line-height:1;margin-bottom:calc(var(--u) * .5)}.metric-prev{font-size:calc(var(--u) * .9);color:var(--muted-2);margin-bottom:calc(var(--u) * .35)}.metric-delta{font-size:calc(var(--u) * .95);font-weight:500}.metric-delta.up{color:var(--up)}.metric-delta.dn{color:var(--dn)}.metric-delta.flat{color:var(--muted-2)}.pickers{background:var(--card);border-radius:calc(var(--u) * .7);padding:calc(var(--u) * 1);flex:1;min-height:0;overflow:hidden}.pickers-label{font-size:calc(var(--u) * .8);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--u) * .9)}.picker-row{display:flex;align-items:center;gap:calc(var(--u) * .7);margin-bottom:calc(var(--u) * .65)}.picker-name{font-size:calc(var(--u) * .9);color:var(--gvi-blue);font-weight:500;width:calc(var(--u) * 7);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-track{flex:1;background:var(--line);border-radius:calc(var(--u) * .25);height:calc(var(--u) * 1.5);overflow:hidden}.picker-fill{height:100%;background:var(--gvi-blue);border-radius:calc(var(--u) * .25);display:flex;align-items:center;padding-left:calc(var(--u) * .5);font-size:calc(var(--u) * .85);color:#fff;font-weight:500;transition:width .6s ease;white-space:nowrap}.picker-total{font-size:calc(var(--u) * .9);color:var(--muted);width:calc(var(--u) * 3);text-align:right;flex-shrink:0}.pickers-empty{color:var(--muted-2);font-size:calc(var(--u) * .95)}.notices{background:#f7f9fd;padding:calc(var(--u) * 1.1) calc(var(--u) * .9);display:flex;flex-direction:column;min-height:0;overflow:hidden}.notices-hdr{font-size:calc(var(--u) * .8);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:calc(var(--u) * .9);display:flex;align-items:center;gap:calc(var(--u) * .4)}.notice{display:flex;align-items:flex-start;gap:calc(var(--u) * .8);padding:calc(var(--u) * .75) 0 calc(var(--u) * .75) calc(var(--u) * .75);border-left:3px solid var(--gvi-blue);border-bottom:1px solid #e0e8f0;margin-bottom:calc(var(--u) * .8)}.notice:last-child{border-bottom:none;margin-bottom:0}.notice-content{flex:1;min-width:0}.badge{font-size:calc(var(--u) * .7);font-weight:600;padding:2px calc(var(--u) * .45);border-radius:3px;display:inline-block;margin-bottom:calc(var(--u) * .35)}.badge-warn{background:#fac775;color:#633806}.badge-ok{background:#9fe1cb;color:#085041}.badge-info{background:#b5d4f4;color:#0c447c}.notice-title{font-size:calc(var(--u) * .95);font-weight:600;color:var(--gvi-blue);margin-bottom:calc(var(--u) * .2)}.notice-body{font-size:calc(var(--u) * .85);color:var(--ink);line-height:1.5}.qr-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .25)}.qr-box{width:calc(var(--u) * 4);height:calc(var(--u) * 4)}.qr-label{font-size:calc(var(--u) * .7);color:var(--muted);text-align:center;line-height:1.3}.notices-empty{color:var(--muted-2);font-size:calc(var(--u) * .95)}.progress-bar{height:3px;background:var(--line)}.progress-fill{height:100%;background:var(--gvi-blue);transition:width .3s linear}.ftr{background:var(--card);border-top:1px solid var(--line);padding:calc(var(--u) * .5) calc(var(--u) * 1.6);display:flex;justify-content:space-between;font-size:calc(var(--u) * .8);color:var(--muted-2)}.ftr .stale{color:var(--dn);font-weight:600}.loading,.error{display:flex;height:100vh;align-items:center;justify-content:center;color:var(--muted);font-size:calc(var(--u) * 1.2)}