:root{--bg:#0a0f1d;--panel:#111a2e;--panel-hover:#16223b;--panel-alt:#0c1424;--border:#1e2c47;--border-light:#283959;--border-focus:#3b82f6;--text:#f3f6fc;--muted:#94a3b8;--muted-dim:#64748b;--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:rgba(59,130,246,0.18);--success:#10b981;--success-bg:rgba(16,185,129,0.14);--warning:#f59e0b;--warning-bg:rgba(245,158,11,0.14);--danger:#ef4444;--danger-bg:rgba(239,68,68,0.14);--purple:#8b5cf6;--purple-bg:rgba(139,92,246,0.14);--cyan:#06b6d4;--cyan-bg:rgba(6,182,212,0.14)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.nav{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--panel);border-right:1px solid var(--border);padding:1rem .85rem;gap:.75rem;overflow:hidden}.nav,.nav-top{display:flex;flex-direction:column}.nav-top{gap:1rem;min-height:0;flex:1 1}.brand-wrap{display:flex;align-items:center;gap:.65rem;padding:.35rem .4rem .15rem;flex-shrink:0}.brand-logo{width:30px;height:30px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:.95rem;color:#fff;box-shadow:0 0 16px var(--accent-glow)}.brand{font-weight:700;font-size:1.02rem;letter-spacing:-.01em;color:var(--text)}.brand-sub{font-size:.72rem;color:var(--muted);font-weight:500;margin-top:.1rem}.nav-scroll{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.15rem;min-height:0;flex:1 1}.nav-group{display:grid;grid-gap:.25rem;gap:.25rem}.nav-group-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dim);padding:.35rem .55rem .2rem}.nav-group-items{display:grid;grid-gap:.15rem;gap:.15rem}.nav-link{display:flex;align-items:center;gap:.55rem;color:var(--muted);text-decoration:none;padding:.48rem .6rem;border-radius:9px;font-size:.875rem;font-weight:500;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.nav-link:hover{color:var(--text);background:var(--panel-hover)}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(59,130,246,.22),rgba(59,130,246,.08));box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.nav-icon{width:18px;height:18px;display:grid;place-items:center;color:inherit;opacity:.9;flex-shrink:0}.nav-label{flex:1 1;min-width:0}.nav-live-badge{display:inline-flex;align-items:center;gap:.28rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;color:var(--success);background:var(--success-bg);border:1px solid rgba(16,185,129,.28);border-radius:999px;padding:.12rem .4rem}.nav-live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 1.8s infinite}.nav-footer{flex-shrink:0;border-top:1px solid var(--border);padding-top:.85rem;display:grid;grid-gap:.65rem;gap:.65rem}.nav-tenant-card{display:flex;align-items:center;gap:.6rem;background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;padding:.55rem .65rem}.nav-tenant-avatar{width:28px;height:28px;border-radius:8px;background:rgba(59,130,246,.2);color:var(--accent);display:grid;place-items:center;font-size:.72rem;font-weight:700}.nav-tenant-meta{min-width:0}.nav-tenant-name{font-size:.82rem;font-weight:600;color:var(--text)}.nav-tenant-role{font-size:.7rem;color:var(--muted)}.nav-signout{width:100%}.nav nav{display:grid;grid-gap:.2rem;gap:.2rem;flex:1 1}.nav a{display:flex;align-items:center;gap:.6rem;color:var(--muted);text-decoration:none;padding:.5rem .65rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .15s ease}.nav a:hover{color:var(--text);background:var(--panel-hover)}.nav a.active{color:#fff;background:#1c2a47;border-left:3px solid var(--accent);padding-left:calc(.65rem - 3px);font-weight:600}.main{padding:1.75rem 2.25rem;max-width:1440px;margin:0 auto;width:100%;min-width:0}.device-cell{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.device-title{font-size:.875rem;font-weight:500;color:var(--text)}.device-meta{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.device-pill{display:inline-flex;align-items:center;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:999px;background:rgba(148,163,184,.12);color:var(--muted);border:1px solid var(--border)}.device-pill.bot{background:var(--warning-bg);color:var(--warning);border-color:rgba(245,158,11,.28)}.device-pill.mobile{background:var(--success-bg);color:var(--success);border-color:rgba(16,185,129,.28)}.device-pill.desktop{background:var(--accent-glow);color:var(--accent);border-color:rgba(59,130,246,.28)}.device-pill.tablet{background:var(--purple-bg);color:var(--purple);border-color:rgba(139,92,246,.28)}.header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.header-titles h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1.2}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.25)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.badge-info{background:var(--cyan-bg);color:var(--cyan);border:1px solid rgba(6,182,212,.25)}.badge-accent{background:var(--accent-glow);color:var(--accent);border:1px solid rgba(59,130,246,.3)}.badge-purple{background:var(--purple-bg);color:var(--purple);border:1px solid rgba(139,92,246,.25)}.badge-muted{background:rgba(148,163,184,.1);color:var(--muted);border:1px solid var(--border)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.25rem;position:relative;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.card:hover{border-color:var(--border-light);transform:translateY(-1px)}.card .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.card .label{color:var(--muted);font-size:.825rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.card .value{font-size:1.85rem;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.1}.card .sub{color:var(--muted);font-size:.8rem;margin-top:.5rem;display:flex;align-items:center;gap:.4rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:1.25rem}.grid-2,.grid-3{display:grid;gap:1.25rem;margin-bottom:1.5rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.grid-4,.panel{margin-bottom:1.5rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem}.panel-header{justify-content:space-between;margin-bottom:1rem}.panel-header,.panel-title{display:flex;align-items:center}.panel-title{font-size:1.05rem;font-weight:600;color:var(--text);margin:0;gap:.5rem}.stat-row{margin-bottom:.85rem}.stat-label-wrap{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.3rem}.stat-name{color:var(--text);font-weight:500}.stat-val{color:var(--muted);font-size:.8rem}.progress-track{width:100%;height:6px;background:rgba(255,255,255,.06);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.fill-accent{background:var(--accent)}.fill-success{background:var(--success)}.fill-purple{background:var(--purple)}.fill-cyan{background:var(--cyan)}.fill-warning{background:var(--warning)}.chart-box{background:var(--panel-alt);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-top:.75rem}.chart-bars{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:1rem;border-bottom:1px solid var(--border)}.chart-col{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;align-items:center;position:relative;cursor:pointer}.chart-bar-human{background:#3b82f6;transition:height .2s ease,opacity .15s ease}.chart-bar-bot,.chart-bar-human{width:100%;border-radius:4px 4px 0 0}.chart-bar-bot{background:#f59e0b;transition:height .2s ease}.chart-col:hover .chart-bar-human{opacity:.8}.chart-time-labels{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.7rem;color:var(--muted-dim)}.toolbar{justify-content:space-between;gap:.75rem;margin-bottom:1rem;background:var(--panel-alt);border:1px solid var(--border);border-radius:12px;padding:.65rem .85rem}.toolbar,.toolbar-group{display:flex;align-items:center;flex-wrap:wrap}.toolbar-group{gap:.5rem}.search-input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.45rem .75rem;font-size:.85rem;min-width:220px;outline:none;transition:border-color .15s ease}.search-input:focus{border-color:var(--accent)}.select-sm{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.45rem .75rem;font-size:.85rem;outline:none;cursor:pointer}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel)}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--panel-alt);color:var(--muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}td,th{padding:.75rem .9rem;border-bottom:1px solid var(--border)}td{font-size:.875rem;color:var(--text)}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s ease}tbody tr:hover{background:rgba(255,255,255,.02)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn:hover,button:hover{background:var(--accent-hover)}.btn-secondary{background:var(--panel-alt);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--panel-hover);border-color:var(--border-light)}.btn-sm{padding:.3rem .65rem;font-size:.775rem}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.tabs{display:flex;gap:.35rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.tab-btn{padding:.6rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:500;font-size:.9rem;border-radius:0;cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text);background:transparent}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.modal-backdrop{position:fixed;inset:0;background:rgba(4,7,14,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1.5rem;z-index:100}.modal{background:var(--panel);border:1px solid var(--border-light);border-radius:16px;padding:1.75rem;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5);display:grid;grid-gap:1rem;gap:1rem}.detail-grid{display:grid;grid-template-columns:140px 1fr;grid-gap:.5rem 1rem;gap:.5rem 1rem;font-size:.85rem}.detail-k{color:var(--muted);font-weight:500}.detail-v{color:var(--text);word-break:break-all}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:rgba(255,255,255,.05);padding:.15rem .35rem;border-radius:5px;font-size:.825rem}.stack{display:grid;grid-gap:.75rem;gap:.75rem;max-width:420px}.login-wrap{max-width:420px;margin:4rem auto;padding:0 1rem}.login-wrap h1{margin-bottom:.25rem}.clients-form{max-width:640px}.scope-grid{border:1px solid var(--border);border-radius:8px;padding:.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.35rem;gap:.35rem}.scope-grid legend{padding:0 .35rem;color:var(--muted)}.scope-item{display:flex;gap:.4rem;align-items:center;font-size:.9rem;color:var(--muted)}.form-error{color:#f87171}.action-row{display:flex;flex-wrap:wrap;gap:.35rem}.scopes-cell{max-width:240px;font-size:.8rem;color:var(--muted);word-break:break-all}.freshness{color:var(--muted);font-size:.825rem;margin:.25rem 0 1rem;display:flex;align-items:center;gap:.5rem}