:root{--bg: #0f1115;--panel: #171b22;--panel-2: #1e242e;--text: #e6edf3;--muted: #8b949e;--accent: #4f9cf9;--ok: #7ee787;--warn: #e3b341;--bad: #f85149;--border: #2a3038;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh}abm-app-shell{display:block}.topbar{position:sticky;top:0;z-index:10;background:#0f1115f2;border-bottom:1px solid var(--border);padding:.5rem .75rem;backdrop-filter:blur(6px)}.brand{font-weight:700;margin-bottom:.4rem}.nav{display:flex;gap:.4rem;overflow-x:auto}.nav-link{color:var(--muted);text-decoration:none;padding:.3rem .6rem;border-radius:999px;white-space:nowrap;font-size:.9rem}.nav-link.active{background:var(--panel-2);color:var(--text)}.view{padding:.75rem;max-width:1100px;margin:0 auto}.page{display:block}h1{font-size:1.3rem;margin:.2rem 0}h2{font-size:1.05rem;margin:.2rem 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.75rem;margin-bottom:.75rem}.muted{color:var(--muted)}.small{font-size:.8rem}.hint{color:var(--muted);font-size:.8rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.5rem .8rem;cursor:pointer;font-size:.9rem}.btn:hover{border-color:var(--accent)}.btn.small{padding:.28rem .55rem;font-size:.8rem}.btn-primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.btn.active{background:var(--bad);border-color:var(--bad);color:#fff}.input{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem .6rem;font-size:.95rem}.input.small{padding:.25rem .4rem;font-size:.8rem}.field{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.field>span{color:var(--muted)}.device-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.device-card{display:flex;flex-direction:column;gap:.3rem;text-align:left;cursor:pointer}.device-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot-on{background:var(--ok)}.dot-off{background:var(--muted)}.device-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.75rem;margin-bottom:.75rem}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.indicators{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.ind{background:var(--panel-2);border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.controls{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.message-form{display:flex;gap:.4rem}.message-form .input{flex:1}.message-preview{margin-top:.4rem;padding:.4rem .6rem;background:var(--panel-2);border-radius:8px;font-size:.9rem}.video-frame{position:relative;background:#000;border-radius:10px;aspect-ratio:16 / 9;overflow:hidden}.video-el{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-weight:600;pointer-events:none}.video-el:not([srcobject])~.video-placeholder{display:grid}.video-flags{position:absolute;top:.4rem;right:.4rem;display:flex;gap:.3rem}.flag{background:#0009;border-radius:6px;padding:.1rem .4rem;font-size:.75rem}.video-stats{font-size:.78rem;color:var(--muted);margin-top:.3rem}.grid-host{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.grid-cell{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.5rem}.grid-label{font-size:.85rem;margin-bottom:.3rem}@media (max-width: 560px){.grid-host{grid-template-columns:1fr}}.badge{border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.badge-ok{background:#7ee78726;color:var(--ok)}.badge-warn{background:#e3b34126;color:var(--warn)}.badge-bad{background:#f8514926;color:var(--bad)}.badge-info{background:var(--panel-2);color:var(--muted)}.timeline-item{display:flex;gap:.5rem;align-items:baseline;padding:.4rem .6rem;border-left:3px solid var(--border);margin-bottom:.3rem;background:var(--panel);border-radius:0 8px 8px 0}.sev-warn{border-left-color:var(--warn)}.sev-bad{border-left-color:var(--bad)}.timeline-time{color:var(--muted);font-size:.8rem;min-width:5.5rem}.timeline-type{font-weight:600}.notify-row,.permissions,.alarm-row,.media-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.permissions{justify-content:flex-start;flex-wrap:wrap}.chip{display:inline-flex;gap:.3rem;align-items:center;background:var(--panel-2);border-radius:999px;padding:.2rem .6rem;font-size:.85rem}.offline-banner{background:var(--bad);color:#fff;text-align:center;padding:.3rem;font-size:.85rem}.toast-host{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.4rem;z-index:50;max-width:92vw}.toast{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.5rem .8rem;box-shadow:0 6px 24px #0006}.toast-error{border-color:var(--bad)}.toast-success{border-color:var(--ok)}.toast-warn{border-color:var(--warn)}progress{width:100%;height:6px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}