:root{color-scheme:dark;--bg: #05070a;--bg-2: #0a0e14;--panel: rgba(12, 16, 22, .72);--panel-solid: #0e131b;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #f5f7fa;--muted: #8b95a3;--dim: #5a6472;--blue: #3b9eff;--blue-soft: rgba(59, 158, 255, .16);--violet: #a78bfa;--green: #34d399;--green-soft: rgba(52, 211, 153, .16);--orange: #f59e0b;--orange-soft: rgba(245, 158, 11, .16);--red: #f87171;--red-soft: rgba(248, 113, 113, .14);--shadow: 0 24px 80px rgba(0, 0, 0, .45);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.stars{pointer-events:none;position:fixed;inset:-20%;background:radial-gradient(ellipse at 50% 0%,rgba(59,158,255,.09),transparent 42%),radial-gradient(circle at 88% 12%,rgba(167,139,250,.08),transparent 28%),radial-gradient(circle at 12% 80%,rgba(52,211,153,.05),transparent 24%),repeating-radial-gradient(circle at 12% 20%,rgba(255,255,255,.14) 0 1px,transparent 1px 52px);-webkit-mask-image:radial-gradient(circle at 50% 30%,black 20%,transparent 78%);mask-image:radial-gradient(circle at 50% 30%,black 20%,transparent 78%);z-index:0}.app{position:relative;z-index:1;min-height:100dvh;display:grid;grid-template-rows:64px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#05070ac7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:baseline;gap:12px}.kicker{font-size:11px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--dim)}.brand h1{margin:0;font-size:16px;font-weight:650;letter-spacing:.2px}.lock-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:650;letter-spacing:.6px;text-transform:uppercase}.lock-pill.denied{background:var(--red-soft);color:var(--red)}.operator{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.ghost{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 12px}.ghost:hover{border-color:var(--line-strong)}.shell{display:grid;grid-template-columns:220px 1fr;min-height:0}.nav{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:6px}.nav button{text-align:left;background:transparent;border:0;color:var(--muted);border-radius:10px;padding:10px 12px}.nav button.active,.nav button:hover{background:#ffffff0a;color:var(--text)}.main{min-width:0;padding:22px 24px 40px;overflow:auto}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow)}.stat-label{color:var(--dim);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700}.stat-value{margin-top:8px;font-size:28px;font-weight:650;font-variant-numeric:tabular-nums}.stat-hint{margin-top:4px;color:var(--muted);font-size:12px}.stat.online .stat-value{color:var(--green)}.stat.offline .stat-value{color:var(--red)}.stat.caution .stat-value{color:var(--orange)}.split{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px 18px}.panel h2{margin:0 0 14px;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim)}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.device-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px 14px 18px;color:inherit;position:relative;overflow:hidden}.device-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dim)}.device-card.Online:before{background:var(--green)}.device-card.Offline:before{background:var(--red)}.device-card.Unknown:before{background:var(--orange)}.device-card.selected{border-color:#3b9eff66}.device-card:hover{border-color:var(--line-strong)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-top h3{margin:0;font-size:16px}.meta{color:var(--muted);font-size:12px;margin-top:6px}.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pill{font-size:11px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.pill.ok{color:var(--green);background:var(--green-soft)}.pill.bad{color:var(--red);background:var(--red-soft)}.pill.warn{color:var(--orange);background:var(--orange-soft)}.pill.info{color:var(--blue);background:var(--blue-soft)}.feed{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow:auto}.feed-row{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:start;padding-bottom:10px;border-bottom:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--blue)}.dot.ok{background:var(--green)}.dot.bad{background:var(--red)}.dot.warn{background:var(--orange)}.feed-title{font-size:13px}.feed-meta{color:var(--muted);font-size:12px;margin-top:2px}.when{color:var(--dim);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.tabs{display:flex;gap:6px;margin-bottom:16px}.tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:13px}.tabs button.active{color:var(--text);border-color:#3b9eff73;background:var(--blue-soft)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--dim);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--line)}.table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.danger{border-color:#f8717147;background:linear-gradient(180deg,rgba(248,113,113,.06),transparent 40%),var(--panel)}.danger h2{color:var(--red)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:9px 13px;font-weight:650}.btn.primary{background:var(--blue);color:#041018}.btn.danger{background:var(--red);color:#1a0606}.btn.quiet{background:#ffffff0f;color:var(--text)}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.gate-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px 26px;box-shadow:var(--shadow)}.gate-card h1{margin:6px 0 8px;font-size:26px}.gate-card p{color:var(--muted);margin:0 0 22px;line-height:1.45}.stack{display:flex;flex-direction:column;gap:10px}input{background:#ffffff0a;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:11px 12px;outline:none}input:focus{border-color:#3b9eff8c}.error{color:var(--red);font-size:13px;margin:0 0 12px}.modal-back{position:fixed;inset:0;background:#020408b8;display:grid;place-items:center;z-index:20;padding:20px}.modal{width:min(480px,100%);background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.modal h3{margin:0 0 8px}.modal p{color:var(--muted);margin:0 0 14px;line-height:1.45}.phrase{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--orange);background:var(--orange-soft);padding:2px 6px;border-radius:6px}.hold{margin-top:12px;width:100%;height:48px;border:0;border-radius:12px;color:#1a0606;background:linear-gradient(var(--red),var(--red)) 0 / calc(var(--hold, 0) * 100%) 100% no-repeat,#f8717138;font-weight:700}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.search{width:min(320px,100%);margin-bottom:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.empty{color:var(--muted);padding:28px 8px;text-align:center}.breakglass{border:1px dashed rgba(245,158,11,.45);background:var(--orange-soft);color:var(--orange);border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:13px;line-height:1.45}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.split,.shell{grid-template-columns:1fr}.nav{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow:auto}}