:root{color-scheme:light dark;--bg:#eef6fb;--panel:#ffffff;--panel-2:#f3f8fc;--line:#c7d6e3;--text:#132536;--muted:#566d80;--link:#17703f;--field:#ffffff;--field-line:#a5bdce;--field-text:#132536;--chip:#e3ebf2;--chip-ink:#132536;--ok-bg:#e5f7ef;--ok-ink:#17703f;--warn-bg:#fff5dc;--warn-ink:#7a5300;--alarm-bg:#ffeaec;--alarm-ink:#a12a31;--alarm-line:#efb2b6}@media(prefers-color-scheme:dark){:root{--bg:#0E1114;--panel:#1B1F26;--panel-2:#14171C;--line:#333A44;--text:#dbe7f5;--muted:#9cb5cf;--link:#63D69D;--field:#262B33;--field-line:#333A44;--field-text:#ffffff;--chip:#333A44;--chip-ink:#ffffff;--ok-bg:#1E5340;--ok-ink:#d9f5e6;--warn-bg:#6B4D0C;--warn-ink:#fff0c2;--alarm-bg:#6B2529;--alarm-ink:#ffd9db;--alarm-line:#6B2529}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:var(--panel-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}nav{display:flex;gap:14px;align-items:center}nav form{margin:0}a{color:var(--link)}button,input,select{padding:10px;border-radius:5px;border:1px solid var(--field-line);background:var(--field);color:var(--field-text)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px;padding:12px}article{background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:8px}.cardhead{display:flex;justify-content:space-between;align-items:center}.health{font-size:11px;padding:4px 7px;border-radius:12px;background:var(--chip);color:var(--chip-ink)}.health.online{background:var(--ok-bg);color:var(--ok-ink)}.health.degraded{background:var(--warn-bg);color:var(--warn-ink)}.health.offline{background:var(--alarm-bg);color:var(--alarm-ink)}.stream{width:100%;background:#000;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.stream img{width:100%;height:100%;object-fit:contain}.sub{color:var(--muted);margin-bottom:8px}.ptz{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-top:8px}.ptz button{min-width:42px}.login{max-width:420px;margin:12vh auto;background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:9px}.login input{width:100%;margin:8px 0 14px}.login label{display:block;margin-top:8px}.login label .hint{color:var(--muted);font-weight:400;font-size:12px}.admincard{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:8px;margin-bottom:14px}.create{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline{display:inline-block;margin:3px}.danger{border-color:var(--alarm-line);color:var(--alarm-ink)}details{margin:5px 0}small{color:var(--muted)}main:not(.grid):not(.login){padding:18px}.stats{display:flex;gap:20px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);padding:14px;border-radius:8px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:var(--panel-2)}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}td:last-child{white-space:normal}@media(max-width:600px){.grid{grid-template-columns:1fr}header{padding:10px;gap:8px;align-items:flex-start}nav{flex-wrap:wrap}}