:root{--bg:#0b1018;--panel:#131b27;--panel-2:#1a2433;--border:#253042;--text:#e8edf3;--muted:#93a0b1;--accent:#4ba3f5;--ok:#3ccb7f;--warn:#f2c14e;--bad:#f2704e;--new:#f2704e;--mine:#4ba3f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f4f6f8;--panel:#fff;--panel-2:#eef2f6;--border:#dfe4ea;--text:#0e1726;--muted:#5b6676;--accent:#0b6bcb;--ok:#1f9d55;--warn:#b7791f;--bad:#c2410c;--new:#c2410c;--mine:#0b6bcb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4{margin:0 0 8px}h2{font-size:20px}h3{font-size:16px}h4{margin-top:16px;font-size:14px}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--text);border-color:var(--border);background:0 0;font-weight:500}button.secondary:hover:not(:disabled){background:var(--panel-2)}button.danger{color:var(--bad)}button.link{color:var(--accent);background:0 0;border:none;padding:4px 6px;font-weight:500}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;width:100%;padding:9px 12px}textarea{resize:vertical}.muted{color:var(--muted)}.error{color:var(--bad);margin:8px 0}.empty{color:var(--muted);text-align:center;padding:32px}.badge{background:var(--bad);color:#fff;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600}.actions{flex-wrap:wrap;gap:8px;display:flex}.code{letter-spacing:3px;-webkit-user-select:all;user-select:all;padding:12px 0;font:600 28px/1.2 ui-monospace,Consolas,monospace}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login form,.login .form{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:28px;display:flex}.shell{flex-direction:column;height:100%;display:flex}nav{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;display:flex}nav .brand{margin-right:8px;font-weight:700}nav .org{color:var(--muted);margin-right:12px}nav .spacer{flex:1}.tab{color:var(--muted);background:0 0;font-weight:600}.tab.active{color:var(--text);background:var(--panel-2)}main{flex:1;min-height:0;overflow:auto}.queue{grid-template-columns:minmax(300px,380px) 1fr;height:100%;display:grid}.queue-list{border-right:1px solid var(--border);background:var(--panel);overflow:auto}.queue-head{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex;position:sticky;top:0}.alert-row{text-align:left;width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;align-items:center;gap:10px;padding:10px 14px;font-weight:400;display:flex}.alert-row:hover{background:var(--panel-2)}.alert-row.selected{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.alert-row .dot{background:var(--muted);border-radius:5px;flex:none;width:10px;height:10px}.alert-row.new .dot{background:var(--new);animation:1.2s infinite pulse}.alert-row.mine .dot{background:var(--mine)}.alert-main{flex-direction:column;flex:1;min-width:0;display:flex}.alert-what{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.alert-site{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alert-side{flex-direction:column;align-items:flex-end;font-size:12px;display:flex}@keyframes pulse{50%{opacity:.35}}.queue-detail{overflow:auto}.detail{flex-direction:column;gap:16px;max-width:1100px;padding:18px 22px;display:flex}.detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cap{text-transform:capitalize}.media{flex-direction:column;gap:10px;display:flex}.media-main{aspect-ratio:16/9;background:#000;border-radius:12px;place-items:center;display:grid;overflow:hidden}.media-main .snapshot,.media-main img{object-fit:contain;width:100%;height:100%}.media-buttons{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.clip{background:#000;border-radius:10px;width:100%;max-width:640px}.log{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.log-entry{border-top:1px solid var(--border);padding:6px 0}.log-entry:first-of-type{border-top:none}.note{white-space:pre-wrap;border-left:3px solid var(--border);margin-top:4px;padding-left:10px}.close-form{flex-direction:column;gap:8px;display:flex}.close-row{flex-wrap:wrap;gap:8px;display:flex}.close-row select{width:auto}.live{background:#000;width:100%;height:100%;position:relative}.live video{object-fit:contain;width:100%;height:100%;display:block}.live-status{color:#fff;background:#000000b3;padding:10px 14px;position:absolute;inset:auto 0 0}.img-loading,.img-missing{aspect-ratio:16/9;background:var(--panel-2);width:100%;color:var(--muted);place-items:center;display:grid}.img-loading{animation:1.5s infinite pulse}.wall{flex-direction:column;gap:12px;padding:16px;display:flex}.wall-head{align-items:center;gap:12px;display:flex}.wall-head input{max-width:320px}.site-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:12px;display:grid}.site-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.site-card.bad{border-color:var(--bad)}.site-card.warn{border-color:var(--warn)}.site-card.open{grid-column:1/-1}.site-card-head{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:12px 14px;font-weight:400;display:flex}.site-card-head .site-name{flex:1;font-weight:600}.dot{background:var(--muted);border-radius:5px;flex:none;width:10px;height:10px}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.problems{color:var(--warn);margin:0;padding:0 14px 10px 38px}.cams{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:0 14px 14px;display:grid}.cam{background:var(--panel-2);color:var(--text);border:1px solid var(--border);flex-direction:column;gap:6px;padding:0 0 8px;font-weight:600;display:flex;overflow:hidden}.cam img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.modal{z-index:10;background:#000000bf;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-box{background:var(--panel);border-radius:14px;width:min(1280px,100%);overflow:hidden}.modal-box header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.modal-box .live{aspect-ratio:16/9;height:auto}.reports{flex-direction:column;gap:16px;padding:16px;display:flex}.reports-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;overflow-x:auto}.report header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px}th{color:var(--muted);font-weight:600}.company{gap:16px;max-width:900px;padding:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.invite{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.made{background:var(--panel-2);border-radius:10px;margin-top:12px;padding:12px}@media (width<=760px){.queue{grid-template-rows:40% 60%;grid-template-columns:1fr}.queue-list{border-right:none;border-bottom:1px solid var(--border)}.invite{grid-template-columns:1fr}}.join{flex-direction:column;gap:8px;margin-top:8px;display:flex}