:root{--bg:#181c16;--bg2:#1e2722;--panel:#232d26;--panel2:#2c3830;--line:#3a443c;--txt:#d8dcd2;--txt-dim:#8b9086;--accent:#10a33d;--accent2:#0c8531;--green:#10a33d;--rec:#fa5252;--det:#10a33d;--mosaic-bg:#121611}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--txt);font:13px/1.4 Segoe UI,Roboto,system-ui,Arial,sans-serif}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}header{height:46px;background:linear-gradient(var(--accent),#0a8f32);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:18px;flex:0 0 auto}.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px}.brand .dot{width:18px;height:18px;border-radius:4px;background:#ffffffe0}.brand small{color:var(--txt-dim);font-weight:400;font-size:12px}nav{display:flex;gap:2px;margin-left:8px}nav a{padding:8px 14px;color:#ffffffb0;text-decoration:none;border-radius:5px;cursor:pointer}nav a:hover{color:#fff;background:#ffffff1a}nav a.on{color:#fff;background:#ffffff30}.spacer{flex:1}.clock{color:#ffffffb0}.user{display:flex;align-items:center;gap:7px;color:#ffffffd0}.user .av{width:24px;height:24px;border-radius:50%;background:#fff3;border:1px solid #ffffff40}.user .logout{color:#ffffffb0;cursor:pointer;background:none;border:0;font-size:12px}.user .logout:hover{color:#fff}.body{flex:1;display:flex;min-height:0}.sidebar{width:210px;background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;flex:0 0 auto}.sb-title{padding:9px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim);border-bottom:1px solid var(--line)}.tree{overflow-y:auto;overflow-x:hidden;padding:6px 0}.node{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer}.node:hover{background:#ffffff08}.node.sel{background:#10a33d1f;box-shadow:inset 3px 0 0 var(--accent)}.node.sub{padding-left:28px}.node .st{width:8px;height:8px;border-radius:50%;background:var(--green);flex:0 0 auto}.node .st.off{background:#5a6270}.node .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node .ptz-tag{font-size:10px;color:var(--accent);border:1px solid var(--accent2);border-radius:3px;padding:0 4px;flex:0 0 auto}.group{padding:6px 12px;color:var(--txt-dim);font-size:12px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.mosaic{flex:1;display:grid;gap:2px;padding:2px;background:var(--mosaic-bg)}.tile{position:relative;background:radial-gradient(120% 80% at 50% 20%,#333a30,#1a1f19);border:1px solid #0c0e12;overflow:hidden;display:flex;align-items:center;justify-content:center}.tile.empty{background:var(--mosaic-bg)}.tile.empty:after{content:"";width:38px;height:28px;border:2px solid #333a30;border-radius:4px}.tile video{position:relative;width:100%;height:100%;object-fit:contain;background:transparent}.tile.hidden{display:none}.tile .scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:linear-gradient(180deg,#1e2a1d 0%,var(--mosaic-bg) 70%),repeating-linear-gradient(90deg,#ffffff06 0 2px,transparent 2px 46px)}.lbl{position:absolute;left:7px;top:6px;font-size:11px;color:#eaeef3;text-shadow:0 1px 2px #000;background:#0006;padding:1px 6px;border-radius:3px;z-index:2}.rec{position:absolute;right:7px;top:7px;display:flex;align-items:center;gap:5px;font-size:10px;color:#ffd7d7;text-shadow:0 1px 2px #000;z-index:2}.rec b{width:8px;height:8px;border-radius:50%;background:var(--rec);animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.25}}.det{position:absolute;border:2px solid var(--det);border-radius:2px;z-index:2}.det .tag{position:absolute;left:-2px;top:-18px;background:var(--det);color:#07210f;font-size:10px;font-weight:700;padding:0 5px;border-radius:2px}.tbar{position:absolute;left:0;right:0;bottom:0;height:26px;background:#0009;display:flex;align-items:center;gap:12px;padding:0 9px;opacity:0;transition:.15s;z-index:3}.tile:hover .tbar{opacity:1}.tbar button{background:none;border:0;color:#cdd3db;cursor:pointer;font-size:14px;line-height:1;padding:0}.tbar button:hover:not(:disabled){color:#fff}.tbar button:disabled{cursor:not-allowed}.ptz{width:208px;background:var(--bg2);border-left:1px solid var(--line);padding:12px;flex:0 0 auto;display:flex;flex-direction:column;gap:14px}.ptz h4{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim);font-weight:600}.pad{width:150px;height:150px;margin:0 auto;position:relative;border-radius:50%;background:radial-gradient(circle,#333a30,#232d22);border:1px solid var(--line)}.pad button{position:absolute;background:#363c46;border:1px solid var(--line);color:var(--txt);width:34px;height:34px;border-radius:7px;cursor:pointer}.pad button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pad .c{left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%}.pad .u{left:50%;top:6px;transform:translate(-50%)}.pad .d{left:50%;bottom:6px;transform:translate(-50%)}.pad .l{left:6px;top:50%;transform:translateY(-50%)}.pad .r{right:6px;top:50%;transform:translateY(-50%)}.row{display:flex;gap:6px;align-items:center;justify-content:space-between}.row .k{color:var(--txt-dim)}.row .grp{display:flex;gap:6px}.row .grp button{background:#363c46;border:1px solid var(--line);color:var(--txt);width:30px;height:26px;border-radius:5px;cursor:pointer}.row .grp button:hover{background:var(--accent);color:#fff}input[type=range]{width:100%}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.presets button{background:#363c46;border:1px solid var(--line);color:var(--txt);height:26px;border-radius:5px;cursor:pointer}.presets button:hover{background:var(--accent2)}footer{height:40px;background:linear-gradient(#232d26,#1a231d);border-top:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 10px;flex:0 0 auto}.layouts{display:flex;gap:4px}.layouts button{background:#333842;border:1px solid var(--line);color:var(--txt-dim);width:30px;height:26px;border-radius:5px;cursor:pointer;display:grid;place-items:center}.layouts button.on,.layouts button:hover{color:#fff;border-color:var(--accent);background:var(--accent)}.layouts svg{width:14px;height:14px;fill:currentColor}.foot-sp{flex:1}.stream-toggle{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.stream-toggle button{background:#333842;border:0;color:var(--txt-dim);padding:5px 10px;cursor:pointer}.stream-toggle button.on{background:var(--accent2);color:#fff}.fbtn{background:#333842;border:1px solid var(--line);color:var(--txt);height:26px;padding:0 9px;border-radius:5px;cursor:pointer}.fbtn:hover:not(:disabled){background:var(--panel2)}.fbtn:disabled{opacity:.4;cursor:not-allowed}.fbtn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.status{color:var(--txt-dim);font-size:12px}.login{height:100%;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 30%,#222a1f,#15190f)}.login .card{width:320px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:26px;box-shadow:0 20px 60px #0007}.login .card .brand{justify-content:center;margin-bottom:18px;font-size:20px}.login label{display:block;color:var(--txt-dim);margin:12px 0 5px;font-size:12px}.login input{width:100%;padding:9px 10px;background:#1a211a;border:1px solid var(--line);border-radius:6px;color:var(--txt)}.login input:focus{outline:0;border-color:var(--accent)}.login button{width:100%;margin-top:18px;padding:10px;background:var(--accent);border:0;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.login button:hover{background:var(--accent2)}.login .err{color:#ff8a8a;font-size:12px;margin-top:12px;min-height:16px}.ctxmenu{position:fixed;z-index:100;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 40px #000a;padding:5px;display:flex;flex-direction:column}.ctxmenu button{background:none;border:0;color:var(--txt);text-align:left;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:12.5px}.ctxmenu button:hover:not(:disabled){background:var(--accent);color:#fff}.ctxmenu button:disabled{color:var(--txt-dim);cursor:not-allowed;opacity:.55}.ctx-sep{height:1px;background:var(--line);margin:4px 6px}.mainmenu{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:auto}.mm-top{flex:0 0 auto;display:flex;justify-content:flex-end;gap:6px;padding:10px 16px}.mm-topbtn{background:var(--panel);border:1px solid var(--line);color:var(--txt);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px}.mm-topbtn:hover:not(:disabled){background:var(--panel2);border-color:var(--accent)}.mm-topbtn:disabled{opacity:.4;cursor:not-allowed}.mm-grid{flex:0 0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;padding:12px 28px 28px;align-content:start;max-width:860px;margin:0 auto;width:100%}.mm-tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;color:var(--txt)}.mm-tile:hover:not(:disabled){background:var(--panel2);border-color:var(--accent)}.mm-tile:disabled{opacity:.4;cursor:not-allowed}.mm-tile .ic{width:46px;height:46px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:22px}.mm-tile:disabled .ic{background:#444c44}.mm-tile .lb{font-size:12.5px;text-align:center}.mm-cfgbar{flex:0 0 auto;border-top:1px solid var(--line);background:var(--bg2);padding:12px 28px;display:flex;flex-direction:column;align-items:center;gap:10px}.mm-cfgtitle{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim)}.mm-cfgicons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.mm-cfgicon{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;color:var(--txt);padding:6px 14px;border-radius:7px;cursor:pointer;font-size:11.5px}.mm-cfgicon:hover:not(:disabled){background:var(--panel)}.mm-cfgicon:disabled{opacity:.4;cursor:not-allowed}.mm-cfgicon .ic{font-size:20px}.toasts{position:fixed;right:14px;bottom:52px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{background:#2b3038;border:1px solid var(--line);border-left:3px solid var(--det);border-radius:6px;padding:8px 12px;min-width:220px;box-shadow:0 6px 20px #0006}.toast.intrusion,.toast.video_loss{border-left-color:var(--rec)}.toast.storage_warning{border-left-color:#e0a030}.toast.video_restored{border-left-color:var(--accent)}.toast .t{font-weight:600}.toast .s{color:var(--txt-dim);font-size:12px}.page{flex:1;min-width:0;overflow:auto;padding:16px}.page-head{font-size:15px;font-weight:600;margin-bottom:14px}.empty-msg{color:var(--txt-dim);padding:14px;text-align:center}.muted{color:var(--txt-dim);font-size:12px}button.primary{background:var(--accent);border:0;color:#fff;height:30px;padding:0 14px;border-radius:6px;cursor:pointer;font-weight:600}button.primary:hover{background:var(--accent2)}.cfg{display:flex;flex-direction:column}.cam-pick{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--txt-dim)}.cam-pick select,select,input[type=date]{background:#1a211a;border:1px solid var(--line);color:var(--txt);border-radius:5px;padding:5px 8px}.evt-list{display:flex;flex-direction:column;gap:6px;max-width:680px}.evt{display:flex;gap:12px;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:8px 12px}.evt-cam{font-weight:600}.evt-zones{color:var(--txt-dim);margin-left:auto}.pill{font-size:11px;font-weight:700;color:#07210f;background:var(--det);padding:1px 7px;border-radius:10px}.pill.car,.pill.truck,.pill.bus{background:#ffcf4d}.playback{display:flex;flex-direction:column;gap:12px}.playback-main{display:flex;flex-direction:column;gap:18px;padding:16px;overflow:auto}.pb-channel{display:flex;flex-direction:column;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:12px}.pb-sp{flex:1}.pb-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pb-clock{font-variant-numeric:tabular-nums;padding:0 4px}.pb-vol{display:flex;align-items:center;gap:4px}.pb-vol input{width:70px}.pb-controls .fbtn.on{background:var(--accent);color:#fff;border-color:var(--accent)}.file-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}.file-row{cursor:pointer}.pb-bar{display:flex;gap:10px;align-items:center}.pb-video{background:#000;border:1px solid var(--line);border-radius:6px;aspect-ratio:16/9;display:flex;overflow:hidden}.pb-video video{width:100%;height:100%;object-fit:contain;background:#000}.timeline{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:8px}.exports{margin-top:14px;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.exports a{color:var(--accent)}.tl-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.tl-sp{flex:1}.tl-track{position:relative;height:34px;background:var(--mosaic-bg);border-radius:4px;cursor:crosshair}.tl-seg{position:absolute;top:6px;height:22px;background:var(--accent2);border-radius:2px;opacity:.8}.tl-seg.obj{background:var(--accent);opacity:.95}.tl-mark{position:absolute;top:0;width:3px;height:34px;background:var(--det);transform:translate(-1px)}.tl-mark.car,.tl-mark.truck,.tl-mark.bus{background:#ffcf4d}.tl-hours{display:flex;justify-content:space-between;color:var(--txt-dim);font-size:10px;margin-top:4px}.cam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;max-width:900px}.card{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:4px}.card b{margin-bottom:6px}.card label{color:var(--txt-dim);font-size:12px;margin-top:6px}.card input{background:#1a211a;border:1px solid var(--line);color:var(--txt);border-radius:5px;padding:7px 9px}.card .chk{display:flex;align-items:center;gap:8px;margin-top:10px}.card .chk input{width:auto}.row2{display:flex;gap:8px;margin-top:12px}.card select{padding:7px 9px}.suffix{display:flex;align-items:center;gap:6px}.suffix input{flex:1;min-width:0}.ddns-st{font-weight:600}.ddns-st.ok{color:var(--green)}.ddns-st.error{color:#ff8a8a}.ddns-st.disabled{color:var(--txt-dim)}.found{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.snippet{background:var(--mosaic-bg);border:1px solid var(--line);border-radius:6px;padding:10px;color:#9fe6b0;font:12px/1.5 Consolas,monospace;white-space:pre-wrap;overflow:auto}.sched{display:flex;flex-direction:column;gap:3px;overflow:auto}.sched-hours{display:grid;grid-template-columns:40px repeat(24,1fr);gap:2px;color:var(--txt-dim);font-size:10px}.sched-hours span{text-align:center}.sched-row{display:grid;grid-template-columns:40px repeat(24,1fr);gap:2px;align-items:center}.sched-row .dow{color:var(--txt-dim);font-size:12px}.cell{height:22px;border:0;border-radius:2px;cursor:pointer}.legend{display:flex;align-items:center;gap:16px;margin-top:14px;color:var(--txt-dim)}.legend i{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:middle;margin-right:5px}.zone-editor{display:flex;flex-direction:column;gap:10px;max-width:960px}.ze-toolbar{display:flex;align-items:center;gap:10px}.seg{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.seg button{background:#333842;border:0;color:var(--txt-dim);padding:6px 12px;cursor:pointer}.seg button.on{background:var(--accent);color:#fff}.ze-canvas{position:relative;aspect-ratio:16/9;background:var(--mosaic-bg);border:1px solid var(--line);border-radius:6px;overflow:hidden}.ze-canvas img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7}.ze-canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.zpoly{fill:#ffcf4d22;stroke:#ffcf4d;stroke-width:4}.zpoly.restr{fill:#e5393a22;stroke:#e5393a}.zline{stroke:#2f8fed;stroke-width:5}.draft{fill:none;stroke:#39d353;stroke-width:4;stroke-dasharray:10 8}.dot{fill:#39d353}.ze-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ze-item{display:flex;justify-content:space-between;align-items:center;background:#1a211a;border:1px solid var(--line);border-radius:5px;padding:5px 10px;margin-top:5px}.ze-item button{background:none;border:0;color:#ff8a8a;cursor:pointer;font-size:16px}.acct-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:10px}.acct-tabs button{background:#333842;border:1px solid var(--line);border-bottom:0;color:var(--txt-dim);padding:7px 22px;border-radius:5px 5px 0 0;cursor:pointer}.acct-tabs button.on{background:var(--accent);border-color:var(--accent);color:#fff}.acct-tabs.small{margin:6px 0 10px}.acct-tabs.small button{padding:5px 26px}.acct-tbl{width:100%;max-width:980px;border-collapse:collapse;font-size:13px;background:var(--bg2);border:1px solid var(--line)}.acct-tbl th{text-align:left;font-weight:600;color:var(--txt-dim);padding:7px 10px;border-bottom:1px solid var(--line);background:#1a211a;white-space:nowrap}.acct-tbl td{padding:6px 10px;border-bottom:1px solid #ffffff08;height:30px}.acct-tbl tbody tr:nth-child(2n){background:#ffffff05}.acct-tbl tbody tr:not(.filler):hover{background:#10a33d14}.ico{background:none;border:0;cursor:pointer;padding:2px 4px;font-size:14px;line-height:1}.ico.edit{color:var(--accent)}.ico.del{color:#ff8a8a}.ico:disabled{opacity:.3;cursor:not-allowed}.acct-foot{display:flex;align-items:center;gap:12px;margin-top:12px}.acct-msg{color:#ff8a8a;font-size:12px}.dlg-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;z-index:50;padding:16px}.dlg{width:min(760px,100%);max-height:100%;overflow:auto;background:#1b211c;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}.dlg-head{background:var(--accent);color:#fff;font-weight:600;padding:8px 14px}.dlg-body{padding:16px 18px}.dlg-grid{display:grid;grid-template-columns:120px 1fr 120px 1fr;gap:8px 14px;align-items:center}.dlg-grid label{color:var(--txt-dim);font-size:12px}.dlg-grid input,.dlg-grid select{background:#1a211a;border:1px solid var(--line);color:var(--txt);border-radius:4px;padding:6px 8px;min-width:0}.dlg-grid input:disabled,.dlg-grid select:disabled{opacity:.5}.dlg-grid .dlg-chk{justify-self:start;width:auto}.dlg-sep{margin:16px 0 0;color:var(--txt-dim);font-size:12px;display:flex;align-items:center;gap:8px}.dlg-sep:after{content:"";flex:1;border-top:1px solid var(--line)}.perm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 12px;font-size:13px}.perm-grid .chk{display:flex;align-items:center;gap:6px}.perm-grid input:disabled{accent-color:var(--accent);opacity:.8}.dlg-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}@media(max-width:640px){header{gap:10px;padding:0 10px}.brand small,.clock,.user .av{display:none}.cfg-layout{flex-direction:column}.cfg-layout .sidebar{width:auto;border-right:0;border-bottom:1px solid var(--line)}.cfg-layout .sb-title{display:none}.cfg-layout .tree{display:flex;overflow-x:auto;padding:0}.cfg-layout .node{flex:0 0 auto;padding:10px 12px}.cfg-layout .node.sub{padding-left:12px}.cfg-layout .node.sel{box-shadow:inset 0 -3px 0 var(--accent)}.cfg-layout .main{overflow-x:hidden}.acct-tbl{display:block;overflow-x:auto}.dlg-grid{grid-template-columns:110px 1fr}.dlg-grid>span{display:none}.acct-tabs.small button{padding:5px 12px}.perm-grid{grid-template-columns:repeat(2,1fr)}.perm-grid>span{display:none}}.vl{--vl-camera:#d03b3b;--vl-system:#fab219;--vl-restart:#7d837a}.vl-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.vl-seg{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.vl-seg button{background:none;border:0;color:var(--txt-dim);padding:6px 12px;cursor:pointer}.vl-seg button.on{background:var(--accent);color:#fff}.vl-span{color:var(--txt-dim);font-size:12px;min-width:150px;text-align:center}.vl-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--txt);margin-bottom:8px}.vl-legend span{display:flex;align-items:center;gap:5px}.vl-sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.vl-sw.camera{background:var(--vl-camera)}.vl-sw.system{background:var(--vl-system)}.vl-sw.restart{background:var(--vl-restart)}.vl-chart{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px 12px;margin-bottom:14px}.vl-axis,.vl-row{display:flex;align-items:center;gap:10px}.vl-row{margin-top:6px}.vl-lbl{flex:0 0 120px;font-size:12px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vl-track{position:relative;flex:1;height:22px;background:var(--bg);border-radius:4px;overflow:hidden}.vl-track.axis{height:20px;background:none;overflow:visible;border-bottom:1px solid var(--line)}.vl-tick{position:absolute;bottom:2px;transform:translate(-50%);font-size:11px;color:var(--txt-dim);white-space:nowrap}.vl-tick:after{content:"";position:absolute;left:50%;top:100%;height:3px;border-left:1px solid var(--line)}.vl-restart{position:absolute;top:0;bottom:-1px;border-left:2px dotted var(--vl-restart)}.vl-ep{position:absolute;top:3px;bottom:3px;min-width:2px;border-radius:3px;cursor:default}.vl-ep.camera{background:var(--vl-camera)}.vl-ep.system{background:var(--vl-system)}.vl-ep.restart{background:var(--vl-restart)}.vl-ep.ongoing{border-top-right-radius:0;border-bottom-right-radius:0;animation:vl-pulse 1.6s ease-in-out infinite}@keyframes vl-pulse{50%{opacity:.55}}.vl-tip{position:absolute;z-index:5;pointer-events:none;background:#101410;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12px;color:var(--txt);line-height:1.5;box-shadow:0 6px 20px #0008;white-space:nowrap}.vl-cards{margin-bottom:14px}.vl-stat{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-top:6px}.vl-stat span{color:var(--txt-dim)}@media(max-width:640px){.vl-lbl{flex-basis:64px}.vl-tip{white-space:normal;max-width:220px}}