:root {
  --bg:#080b10; --surface:#0e131b; --surface2:#121925; --line:#202a38;
  --text:#edf3fb; --muted:#8290a4; --blue:#58a6ff; --mint:#48d7b0;
  --purple:#9b8cff; --orange:#ff9c66; --danger:#ff6b7a;
}
*{box-sizing:border-box} html{color-scheme:dark} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% -10%,rgba(75,113,255,.12),transparent 30%),radial-gradient(circle at 15% 20%,rgba(72,215,176,.06),transparent 24%)}
.shell{width:min(1500px,calc(100% - 48px));margin:auto;position:relative}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #36475e;border-radius:10px;background:linear-gradient(145deg,#1b2738,#0c1119);font-weight:800;color:var(--blue)}
.brand div{display:flex;flex-direction:column;gap:1px}.brand strong{font-size:16px}.brand div span{font-size:9px;letter-spacing:.18em;color:var(--muted)}
.top-actions{display:flex;align-items:center;gap:12px}.live{font-size:12px;color:#a9b5c5;border:1px solid var(--line);padding:8px 12px;border-radius:20px;background:#0d121a}.live i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
.top-actions form{margin:0}.logout-btn{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#0e141d;color:#8795a8;cursor:pointer;font-size:11px}.logout-btn:hover{color:#fff;border-color:#3b4c63}
.icon-btn,.range button,.pagination button{border:1px solid var(--line);background:#0e141d;color:#b8c2d0;border-radius:9px;cursor:pointer}.icon-btn{width:34px;height:34px;font-size:19px}.icon-btn:hover,.pagination button:hover{border-color:#3b4c63;color:white}
main{padding:52px 0}.hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.eyebrow,.panel-head span{font-size:10px;color:var(--blue);font-weight:700;letter-spacing:.18em}.hero h1{font-size:38px;line-height:1.12;margin:8px 0 10px;letter-spacing:-.045em}.hero p:last-child{margin:0;color:var(--muted);font-size:14px}
.range{display:flex;padding:4px;border:1px solid var(--line);border-radius:11px;background:#0b1017}.range button{border:0;background:transparent;padding:9px 15px}.range button.active{background:#1b2533;color:#fff;box-shadow:0 1px 4px #000}
.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}.metrics article,.panel{background:linear-gradient(145deg,rgba(18,25,36,.96),rgba(12,17,24,.96));border:1px solid var(--line);border-radius:14px}.metrics article{padding:19px 18px;min-width:0}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:27px;display:block;margin:13px 0 7px;letter-spacing:-.04em}.metrics small{color:#66758a;font-size:10px;white-space:nowrap}.metrics small b{color:#9fb0c5;font-weight:600}
.grid{display:grid;gap:12px;margin-bottom:12px}.main-grid{grid-template-columns:minmax(0,2fr) minmax(320px,.72fr)}.detail-grid{grid-template-columns:repeat(3,1fr)}.panel{padding:20px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel-head h2{font-size:16px;margin:5px 0 0}.panel-head small{color:var(--muted);font-size:11px}.legend{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:8px}.legend .human{background:var(--blue)}.legend .bot{background:#374255}
.chart-wrap{height:260px;position:relative}.chart-wrap canvas{width:100%;height:100%}.audience{height:260px;display:flex;align-items:center;justify-content:space-around;gap:24px}.donut{--rate:0%;width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) var(--rate),#202936 0);position:relative}.donut:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#101721}.donut div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:25px}.donut span{font-size:10px;color:var(--muted)}
.mini-list{min-width:120px}.mini-list div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #1b2531;font-size:11px;color:var(--muted)}.mini-list b{color:#d6deea}
.rank-list{min-height:202px}.rank{padding:10px 0;border-bottom:1px solid #1b2531}.rank:last-child{border:0}.rank-line{display:flex;justify-content:space-between;gap:16px;font-size:11px}.rank-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b8c3d2}.rank-line b{color:#ecf2fa}.bar{height:3px;background:#1b2430;margin-top:8px;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:3px}
.sessions-panel,.logs-panel{margin-bottom:12px}.table-wrap{overflow:auto;margin:0 -20px -20px}.table-wrap table{width:100%;border-collapse:collapse;min-width:900px}th{font-size:9px;letter-spacing:.07em;color:#66758a;text-align:left;font-weight:600;padding:11px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c1118}td{font-size:11px;color:#aeb9c8;padding:13px 14px;border-bottom:1px solid #19222e;max-width:360px}td .primary{color:#e0e7f0}td .secondary{display:block;color:#66758a;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-link,.path-link{cursor:pointer;color:#a8cfff}.ip-link:hover,.path-link:hover{text-decoration:underline}.badge{display:inline-flex;padding:3px 7px;border-radius:12px;background:#182230;color:#95a8c0;font-size:9px}.badge.good{background:rgba(72,215,176,.1);color:var(--mint)}.badge.warn{background:rgba(255,156,102,.1);color:var(--orange)}.badge.bad{background:rgba(255,107,122,.1);color:var(--danger)}
.logs-panel{margin-top:12px}.logs-heading{align-items:center}.logs-heading>strong{font-size:12px;color:var(--muted)}.filters{display:grid;grid-template-columns:minmax(260px,1fr) 210px 140px 145px;gap:8px;margin-bottom:16px}.filters input,.filters select{width:100%;height:39px;border:1px solid var(--line);border-radius:9px;background:#0b1017;color:#c8d2df;padding:0 12px;outline:none}.filters input:focus,.filters select:focus{border-color:#41658e}.search{position:relative}.search span{position:absolute;left:12px;top:8px;color:#718096;font-size:20px}.search input{padding-left:38px}.raw-table{margin-bottom:0}.raw-table table{min-width:1100px}.raw-table td{padding-top:10px;padding-bottom:10px}.status{font-weight:700}.status.s2{color:var(--mint)}.status.s3{color:var(--blue)}.status.s4{color:var(--orange)}.status.s5{color:var(--danger)}
.pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:18px}.pagination button{padding:7px 14px}.pagination button:disabled{opacity:.35;cursor:default}.pagination span{font-size:11px;color:var(--muted)}.empty{padding:40px 12px!important;text-align:center;color:#65758a!important}
footer{display:flex;justify-content:space-between;color:#4c5b6e;font-size:9px;text-transform:uppercase;letter-spacing:.11em;padding:10px 2px 32px}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:34px;background:linear-gradient(145deg,rgba(18,25,36,.98),rgba(10,14,21,.98));border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.login-card .eyebrow{margin:0 0 8px}.login-card h1{font-size:27px;margin:0 0 10px;letter-spacing:-.04em}.login-copy{color:var(--muted);font-size:13px;margin:0 0 28px}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px;color:#8190a4;font-size:11px}.login-form input{height:44px;border:1px solid var(--line);border-radius:10px;background:#090e15;color:#edf3fb;padding:0 13px;outline:none}.login-form input:focus{border-color:#4775a8;box-shadow:0 0 0 3px rgba(88,166,255,.08)}.login-submit{height:45px;margin-top:5px;border:0;border-radius:10px;background:linear-gradient(135deg,#4d9dff,#7d70ed);color:white;font-weight:700;cursor:pointer}.login-submit:hover{filter:brightness(1.08)}.login-error{display:none;color:#ff8b96;background:rgba(255,107,122,.08);border:1px solid rgba(255,107,122,.2);border-radius:9px;padding:10px 12px;font-size:11px}.login-error.show{display:block}.login-foot{text-align:center;color:#4f5e70;font-size:10px;margin:24px 0 0}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(3,1fr)}.main-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.split-panel{display:none}}
@media(max-width:720px){.shell{width:min(100% - 24px,1500px)}.topbar{height:64px}.hero{display:block;margin-bottom:24px}.hero h1{font-size:30px}.range{margin-top:22px;overflow:auto;width:100%}.range button{flex:1;padding:9px 10px;white-space:nowrap}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{padding:15px}.metrics strong{font-size:23px}.detail-grid{grid-template-columns:1fr}.panel{padding:16px}.table-wrap{margin:0 -16px -16px}.filters{grid-template-columns:1fr}.chart-wrap{height:220px}.panel-head small{display:none}main{padding:34px 0}}