:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf5fb;background:#07121d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#0b2031 0,#07121d 42%,#06101a);min-width:320px}button{font:inherit}.app{display:grid;grid-template-columns:205px 1fr;min-height:100vh}aside{border-right:1px solid #173048;background:linear-gradient(180deg,#071522,#08131f);padding:22px 14px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;border-bottom:1px solid #183047}.brand svg{width:38px;height:38px;color:#ffd21f}.brand div{display:grid}.brand b{font-size:20px}.brand span{font-size:11px;color:#9db0c2;letter-spacing:.08em}nav{display:grid;gap:6px}nav button{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;color:#b9c8d6;font-size:14px;text-align:left;cursor:pointer}nav button svg{width:18px}nav button:hover{background:#0c2035;color:#dce8f2}nav button.active{background:#102a47;color:#70b6ff}.siteBox{margin-top:auto;border-top:1px solid #183047;padding:16px 10px 0;display:grid;gap:8px}.siteBox span{font-size:11px;color:#8297a9}.siteBox b{font-size:13px;color:#e9f4fb}.siteBox small{color:#96a8b8;line-height:1.5}main{padding:20px;min-width:0}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}h1,p{margin:0}h1{font-size:28px}header p{color:#9eb0c0;margin-top:4px;font-size:13px}.online{font-size:12px;color:#37df75;background:#0c2b20;padding:5px 9px;border-radius:999px;vertical-align:middle}.update{text-align:right;font-size:12px;color:#a8b7c5;line-height:1.7}.update span{color:#63e69c}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.stat,.panel{background:linear-gradient(180deg,#0c1b29,#091725);border:1px solid #18324a;border-radius:10px}.stat{padding:15px;min-height:168px;text-align:left;color:inherit;cursor:pointer;position:relative;transition:border-color .15s ease,transform .15s ease,background .15s ease}.stat:hover{border-color:#315d7e;background:linear-gradient(180deg,#102234,#0a1928);transform:translateY(-1px)}.stat:focus-visible,nav button:focus-visible,.mobileNav button:focus-visible,.chartToolbar button:focus-visible,.modalClose:focus-visible,.chart:focus-visible{outline:2px solid #64adff;outline-offset:2px}.statHead{display:flex;justify-content:space-between;color:#c8d6e2;font-size:13px}.statHead svg{width:22px;color:#6fb5ff}.stat strong{display:block;font-size:26px;color:#5d9cff;margin-top:13px}.stat:nth-child(1) strong,.stat:nth-child(3) strong{color:#38e079}.stat:nth-child(4) strong{color:#b66cff}.stat small{display:block;margin-top:12px;color:#bac8d4;line-height:1.5}.statMore{position:absolute;bottom:12px;left:15px;display:flex;align-items:center;gap:2px;color:#6f91ad;font-size:10px}.statMore svg{width:12px;height:12px}.dual{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:12px}.panel{padding:14px}.panelTitle{font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.panelTitle em{font-style:normal;font-size:11px;color:#6feb95;background:#102d1e;padding:3px 7px;border-radius:6px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{min-width:130px;display:grid;gap:5px;padding:10px;border:1px solid #1b4b37;background:#0a201d;border-radius:7px;color:#48df79;font-size:12px}.chips b{font-size:10px;color:#b7c8d4}.chartToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;background:#0a1825;border:1px solid #18324a;border-radius:10px}.chartToolbar span{font-size:12px;color:#9db0c0;margin-right:4px}.chartToolbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #27445d;background:#0c1b29;color:#aebfcd;border-radius:7px;padding:7px 10px;font-size:11px;cursor:pointer}.chartToolbar button:hover{border-color:#4b82ae;color:#dbe9f3}.chartToolbar button.active{background:#12375c;border-color:#4c9cff;color:#8fc4ff}.charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.chart{min-height:330px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.chart:hover{border-color:#315d7e;transform:translateY(-1px)}.chartExpanded{cursor:default;min-height:0}.chartExpanded:hover{transform:none}.chart svg{width:100%;height:240px;overflow:visible}.chartExpanded svg{height:auto;max-height:64vh}.chartActions{display:flex;align-items:center;gap:8px}.expandHint{display:flex;align-items:center;gap:4px;font-size:10px;color:#78baff;font-weight:600}.expandHint svg{width:14px;height:14px}.axisUnit{font-size:11px;color:#89a2b6;margin:-4px 0 4px 2px}.axisText{fill:#7f96aa;font-size:10px}.axisTitle{fill:#8da4b7;font-size:10px}.gridline{stroke:#163047;stroke-width:1}.line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.l0{stroke:#39d46b}.l1{stroke:#4c9cff}.l2{stroke:#f0a51a}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#a8bac8}.legend span{display:flex;gap:6px;align-items:center}.dot{width:8px;height:8px;display:inline-block;border-radius:2px}.dot.l0{background:#39d46b}.dot.l1{background:#4c9cff}.dot.l2{background:#f0a51a}.detailRows{display:grid}.detailRows>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #173047;font-size:12px}.detailRows>div:first-child{border-top:0}.detailRows span{color:#9db0c0}.detailRows b{color:#e1ebf2;text-align:right;font-weight:600}.viewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.viewGrid .wide{grid-column:1/-1}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px;margin-bottom:12px;border:1px solid #5d4720;background:#261d0d;border-radius:8px}.notice svg{color:#f4b73c;flex:0 0 auto}.notice b{display:block;margin-bottom:4px}.notice p{color:#c9b98e;line-height:1.5;font-size:12px}.historyTable{margin-top:12px}.tableWrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{text-align:right;padding:10px 12px;border-top:1px solid #173047;color:#b7c5d0}th{color:#8399aa;font-weight:600}th:first-child,td:first-child{text-align:left}.mobileNav{display:none}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080ec7;display:grid;place-items:center;padding:20px;z-index:50}.detailModal{width:min(560px,100%);max-height:85vh;overflow:auto;background:linear-gradient(180deg,#0d2031,#091725);border:1px solid #31506a;border-radius:14px;padding:20px;position:relative;box-shadow:0 20px 70px #00000073}.modalClose{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid #28445c;border-radius:8px;background:#0a1825;color:#b8c7d3;display:grid;place-items:center;cursor:pointer;z-index:3}.modalClose svg{width:18px}.detailHero{display:flex;gap:14px;align-items:center;padding:8px 44px 18px 0}.detailHero>span{width:52px;height:52px;border-radius:12px;background:#102b46;color:#71b8ff;display:grid;place-items:center}.detailHero svg{width:27px}.detailHero small{display:block;color:#9db0c0}.detailHero strong{display:block;font-size:32px;color:#69a8ff;margin-top:3px}.detailHero p{font-size:12px;color:#aabac7;margin-top:4px}.chartBackdrop{padding:24px}.expandedChartModal{width:min(1180px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#0d2031,#091725);border:1px solid #31506a;border-radius:14px;padding:22px;position:relative;box-shadow:0 20px 70px #00000080}.expandedToolbar{padding-right:46px}.expandedToolbar .chartToolbar{margin-top:0;margin-bottom:12px}footer{color:#71889a;font-size:11px;margin-top:12px}.loading{min-height:100vh;display:grid;place-items:center;color:#b9c8d4}.loading svg{vertical-align:middle}@media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.charts,.viewGrid{grid-template-columns:1fr}}@media(max-width:800px){.app{grid-template-columns:1fr}aside{display:none}main{padding:14px}header{flex-direction:column;margin-bottom:10px}.update{text-align:left}.mobileNav{display:flex;gap:7px;overflow-x:auto;padding:4px 0 12px;margin-bottom:4px;scrollbar-width:none}.mobileNav::-webkit-scrollbar{display:none}.mobileNav button{min-width:78px;border:1px solid #1d374d;background:#0a1825;color:#9eb0c0;border-radius:9px;padding:9px 8px;display:grid;justify-items:center;gap:3px;font-size:10px;cursor:pointer}.mobileNav button svg{width:18px}.mobileNav button.active{background:#102a47;border-color:#315d7e;color:#70b6ff}.stats{grid-template-columns:repeat(2,1fr)}.dual{grid-template-columns:1fr}.modalBackdrop{padding:10px;align-items:end}.detailModal{max-height:82vh;border-radius:14px 14px 8px 8px}.chartBackdrop{align-items:center;padding:8px}.expandedChartModal{width:100%;max-height:90vh;padding:14px 10px}.expandedChartModal .modalClose{top:8px;right:8px}.expandedToolbar{padding-right:42px}.chartExpanded svg{min-width:760px}.chartExpanded{overflow-x:auto}.chartExpanded .legend{position:sticky;left:0}.axisText,.axisTitle{font-size:11px}}@media(max-width:520px){main{padding:12px}.stats,.charts{grid-template-columns:1fr}.stat{min-height:145px}.detailRows>div{align-items:flex-start}.detailRows b{max-width:55%;word-break:break-word}h1{font-size:24px}.chart{min-height:310px}.chart svg{height:220px}.expandHint{font-size:11px}}