:root{--bg: #0f1419;--panel: #1a2029;--panel2: #232b36;--line: #313a47;--text: #e6e9ee;--muted: #93a1b1;--accent: #4ea1ff;--green: #3fb950;--red: #f85149;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,sans-serif}h1,h2,h3{font-weight:600}button{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.4rem .8rem;cursor:pointer;font-size:13px;transition:background .12s,border-color .12s,opacity .12s}button:hover{border-color:var(--accent);background:#2b3543}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#06243f;font-weight:600}button.primary:hover{background:#6cb2ff}button.danger{color:var(--red)}button.danger:hover{border-color:var(--red);background:#f851491f}input,select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.4rem .55rem;font-size:13px;transition:border-color .12s,box-shadow .12s}input{width:100%}select{cursor:pointer}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4ea1ff40}input::placeholder{color:#5a6b7d}input[type=date]::-webkit-calendar-picker-indicator{opacity:.65;cursor:pointer}input[type=checkbox]{width:auto;accent-color:var(--accent)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-bottom:1rem}.filters label{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:13px}.filters input,.filters select{width:auto}.filters input[type=date]{width:160px}.cb{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:12px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:var(--green);box-shadow:0 0 6px var(--green)}.dot.off{background:var(--red)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:500}.muted{color:var(--muted)}.topnav{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.5rem;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:5}.topnav .brand{font-size:1.05rem;margin-right:1rem}.topnav button.active{background:var(--accent);border-color:var(--accent);color:#06243f;font-weight:600}.overview{padding:1.25rem 1.5rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem;cursor:pointer;transition:border-color .15s}.card:hover{border-color:var(--accent)}.card-name{font-size:1.1rem;margin:.3rem 0 .1rem}.card-meta{font-size:12px}.monitor{padding:1.25rem 1.5rem}.topbar{display:flex;align-items:center;gap:1rem}.topbar h1{margin:.2rem 0}.statusline{min-height:1.2rem;color:var(--accent);font-size:13px;margin:.25rem 0 .5rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem;margin-top:1rem}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h3{margin:.2rem 0}.clip-video{width:100%;max-width:680px;background:#000;border-radius:6px;margin-top:.4rem}.cam-strip{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.25rem 0 .75rem}.cam-chip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem;cursor:grab;-webkit-user-select:none;user-select:none;font-size:13px}.cam-chip:active{cursor:grabbing;border-color:var(--accent)}.quad{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.layout-bar{float:right;display:inline-flex;gap:.25rem;font-weight:400}.layout-bar button{font-size:12px;padding:.15rem .55rem;border:1px solid var(--line);background:var(--panel2, #222c38);color:var(--muted, #9aa7b4);border-radius:5px;cursor:pointer}.layout-bar button:hover{color:var(--accent, #4ea1ff)}.layout-bar button.active{background:var(--accent, #4ea1ff);color:#fff;border-color:var(--accent, #4ea1ff)}.player{position:relative;aspect-ratio:16 / 9;background:#000;border:1px solid var(--line);border-radius:6px;overflow:hidden}.player video{width:100%;height:100%;object-fit:contain;background:#000}.player:fullscreen{aspect-ratio:auto;border:none;border-radius:0}.player:fullscreen video{object-fit:contain}.player-label{position:absolute;left:0;bottom:0;padding:.2rem .5rem;font-size:12px;background:#0000008c;border-top-right-radius:6px}.player-label .slot-num{display:inline-block;min-width:1.1rem;text-align:center;margin-right:.3rem;background:var(--accent);color:#06243f;border-radius:4px;font-weight:700}.player-clear{position:absolute;top:.3rem;right:.3rem;padding:.1rem .4rem;font-size:12px;background:#0000008c}.player-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;pointer-events:none}.page{padding:1rem 1.25rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{display:flex;flex-direction:column;gap:.6rem;width:280px;padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.login-box .brand{font-size:1.5rem}.login-box h3{margin:0 0 .3rem;color:var(--muted);font-weight:500}.login-box input{padding:.5rem .6rem}.login-err{color:var(--red);font-size:13px}.navuser{color:var(--muted);font-size:13px;margin-right:.5rem}.ok-tag{color:var(--green);font-size:13px}.err-tag{color:var(--red);font-weight:700;font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{display:flex;flex-direction:column;gap:.6rem;width:320px;padding:1.2rem;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.modal-box input{padding:.5rem .6rem}.pager{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.6rem}.pager-bottom{margin:.8rem 0 0}.pager-nav{display:inline-flex;align-items:center;gap:.4rem}.pager-nav label{display:inline-flex;align-items:center;gap:.35rem;font-size:13px;margin-right:.6rem}.pager .err{color:var(--red);font-size:13px}.filters input.search{width:200px}.live-wrap{display:flex;gap:.6rem;align-items:flex-start}.live-wrap .quad{flex:1;min-width:0}.cam-side{width:250px;flex:none;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:.45rem;max-height:78vh;overflow:auto;font-size:13px}.cam-side-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;padding:.1rem .3rem .35rem}.cam-side-close{padding:0 .4rem;border:none;background:transparent;color:var(--muted);font-size:14px}.cam-side-close:hover{color:var(--text)}.cam-side-search{width:100%;margin-bottom:.35rem}.cam-side-hint{font-size:11px;padding:0 .3rem .4rem}.cam-row{display:flex;align-items:center;gap:.45rem;padding:.32rem .35rem;border-radius:6px;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid transparent}.cam-row:hover{background:#2b3543;border-color:var(--line)}.cam-row-thumb{flex:0 0 56px;height:34px;border-radius:4px;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.cam-row-thumb img{width:100%;height:100%;object-fit:cover}.cam-row-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.cam-row-age{font-size:10.5px}.cam-row:active{cursor:grabbing}.cam-row{opacity:.5}.cam-row.shown,.cam-row:hover{opacity:1}.cam-row-slot{flex:none;width:20px;height:20px;border-radius:5px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);color:var(--muted)}.cam-row-slot.on{background:var(--accent);color:#06243f}.cam-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-side-foot{padding:.45rem .3rem .1rem;border-top:1px solid var(--line);margin-top:.35rem;font-size:12px}.nav-badge{display:inline-block;margin-left:6px;background:var(--red);color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:0 6px;min-width:18px;text-align:center}.al-thumb{height:28px;width:46px;object-fit:cover;border-radius:3px;vertical-align:middle;margin-right:4px;background:#000}.imp-btn{background:#10406e;border-color:#1d6bb0;color:#cfe7ff}.imp-banner{background:#f5b942;color:#3a2a00;padding:6px 14px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.imp-back{margin-left:auto;background:#3a2a00;color:#ffe9b8;border:0;border-radius:6px;padding:4px 10px;cursor:pointer;font-weight:600}.imp-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:100}.imp-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;width:min(440px,92vw);box-shadow:0 12px 40px #0006}.imp-box h3{margin:0 0 10px}.imp-box input{width:100%;font-size:15px;padding:.55rem .7rem}.imp-list{list-style:none;margin:10px 0 0;padding:0;max-height:46vh;overflow:auto}.imp-list li{padding:8px 10px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between}.imp-list li:hover{background:var(--panel2)}.imp-err{color:var(--red);font-size:13px;margin-top:6px}.imp-hint{color:var(--muted);font-size:11.5px;margin-top:8px}.layout-grid{display:grid;gap:.5rem;flex:1;min-width:0}.live-wrap .layout-grid{flex:1;min-width:0}.layout-grid>*{min-width:0;min-height:0}.layout-grid>.player{aspect-ratio:auto;height:100%}.layout-empty{grid-column:1 / -1;padding:2rem;text-align:center}.layout-select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.2rem .4rem;font-size:13px;margin-right:.4rem}@media(max-width:760px){.topnav{flex-wrap:wrap;padding:.45rem .6rem;gap:.3rem}.topnav .brand{width:100%;margin:0 0 .1rem}.topnav button{padding:.3rem .55rem;font-size:13px}.topnav>span[style*="flex:1"],.topnav .navuser{display:none}.subtabs{flex-wrap:wrap}.subtabs button{padding:.4rem .55rem}.overview,.monitor{padding:.75rem .6rem}.topbar{flex-wrap:wrap;gap:.5rem}.panel{padding:.7rem;overflow-x:auto}.panel-head{flex-wrap:wrap;gap:.4rem}.filters{flex-wrap:wrap}.filters label{max-width:100%;box-sizing:border-box}.filters label:has(input.search){width:100%;display:flex;align-items:center;gap:.4rem}.filters input.search{flex:1;width:auto;min-width:0}table{display:block;max-width:100%;overflow-x:auto}img,video,canvas{max-width:100%}select,input,textarea{max-width:100%;box-sizing:border-box}.filters label:has(select){display:flex;align-items:center;gap:.4rem;max-width:100%}.filters select{min-width:0;flex:1}pre,code{white-space:pre-wrap;word-break:break-word}}@media(max-width:760px){.verw{padding:.6rem}}