:root{--bg:#05060b;--bg2:#090b14;--panel:#0d1020;--panel2:#101326;--line:#252944;--line2:#353b61;--text:#f5f7ff;--muted:#7f87a5;--violet:#755cff;--purple:#b350ff;--blue:#5476ff;--cyan:#60a5fa;--green:#3ddc97;--yellow:#f7c968;--orange:#ff9c61;--red:#ff617b;--shadow:0 22px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 55% -10%,rgba(104,72,255,.14),transparent 32%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:86px minmax(0,1fr);min-height:100vh;max-width:1640px;margin:0 auto;background:linear-gradient(180deg,rgba(11,13,24,.96),rgba(7,8,15,.98));border-left:1px solid rgba(68,73,114,.35);border-right:1px solid rgba(68,73,114,.35)}.side{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:22px 13px;display:flex;flex-direction:column;align-items:center;background:rgba(7,9,17,.92);backdrop-filter:blur(18px);z-index:30}.logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:32px;background:linear-gradient(145deg,rgba(127,94,255,.28),rgba(49,38,102,.2));border:1px solid rgba(129,99,255,.35);box-shadow:0 0 26px rgba(112,75,255,.17)}.logo-core{width:23px;height:23px;border-radius:7px 3px 7px 3px;background:linear-gradient(135deg,#8b77ff 0%,#684bff 55%,#bd54ff 100%);box-shadow:0 0 18px rgba(122,87,255,.75);transform:skew(-8deg)}.nav{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.nav a,.side-bottom a{position:relative;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#767f9d;border:1px solid transparent;transition:.2s ease}.nav a:hover,.side-bottom a:hover{color:#c7ccdf;background:#101428;border-color:#282d49}.nav a.active{color:#fff;background:linear-gradient(145deg,rgba(117,92,255,.34),rgba(113,78,255,.14));border-color:#45418a;box-shadow:0 0 28px rgba(117,92,255,.25),inset 0 0 18px rgba(145,90,255,.12)}.nav a.active:after{content:"";position:absolute;left:-14px;width:3px;height:24px;border-radius:4px;background:#866aff;box-shadow:0 0 12px #866aff}.ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ui-icon circle[fill],.ui-icon path[fill]{fill:currentColor;stroke:none}.nav-label{position:absolute;left:64px;white-space:nowrap;background:#171a2b;border:1px solid #333956;padding:7px 9px;border-radius:8px;color:#e8eafe;font-size:12px;opacity:0;pointer-events:none;transform:translateX(-5px);transition:.18s;box-shadow:var(--shadow)}.nav a:hover .nav-label{opacity:1;transform:translateX(0)}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:9px}.main{min-width:0;padding:26px 28px 36px}.topbar{height:68px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.top-title h1{margin:0 0 4px;font-size:25px;font-weight:760;letter-spacing:-.035em}.top-title span{color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.global-search{width:min(390px,32vw);height:42px;border:1px solid #2c3150;background:#121529;border-radius:12px;display:flex;align-items:center;padding:0 12px;color:#69718d}.global-search .ui-icon{width:18px}.global-search input{width:100%;border:0;outline:0;background:transparent;color:#eef0ff;padding:0 9px}.global-search input::placeholder{color:#69718d}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid #262b46;background:#0f1222;color:#9ca3bd;display:grid;place-items:center;position:relative}.icon-btn i{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#ff5d83;box-shadow:0 0 8px #ff5d83}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#755cff,#be53ff);border:2px solid #b69cff;box-shadow:0 0 20px rgba(122,88,255,.23)}
.panel,.card,.neo-card{background:linear-gradient(160deg,rgba(17,20,39,.98),rgba(11,13,27,.98));border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.14);overflow:hidden}.panel:hover,.card:hover{border-color:#313758}.panel-head{padding:15px 17px;border-bottom:1px solid rgba(46,51,81,.7);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head b,.panel-head h3{font-size:14px;margin:0;font-weight:700}.muted{color:var(--muted)}.small{font-size:12px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:14px}.card{padding:16px 17px;min-height:110px;position:relative}.card .v{font-size:29px;font-weight:760;letter-spacing:-.035em;margin-top:7px}.card .sub{font-size:11px;color:#69718f;margin-top:5px}.card:before{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(122,88,255,.6),transparent)}.kpi-glow{box-shadow:0 0 0 1px rgba(124,86,255,.3),0 0 34px rgba(104,72,255,.15)}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(119,87,255,.12);color:#a98eff;border:1px solid rgba(119,87,255,.22)}.kpi-icon .ui-icon{width:17px}.spark{height:30px;display:flex;align-items:flex-end;gap:3px;margin-top:8px}.spark i{display:block;flex:1;min-width:2px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#8b74ff,#6851de);opacity:.78}.spark i:nth-child(3n){background:linear-gradient(180deg,#c15aff,#754cff)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(260px,.85fr);gap:14px;margin-bottom:14px}.chart-panel{min-height:390px}.chart-wrap{padding:16px 17px}.chart{width:100%;height:290px;display:block;overflow:visible}.chart .grid{stroke:#252a43;stroke-width:1;stroke-dasharray:3 5}.chart .line{fill:none;stroke:#6d74ff;stroke-width:2.6;filter:drop-shadow(0 0 5px rgba(99,102,241,.45))}.chart .area{fill:url(#chartGradient);fill:rgba(93,85,255,.10)}.chart .dot{fill:#a88bff;stroke:#1a1830;stroke-width:2}.chart text{fill:#727994;font-size:10px}.legend{display:flex;gap:15px;color:#8088a6;font-size:11px}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#745cff;margin-right:6px;box-shadow:0 0 9px rgba(117,92,255,.55)}.legend span:nth-child(2):before{background:#3ddc97}.legend span:nth-child(3):before{background:#60a5fa}.legend span:nth-child(4):before{background:#ff9c61}.risk-donut-wrap{padding:20px 18px;display:grid;place-items:center}.risk-donut{--normal:70;--medium:15;--high:10;--critical:5;width:168px;height:168px;border-radius:50%;background:conic-gradient(#6673ff 0 var(--p1),#8d5cff var(--p1) var(--p2),#c557ff var(--p2) var(--p3),#ff617b var(--p3) 100%);position:relative;box-shadow:0 0 34px rgba(119,88,255,.18)}.risk-donut:after{content:"";position:absolute;inset:27px;border-radius:50%;background:#0d1020;border:1px solid #262b46}.risk-donut-center{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center}.risk-donut-center b{font-size:28px}.risk-donut-center span{font-size:11px;color:var(--muted)}.risk-legend{width:100%;margin-top:18px}.risk-legend-row{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:6px 0;color:#9da3bc;font-size:12px}.risk-legend-row i{width:7px;height:7px;border-radius:50%;background:#6673ff}.risk-legend-row:nth-child(2) i{background:#8d5cff}.risk-legend-row:nth-child(3) i{background:#c557ff}.risk-legend-row:nth-child(4) i{background:#ff617b}
.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr 1.45fr;gap:14px;margin-bottom:14px}.stream-list{padding:10px 16px 16px}.stream-row{display:grid;grid-template-columns:1fr 90px 52px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(38,43,70,.7)}.stream-row:last-child{border-bottom:0}.stream-name b{display:block;font-size:12px}.stream-name span{font-size:10px;color:var(--muted)}.microbar{height:5px;border-radius:5px;background:#252940;overflow:hidden}.microbar i{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#5d64ff,#bc55ff);box-shadow:0 0 9px rgba(119,88,255,.4)}.activity-bars{height:160px;display:flex;gap:10px;align-items:flex-end;padding:20px}.activity-bars i{flex:1;min-width:8px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#ab68ff,#575eff 55%,#293063);box-shadow:0 0 14px rgba(113,85,255,.15)}
.reports-datebar{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.quick{display:flex;gap:5px;flex-wrap:wrap}.quick-main{padding:4px;border:1px solid #282d49;background:#0d1020;border-radius:12px}.quick a{padding:8px 11px;border-radius:9px;color:#858ca7;font-size:11px}.quick a.active,.quick a:hover{background:linear-gradient(135deg,#6d5af7,#8f55ff);color:white;box-shadow:0 0 16px rgba(117,92,255,.22)}.date-range-trigger{height:39px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#0d1020;border:1px solid #282d49;border-radius:11px;color:#dfe2f4;cursor:pointer}.date-range-trigger:hover{border-color:#464d78}.calendar-icon{display:grid;place-items:center;color:#9a8fff}.calendar-icon .ui-icon{width:15px}
.filters{display:flex;gap:7px;flex-wrap:wrap}select,input,textarea,button{background:#0b0e1a;color:#e8eafa;border:1px solid #2b304d;border-radius:9px;padding:8px 10px}select:focus,input:focus,textarea:focus{outline:none;border-color:#655af2;box-shadow:0 0 0 3px rgba(101,90,242,.09)}button{cursor:pointer}.primary{background:linear-gradient(135deg,#6d5af7,#9a54ff);border-color:#735ff3;color:#fff;font-weight:750;box-shadow:0 8px 20px rgba(100,74,240,.18)}.ghost{background:#101426}.danger{background:#5b2330;border-color:#7b3040}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:11px 12px;border-bottom:1px solid rgba(35,40,65,.72);text-align:left}th{font-size:10px;color:#686f8b;text-transform:uppercase;letter-spacing:.065em;background:#0b0e1a;position:sticky;top:0;z-index:2}tbody tr{transition:.18s}tbody tr:hover{background:#111526}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.NORMAL{background:rgba(61,220,151,.10);color:#5be5aa;border:1px solid rgba(61,220,151,.16)}.MEDIUM{background:rgba(247,201,104,.10);color:#f6cf79;border:1px solid rgba(247,201,104,.16)}.HIGH{background:rgba(255,156,97,.10);color:#ffad7b;border:1px solid rgba(255,156,97,.17)}.CRITICAL{background:rgba(255,97,123,.10);color:#ff7890;border:1px solid rgba(255,97,123,.17)}.risk-number{font-weight:800}.stream-link{font-weight:700;color:#b7afff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pagination{padding:12px 15px;display:flex;justify-content:space-between;color:#707895}.empty{padding:30px;text-align:center;color:#727a96}.notice{padding:11px 13px;border-radius:10px;margin:10px 0}.ok{background:#12271f;color:#80e4b1;border:1px solid #234d3b}.error{background:#341a22;color:#ff90a0;border:1px solid #632c3c}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#070914;border:1px solid #262b45;padding:12px;border-radius:10px;overflow:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metricgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px}.metric{background:#0a0d19;border:1px solid #242a45;border-radius:10px;padding:11px}.metric b{display:block;font-size:18px;margin-top:3px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formrow>*{width:100%}.timeline{padding:12px 16px}.event{display:grid;grid-template-columns:90px 160px 1fr;gap:11px;padding:8px 0;border-bottom:1px solid #232843}.reason{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #232843}.pos{color:#ff7a91}.neg{color:#5be5aa}.login{max-width:420px;margin:12vh auto;background:#0d1020;border:1px solid #282e4a;border-radius:18px;padding:27px;box-shadow:var(--shadow)}.login input{width:100%;margin:7px 0 14px}.login button{width:100%}
.session-hero{padding:22px;display:grid;grid-template-columns:190px 1fr;gap:22px;margin-bottom:14px;position:relative}.session-hero:before{content:"";position:absolute;width:210px;height:210px;left:-60px;top:-80px;background:radial-gradient(circle,rgba(117,92,255,.20),transparent 65%);pointer-events:none}.hero-risk{font-size:50px;font-weight:850;line-height:1;letter-spacing:-.06em}.hero-risk span{font-size:14px;color:#707895}.hero-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hero-meta div,.kv{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;background:#0a0d19;border:1px solid #222843;border-radius:9px}.hero-meta span,.kv span{color:#7d85a1}.kv b{max-width:70%;text-align:right;overflow-wrap:anywhere}.kvlist{padding:10px 12px 14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.top-gap{margin-top:14px}.four{grid-template-columns:repeat(4,1fr)}
/* Date picker */.date-popover{position:absolute;z-index:1000;top:48px;left:0;width:min(820px,calc(100vw - 210px));min-width:720px;background:#0e1120;color:#e8eafb;border:1px solid #343a5d;border-radius:15px;box-shadow:0 28px 90px rgba(0,0,0,.62);overflow:hidden}.date-popover[hidden]{display:none}.date-popover input,.date-popover button{color:#dfe2f4;background:#111528;border:1px solid #2d3352}.date-popover-top{display:grid;grid-template-columns:142px 72px 28px 142px 72px;gap:6px;padding:13px;border-bottom:1px solid #292f4c;align-items:center}.date-popover-top input{padding:8px 9px;background:#0b0e19}.date-arrow{text-align:center;color:#646c89}.date-popover-body{display:grid;grid-template-columns:1fr 172px;min-height:365px}.calendars-area{padding:13px;position:relative}.calendar-nav{height:28px;display:flex;justify-content:space-between;align-items:center}.calendar-nav button{border:0;background:transparent;font-size:26px;line-height:20px;padding:0 5px}.double-calendar{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calendar-title{text-align:center;font-weight:700;margin:2px 0 12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-dow{font-size:10px;color:#69718e;font-weight:700;padding:3px 0}.calendar-day{border:0!important;background:transparent!important;border-radius:50%!important;width:31px;height:31px;padding:0!important;margin:auto;color:#979eb8!important}.calendar-day:hover{background:#1a1f37!important}.calendar-day.weekend{color:#d78395!important}.calendar-day.selected{background:linear-gradient(135deg,#675df3,#9d59ff)!important;color:white!important;box-shadow:0 0 14px rgba(117,92,255,.25)}.calendar-day.in-range{background:#1b1c3a!important;border-radius:8px!important}.preset-list{border-left:1px solid #292f4c;padding:8px 0;background:#0b0e19}.preset-list button{display:block;width:100%;border:0;border-radius:0;text-align:left;padding:7px 12px;background:transparent;font-size:11px;color:#838ba7}.preset-list button:hover{background:#171b31;color:#d9dcf0}.date-actions{display:flex;gap:8px;position:absolute;left:13px;bottom:13px}.date-actions button{padding:8px 14px}.date-apply{background:linear-gradient(135deg,#6d5af7,#9a54ff)!important;color:#fff!important;border-color:#6d5af7!important;font-weight:700}.date-cancel{background:#15182a!important}
@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>.panel:last-child{grid-column:1/-1}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;justify-content:space-between;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.logo{margin:0;width:42px;height:42px}.nav{flex-direction:row;width:auto;gap:5px}.nav a,.side-bottom a{width:42px;height:42px}.nav-label{display:none}.side-bottom{margin:0;flex-direction:row}.main{padding:18px}.topbar{height:auto}.global-search{display:none}.grid2{grid-template-columns:1fr}.date-popover{position:fixed;left:16px;right:16px;top:80px;width:auto;min-width:0;max-height:calc(100vh - 100px);overflow:auto}.date-popover-body{grid-template-columns:1fr}.preset-list{border-left:0;border-top:1px solid #292f4c;display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.cards{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}.bottom-grid>.panel:last-child{grid-column:auto}.double-calendar{grid-template-columns:1fr}.calendar-box:nth-child(2){display:none}.date-popover-top{grid-template-columns:1fr 82px}.date-arrow{display:none}.four{grid-template-columns:1fr 1fr}.hero-meta{grid-template-columns:1fr}.session-hero{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.event{grid-template-columns:70px 1fr}.event span:last-child{grid-column:1/-1}}@media(max-width:440px){.cards{grid-template-columns:1fr}.nav a:nth-child(4){display:none}.top-title span{display:none}.main{padding:14px}.four{grid-template-columns:1fr}}