:root{--bg: #141218;--bg-elevated: #17151b;--bg-panel: #211f26;--bg-input: #17151b;--bg-hover: #26232d;--bg-badge: #393044;--accent-gradient: #31274a;--text: #f5eff7;--text-secondary: #cac4d0;--text-muted: #938d99;--text-faint: #aaa3b0;--text-nav: #9a94a0;--accent: #d0bcff;--accent-contrast: #35275c;--border: #2d2d2d;--border-strong: #39343f;--border-input: #49434f;--success: #b7e4c7;--success-dot: #5bd184;--online: #4ade80;--online-text: #86efac;--danger: #ffb4ab;--danger-dot: #ff6b6b;--danger-border: #69464c;--danger-border-strong: #7a4a50;--danger-bg: #3a2226;--chart-end: #7c6bb0;--shadow: #0002;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}:root[data-theme=light]{--bg: #f4f4f6;--bg-elevated: #ffffff;--bg-panel: #ffffff;--bg-input: #f6f6f8;--bg-hover: #e9e9ef;--bg-badge: #eceaf3;--accent-gradient: #ece7fa;--text: #1a1a1e;--text-secondary: #3c3c44;--text-muted: #8a8a94;--text-faint: #6e6e78;--text-nav: #6e6e78;--accent: #6a3fd1;--accent-contrast: #ffffff;--border: #e2e2e8;--border-strong: #d8d8e0;--border-input: #c9c9d2;--success: #1a7f4f;--success-dot: #22a45f;--online: #22a45f;--online-text: #167a44;--danger: #c0392b;--danger-dot: #e74c3c;--danger-border: #e8c4c4;--danger-border-strong: #d99a9a;--danger-bg: #fbe9e9;--chart-end: #a98fe0;--shadow: #00000012}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:52px 0}.hero{max-width:680px;padding:50px 0 42px}.eyebrow{color:var(--accent);letter-spacing:.14em;font-size:.72rem;font-weight:750}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,7vw,5.2rem);line-height:.98;letter-spacing:-.055em;margin:18px 0}h2{font-size:2rem;letter-spacing:-.04em;margin:8px 0 0}h3{font-size:1.5rem;margin:6px 0 0}p{color:var(--text-secondary);line-height:1.6}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:28px;box-shadow:0 18px 50px var(--shadow)}.auth{max-width:460px}label{display:grid;gap:8px;color:var(--text-secondary);margin:16px 0;font-size:.9rem}input{background:var(--bg-input);border:1px solid var(--border-input);border-radius:12px;color:var(--text);outline:none;padding:13px 14px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}select{background:var(--bg-input);border:1px solid var(--border-input);border-radius:12px;color:var(--text);padding:0 12px}.primary{background:var(--accent);border:0;border-radius:100px;color:var(--accent-contrast);font-weight:750;padding:13px 20px}.quiet{background:transparent;border:0;color:var(--accent);padding:12px 4px}.status{color:var(--success);font-size:.85rem}.status i{background:var(--success-dot);border-radius:50%;display:inline-block;height:8px;margin-right:7px;width:8px}.code{color:var(--text);font-size:2.5rem;font-weight:800;letter-spacing:.2em;margin:26px 0 4px}.message{color:var(--accent);font-size:.9rem;margin:14px 0 0}.section-title,.topbar{align-items:center;display:flex;justify-content:space-between;gap:16px}.badge{background:var(--bg-badge);border-radius:100px;color:var(--accent);padding:7px 12px}.muted,footer{color:var(--text-muted)}.danger{background:transparent;border:1px solid var(--danger-border);border-radius:100px;color:var(--danger);padding:8px 12px}.notification{border-top:1px solid var(--border-strong);padding:16px 0 4px}.notification div{display:flex;justify-content:space-between;gap:16px}.notification span{color:var(--text-faint);font-size:.8rem}.notification p{margin:8px 0 0;font-size:.92rem}.pagination{align-items:center;border-top:1px solid var(--border-strong);display:flex;justify-content:space-between;margin-top:16px;padding-top:14px}.pagination button:disabled{color:var(--text-muted);cursor:not-allowed}.filters{display:flex;gap:10px;margin:18px 0}.filters input{flex:1}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.stat-grid div{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:16px}.stat-grid strong{display:block;font-size:1.7rem}.stat-grid span,.rankings span{color:var(--text-faint);display:block;font-size:.8rem;margin-top:5px}.rankings{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px}.rankings>div{display:grid;gap:8px}.rankings b{color:var(--accent);float:right}footer{font-size:.82rem;padding:28px 4px}.global-message{align-items:flex-start;background:var(--danger-bg);border:1px solid var(--danger-border-strong);border-left:3px solid var(--danger-dot);border-radius:12px;color:var(--danger);display:flex;font-size:.85rem;gap:10px;margin:0;padding:12px 16px}.global-message:before{content:"⚠";flex-shrink:0}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:24px;height:100vh;padding:24px 16px;position:sticky;top:0}.brand{display:grid;gap:2px;padding:0 8px;white-space:nowrap}.brand strong{color:var(--text);font-size:1.05rem}.nav-tabs{display:flex;flex-direction:column;gap:2px}.nav-tabs button{align-items:center;background:transparent;border:0;border-left:2px solid transparent;border-radius:8px;color:var(--text-nav);display:flex;font-weight:600;gap:8px;padding:11px 14px;text-align:left;width:100%}.nav-tabs button:hover{color:var(--text)}.nav-tabs button.active{background:var(--bg-hover);border-left-color:var(--accent);color:var(--text)}.nav-icon{font-size:1rem}.dot{background:var(--danger-dot);border-radius:50%;display:inline-block;height:8px;margin-left:auto;vertical-align:middle;width:8px;animation:pulse 1.4s infinite}.sidebar .logout{background:transparent;border:0;color:var(--text-muted);margin-top:auto;padding:12px 14px;text-align:left}.sidebar .logout:hover{color:var(--danger)}.menu-toggle{background:transparent;border:0;display:none;flex-direction:column;gap:4px;padding:8px}.menu-toggle span{background:var(--text);border-radius:2px;height:2px;width:20px;transition:transform .2s,opacity .2s}.menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.backdrop{display:none}.content{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px;padding:28px 36px 40px;width:100%}.narrow{max-width:560px}.device-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));margin-top:18px}.device-card{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:18px}.device-main{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.device-left{align-items:center;display:flex;gap:12px;min-width:0}.device-info{display:grid;gap:4px}.device-info strong{color:var(--text)}.device-info span{color:var(--text-muted);font-size:.85rem}.device-right{align-items:flex-end;display:flex;flex-direction:column;gap:6px;text-align:right}.device-last{color:var(--text-muted);font-size:.8rem}.device-actions{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:16px;padding-top:14px}.device-actions .danger.delete{background:var(--danger-bg);border-color:var(--danger-border-strong)}.device-icon{align-items:center;background:var(--bg-badge);border-radius:12px;color:var(--accent);display:flex;height:44px;justify-content:center;width:44px}.online{align-items:center;color:var(--danger);display:inline-flex;font-size:.8rem;gap:6px}.online i{background:var(--danger-dot);border-radius:50%;height:9px;width:9px}.online.is-online{color:var(--online-text)}.online.is-online i{background:var(--online);animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--online) 55%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.chart{align-items:flex-end;display:flex;gap:6px;height:180px;margin-top:18px}.chart-col{align-items:center;display:flex;flex:1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.chart-bar{background:linear-gradient(180deg,var(--accent),var(--chart-end));border-radius:6px 6px 0 0;max-width:22px;min-height:2px;width:100%}.chart-col span{color:var(--text-muted);font-size:.65rem;height:12px}.linechart{display:block;height:160px;margin-top:18px;width:100%}.alert-panel{border-color:var(--danger-border)}.alert-list{display:grid;gap:4px;margin-top:14px}.alert-item{border-top:1px solid var(--border-strong);padding:12px 0}.alert-item div{display:flex;gap:12px;justify-content:space-between}.alert-item span{color:var(--text-faint);font-size:.8rem}.alert-item p{margin:6px 0 0}.alert-item .kw{margin-top:8px}.kw{background:var(--bg-badge);border-radius:100px;color:var(--accent);display:inline-flex;font-size:.85rem;gap:8px;padding:6px 12px}.kw button{background:transparent;border:0;color:var(--danger);cursor:pointer;font-size:1rem}.keyword-add{display:flex;gap:10px;margin:16px 0}.keyword-add input{flex:1}.keyword-list{display:flex;flex-wrap:wrap;gap:8px}.app-search{margin:18px 0;width:100%}.app-list{display:grid;gap:2px}.app-row{align-items:center;border-top:1px solid var(--border-strong);display:flex;gap:12px;padding:12px 0}.app-avatar{align-items:center;background:var(--bg-badge);border-radius:10px;color:var(--accent);display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.app-info{display:grid;flex:1;gap:2px;min-width:0}.app-info strong{color:var(--text)}.app-info span{color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.audit-filters button{background:transparent;border:1px solid var(--border-input);border-radius:100px;color:var(--text-secondary);padding:8px 14px}.audit-filters button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.audit-entry{align-items:center;border-top:1px solid var(--border-strong);display:flex;gap:12px;padding:14px 0}.audit-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.audit-dot.green{background:#22c55e}.audit-dot.blue{background:#3b82f6}.audit-dot.orange{background:#f59e0b}.audit-dot.red{background:#ef4444}.audit-body{display:grid;flex:1;gap:2px;min-width:0}.audit-body strong{color:var(--text)}.audit-body span{color:var(--text-muted);font-size:.85rem}.audit-time{color:var(--text-faint);font-size:.78rem;white-space:nowrap}.theme-options{display:flex;gap:8px;margin-top:16px}.theme-options button{background:transparent;border:1px solid var(--border-input);border-radius:100px;color:var(--text-secondary);flex:1;padding:10px 14px}.theme-options button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}@media (max-width: 860px){.app{display:block}.menu-toggle{display:flex;left:16px;position:fixed;top:16px;z-index:30}.sidebar{bottom:0;height:auto;left:0;padding-top:72px;position:fixed;top:0;transform:translate(-100%);transition:transform .2s ease;width:260px;z-index:20}.sidebar.open{transform:translate(0)}.backdrop{background:#0009;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:15}.content{padding:72px 16px 32px}}@media (max-width: 720px){.shell{width:min(100% - 28px,560px);padding:28px 0}.hero{padding:28px 0}.topbar{align-items:flex-start;flex-direction:column;gap:6px}h1{font-size:3.1rem}h2{font-size:1.5rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.rankings{grid-template-columns:1fr}.filters{flex-direction:column}.notification div,.alert-item div{align-items:flex-start;flex-direction:column;gap:4px}.device-main{flex-wrap:wrap}.device-right{align-items:flex-start;text-align:left;width:100%}.keyword-add{flex-direction:column}.keyword-add .primary{width:100%}.audit-entry{align-items:flex-start}.audit-time{white-space:normal}}@media (max-width: 480px){.panel{padding:18px}.stat-grid{gap:8px}.stat-grid div{padding:12px}.stat-grid strong{font-size:1.4rem}.code{font-size:2rem;letter-spacing:.12em}.pagination{gap:8px}}