:root{color-scheme:dark;--bg:#0b121b;--panel:#121e2b;--panel2:#1b2a39;--line:#2b3d4e;--text:#edf4fb;--muted:#9eb0c1;--blue:#4db5ff;--green:#59d49a;--red:#ff8b8b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#172738 0,#0b121b 55%);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.topbar{height:76px;border-bottom:1px solid #263646;display:flex;align-items:center;gap:12px;padding:0 max(20px,calc((100vw - 1120px)/2));background:#0c151fdd}.brandmark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#20384b;color:var(--blue);font-size:26px}.brandcopy{display:flex;flex-direction:column}.brandcopy strong{font-size:15px}.brandcopy span{font-size:11px;color:var(--muted)}.secure-pill{margin-left:auto;border:1px solid #315341;border-radius:30px;padding:6px 10px;color:#a5e8c3;font-size:10px;font-weight:800;letter-spacing:1px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.wrap{max-width:1120px;margin:0 auto;padding:42px 20px 70px}.login-card{max-width:420px;margin:30px auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 25px 80px #0004}.camera-icon{width:54px;height:54px;display:grid;place-items:center;background:#20384b;border-radius:16px;color:var(--blue);font-size:27px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--blue);margin:17px 0 5px}h1{font-size:clamp(27px,4vw,34px);letter-spacing:-.8px;margin:0 0 8px}h2{font-size:21px;margin:0}.muted{color:var(--muted);margin-top:0}.login-card form{display:flex;flex-direction:column;margin-top:25px}.login-card label{font-size:12px;color:#c5d2de;margin:0 0 7px}.login-card input{width:100%;padding:13px 14px;background:#0b141e;border:1px solid var(--line);border-radius:10px;color:var(--text);outline:none;margin-bottom:16px}.login-card input:focus{border-color:var(--blue)}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.primary{background:var(--blue);color:#06131e;margin-top:4px;display:flex;justify-content:space-between}.secondary{background:#213244;border:1px solid #354b60;color:var(--text)}.error{color:var(--red);min-height:18px;font-size:12px}.tiny{font-size:11px;color:#8094a7}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.welcome-row .eyebrow{margin-top:0}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}.stat{display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:17px}.stat-icon{width:42px;height:42px;border-radius:12px;background:#20384b;color:var(--blue);display:grid;place-items:center;font-size:22px}.stat-icon.green{color:var(--green);background:#19372d}.stat strong,.stat span:last-child{display:block}.stat strong{font-size:20px}.stat div span{font-size:11px;color:var(--muted)}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.camera-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.camera-preview{aspect-ratio:16/9;background:#08111a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8da1b4;gap:8px}.camera-preview .symbol{font-size:34px}.camera-preview small{font-size:11px}.camera-info{padding:15px;display:flex;align-items:center;gap:10px}.camera-info .info{min-width:0;flex:1}.camera-info strong{display:block;overflow-wrap:anywhere}.camera-info small{color:var(--muted)}.play-btn{background:#20384b;color:#9bd8ff;border:1px solid #365a75}.empty{padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.footnote{margin-top:28px}.modal{position:fixed;inset:0;background:#02070ddf;display:grid;place-items:center;padding:18px;z-index:5}.modal-panel{width:min(900px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head .eyebrow{margin:0 0 4px}.close{background:#263748;color:white;padding:8px 12px}video{width:100%;max-height:70vh;background:#000;border-radius:10px}.player-message{font-size:12px;margin:10px 0 0}[hidden]{display:none!important}@media(max-width:650px){.wrap{padding:28px 14px 50px}.login-card{padding:23px;margin:15px auto}.camera-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:27px}.secure-pill{font-size:9px}.topbar{padding:0 14px}}