:root{--bg:#080b10;--bg-elevated:#0f141c;--panel:#121820;--panel-hover:#171e28;--text:#eef2f7;--muted:#8b95a8;--accent:#2dd4a8;--accent-dim:#1a9b7a;--warn:#f0b429;--bad:#f07178;--border:#252d3a;--border-soft:#1a2230;--glow:rgba(45,212,168,0.12);--font:"Segoe UI","IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono","Cascadia Mono",Consolas,monospace;--radius:10px;--shadow:0 8px 32px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0c1018,#0a0e14);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:1.25rem .85rem;gap:1rem}.sidebarHeader{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem .75rem}.logoMark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--accent) 0,#1d6f5c 100%);box-shadow:0 0 24px var(--glow)}.logoTitle{font-family:var(--mono);font-weight:600;font-size:.95rem;letter-spacing:.02em}.logoSub{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.navList{display:flex;flex-direction:column;gap:.2rem;flex:1 1}.navItem{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:8px;color:var(--muted);font-size:.9rem;transition:background .15s,color .15s}.navItem:hover{background:var(--panel-hover);color:var(--text)}.navItemActive{background:rgba(45,212,168,.1);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(45,212,168,.25)}.navIcon{width:1.1rem;text-align:center;opacity:.85}.sidebarFooter{border-top:1px solid var(--border-soft);padding-top:.85rem;display:flex;flex-direction:column;gap:.45rem;font-size:.8rem}.sessionDot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem}.sessionDot.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.sessionDot.off{background:var(--warn)}.mainArea{display:flex;flex-direction:column;min-width:0}.topBar{border-bottom:1px solid var(--border-soft);padding:.65rem 1.75rem;display:flex;justify-content:flex-end;background:rgba(8,11,16,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topBarLink{font-size:.85rem;color:var(--muted)}.topBarLink:hover{color:var(--accent)}.content{padding:1.75rem 2rem 3rem;max-width:1200px;width:100%}.pageHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.pageHeader h1{margin:0;font-size:1.65rem;font-weight:650;letter-spacing:-.02em}.lead{margin:.35rem 0 0;color:var(--muted);max-width:52ch;font-size:.95rem}.pageActions{display:flex;gap:.5rem;flex-shrink:0}.muted{color:var(--muted);font-size:.875rem;margin:0}.statGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.85rem;gap:.85rem;margin-bottom:1.25rem}.statCard{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}.statCard--ok{border-color:rgba(45,212,168,.35)}.statCard--warn{border-color:rgba(240,180,41,.35)}.statCard--bad{border-color:rgba(240,113,120,.35)}.statLabel{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.statValue{font-size:1.75rem;font-weight:650;margin-top:.25rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.statHint{font-size:.78rem;color:var(--muted);margin-top:.35rem}.card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem}.cardHeader{padding:1rem 1.15rem 0}.cardHeader h2{margin:0;font-size:1.05rem;font-weight:600}.cardBody{padding:1rem 1.15rem 1.15rem}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-family:var(--mono)}.badge--neutral{background:#1e2633;color:var(--muted)}.badge--ok{background:rgba(45,212,168,.15);color:var(--accent)}.badge--warn{background:rgba(240,180,41,.15);color:var(--warn)}.badge--bad{background:rgba(240,113,120,.15);color:var(--bad)}.badge--accent{background:rgba(45,212,168,.2);color:var(--text)}.btnDanger,.btnGhost,.btnPrimary,.btnSecondary{border:none;border-radius:8px;padding:.55rem .95rem;font:inherit;font-weight:600;font-size:.875rem;cursor:pointer;transition:filter .15s,background .15s}.btnPrimary{background:var(--accent);color:#041510}.btnPrimary:hover{filter:brightness(1.08)}.btnPrimary:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btnSecondary:hover{background:var(--panel-hover)}.btnGhost{background:transparent;color:var(--muted);border:1px solid transparent}.btnGhost:hover{color:var(--text);border-color:var(--border)}.btnDanger{background:rgba(240,113,120,.15);color:var(--bad);border:1px solid rgba(240,113,120,.35)}.btnSm{padding:.35rem .65rem;font-size:.8rem}.formGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.85rem;gap:.85rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.78rem;color:var(--muted);font-weight:500}.field input,.field select,.field textarea,.input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .65rem;font:inherit;font-size:.875rem}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--glow)}.codeBlock{background:var(--bg);border:1px solid var(--border-soft);border-radius:8px;padding:.85rem 1rem;font-family:var(--mono);font-size:.78rem;line-height:1.55;overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:#c5d0de}.alert{border-radius:8px;padding:.75rem .9rem;font-size:.875rem;margin-top:.75rem}.alert--error{background:rgba(240,113,120,.1);border:1px solid rgba(240,113,120,.35);color:#ffb4b9}.alert--ok{background:rgba(45,212,168,.1);border:1px solid rgba(45,212,168,.35);color:#9ef0d8}.alert--info{background:rgba(100,140,200,.1);border:1px solid rgba(100,140,200,.3);color:#b8cce8}.dataTable{width:100%;border-collapse:collapse;font-size:.875rem}.dataTable td,.dataTable th{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border-soft);vertical-align:middle}.dataTable th{color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.dataTable tr:hover td{background:rgba(255,255,255,.02)}.mono{font-family:var(--mono);font-size:.82em}.twoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-soft)}.navList{flex-direction:row;flex-wrap:wrap}.twoCol{grid-template-columns:1fr}.content{padding:1.25rem 1rem 2rem}}