:root{--bg:#07111f;--surface:#0d1b2b;--panel:#112338;--line:#20364f;--text:#f4f7fb;--muted:#91a5ba;--accent:#2bd4bd;--blue:#44a7ff;--danger:#ff647c;--warning:#ffc857;--shadow:0 18px 50px rgba(0,0,0,.25)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 85% -10%,#153b54 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1500px)/2));background:rgba(7,17,31,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:750}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.brand-mark,.login-logo{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--blue));color:#04111c;font-weight:900;border-radius:10px}.brand-mark{width:42px;height:42px;font-size:13px}.nav{display:flex;gap:7px;flex:1}.nav a{padding:10px 13px;color:var(--muted);border-radius:8px}.nav a:hover{background:var(--surface);color:var(--text)}.user-chip{color:var(--muted);display:flex;align-items:center;gap:8px}.online-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.nav-toggle{display:none;background:none;border:0;color:var(--text);font-size:24px}.shell{max-width:1500px;margin:0 auto;padding:34px 24px 70px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:44px;background:linear-gradient(165deg,rgba(17,35,56,.98),rgba(9,24,40,.98));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-logo{width:68px;height:68px;margin-bottom:22px;font-size:20px}.login-card h1{font-size:30px;margin:4px 0 6px}.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.muted{color:var(--muted)}.stack{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:7px;font-weight:650;color:#c9d6e3}label small{font-weight:400;color:var(--muted)}input,select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#091726;color:var(--text);font:inherit;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(43,212,189,.12)}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--line);border-radius:8px;font:inherit;font-weight:750;cursor:pointer}.primary{background:var(--accent);color:#04131d;border-color:transparent}.secondary{background:var(--surface);color:var(--text)}button:disabled{opacity:.45;cursor:not-allowed}.secure-note{text-align:center;color:var(--muted);font-size:12px;margin:22px 0 0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-head h1{font-size:32px;line-height:1.1;margin:5px 0}.page-head p{margin-bottom:0}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.summary-card,.panel{background:linear-gradient(165deg,rgba(17,35,56,.96),rgba(11,28,46,.96));border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.12)}.summary-card{padding:20px;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#6f8296}.summary-card.good:before{background:var(--accent)}.summary-card.danger:before{background:var(--danger)}.summary-card.accent:before{background:var(--blue)}.summary-card span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.summary-card strong{display:block;font-size:34px;margin:10px 0 4px}.summary-card small{color:var(--muted)}.panel{padding:22px;margin-bottom:18px}.panel h2{margin:0 0 16px;font-size:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h2,.panel-head p{margin:0}.text-link,.link,.back{color:var(--accent)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid rgba(32,54,79,.65);color:#cdd9e5}.device-name{font-weight:750;color:var(--text)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.04em}.status.online{color:var(--accent)}.status.offline,.muted-status{color:var(--muted)}.status.error{color:var(--danger)}.empty{text-align:center!important;color:var(--muted)!important;padding:44px!important}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid .panel{margin:0}.span-2{grid-column:1/-1}.facts{display:grid;grid-template-columns:170px 1fr;gap:10px 20px;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0;min-width:0;word-break:break-word}.facts.compact{grid-template-columns:1fr auto}.remote-grid,.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.remote-grid article{padding:18px;border:1px solid var(--line);border-radius:10px;background:#0a1929}.remote-grid h3{margin-top:0}.status-grid{grid-template-columns:repeat(4,1fr)}.alert{padding:12px 14px;border-radius:8px;margin:14px 0}.alert.error{background:rgba(255,100,124,.12);border:1px solid rgba(255,100,124,.35);color:#ffafbb}.alert.warning{background:rgba(255,200,87,.1);color:var(--warning)}.alert.success{background:rgba(43,212,189,.1);color:var(--accent)}.narrow{max-width:720px}.back{display:inline-block;margin-bottom:18px}@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(3,1fr)}.status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{padding:0 18px}.nav-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:12px 18px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column}.nav.open{display:flex}.user-chip{display:none}.shell{padding:24px 15px 50px}.page-head{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.detail-grid,.remote-grid,.status-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.facts{grid-template-columns:1fr;gap:2px}.facts dd{margin-bottom:12px}.device-table thead{display:none}.device-table,.device-table tbody,.device-table tr,.device-table td{display:block;white-space:normal}.device-table tr{padding:12px 0;border-bottom:1px solid var(--line)}.device-table td{display:grid;grid-template-columns:42% 58%;border:0;padding:6px 4px}.device-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-transform:uppercase}.panel{padding:16px}.login-card{padding:30px 24px}}@media(max-width:430px){.summary-grid{grid-template-columns:1fr}.page-head h1{font-size:27px}}