@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08090e;--bg2:#0c0e17;--surface:#0f1219;--s2:#141820;--s3:#1a2030;--border:#1c2236;--b2:#232d42;--text:#e8ecf4;--sub:#7c8a9e;--dim:#3f4d60;--G:#00d68f;--R:#f5476b;--Y:#f0a500;--B:#3d8ef8;--P:#9b72f8;--C:#06b6d4;--Ga:rgba(0,214,143,.07);--Gb:rgba(0,214,143,.18);--Gc:rgba(0,214,143,.35);--Ra:rgba(245,71,107,.07);--Rb:rgba(245,71,107,.18);--Ya:rgba(240,165,0,.07);--Yb:rgba(240,165,0,.18);--Ba:rgba(61,142,248,.07);--Bb:rgba(61,142,248,.18);--Pa:rgba(155,114,248,.07);--Pb:rgba(155,114,248,.18);--font:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--sw:232px;--th:52px;--r:10px;--r2:14px;--r3:18px}html{font-size:13px}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--sub)}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sw);background:var(--bg2);border-right:1px solid var(--border);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:200;overflow:hidden}.sidebar:before{content:"";position:absolute;top:-60px;left:-30px;width:200px;height:200px;background:radial-gradient(circle,rgba(240,165,0,.09) 0,transparent 65%);pointer-events:none;z-index:0}.sidebar-logo{height:var(--th);padding:0 18px;gap:11px;border-bottom:1px solid var(--border);text-decoration:none;position:relative;z-index:1}.logo-icon,.sidebar-logo{display:flex;align-items:center;flex-shrink:0}.logo-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#f5b731,#d4860a);justify-content:center;box-shadow:0 0 0 1px rgba(240,165,0,.3),0 4px 16px rgba(240,165,0,.25)}.logo-text{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.5px;line-height:1}.logo-sub{font-size:10px;color:var(--dim);margin-top:2px;letter-spacing:.5px;text-transform:uppercase;font-weight:500}.sidebar-nav{flex:1 1;padding:8px 10px;overflow-y:auto;position:relative;z-index:1}.nav-section{padding:14px 8px 5px;font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--sub);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s;position:relative;margin-bottom:2px}.nav-item:hover{background:rgba(255,255,255,.04);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,rgba(240,165,0,.13),rgba(240,165,0,.04));color:var(--Y);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--Y);border-radius:0 3px 3px 0;box-shadow:0 0 10px rgba(240,165,0,.6)}.nav-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.45;transition:opacity .12s}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.sidebar-footer{padding:10px 10px 12px;border-top:1px solid var(--border);flex-shrink:0;position:relative;z-index:1}.lang-switcher{display:flex;gap:4px;margin-bottom:8px}.lang-btn{flex:1 1;padding:6px 0;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;transition:all .12s;font-family:var(--font);letter-spacing:.3px}.lang-btn-inactive{background:transparent;border:1px solid var(--border);color:var(--dim)}.lang-btn-inactive:hover{background:var(--s2);color:var(--sub)}.lang-btn-active{background:var(--Ya);border:1px solid var(--Yb);color:var(--Y)}.mode-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:9px;font-size:12px;font-weight:500;color:var(--sub)}.mode-label{flex:1 1}.mode-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-paper{background:var(--B);box-shadow:0 0 8px rgba(61,142,248,.6)}.dot-shadow{background:var(--Y);box-shadow:0 0 8px rgba(240,165,0,.6)}.dot-live{background:var(--G);box-shadow:0 0 8px rgba(0,214,143,.7);animation:liveBlink 1.6s infinite}@keyframes liveBlink{0%,to{opacity:1;box-shadow:0 0 8px rgba(0,214,143,.7)}50%{opacity:.35;box-shadow:0 0 3px rgba(0,214,143,.2)}}.main{flex:1 1;margin-left:var(--sw);display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--th);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;background:rgba(8,9,14,.8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:-webkit-sticky;position:sticky;top:0;z-index:100;flex-shrink:0}.topbar-title{font-size:14px;font-weight:700;letter-spacing:-.3px;flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sep{width:1px;height:14px;background:var(--b2);flex-shrink:0}.topbar-clock{font-size:12px;font-family:var(--mono);color:var(--dim);flex-shrink:0;letter-spacing:.3px}.topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.topbar-badge{padding:3px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.8px;font-family:var(--mono);flex-shrink:0}.page{padding:20px 24px;flex:1 1}.ks-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r2);margin-bottom:20px;border:1px solid;font-size:13px;font-weight:500;flex-wrap:wrap}.ks-ok{background:rgba(0,214,143,.05);border-color:rgba(0,214,143,.15);color:var(--G)}.ks-active{background:rgba(245,71,107,.07);border-color:rgba(245,71,107,.2);color:var(--R)}.ks-status{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0}.ks-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ks-dot.ok{background:var(--G);box-shadow:0 0 8px rgba(0,214,143,.5);animation:liveBlink 2s infinite}.ks-dot.active{background:var(--R);box-shadow:0 0 8px rgba(245,71,107,.5)}.hero-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.hero-card{border-radius:var(--r3);padding:22px 24px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;cursor:default}.hero-card:hover{transform:translateY(-2px)}.hero-card.accent-green{background:linear-gradient(145deg,rgba(0,214,143,.06) 0,var(--surface) 60%);border:1px solid rgba(0,214,143,.2);box-shadow:0 0 0 0 transparent,inset 0 1px 0 rgba(0,214,143,.15)}.hero-card.accent-red{background:linear-gradient(145deg,rgba(245,71,107,.06) 0,var(--surface) 60%);border:1px solid rgba(245,71,107,.2);box-shadow:inset 0 1px 0 rgba(245,71,107,.15)}.hero-card.accent-blue{background:linear-gradient(145deg,rgba(61,142,248,.06) 0,var(--surface) 60%);border:1px solid rgba(61,142,248,.2);box-shadow:inset 0 1px 0 rgba(61,142,248,.15)}.hero-card.accent-yellow{background:linear-gradient(145deg,rgba(240,165,0,.06) 0,var(--surface) 60%);border:1px solid rgba(240,165,0,.2);box-shadow:inset 0 1px 0 rgba(240,165,0,.15)}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:1}.hero-card.accent-green:before{background:linear-gradient(90deg,var(--G) 0,transparent 65%)}.hero-card.accent-red:before{background:linear-gradient(90deg,var(--R) 0,transparent 65%)}.hero-card.accent-blue:before{background:linear-gradient(90deg,var(--B) 0,transparent 65%)}.hero-card.accent-yellow:before{background:linear-gradient(90deg,var(--Y) 0,transparent 65%)}.hero-card:after{content:"";position:absolute;bottom:-20px;right:-20px;width:140px;height:140px;border-radius:50%;pointer-events:none}.hero-card.accent-green:after{background:radial-gradient(circle,rgba(0,214,143,.09) 0,transparent 70%)}.hero-card.accent-red:after{background:radial-gradient(circle,rgba(245,71,107,.09) 0,transparent 70%)}.hero-card.accent-blue:after{background:radial-gradient(circle,rgba(61,142,248,.09) 0,transparent 70%)}.hero-card.accent-yellow:after{background:radial-gradient(circle,rgba(240,165,0,.09) 0,transparent 70%)}.hero-icon{position:absolute;top:20px;right:20px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;opacity:.25}.hero-card.accent-green .hero-icon{background:var(--Ga);color:var(--G)}.hero-card.accent-red .hero-icon{background:var(--Ra);color:var(--R)}.hero-card.accent-blue .hero-icon{background:var(--Ba);color:var(--B)}.hero-card.accent-yellow .hero-icon{background:var(--Ya);color:var(--Y)}.hero-label{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-bottom:12px}.hero-label,.hero-value{position:relative;z-index:1}.hero-value{font-size:34px;font-weight:800;letter-spacing:-2px;font-family:var(--mono);line-height:1;margin-bottom:10px}.hero-sub{font-size:11.5px;color:var(--sub);display:flex;align-items:center;gap:6px;flex-wrap:wrap;position:relative;z-index:1}.hero-change{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;font-family:var(--mono);padding:2px 8px;border-radius:5px}.hero-change.up{background:var(--Ga);color:var(--G)}.hero-change.down{background:var(--Ra);color:var(--R)}.metrics-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:16px 18px;position:relative;overflow:hidden;transition:border-color .15s,transform .15s}.metric-card:hover{transform:translateY(-1px)}.metric-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:var(--r2) 0 0 var(--r2)}.metric-card.ml-green{border-color:rgba(0,214,143,.18)}.metric-card.ml-green:before{background:var(--G);box-shadow:2px 0 14px rgba(0,214,143,.3)}.metric-card.ml-red{border-color:rgba(245,71,107,.18)}.metric-card.ml-red:before{background:var(--R);box-shadow:2px 0 14px rgba(245,71,107,.3)}.metric-card.ml-blue{border-color:rgba(61,142,248,.18)}.metric-card.ml-blue:before{background:var(--B);box-shadow:2px 0 14px rgba(61,142,248,.3)}.metric-card.ml-yellow{border-color:rgba(240,165,0,.18)}.metric-card.ml-yellow:before{background:var(--Y);box-shadow:2px 0 14px rgba(240,165,0,.3)}.metric-card.ml-purple{border-color:rgba(155,114,248,.18)}.metric-card.ml-purple:before{background:var(--P);box-shadow:2px 0 14px rgba(155,114,248,.3)}.metric-label{font-size:9.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.metric-value{font-size:22px;font-weight:700;letter-spacing:-.8px;font-family:var(--mono);line-height:1}.metric-sub{font-size:10.5px;color:var(--dim);margin-top:5px}.wr-bar{height:4px;background:rgba(255,255,255,.05);margin-top:10px;overflow:hidden}.wr-bar,.wr-fill{border-radius:2px}.wr-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.wr-fill.green{background:linear-gradient(90deg,var(--G),rgba(0,214,143,.3))}.wr-fill.red{background:linear-gradient(90deg,var(--R),rgba(245,71,107,.3))}.wr-fill.blue{background:linear-gradient(90deg,var(--B),rgba(61,142,248,.3))}.section{margin-bottom:20px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:6px}.section-title{font-size:14px;font-weight:700;letter-spacing:-.3px}.section-sub{font-size:12px;color:var(--sub)}.view-all{font-size:12px;color:var(--B);text-decoration:none;display:flex;align-items:center;gap:3px;transition:opacity .12s;font-weight:500;flex-shrink:0}.view-all:hover{opacity:.7}.tbl-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow-x:auto;margin-bottom:14px}.tbl-head{padding:13px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}table{width:100%;border-collapse:collapse;min-width:480px}thead tr{background:linear-gradient(180deg,var(--s2) 0,rgba(15,18,25,.4) 100%)}th{padding:10px 16px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--dim);border-bottom:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}td,th{white-space:nowrap}td{padding:12px 16px;font-size:12.5px;border-bottom:1px solid rgba(28,34,54,.7);color:var(--text)}tr:last-child td{border-bottom:none}tbody tr{transition:background .07s}tbody tr:hover td{background:rgba(255,255,255,.025)}tbody tr.row-long td:first-child{border-left:2px solid var(--G)}tbody tr.row-short td:first-child{border-left:2px solid var(--R)}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.3px;font-family:var(--mono);white-space:nowrap}.badge-green{background:var(--Ga);color:var(--G);border:1px solid var(--Gb)}.badge-red{background:var(--Ra);color:var(--R);border:1px solid var(--Rb)}.badge-yellow{background:var(--Ya);color:var(--Y);border:1px solid var(--Yb)}.badge-blue{background:var(--Ba);color:var(--B);border:1px solid var(--Bb)}.badge-purple{background:var(--Pa);color:var(--P);border:1px solid var(--Pb)}.badge-gray{background:rgba(60,72,88,.18);color:var(--sub);border:1px solid rgba(60,72,88,.3)}.badge-cyan{background:rgba(6,182,212,.07);color:var(--C);border:1px solid rgba(6,182,212,.2)}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:8px;border:1px solid var(--b2);background:var(--s2);color:var(--text);font-size:12.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .12s;white-space:nowrap;flex-shrink:0;letter-spacing:-.1px}.btn:hover:not(:disabled){background:var(--s3);border-color:var(--sub)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-sm{padding:5px 11px;font-size:11.5px;border-radius:7px}.btn-green{background:var(--Ga);border-color:var(--Gb);color:var(--G)}.btn-green:hover:not(:disabled){background:rgba(0,214,143,.12);border-color:var(--Gc)}.btn-red{background:var(--Ra);border-color:var(--Rb);color:var(--R)}.btn-red:hover:not(:disabled){background:rgba(245,71,107,.14)}.btn-yellow{background:var(--Ya);border-color:var(--Yb);color:var(--Y)}.btn-yellow:hover:not(:disabled){background:rgba(240,165,0,.14)}.btn-blue{background:var(--Ba);border-color:var(--Bb);color:var(--B)}.btn-blue:hover:not(:disabled){background:rgba(61,142,248,.14)}.btn-primary{background:linear-gradient(135deg,#f5b731,#d4860a);border:1px solid rgba(240,165,0,.4);color:#000;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 16px rgba(240,165,0,.2)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#fbca3c,#f0a500);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 6px 20px rgba(240,165,0,.3)}.btn-group{display:flex;gap:6px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);margin-bottom:8px}.card-value{font-size:22px;font-weight:700;letter-spacing:-1px;font-family:var(--mono)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:16px;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:var(--b2);transform:translateY(-1px)}.stat-label{font-size:10px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.stat-value{font-size:22px;font-weight:700;letter-spacing:-.8px;line-height:1;font-family:var(--mono)}.stat-sub{font-size:11px;color:var(--sub);margin-top:6px}.stat-change{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:600;font-family:var(--mono);margin-top:5px}.stat-change.up{color:var(--G)}.stat-change.down{color:var(--R)}input[type=datetime-local],input[type=number],input[type=text],select{background:var(--s2);border:1px solid var(--b2);color:var(--text);padding:8px 12px;border-radius:8px;font-family:var(--font);font-size:13px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}input:focus,select:focus{border-color:rgba(240,165,0,.4);box-shadow:0 0 0 3px rgba(240,165,0,.07)}select option{background:var(--s2)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.form-field label{display:block;font-size:10px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto}.tab{padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer;color:var(--sub);border:none;border-bottom:2px solid transparent;background:none;font-family:var(--font);transition:color .12s,border-color .12s;margin-bottom:-1px;white-space:nowrap;flex-shrink:0}.tab:hover{color:var(--text)}.tab.active{color:var(--Y);border-bottom-color:var(--Y);font-weight:600}.metrics-3{grid-template-columns:repeat(3,1fr)}@media (max-width:540px){.metrics-3{grid-template-columns:1fr 1fr}}.split{display:grid;grid-gap:14px;gap:14px}.split-2{grid-template-columns:1fr 1fr}.split-3-1{grid-template-columns:1fr 340px}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}.detail-header{padding:13px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--s2),var(--surface))}.detail-header-title{font-size:13px;font-weight:600}.detail-body{padding:14px 18px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(28,34,54,.8);font-size:12.5px;gap:12px}.detail-row:last-child{border-bottom:none}.detail-row-key{color:var(--sub);flex-shrink:0}.detail-row-val{font-weight:500;text-align:right;word-break:break-all}.error-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(245,71,107,.06);border:1px solid rgba(245,71,107,.2);border-radius:var(--r);color:var(--R);font-size:12.5px;margin-bottom:16px;flex-wrap:wrap}.empty{text-align:center;padding:56px 24px;color:var(--sub);font-size:13px}.empty-icon{width:48px;height:48px;border-radius:14px;background:var(--s2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;opacity:.5}.empty-title{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:6px}.empty-sub{font-size:12px;color:var(--dim)}.score-bar{height:4px;border-radius:2px;background:rgba(255,255,255,.05);margin-top:6px;overflow:hidden}.score-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--R),var(--Y) 50%,var(--G));transition:width .4s}.check-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.check-row:last-child{border-bottom:none}.check-icon{width:20px;text-align:center}.check-label{flex:1 1}.check-value{color:var(--sub);font-size:12px;font-family:var(--mono)}.tbl-title{padding:13px 18px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:linear-gradient(180deg,var(--s2),var(--surface))}.divider{height:1px;background:var(--border);margin:16px 0}.close-btn{background:none;border:none;color:var(--dim);cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;flex-shrink:0;display:flex;align-items:center;transition:all .1s}.close-btn:hover{background:var(--s2);color:var(--text)}.green{color:var(--G)!important}.red{color:var(--R)!important}.yellow{color:var(--Y)!important}.blue{color:var(--B)!important}.purple{color:var(--P)!important}.cyan{color:var(--C)!important}.muted{color:var(--sub)!important}.mono{font-family:var(--mono)}.bold{font-weight:700}.nowrap{white-space:nowrap}.mobile-topbar{display:none;height:var(--th);padding:0 16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(8,9,14,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:-webkit-sticky;position:sticky;top:0;z-index:100;flex-shrink:0}.hamburger{background:none;border:none;color:var(--text);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:background .1s}.hamburger:hover{background:var(--s2)}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199}.sidebar-mobile{display:none;position:fixed;top:0;left:0;height:100vh;width:var(--sw);background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;z-index:200;transform:translateX(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar-mobile.open{transform:translateX(0)}.sidebar-close-btn{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--sub);cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;transition:all .1s}.sidebar-close-btn:hover{background:var(--s2);color:var(--text)}@media (max-width:768px){:root{--sw:260px}.sidebar-desktop{display:none!important}.mobile-topbar{display:flex}.mobile-overlay{display:block}.sidebar-mobile{display:flex}.main{margin-left:0}.page{padding:14px 16px}.hero-grid,.split-2,.split-3-1{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(3,1fr)}.cards,.stats-grid{grid-template-columns:repeat(2,1fr)}table{min-width:540px}.topbar{padding:0 16px;gap:8px}.topbar-clock,.topbar-sep{display:none}.hero-value{font-size:26px}.metric-value,.stat-value{font-size:19px}.cards>:last-child:nth-child(odd),.stats-grid>:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:540px){.page{padding:12px}.metrics-row{grid-template-columns:repeat(2,1fr)}.metrics-row>:last-child:nth-child(odd){grid-column:1/-1}.hero-value{font-size:22px}.hero-card{padding:18px}table{min-width:400px}}@media (min-width:769px){.mobile-overlay,.mobile-topbar,.sidebar-mobile{display:none!important}.sidebar-desktop{display:flex!important}}