:root{color-scheme:dark;--bg:#090b12;--panel:#11141e;--panel-2:#161a26;--line:#242a3a;--text:#f5f7fb;--muted:#8c94a8;--purple:#8b5cf6;--purple-soft:rgba(139,92,246,0.14);--green:#25d9a7;--yellow:#f6c453;--red:#ff6b7a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 75% -20%,rgba(139,92,246,.12),transparent 34%),var(--bg);color:var(--text)}body{min-height:100vh}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;border-right:1px solid var(--line);background:rgba(10,12,19,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-brand,.sidebar-user{display:flex;align-items:center;gap:12px}.sidebar-brand{padding:0 8px 28px}.sidebar-brand strong,.sidebar-user strong{display:block;font-size:14px}.sidebar-brand span,.sidebar-user span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,#9c6cff,#5c2dd7);box-shadow:0 15px 40px rgba(103,57,224,.36);font-size:19px;font-weight:900;letter-spacing:-1px}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:13px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.sidebar nav button{width:100%;display:grid;grid-template-columns:24px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:11px 12px;border:0;border-radius:10px;color:var(--muted);background:transparent;text-align:left;cursor:pointer;transition:.15s ease}.sidebar nav button:hover{color:var(--text);background:rgba(255,255,255,.04)}.sidebar nav button.active{color:#fff;background:var(--purple-soft)}.sidebar nav button span{color:#a98bff;font-size:18px;text-align:center}.sidebar nav button b{min-width:20px;padding:2px 6px;border-radius:20px;background:var(--red);color:#fff;font-size:10px;text-align:center}.sidebar-user{margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#232a3b;color:#bfaeff;font-weight:700}.sidebar-user div:nth-child(2){min-width:0;flex:1 1}.sidebar-user button{border:0;color:var(--muted);background:transparent;cursor:pointer}.detail-shell,.main-content{width:100%;max-width:1540px;margin:0 auto;padding:30px 36px 64px}.detail-head,.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.detail-head h1,.topbar h1{margin:2px 0 0;font-size:clamp(25px,3vw,34px);letter-spacing:-1.2px}.detail-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.detail-pairing-result{margin-bottom:16px}.eyebrow{margin:0;color:#9b83ef;font-size:10px;font-weight:800;letter-spacing:2px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.range-selector{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:rgba(14,17,26,.9)}.range-selector button{padding:7px 11px;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer;font-size:10px;font-weight:700}.range-selector button:hover{color:#fff}.range-selector button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6e3ed6)}.live-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(37,217,167,.25);border-radius:30px;color:#7be8c8;background:rgba(37,217,167,.07);font-size:11px;font-weight:700}.live-pill i,.status i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.metric,.panel{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(22,26,38,.96),rgba(14,17,26,.96));box-shadow:0 14px 45px rgba(0,0,0,.12)}.metric{min-height:148px;padding:22px;position:relative;overflow:hidden}.metric.accent:after{content:"";position:absolute;width:140px;height:140px;right:-45px;bottom:-70px;border-radius:50%;background:rgba(139,92,246,.18);filter:blur(5px)}.metric p{margin:0 0 18px;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:clamp(23px,2.4vw,32px);letter-spacing:-1.2px}.metric span{display:block;margin-top:12px;color:#687086;font-size:10px;text-transform:uppercase;letter-spacing:1px}.panel{margin-bottom:18px;overflow:hidden}.panel-head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:15px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.text-button{border:0;color:#a98bff;background:transparent;cursor:pointer;font-size:11px;font-weight:700}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}.fleet-device-table{min-width:1180px}.device-profile-link{color:#bdaeff;font-weight:700}.device-profile-link:hover{color:#d5caff}td,th{padding:14px 18px;border-bottom:1px solid rgba(36,42,58,.8);text-align:left;font-size:12px}th{color:#666f84;background:rgba(9,11,18,.3);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px}tbody tr{transition:background .14s ease}tbody tr:hover{background:rgba(255,255,255,.018)}tbody tr:last-child td{border-bottom:0}.profile-link{display:flex;align-items:center;gap:11px}.profile-link small,.profile-link strong{display:block}.profile-link small,td small{margin-top:3px;color:var(--muted);font-size:9px}.profile-dot{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#bdaeff;background:var(--purple-soft);font-weight:800}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;color:#8d96aa;background:rgba(141,150,170,.08);font-size:8px;font-weight:800;letter-spacing:.5px}.status-active,.status-online,.status-resolved{color:var(--green);background:rgba(37,217,167,.08)}.status-acknowledged,.status-degraded,.status-pending,.status-rate_limited,.status-stale,.status-warning{color:var(--yellow);background:rgba(246,196,83,.08)}.status-auth_required,.status-banned,.status-critical,.status-offline,.status-parser_error,.status-revoked{color:var(--red);background:rgba(255,107,122,.08)}.status-admin{color:#c5b5ff}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.admin-grid,.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.split-grid .panel{margin:0}.alert-list>div,.host-list>div{display:flex;align-items:center;gap:11px;padding:14px 20px;border-bottom:1px solid var(--line)}.alert-list>div:last-child,.host-list>div:last-child{border-bottom:0}.alert-list>div>div,.host-list>div>div{flex:1 1}.alert-list small,.alert-list strong,.host-list small,.host-list strong{display:block;font-size:11px}.alert-list small,.host-list small,.host-list time{margin-top:3px;color:var(--muted);font-size:9px}.host-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #30384d;border-radius:8px;color:#9d89eb;background:#191e2c;font-size:10px;font-weight:900}.host-icon.large{width:46px;height:46px;border-radius:13px;font-size:15px}.alert-list i,.alert-symbol{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--yellow);background:rgba(246,196,83,.1);font-size:11px;font-style:normal;font-weight:900}.alert-list .critical i,.alert-table .critical .alert-symbol{color:var(--red);background:rgba(255,107,122,.1)}.search{min-width:230px}input,select{width:100%;padding:10px 12px;border:1px solid #2c3345;border-radius:9px;outline:none;color:var(--text);background:#0e111a;transition:border .14s ease}input:focus,select:focus{border-color:var(--purple)}.host-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.host-card{margin:0}.host-card-head{display:flex;align-items:center;gap:13px;padding:21px}.host-card-head>div{flex:1 1}.host-card h2,.host-card p{margin:0}.host-card h2{font-size:15px}.host-card p{margin-top:4px}.host-card p,.host-meta{color:var(--muted);font-size:10px}.host-meta{display:grid;grid-template-columns:1fr 1fr;padding:13px 21px;border-block:1px solid var(--line)}.host-meta span:last-child{text-align:right}.host-meta b{color:var(--text)}.host-profiles a{display:grid;grid-template-columns:1fr auto 80px;align-items:center;grid-gap:12px;gap:12px;padding:12px 21px;border-bottom:1px solid var(--line);font-size:11px}.host-profiles a:last-child{border:0}.host-profiles a:hover{background:rgba(255,255,255,.02)}.host-profiles small{color:var(--muted);text-align:right}.alert-table article{display:flex;align-items:center;gap:14px;padding:17px 21px;border-bottom:1px solid var(--line)}.alert-table article:last-child{border:0}.alert-body{flex:1 1}.alert-body>div{display:flex;align-items:center;gap:9px}.alert-body p{margin:5px 0;color:#a2a9b9;font-size:11px}.alert-body small{color:#646d81;font-size:9px}.form-stack{display:grid;grid-gap:14px;gap:14px;padding:22px}.form-stack label{display:grid;grid-gap:7px;gap:7px;color:#a5adbe;font-size:10px;font-weight:700}.primary-button,.secondary-button{padding:10px 14px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6e3ed6);cursor:pointer;font-size:11px;font-weight:800}.primary-button:disabled{cursor:wait;opacity:.6}.secondary-button{border:1px solid #333b50;background:#191e2a;color:#cbd1dc}.pairing-result{margin:0 22px 22px;padding:18px;border:1px dashed rgba(139,92,246,.45);border-radius:12px;background:var(--purple-soft);text-align:center}.bulk-result{display:flex;align-items:center;justify-content:space-between;gap:12px}.bulk-result,.pending-pairings{margin:0 22px 22px;color:var(--muted);font-size:10px}.pending-pairings{display:grid;grid-gap:9px;gap:9px;padding-top:15px;border-top:1px solid var(--line)}.pairing-result small,.pairing-result span,.pairing-result strong{display:block}.pairing-result small,.pairing-result span{color:var(--muted);font-size:9px}.pairing-result strong{margin:8px 0;font-family:SFMono-Regular,Consolas,monospace;font-size:28px;letter-spacing:5px}.enrollment-result strong{overflow-wrap:anywhere;font-size:12px;letter-spacing:0}.enrollment-result button{margin-top:14px}.enrollment-list{display:grid;grid-gap:9px;gap:9px;padding:0 22px 22px}.enrollment-list>div{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.enrollment-list>div>span:first-child{display:grid;flex:1 1;grid-gap:3px;gap:3px}.enrollment-list small{color:var(--muted);font-size:9px}.admin-users{grid-column:1/-1}.admin-users>div:not(.panel-head){display:grid;grid-template-columns:34px 1fr auto 100px;align-items:center;grid-gap:12px;gap:12px;padding:12px 21px;border-bottom:1px solid var(--line)}.admin-users span small,.admin-users span strong{display:block}.admin-users small{color:var(--muted);font-size:9px}.notice{margin-bottom:18px;padding:12px 15px;border:1px solid rgba(246,196,83,.25);border-radius:10px;color:#eac978;background:rgba(246,196,83,.07);font-size:11px;line-height:1.5}.notice.error{border-color:rgba(255,107,122,.25);color:#ff9ba5;background:rgba(255,107,122,.07)}.chart-empty,.empty{padding:28px;color:var(--muted);text-align:center;font-size:11px}.auth-shell,.center-screen{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:22px;background:rgba(17,20,30,.95);box-shadow:0 35px 90px rgba(0,0,0,.35)}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{margin:7px 0;font-size:26px;letter-spacing:-.8px}.auth-card .muted{margin:0 0 7px;color:var(--muted);font-size:11px}.auth-card .form-stack{padding:22px 0 0}.error-text{margin:0;color:#ff8e9a;font-size:11px}.totp-qr{display:grid;place-items:center}.totp-qr img{width:180px;height:180px;padding:7px;border-radius:12px;background:#fff}.detail-shell{max-width:1320px}.back-link{display:inline-block;margin-bottom:28px}.back-link,.detail-head span{color:var(--muted);font-size:11px}.detail-head span{display:block;margin-top:7px}.detail-metrics{grid-template-columns:1.25fr 1.25fr .7fr}.chart-wrap{padding:24px 22px 17px}.chart-wrap svg{width:100%;height:220px;overflow:visible;background-image:linear-gradient(180deg,transparent 24%,rgba(255,255,255,.04) 25%,transparent 26%,transparent 49%,rgba(255,255,255,.04) 50%,transparent 51%,transparent 74%,rgba(255,255,255,.04) 75%,transparent 76%)}.chart-labels{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted);font-size:9px}.chart-labels strong{color:var(--text);font-size:13px}.chart-labels small{color:var(--muted);font-weight:400}.inline-note{color:var(--yellow)}@media (max-width:1000px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar nav button,.sidebar nav button:not(.active) b,.sidebar-brand>div:last-child{font-size:0}.sidebar nav button{grid-template-columns:1fr}.sidebar nav button span{font-size:18px}.sidebar-user button,.sidebar-user>div:nth-child(2){display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-grid{grid-template-columns:1fr}}@media (max-width:700px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;inset:auto 0 0;width:100%;height:auto;padding:7px;border:1px solid var(--line)}.sidebar-brand,.sidebar-user{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr)}.sidebar nav button{padding:8px}.detail-shell,.main-content{padding:22px 15px 90px}.admin-grid,.detail-metrics,.metric-grid,.split-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.range-selector,.topbar-actions{width:100%}.range-selector button{flex:1 1}.live-pill{display:none}.panel-head{align-items:flex-start;flex-direction:column}.search{width:100%;min-width:0}}