:root{--bg:#f7f8fb;--surface:#fff;--text:#182435;--sub:#758195;--stroke:#e6ebf2;--purple:#7967da;--green:#169c88;--navy:#192639;font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}
h1,h2,p{margin:0}h1{font-weight:800;font-size:clamp(28px,3.5vw,39px);letter-spacing:-.045em;line-height:1.2}h2{font-weight:800;font-size:17px;letter-spacing:-.03em}p{line-height:1.58}input,select{border:1px solid #e0e6f0;background:white;color:var(--text);height:45px;border-radius:11px;padding:0 13px;min-width:0;outline:0}input:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7563dd22}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:12px;background:#eceefa;color:var(--text);white-space:nowrap;transition:filter .15s,transform .15s}.btn:active{transform:translateY(1px)}.btn:hover{filter:brightness(.97);text-decoration:none}.btn.primary{background:var(--navy);color:white}.btn.outline{background:white;border-color:var(--stroke);box-shadow:0 3px 10px #26374908}
.logo{display:flex;gap:11px;align-items:center;white-space:nowrap}.spark{width:43px;height:43px;display:grid;place-items:center;color:#fff;font-size:26px;background:linear-gradient(135deg,#8474e5,#5b91df);border-radius:14px;box-shadow:0 8px 19px #7c6fda20}.logo div{display:flex;flex-direction:column;gap:3px}.logo strong{font-size:19px;letter-spacing:-.06em}.logo small{font-size:9px;letter-spacing:.20em;color:#8390a3;font-weight:800}
.eyebrow{display:block;letter-spacing:.17em;font-size:10px;font-weight:800;color:var(--purple);margin-bottom:11px}
.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 4% 12%,#dfe8ff 0,transparent 33%),radial-gradient(circle at 98% 98%,#e7e3ff 0,transparent 36%),#f7f8fb}
.auth-box{width:min(440px,100%);padding:38px;background:#fff;border:1px solid #e9e9f3;box-shadow:0 25px 90px #32376014;border-radius:26px}.auth-box .logo{margin-bottom:42px}.auth-box h1{margin-bottom:13px}.auth-box>p{color:var(--sub);font-size:13px;max-width:340px;margin-bottom:24px}.auth-box form{display:flex;flex-direction:column;gap:15px}.auth-box label{display:grid;gap:7px;font-size:12px;color:#556073;font-weight:700}.auth-box .btn{width:100%;justify-content:space-between;margin-top:5px;padding:14px 16px}#loginError{color:#c7425b;font-size:12px;min-height:16px}.auth-bottom{border-top:1px solid var(--stroke);padding-top:20px;margin-top:25px;font-size:11px;color:var(--sub)}
.header{height:76px;display:flex;align-items:center;gap:32px;justify-content:space-between;padding:0 clamp(18px,4vw,58px);background:white;border-bottom:1px solid var(--stroke)}
.nav{display:flex;align-self:stretch;gap:4px;align-items:center}.nav-btn{background:none;border:0;color:#7b8799;font-weight:700;font-size:12px;min-height:42px;border-radius:10px;padding:0 17px}.nav-btn:hover{background:#f3f5fa}.nav-btn.selected{background:#ecebfc;color:#6556ba}.header-actions{display:flex;align-items:center;gap:13px}.online{font-weight:700;color:#596a76;font-size:11px;white-space:nowrap}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#37bd9a;margin-right:6px}.iconbtn{font-size:21px;min-height:36px;padding:6px 12px;background:#f0f2f8}
.container{max-width:1450px;padding:37px clamp(18px,4vw,58px) 28px;margin:0 auto}.topline{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:27px}.topline .subtitle{margin-top:10px;color:var(--sub);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{padding:23px 22px;background:var(--surface);border:1px solid var(--stroke);border-radius:18px;min-height:165px}.stat.dark{background:#202d45;border-color:#202d45;color:#fff}.stat-caption{font-weight:700;font-size:11px;color:#758295;display:flex;justify-content:space-between;gap:5px}.stat-caption span{font-size:17px;opacity:.6}.dark .stat-caption{color:#c6cbdf}.stat-number{font-size:clamp(22px,2.4vw,34px);font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-weight:800;margin:26px 0 9px;overflow-wrap:anywhere}.stat-foot{color:#9aa5b4;font-size:10px}.dark .stat-foot{color:#adb8cd}
.info-band{display:flex;gap:14px;background:#efeffd;border:1px solid #dedff5;border-radius:16px;padding:18px 21px;margin-top:19px;color:#2f3558}.info-band strong{font-size:13px}.info-band p{font-size:12px;margin-top:5px;color:#6e7191}.info-band b{color:#49437d}.info-symbol{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;background:#dddafa;color:#6d62ba;font-weight:800;border-radius:9px;font-size:14px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:34px 0 16px}.section-head p,.panel-head p{font-size:12px;color:var(--sub);margin-top:5px}.timestamp{font-size:11px;color:#8290a1}.key-grid,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.key-card,.panel{min-width:0;border:1px solid var(--stroke);background:white;padding:22px;border-radius:18px;box-shadow:0 3px 17px #263b4c05}.key-top{display:flex;align-items:center;gap:11px}.key-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;font-size:20px}.lavender{background:#efebfd;color:#8068d9}.mint{background:#e7f5f3;color:#199982}.key-top>div{display:grid;gap:5px}.key-top strong{font-size:14px}.key-top small{color:var(--sub);font-size:11px}.connection{margin-left:auto;border-radius:20px;background:#f0f3f7;color:#728094;padding:6px 9px;font-size:10px;font-weight:800;max-width:40%;overflow-wrap:anywhere}.connection.ok{background:#e3f7ef;color:#168f72}.connection.bad{background:#fff1ef;color:#c05c55}.key-total{font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:27px;margin-top:19px}.key-card>p{font-size:12px;color:var(--sub);margin-top:4px}
.two-col{margin:18px 0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel{margin-bottom:16px}.textbutton{border:0;background:none;color:#7969c8;font-size:12px;font-weight:800;padding:5px}.bar-list{display:grid;gap:15px}.barrow{display:grid;gap:7px}.barlabel{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}.barlabel span{color:#77849b;font-weight:600;font-variant-numeric:tabular-nums}.barbg{width:100%;height:7px;border-radius:10px;background:#eff2fa;overflow:hidden}.barfill{height:100%;background:linear-gradient(90deg,#a59bee,#6d95e5);border-radius:10px}.metric{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--stroke);padding:11px 0;font-size:12px}.metric span{color:#78849a}.metric b{font-variant-numeric:tabular-nums;text-align:right}.footnote{font-size:11px;color:#9aa4b3;margin-top:14px}.scrolltable{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;min-width:660px}th{text-align:left;padding:10px 10px 13px;border-bottom:1px solid var(--stroke);color:#91a0b3;font-size:10px;font-weight:800;white-space:nowrap}td{padding:14px 10px;border-bottom:1px solid #eef1f6;font-size:11px;font-variant-numeric:tabular-nums;color:#4e5b6d;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td.money{font-weight:800;color:#197e6f}.pill{display:inline-block;border-radius:7px;padding:5px 7px;background:#f0eefb;color:#7166b2;font-weight:700;font-size:10px}.pill.codex{background:#e7f4f4;color:#358f8a}
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px}.filters label{display:grid;gap:7px;font-weight:700;font-size:11px;color:#768497}.filters select{min-width:160px}.filters .search{flex:1}.filters .search input{width:100%;min-width:170px}.message{background:#fff3df;color:#725b33;border:1px solid #f1dfb9;padding:13px 15px;border-radius:12px;margin-bottom:15px;font-size:12px}.message.good{background:#e9faf2;color:#248268;border-color:#c4eddb}
footer{margin:25px 0 5px;display:flex;justify-content:space-between;gap:10px;color:#9aa4b5;font-size:11px}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header{gap:14px}.nav-btn{padding:0 11px}}
@media(max-width:720px){.header{height:auto;min-height:64px;padding:13px 17px 8px;flex-wrap:wrap;gap:10px}.header .logo{flex:1}.header-actions .online{display:none}.header .nav{order:3;width:100%;display:flex;overflow:auto;gap:3px}.nav-btn{flex:1}.container{padding:26px 16px 15px}.topline{align-items:flex-start}.topline h1{font-size:29px}.topline .btn{padding:10px 12px}.key-grid,.two-col{grid-template-columns:1fr}.section-head{margin-top:26px}.key-card,.panel{padding:18px}.stat-grid{gap:10px}.stat{padding:17px;min-height:142px}.stat-number{margin:19px 0 8px;font-size:clamp(19px,5vw,27px)}.stat-caption{font-size:10px}.info-band{padding:14px}.filters label{min-width:125px}.filters .search{flex-basis:100%}.timestamp{font-size:10px}}
@media(max-width:425px){.auth-box{padding:26px 21px}.auth-box .logo{margin-bottom:33px}.auth-box h1{font-size:29px}.stat-number{font-size:20px}.stat-foot{font-size:9px}.topline{gap:10px}.topline .btn{max-width:110px;white-space:normal;font-size:11px}.footer{display:block}footer{flex-direction:column}.info-band p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}