:root{--navy:#1c3558;--navy2:#27466f;--bg:#f2f4f8;--card:#fff;--line:#d8dee8;--text:#1f2937;--mute:#667085;--blue:#1f5fae;--ok:#18794e;--bad:#b42318;--warn:#9a6700}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Segoe UI,Ubuntu,Noto Sans,Arial,sans-serif}.app{display:flex;min-height:100vh}.side{width:230px;background:var(--navy);color:#dbe5f3;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{padding:20px 18px;font-weight:700;font-size:16px;color:#fff;border-bottom:1px solid var(--navy2)}.brand small{display:block;font-weight:400;color:#9fb3cf;font-size:12px;margin-top:2px}.nav button{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;padding:12px 18px;font:inherit;cursor:pointer;border-left:3px solid transparent}.nav button:hover{background:var(--navy2)}.nav button.on{background:var(--navy2);color:#fff;border-left-color:#6fa8ee;font-weight:600}.side .foot{margin-top:auto;padding:14px 18px;display:grid;gap:8px;border-top:1px solid var(--navy2)}.side .foot button{background:transparent;border:1px solid #4a6a96;color:#dbe5f3;padding:7px;border-radius:4px;cursor:pointer;font:inherit}.side .foot button:hover{background:var(--navy2)}main{flex:1;padding:26px 32px;max-width:1200px}h1{font-size:21px;margin:0 0 4px}.sub{color:var(--mute);margin:0 0 20px}h2{font-size:15px;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:18px}.grid .card{margin:0}.k{color:var(--mute);font-size:12.5px}.v{font-size:28px;font-weight:700;margin:2px 0}.v.s{font-size:22px}.d{font-size:12.5px}.up{color:var(--ok)}.down{color:var(--bad)}.flat{color:var(--mute)}.note{background:#fff8e6;border:1px solid #f0d58a;color:#6b4e00;padding:8px 12px;border-radius:4px;font-size:13px;margin-bottom:16px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#eaeff6;font-weight:600;font-size:12.5px;color:#344054}td.n,th.n{text-align:right}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:6px;margin-bottom:18px}.tw table{margin:0}input[type=text],select{font:inherit;padding:6px 8px;border:1px solid #b9c3d3;border-radius:4px;background:#fff}input[type=text]{width:76px;text-align:right}input.wide{width:110px}input:focus,select:focus,button:focus-visible{outline:2px solid #6fa8ee;outline-offset:1px}.ok{color:var(--ok);font-weight:600}.bad{color:var(--bad);font-weight:600}.warn{color:var(--warn);font-weight:600}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin-bottom:12px}.row label{display:grid;gap:4px;font-size:12.5px;color:var(--mute)}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two .card{margin:0}.btn{background:var(--blue);color:#fff;border:0;padding:8px 14px;border-radius:4px;cursor:pointer;font:inherit}.bars{display:grid;gap:7px}.bar{display:grid;grid-template-columns:230px 1fr 58px;gap:10px;align-items:center;font-size:13px}.track{position:relative;height:14px;background:#e8edf4;border-radius:3px}.fill{height:100%;border-radius:3px;background:var(--blue)}.mark{position:absolute;top:-3px;bottom:-3px;width:2px;background:#b42318}.tag{display:inline-block;padding:1px 8px;border:1px solid var(--line);border-radius:10px;margin:2px 4px 2px 0;background:#f7f9fc}@media (max-width: 860px){.app{flex-direction:column}.side{width:100%;height:auto;position:static}.nav{display:flex;overflow-x:auto}.nav button{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.nav button.on{border-bottom-color:#6fa8ee}.side .foot{flex-direction:row;flex-wrap:wrap}main{padding:16px}.two{grid-template-columns:1fr}.bar{grid-template-columns:1fr 90px 50px}}