:root{
  color-scheme:dark;
  --bg:#050812;--bg2:#080d1a;--panel:#0c1324e8;--panel2:#111a30e8;--panel3:#090f1de8;
  --line:#1e3158;--line2:#2d4477;--text:#edf5ff;--muted:#8392ad;--muted2:#5d6c87;
  --cyan:#19d8ff;--blue:#2375ff;--violet:#8a42ff;--pink:#d83bff;--red:#ff425f;--orange:#ff9b47;--yellow:#ffd15a;--green:#30e79a;
  --shadow:0 24px 75px #0009;--radius:16px;--sidebar:246px
}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:linear-gradient(#1b2f570c 1px,transparent 1px),linear-gradient(90deg,#1b2f570c 1px,transparent 1px);background-size:38px 38px}.aurora{position:fixed;pointer-events:none;filter:blur(90px);opacity:.25;border-radius:999px}.aurora-a{width:420px;height:420px;background:#005dff;left:10%;top:-180px}.aurora-b{width:460px;height:460px;background:#8426ff;right:-120px;top:15%}

.login-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:min(440px,94vw);padding:34px;border:1px solid #243a68;background:linear-gradient(180deg,#10192cf2,#090f1cf4);border-radius:22px;box-shadow:0 35px 110px #000b,0 0 45px #0e69ff15;position:relative;overflow:hidden}.login-card:after{content:"";position:absolute;inset:auto -80px -110px auto;width:250px;height:250px;background:#8b2cff22;filter:blur(30px);border-radius:50%}.login-logo{width:126px;height:126px;object-fit:cover;border-radius:26px;display:block;margin:-8px auto 8px;filter:drop-shadow(0 0 18px #0edbff55)}.kicker{display:block;color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:.22em;text-align:center}.login-card h1{text-align:center;font-size:32px;margin:6px 0 6px}.login-card>p{text-align:center;color:var(--muted);margin:0 auto 22px;max-width:340px}.login-card label{display:block;color:#aab8cf;font-size:12px;font-weight:700;margin:10px 0}.login-card input{display:block;width:100%;margin-top:6px;background:#060b16;border:1px solid #263960;border-radius:11px;padding:12px 13px;outline:none}.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #1ad8ff12}.login-card .btn{width:100%;margin-top:10px}.form-error{min-height:22px;color:#ff7e92;margin-top:10px;text-align:center}.login-hint{display:block;text-align:center;color:var(--muted2);margin-top:14px}.login-hint code{color:#8fb9ff}

.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#07101fe8,#050913f7);border-right:1px solid #16335c;box-shadow:16px 0 55px #0007;display:flex;flex-direction:column;padding:18px 13px}.side-brand{display:flex;align-items:center;gap:12px;padding:0 8px 18px;border-bottom:1px solid #142442}.side-brand img{width:58px;height:58px;object-fit:cover;border-radius:14px;filter:drop-shadow(0 0 12px #19d8ff44)}.side-brand strong{font-size:19px;font-style:italic;letter-spacing:.01em}.side-brand strong span{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.side-brand small{display:block;font-size:9px;color:#7190b6;letter-spacing:.23em;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:7px;padding-top:18px}.nav-item{position:relative;width:100%;height:45px;text-align:left;border:1px solid transparent;background:transparent;color:#a7b4ca;border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:12px;font-weight:700}.nav-item>span{width:22px;text-align:center;color:#7894bd;font-size:18px}.nav-item:hover{background:#0d1930;color:#fff;border-color:#1f3760}.nav-item.active{background:linear-gradient(90deg,#0d3260aa,#311657aa);border-color:#1fd6ff88;color:#fff;box-shadow:inset 3px 0 0 var(--cyan),0 0 22px #143f8c22}.nav-item.active:after{content:"";position:absolute;right:-1px;top:6px;bottom:6px;width:2px;background:var(--pink);box-shadow:0 0 14px var(--pink)}.nav-item.active>span{color:var(--cyan);text-shadow:0 0 15px var(--cyan)}.nav-badge{font-style:normal;margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:#8d32ee;color:#fff;text-align:center;line-height:20px;font-size:10px}.side-user{margin-top:auto;border:1px solid #152945;background:#091223;border-radius:14px;padding:11px;display:grid;grid-template-columns:40px 1fr 30px;gap:9px;align-items:center}.avatar-ring{width:40px;height:40px;border-radius:50%;padding:2px;background:conic-gradient(var(--cyan),var(--violet),var(--pink),var(--cyan));box-shadow:0 0 18px #1cd5ff35}.avatar-ring span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#0a1630;font-weight:900}.side-user-copy{min-width:0}.side-user-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-copy small{display:block;color:#ac62ff;font-size:10px;font-weight:800}.side-user-copy span{font-size:10px;color:#7790b0}

.main{grid-column:2;padding:18px 28px 40px;min-width:0}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #102341;margin-bottom:18px}.title-line{display:flex;align-items:center;gap:12px}.title-line h1{font-size:24px;margin:0}.topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.live-tag{padding:4px 9px;border-radius:6px;border:1px solid #ff5368;color:#ff7184;background:#3b0a13;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 18px #ff405945}.top-actions{display:flex;align-items:center;gap:10px}.clock{height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #1f3355;background:#07101d;border-radius:9px;color:#aab8cd}.notification{position:relative}.notification i{position:absolute;right:-5px;top:-6px;background:#9536e7;border-radius:999px;min-width:18px;height:18px;line-height:18px;font-size:9px;font-style:normal}.btn,.icon-btn{border:1px solid transparent;border-radius:9px;background:#0e1a2d;padding:9px 13px;font-weight:800}.btn-primary{border:0;background:linear-gradient(135deg,#1479ff,#7e38ff);box-shadow:0 8px 28px #2b62ff33}.btn-outline{border-color:#1d4776;background:#07111e;color:#c4d8f3}.btn-outline:hover{border-color:var(--cyan);color:#fff}.btn-danger{background:linear-gradient(135deg,#75182a,#e02e4a);border-color:#ff4b66}.btn-purple{background:linear-gradient(135deg,#3b1b73,#762dca);border-color:#9e5cff}.btn-green{background:linear-gradient(135deg,#0e593f,#138b63);border-color:#28c88d}.btn-sm{padding:6px 9px;font-size:11px}.icon-btn{width:38px;height:38px;padding:0;display:grid;place-items:center;border-color:#20355a;background:#081221;color:#b7c6dd}.icon-btn:hover{border-color:#2e77a8;color:#fff}

.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:16px}.stat-card{min-height:116px;border:1px solid #1d375d;border-radius:13px;background:linear-gradient(145deg,#0d1729dd,#07101edc);padding:18px;display:grid;grid-template-columns:52px 1fr 70px;gap:12px;align-items:center;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;filter:blur(38px);opacity:.16;right:-25px;bottom:-45px;background:var(--accent,var(--cyan))}.stat-icon{width:48px;height:48px;border-radius:11px;border:1px solid color-mix(in srgb,var(--accent,var(--cyan)) 65%,#1c3158);display:grid;place-items:center;color:var(--accent,var(--cyan));font-size:24px;background:#071429;box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent,var(--cyan)) 12%,transparent),0 0 20px color-mix(in srgb,var(--accent,var(--cyan)) 14%,transparent)}.stat-copy small{display:block;color:#91a1b9}.stat-copy strong{display:block;font-size:26px;line-height:1.1;margin:4px 0}.delta{font-size:10px;color:#5bdbff}.mini-spark{height:34px;display:flex;align-items:flex-end;gap:3px}.mini-spark i{display:block;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--accent,var(--cyan)),transparent);opacity:.9}.stat-card.purple{--accent:#a348ff}.stat-card.red{--accent:#ff435e}.stat-card.blue{--accent:#20a8ff}

.content{display:block}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.9fr);gap:14px}.stack{display:grid;gap:14px}.panel{border:1px solid #17325a;border-radius:14px;background:linear-gradient(180deg,#0b1425ec,#070d18ec);box-shadow:0 18px 55px #0004;overflow:hidden}.panel-head{min-height:51px;padding:12px 15px;border-bottom:1px solid #142b4e;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2,.panel-head h3{font-size:16px;margin:0}.panel-body{padding:15px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#55b8ff;font-weight:800}.meta{color:var(--muted);font-size:11px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #28446e;border-radius:999px;background:#0b1830;color:#99b9df;font-size:10px;font-weight:800;text-transform:uppercase}.pill.live{color:#66f0b3;border-color:#1a7654;background:#0a2e22}.pill.warn{color:#ffbb65;border-color:#7a4b1d;background:#2c1a08}.pill.danger{color:#ff7386;border-color:#8d2b3c;background:#330c16}.pill.info{color:#64dcff;border-color:#1f6c7e}.section-title{font-size:13px;font-weight:900;color:#dce9fa;margin:0 0 10px}.empty{padding:26px;border:1px dashed #263b5e;border-radius:12px;text-align:center;color:#7385a2;background:#07101a}.loading{padding:34px;text-align:center;color:#7f91ac}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;flex-wrap:wrap}.toolbar .filters{display:flex;gap:8px;flex-wrap:wrap}.field,select,input,textarea{background:#07101d;border:1px solid #1f385f;border-radius:9px;padding:9px 10px;outline:none}.field:focus,select:focus,input:focus,textarea:focus{border-color:#2baee6;box-shadow:0 0 0 3px #18c8ff0d}textarea{width:100%;min-height:90px;resize:vertical}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{font-size:10px;color:#657a9b;text-align:left;text-transform:uppercase;letter-spacing:.08em;padding:9px 8px;border-bottom:1px solid #183055}.table td{padding:10px 8px;border-bottom:1px solid #101f37;vertical-align:middle}.table tr:hover td{background:#0b1525}.link-btn{background:transparent;border:0;color:#66bfff;padding:0;font-weight:800}.link-btn:hover{color:#b7e8ff;text-decoration:underline}

.match-arena{padding:18px}.match-top{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;gap:14px}.player-card{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center}.player-card.right{text-align:right;grid-template-columns:1fr 62px}.player-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--cyan);background:radial-gradient(circle at 40% 35%,#16355b,#06101d 66%);font-size:23px;font-weight:900;box-shadow:0 0 24px #17d8ff2e}.player-card.right .player-orb{border-color:var(--red);box-shadow:0 0 24px #ff3b5c2e}.player-name{font-size:17px;font-weight:900}.player-sub{color:#778aa8;font-size:11px}.risk-inline{font-size:10px;margin-left:5px}.versus{text-align:center}.versus strong{font-size:38px;font-style:italic;background:linear-gradient(180deg,#27cfff,#865cff,#f33cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px #6c52ff55)}.scoreline{display:flex;justify-content:center;gap:8px;margin-top:2px}.scorebox{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;background:#0a2d59;border:1px solid #1178d9;font-weight:900;font-size:18px}.scorebox.red{background:#351018;border-color:#a5293d}.question-progress{margin-top:17px;padding-top:13px;border-top:1px solid #142c4d}.progress-row{display:grid;grid-template-columns:75px 1fr auto;gap:12px;align-items:center}.progress{height:7px;background:#050a12;border:1px solid #13243d;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#148dff,#a244ff,#e23fff);box-shadow:0 0 12px #604dff}.latency-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:13px}.latency{border:1px solid #17325b;border-radius:10px;padding:12px;text-align:center;background:#08101e}.latency strong{font-size:27px;color:#16cfff}.latency.red strong{color:#ff4564}.latency.green strong{color:#28e28c}.latency small{display:block;color:#7285a2}.match-list{display:grid;gap:9px}.match-card{padding:12px;border:1px solid #183357;background:#08111f;border-radius:11px;display:grid;grid-template-columns:1fr auto;gap:12px}.match-card:hover{border-color:#27669a}.participant-line{font-weight:850}.risk{font-weight:900}.risk.normal{color:var(--green)}.risk.low{color:#62caff}.risk.medium{color:var(--yellow)}.risk.high{color:var(--orange)}.risk.critical{color:var(--red)}

.risk-panel{padding:16px}.risk-flex{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center}.risk-ring{--score:0;--risk-color:var(--green);width:174px;height:174px;border-radius:50%;background:conic-gradient(var(--risk-color) calc(var(--score)*1%),#101827 0);padding:13px;position:relative;margin:auto;box-shadow:0 0 35px color-mix(in srgb,var(--risk-color) 22%,transparent)}.risk-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#07101d;border:1px solid #1b2d4b}.risk-ring-inner{position:relative;z-index:1;width:100%;height:100%;display:grid;place-content:center;text-align:center}.risk-ring strong{font-size:39px;line-height:1}.risk-ring span{font-size:11px;color:#8a9bb5;margin-top:4px;letter-spacing:.07em}.findings-list{display:grid;gap:8px}.finding-line{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:8px;background:#09111e}.finding-line .marker{font-size:16px}.finding-line strong{font-size:12px}.finding-line small{color:#6f819d}.finding-line.high .marker,.finding-line.critical .marker{color:var(--red)}.finding-line.medium .marker{color:var(--yellow)}.finding-line.low .marker{color:#61c9ff}.review-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}

.timeline{position:relative}.timeline-controls{display:flex;gap:7px;align-items:center}.timeline-controls select{width:auto;padding:6px 8px}.timeline-track{position:relative;padding-left:19px}.timeline-track:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:#183660}.event-row{position:relative;display:grid;grid-template-columns:105px 145px 1fr auto;gap:10px;align-items:center;min-height:44px;border-bottom:1px solid #10243e;padding:7px 6px}.event-row:before{content:"";position:absolute;left:-16px;width:9px;height:9px;border-radius:50%;background:#238fff;box-shadow:0 0 9px #238fff}.event-row.answer:before{background:var(--cyan)}.event-row.tab_hidden:before,.event-row.focus_lost:before{background:var(--orange)}.event-row.disconnect:before{background:var(--red)}.event-row.active{background:#10223d;border-radius:8px;box-shadow:inset 3px 0 0 var(--violet)}.event-time{color:#7588a5;font-variant-numeric:tabular-nums;font-size:11px}.event-type{font-weight:850}.event-detail{color:#9bacbf;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-sev{font-size:9px;font-weight:900;padding:3px 6px;border-radius:5px;border:1px solid #24507c;color:#65bfff}.event-row.tab_hidden .event-sev,.event-row.focus_lost .event-sev{border-color:#80511e;color:#ffc164}.event-row.answer .event-sev{border-color:#247059;color:#5ce2a5}

.case-list{display:grid;gap:10px}.case-card{border:1px solid #24355b;border-radius:12px;background:#091221;padding:13px;display:grid;grid-template-columns:95px 1fr auto;gap:12px;align-items:center}.case-score{font-size:28px;font-weight:900}.case-copy h3{font-size:14px;margin:0 0 3px}.case-copy p{margin:0;color:#7f91ac}.severity{font-size:10px;border-radius:6px;padding:4px 7px;font-weight:900}.severity.CRITICAL,.severity.HIGH{background:#351018;color:#ff7185;border:1px solid #9d2d45}.severity.MEDIUM{background:#2c2109;color:#ffc55d;border:1px solid #82601c}.severity.LOW{background:#092638;color:#69d5ff;border:1px solid #1d6b8d}.severity.NORMAL{background:#0a2e22;color:#5de5a6;border:1px solid #1b7958}

.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{padding:11px;border:1px solid #1b3152;background:#07101c;border-radius:9px}.metric small{display:block;color:#6f819c}.metric strong{font-size:19px}.bar{height:7px;background:#040911;border-radius:999px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--red))}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px}.setting-card{padding:14px;border:1px solid #183257;background:#08111f;border-radius:11px}.setting-card label{display:block;color:#9fb1c9;font-size:11px;font-weight:800}.setting-card input,.setting-card select{margin-top:6px;width:100%}.diagnostic{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.diag{padding:14px;border-radius:10px;border:1px solid #1b365b;background:#08111e}.diag strong{display:block}.diag small{color:#6e829e}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:6px}

.modal{position:fixed;z-index:100;inset:0;background:#02050bd9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal-card{width:min(640px,96vw);max-height:88vh;overflow:auto;border:1px solid #27456f;background:#0a1322;border-radius:15px;box-shadow:0 28px 100px #000d}.modal-head{position:sticky;top:0;background:#0a1322eF;backdrop-filter:blur(12px);border-bottom:1px solid #173153;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;z-index:2}.modal-head h2{font-size:17px;margin:0}.modal-card #modalBody{padding:16px}.toast{position:fixed;z-index:120;right:22px;bottom:22px;max-width:420px;padding:12px 15px;border:1px solid #276384;background:#0a1725;border-radius:10px;box-shadow:0 15px 45px #0009;color:#dff7ff}.toast.error{border-color:#9d3145;color:#ffbdc6;background:#240b12}

@media(max-width:1180px){:root{--sidebar:210px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.main{padding:15px 18px}.top-actions .btn-outline{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto}.side-nav{display:grid;grid-template-columns:repeat(2,1fr)}.side-user{margin-top:14px}.main{grid-column:auto}.topbar{height:auto;padding:10px 0;align-items:flex-start}.title-line h1{font-size:19px}.clock{display:none}.stat-grid{grid-template-columns:1fr}.stat-card{min-height:98px}.match-top{grid-template-columns:1fr}.player-card.right{grid-template-columns:62px 1fr;text-align:left}.player-card.right .player-orb{grid-column:1}.versus{order:-1}.latency-grid,.risk-flex,.metric-grid,.settings-grid,.diagnostic{grid-template-columns:1fr}.event-row{grid-template-columns:85px 1fr}.event-detail{grid-column:2}.event-sev{display:none}.case-card{grid-template-columns:65px 1fr}.case-card>.wrap-row{grid-column:1/-1}.review-actions{grid-template-columns:1fr}}