*{box-sizing:border-box}body{color:#e8edf5;background:#070a10;margin:0;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 78% -12%,#39246a33,#0000 30%),linear-gradient(135deg,#070a10,#0a0e17 55%,#090c13);min-height:100vh;display:flex}.sidebar{z-index:10;background:#0a0e16ee;border-right:1px solid #1d2735;width:240px;padding:18px 13px;position:fixed;inset:0 auto 0 0}.brand,.brandBig{align-items:center;gap:10px;display:flex}.brand{padding:5px 7px 22px}.brandMark{background:linear-gradient(135deg,#8b5cf6,#5b3aa8);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:0 0 22px #8b5cf633}.brand b,.brand span,.profile b,.profile span{display:block}.brand b{font-size:13px}.brand span{color:#69768a;margin-top:3px;font-size:9px}.navGroup{margin:13px 0}.navGroup label{text-transform:uppercase;letter-spacing:.15em;color:#536075;padding:0 9px 6px;font-size:8px;display:block}.navItem{color:#8996a9;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;margin:2px 0;padding:8px 9px;font-size:10px;display:flex}.navItem:hover{color:#fff;background:#111927}.navItem.active{color:#fff;background:#171329;box-shadow:inset 2px 0 #8b5cf6}.sideFoot{color:#687589;align-items:center;gap:7px;padding-left:9px;font-size:9px;display:flex;position:absolute;bottom:18px}.online{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #22c55e}main{width:calc(100% - 240px);margin-left:240px}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8;background:#090d15e8;border-bottom:1px solid #1d2735;align-items:center;height:62px;padding:0 26px;display:flex;position:sticky;top:0}.globalSearch{color:#657287;background:#0d131d;border:1px solid #202c3d;border-radius:8px;align-items:center;gap:8px;width:350px;padding:8px 10px;display:flex}.globalSearch input{color:#e8edf5;background:0 0;border:0;outline:0;width:100%;font-size:10px}.topRight{align-items:center;gap:14px;margin-left:auto;display:flex}.iconBtn{color:#9aa7b9;background:#0d131d;border:1px solid #253143;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.notifWrap{position:relative}.dot{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.notifPanel{z-index:30;background:#101722;border:1px solid #2a3749;border-radius:10px;width:300px;padding:10px;position:absolute;top:42px;right:0;box-shadow:0 20px 60px #0009}.notifHead{border-bottom:1px solid #222e3e;justify-content:space-between;padding:6px 5px 10px;font-size:10px;display:flex}.notifHead button{color:#a78bfa;background:0 0;border:0;font-size:9px}.notification{border-bottom:1px solid #202b39;gap:9px;padding:11px 5px;display:flex}.notification svg{color:#f59e0b;width:15px}.notification b,.notification span{font-size:9px;display:block}.notification span{color:#6d798b;margin-top:3px}.profile{cursor:pointer;align-items:center;gap:8px;display:flex}.avatar{color:#c4b5fd;background:#251c39;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;display:grid}.profile b{font-size:9px}.profile span{color:#657286;margin-top:2px;font-size:8px}.content{max-width:1500px;margin:auto;padding:27px}.pageHead{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#a78bfa;letter-spacing:.16em;margin-bottom:7px;font-size:8px;font-weight:700}h1{letter-spacing:-.03em;margin:0 0 5px;font-size:25px}h2{margin:0 0 5px;font-size:13px}h3{font-size:11px}.pageHead p,.muted{color:#6d798c;margin:0;font-size:10px}.btn{color:#b9c3d1;background:#101722;border:1px solid #273448;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:inline-flex}.btn.primary{color:#fff;background:#7546d6;border-color:#8b5cf6}.btn:hover{border-color:#53647b}.btn.primary:hover{background:#8554e8}.btn:disabled{opacity:.5;cursor:not-allowed}.grid4{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.kpi,.card{background:linear-gradient(145deg,#111823f5,#0d131cf5);border:1px solid #202c3b;border-radius:10px}.kpi{padding:14px}.kpiTop{align-items:center;gap:7px;font-size:9px;display:flex}.iconBox{color:#a78bfa;background:#18152a;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.kpiValue{margin:12px 0 5px;font-size:23px;font-weight:700}.change{color:#4ade80;align-items:center;gap:3px;font-size:9px;display:flex}.change.down{color:#f87171}.twoCol{grid-template-columns:1.5fr 1fr;gap:13px;margin-bottom:13px;display:grid}.card{padding:16px}.sectionHead{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.chart{height:260px}.attention>div{border-bottom:1px solid #202b38;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:11px 0;display:grid}.attention svg{color:#f59e0b;width:15px}.attention b,.attention small{font-size:9px;display:block}.attention small{color:#68768a;margin-top:3px}.badge{color:#9aa6b8;white-space:nowrap;background:#171e29;border:1px solid #2b3747;border-radius:20px;padding:4px 7px;font-size:8px}.badge.good{color:#4ade80;background:#102219;border-color:#1b452d}.badge.grow{color:#c4b5fd;background:#1b1530;border-color:#3b2861}.badge.risk{color:#fb7185;background:#29151d;border-color:#54252f}.badge.accent{color:#c4b5fd;background:#211737;border-color:#49306f}.feed{border-bottom:1px solid #202b38;gap:10px;padding:11px 0;display:flex}.feedDot{background:#8b5cf6;border-radius:50%;width:6px;height:6px;margin-top:4px}.feed b,.feed small{font-size:9px;display:block}.feed small{color:#657286;margin-top:3px}.signalGrid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.signalGrid>div{background:#0d131d;border:1px solid #202b38;border-radius:8px;padding:12px}.signalGrid span,.signalGrid small{color:#6b788b;font-size:8px;display:block}.signalGrid b{margin:8px 0 3px;font-size:17px;display:block}.tableCard{padding:0;overflow:hidden}.toolbar{border-bottom:1px solid #202b38;align-items:center;gap:10px;padding:13px;display:flex}.search{color:#687589;background:#0d131d;border:1px solid #253143;border-radius:8px;align-items:center;gap:7px;width:310px;padding:8px 10px;display:flex}.search input{color:#e8edf5;background:0 0;border:0;outline:0;width:100%;font-size:10px}table{border-collapse:collapse;width:100%;font-size:9px}th{text-align:left;color:#647286;background:#0c121b;font-weight:500}th,td{border-bottom:1px solid #1c2734;padding:11px 14px}td{color:#aeb8c7}td b,td small{display:block}td b{color:#e3e8f0}td small{color:#657286;margin-top:3px;font-size:7px}.actions{gap:5px;display:flex}.actions button{color:#8e9bad;background:#0d131d;border:1px solid #243044;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.tabs,.metricTabs{border-bottom:1px solid #202b39;gap:2px;margin-bottom:13px;display:flex}.tabs button,.metricTabs button{color:#68768a;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-size:9px}.tabs button.active,.metricTabs button.active{color:#c4b5fd;border-color:#8b5cf6}.progressLine{grid-template-columns:1fr 45px;align-items:center;gap:7px;margin:14px 0;font-size:9px;display:grid}.progressLine b{text-align:right}.progressLine>div{background:#1a2431;border-radius:10px;grid-column:1/3;height:5px}.progressLine i,.qualityBar i{background:#8b5cf6;border-radius:10px;height:100%;display:block}.queue,.reason,.role{border-bottom:1px solid #202b38;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:9px;display:flex}.reason{align-items:flex-start}.reason span{color:#6c788a;flex:1}.textBtn{color:#a78bfa;background:0 0;border:0;align-items:center;gap:3px;font-size:9px;display:flex}.barSmall{height:190px}.miniChart{min-height:250px}.aiExplainer{color:#a78bfa;background:linear-gradient(110deg,#17112a,#101621);border:1px solid #34265a;border-radius:10px;align-items:flex-start;gap:13px;margin-bottom:13px;padding:16px;display:flex}.aiExplainer p{color:#8b96a8;margin:5px 0;font-size:10px;line-height:1.55}.ask{margin:18px 0 10px;display:flex}.ask input{color:#fff;background:#0d131d;border:1px solid #273447;border-radius:8px 0 0 8px;outline:0;flex:1;padding:10px;font-size:10px}.ask button{color:#fff;background:#7c3aed;border:0;border-radius:0 8px 8px 0;padding:0 15px;font-size:10px}.answer{background:#0d131d;border:1px solid #2d2549;border-radius:8px;padding:13px}.answer h3{margin:9px 0 5px}.answer p{color:#8b96a8;font-size:9px;line-height:1.6}.aiSignal{border-bottom:1px solid #202b38;padding:13px 0}.aiSignal b,.aiSignal span{display:block}.aiSignal span{color:#6d798b;margin:4px 0 8px;font-size:9px}.updateList{padding:0}.update{border-bottom:1px solid #202b38;align-items:flex-start;gap:12px;padding:15px;display:flex}.updateIcon{color:#c4b5fd;background:#211737;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.updateIcon.tech{color:#fbbf24;background:#1e1a2d}.updateIcon.resolved{color:#4ade80;background:#102219}.updateBody{flex:1}.updateBody>div{align-items:center;gap:8px;display:flex}.updateBody b{font-size:10px}.updateBody p{color:#748094;margin:6px 0;font-size:9px;line-height:1.5}.updateBody small{color:#59677b;font-size:8px}.updateActions{gap:5px;display:flex}.updateActions button{color:#a78bfa;background:#0d131d;border:1px solid #273448;border-radius:6px;padding:6px 8px;font-size:8px}.modalOverlay,.overlay{z-index:40;background:#000a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#0e141e;border:1px solid #2a3748;border-radius:12px;width:430px;max-width:94vw;padding:18px;box-shadow:0 30px 90px #000c}.modalHead{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.form{flex-direction:column;gap:11px;display:flex}.form label{color:#7b8799;font-size:9px}.form input{color:#fff;background:#0a1018;border:1px solid #273447;border-radius:7px;outline:0;width:100%;margin-top:5px;padding:9px;font-size:10px;display:block}.drawer{background:#0c111a;border-left:1px solid #293446;width:430px;max-width:95vw;height:100%;padding:20px;overflow:auto;box-shadow:-25px 0 70px #0008}.overlay{justify-content:flex-end;align-items:stretch}.drawerHead{justify-content:space-between;display:flex}.drawerHead h2{margin:0 0 4px;font-size:17px}.score{background:#111823;border:1px solid #202c3b;border-radius:8px;margin-top:18px;padding:12px}.score span,.score strong{display:block}.score strong{margin:6px 0;font-size:24px}.qualityBar{background:#1b2532;border-radius:8px;height:5px;margin:9px 0}.miniGrid{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.miniGrid div{background:#111823;border:1px solid #202c3b;border-radius:8px;padding:11px}.miniGrid b,.miniGrid span{display:block}.miniGrid b{font-size:17px}.miniGrid span{color:#6c788b;margin-top:3px;font-size:8px}.insight{color:#a78bfa;background:#17112a;border:1px solid #34265a;border-radius:8px;gap:9px;padding:12px;display:flex}.insight p{color:#9ca6b5;margin:0;font-size:9px;line-height:1.55}.login{background:radial-gradient(circle at 70% 0,#48277a33,#0000 35%),#070a10;place-items:center;min-height:100vh;display:grid}.loginCard{background:#101620;border:1px solid #263246;border-radius:13px;width:390px;max-width:92vw;padding:28px;box-shadow:0 30px 90px #0008}.brandBig{margin-bottom:25px}.brandBig b{font-size:14px}.brandBig span{color:#68768a;margin-top:3px;font-size:9px;display:block}.loginCard h1{font-size:24px}.loginCard>p{color:#6d798c;margin:6px 0 20px;font-size:10px}.loginCard label{color:#7c899b;margin:11px 0;font-size:9px;display:block}.loginCard input{color:#fff;background:#0a1018;border:1px solid #273447;border-radius:7px;outline:0;width:100%;margin-top:5px;padding:10px;font-size:10px;display:block}.loginCard .btn{justify-content:center;width:100%;margin-top:9px}.demoLogin{background:#0b1119;border:1px solid #202c3b;border-radius:8px;margin-top:15px;padding:11px}.demoLogin b,.demoLogin span{font-size:8px;display:block}.demoLogin span{color:#69768a;margin-top:4px}.bigNumber{margin:15px 0 3px;font-size:32px;font-weight:700}@media (width<=950px){.sidebar{transform:translate(-100%)}main{width:100%;margin-left:0}.grid4{grid-template-columns:1fr 1fr}.twoCol,.grid3{grid-template-columns:1fr}.content{padding:19px}}@media (width<=600px){header{padding:0 14px}.content{padding:15px}.globalSearch{width:210px}.profile>div:last-child{display:none}.grid4{grid-template-columns:1fr 1fr}.pageHead{flex-direction:column;align-items:flex-start}.tableCard{overflow-x:auto}table{min-width:720px}.notifPanel{right:-80px}}.saveMsg{color:#4ade80;background:#102219;border:1px solid #1c452d;border-radius:8px;align-items:center;gap:7px;margin-top:13px;padding:9px;font-size:9px;display:flex}.securityRow{border-top:1px solid #202b38;justify-content:space-between;align-items:center;padding:11px 0;font-size:9px;display:flex}.toggle{color:#4ade80;background:#102219;border:1px solid #245a38;border-radius:20px;padding:5px 9px;font-size:8px}.securityRow select{color:#9aa7b9;background:#0d131d;border:1px solid #273448;border-radius:7px;padding:6px;font-size:8px}.errorBanner{color:#fb7185;background:#29151d;border:1px solid #54252f;border-radius:8px;align-items:center;gap:8px;margin:12px 27px 0;padding:10px 12px;font-size:9px;display:flex}.errorBanner button{color:#fda4af;background:#1d1016;border:1px solid #6b303d;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:6px 8px;font-size:8px;display:inline-flex}.textLink{color:#a78bfa;cursor:pointer;background:0 0;border:0;margin:13px auto 0;font-size:9px;display:block}.emptyState{color:#6d798c;padding:18px;font-size:9px}.headActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width<=760px){.headActions{justify-content:flex-start}.headActions .btn{width:auto}}.loginLinks{text-align:center;flex-direction:column;gap:8px;margin-top:12px;display:flex}.passwordWrap{align-items:center;display:flex;position:relative}.passwordWrap input{width:100%;padding-right:64px}.passwordToggle{color:#a78bfa;cursor:pointer;background:0 0;border:0;font-size:12px;position:absolute;right:8px}.loginCard .demoLogin b{color:#c4b5fd}.loginCard .demoLogin span{line-height:1.4}.loginLinks .textLink{margin:0}