*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:dark;--bg:#0c0e12;--panel:#151920;--panel-2:#1c222c;--line:#2c3442;--text:#e8edf5;--muted:#8e98ab;--lime:#c6f54a;--accent-ink:#142000;--secondary:#3b82f6;--sidebar:#10141b;--danger:#ff5d5d;--warn:#f5b942;--ok:#3dd68c}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(1200px 500px at 100% -10%,color-mix(in srgb,var(--lime) 6%,transparent),transparent 50%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:var(--sidebar);padding:18px 12px 16px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;gap:10px;align-items:center;padding:0 8px}.brand img{width:34px;height:34px}.brand strong{display:block;letter-spacing:-.03em}.brand span{color:var(--muted);font-size:12px}.nav-group{display:grid;gap:2px}.nav-label{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px 10px 4px}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:#c5ccd8;font-size:14px}.nav-link.active,.nav-link:hover{background:var(--panel-2);color:white}.nav-link.active{box-shadow:inset 2px 0 0 var(--lime)}.main{min-width:0}.topbar{height:60px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);z-index:5}.content{padding:22px;display:grid;gap:16px}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.kpi .label{color:var(--muted);font-size:12px}.kpi strong{display:block;font-size:26px;letter-spacing:-.04em;margin-top:4px}.page-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.page-head h1{margin:0;font-size:26px;letter-spacing:-.04em}.page-head p{margin:4px 0 0;color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel-2);border-radius:9px;padding:8px 12px}.btn.primary{background:var(--lime);color:var(--accent-ink);border-color:transparent;font-weight:650}.btn.danger{color:var(--danger)}.input,.select{background:#0f131a;border:1px solid var(--line);border-radius:9px;padding:9px 11px;min-width:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.report-note{margin:0;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;color:var(--muted);font-weight:550;background:#12171f}td,th{padding:10px 12px}td{border-top:1px solid var(--line);vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 8px;font-size:12px;background:#222834}.badge i{width:7px;height:7px;border-radius:99px;background:var(--muted);display:block}.badge.ONLINE i,.badge.ok i{background:var(--ok)}.badge.AUTH_ERROR i,.badge.NETWORK_ERROR i,.badge.OFFLINE i,.badge.bad i{background:var(--danger)}.badge.CONNECTING i,.badge.UNSTABLE i,.badge.WARN i{background:var(--warn)}.badge.DISABLED i{background:#667}.grid-2{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-bottom:2px solid transparent}.tab.on{color:white;border-color:var(--lime)}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-hero{padding:48px;display:flex;flex-direction:column;justify-content:space-between}.login-panel{display:grid;place-items:center;padding:32px}.login-card{width:min(420px,100%);display:grid;gap:12px}.mosaic{display:grid;gap:8px}.cell{background:#0d1117;border:1px dashed #314055;min-height:160px;border-radius:12px;position:relative;overflow:hidden}.cell video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:black}.timeline{position:relative;height:46px;background:#10151c;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.segment{top:8px;bottom:8px;background:var(--lime);border-radius:6px}.gap,.segment{position:absolute}.gap{top:18px;height:8px;background:repeating-linear-gradient(90deg,#3a2430,#3a2430 6px,transparent 0,transparent 10px)}.search{flex:1}.user-box{margin-top:auto;padding:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.error{color:#ffb4b4;font-size:13px}.check{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}.event-row{align-items:center}.event-msg{display:grid;gap:2px}.event-msg small{color:var(--muted)}.note-unread{font-weight:700}.map-frame{height:520px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.leaflet-container{height:100%;width:100%;background:#1b1f27}.map-frame .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.95) saturate(.4)}.content-immersive{padding:0;height:calc(100vh - 60px);display:block}.content-immersive.full{height:100vh}.nav-group+.nav-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.ops{display:grid;grid-template-columns:1fr 340px;height:100%;min-height:0}.ops .map-frame{height:100%;border:0;border-radius:0}.ops-rail{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.ops-rail-head{display:grid;gap:10px;padding:16px 14px 10px}.ops-rail-head strong{font-size:18px;letter-spacing:-.03em}.ops-list{overflow:auto;min-height:0}.ops-empty{color:var(--muted);padding:16px;margin:0}.cam-card{display:grid;grid-template-columns:108px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line);cursor:pointer}.cam-card.on{background:#1b2431}.cam-thumb{position:relative;width:108px;height:68px;border-radius:8px;overflow:hidden;background:#0c1016}.cam-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cam-thumb .dot{position:absolute;left:6px;bottom:6px;width:8px;height:8px;border-radius:99px;background:var(--muted);box-shadow:0 0 0 2px rgba(0,0,0,.45)}.cam-thumb .dot.ONLINE{background:var(--ok)}.cam-thumb .dot.AUTH_ERROR,.cam-thumb .dot.NETWORK_ERROR,.cam-thumb .dot.OFFLINE{background:var(--danger)}.cam-thumb .dot.DISABLED{background:#667}.cam-meta{display:grid;gap:2px;min-width:0}.cam-name{font-weight:650;letter-spacing:-.02em}.cam-place{color:var(--muted);font-size:12px}.cam-meta a{color:var(--lime);font-size:12px}.star{border:0;background:transparent;color:#3c4554;font-size:18px;padding:4px;line-height:1}.star.on{color:#f5c451}.map-cluster-wrap,.pin-wrap{background:transparent;border:0}.map-cluster{width:46px;height:46px;border-radius:50%;background:var(--secondary);color:white;display:grid;place-items:center;font-weight:700;font-size:15px;box-shadow:0 0 0 7px color-mix(in srgb,var(--secondary) 22%,transparent)}.pin{display:block;width:14px;height:14px;border-radius:50%;background:#ff5d5d;border:2px solid #0c1016;box-shadow:0 0 0 4px rgba(255,93,93,.25)}.pin.on{background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 22%,transparent)}.pin.sel{outline:2px solid white}.stat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stat{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%}.stat b{font-size:28px;letter-spacing:-.04em}.stat span{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.stat.on{border-color:var(--secondary)}.icon-btn{width:32px;height:32px;border-radius:8px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--panel-2);padding:0}.icon-btn.blue{background:var(--secondary)}.icon-btn.blue,.icon-btn.red{color:white;border-color:transparent}.icon-btn.red{background:#e11d48}.btn{display:inline-flex;align-items:center;gap:6px}.btn.danger{background:#e11d48;color:white;border-color:transparent}.btn.linkish{background:transparent;border:0;color:#5aa2ff;padding:0}.wizard-steps{display:flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.wizard-steps span{padding:8px 12px;border-radius:8px;color:var(--muted);font-size:13px}.wizard-steps span.done,.wizard-steps span.on{background:#1c2430;color:white}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-card{border:1px solid var(--line);border-radius:8px;background:#2a2f36;color:inherit;text-align:left;padding:22px 18px;cursor:pointer}.plan-card.on{background:#4a5058}.plan-card small{display:block;color:#c5cad3;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.plan-card strong{display:block;margin-top:4px;font-size:28px;font-weight:650;letter-spacing:-.03em}.day-box{display:flex;justify-content:space-between;align-items:flex-end;border:1px solid var(--line);border-radius:8px;padding:16px 18px}.day-box input{width:140px;border:0;background:transparent;color:white;font-size:42px;font-weight:600;padding:0}.day-box span{color:var(--muted);font-size:18px}.pin-drop{display:block;width:22px;height:22px;margin-left:3px;background:var(--secondary);border:2px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 8px rgba(0,0,0,.45)}.pin-drop.sel{background:#60a5fa}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel);color:white}.map-pop{width:190px;display:grid;gap:6px}.map-pop img{width:100%;height:108px;-o-object-fit:cover;object-fit:cover;border-radius:6px;background:#000}.map-pop strong{font-size:13px}.map-pop a{justify-self:center;width:34px;height:34px;border-radius:50%;background:white;color:#111;display:grid;place-items:center}.watch{display:grid;grid-template-columns:1fr 360px;height:100%;min-height:0}.watch-main{overflow:auto;padding:16px 18px 28px;display:grid;gap:12px;align-content:start}.watch-side{min-height:0;display:grid;grid-template-rows:280px 1fr;border-left:1px solid var(--line)}.watch-side .map-frame{height:100%;border:0;border-radius:0}.watch-side .ops-rail{border-left:0}.watch-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.watch-player .cell{position:absolute;inset:0;min-height:0;height:auto;border:0;border-radius:0}.watch-player .cell video,.watch-player .playback-layer{position:absolute;inset:0;width:100%;height:100%;min-height:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#000}.watch-player:-webkit-full-screen,.watch-player:fullscreen{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.fs-btn{width:36px;height:36px;display:grid;place-items:center;padding:0!important}.ptz-pad{position:absolute;right:12px;bottom:58px;z-index:3;display:grid;gap:6px;justify-items:end}.ptz-grid{display:grid;grid-template-columns:repeat(3,34px);gap:4px}.ptz-grid span{width:34px;height:34px}.ptz-grid button,.ptz-zoom button{width:34px;height:34px;border:0;border-radius:8px;background:rgba(20,24,32,.82);color:white;padding:0}.ptz-zoom{display:flex;gap:4px}.ptz-pad p{margin:0;max-width:160px;color:white;font-size:12px;text-align:right;text-shadow:0 1px 2px #000}.watch-controls{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:8px;align-items:center;z-index:2}.watch-controls button{border:0;background:rgba(20,24,32,.82);color:white;border-radius:999px;padding:8px 12px}.live-pill{display:inline-flex;align-items:center;gap:6px}.live-pill i{width:8px;height:8px;border-radius:50%;background:#ff4d4f;display:block}.live-pill.off{background:#3c4452!important;color:#aeb6c4!important}.live-pill.off i{background:#8b93a3}.audio-btn{width:36px;height:36px;display:grid;place-items:center;padding:0!important}.save-pill{background:white!important;color:#111!important}.control-end{margin-left:auto}.watch-title h1{margin:0;font-size:22px;letter-spacing:-.03em}.range-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.range-clock,.range-row button,.range-row input{border:0;background:var(--line);color:white;border-radius:999px;padding:8px 14px}.range-row button.on{background:white;color:#111}.range-clock{margin-left:auto;background:var(--panel);font-variant-numeric:tabular-nums;letter-spacing:.02em}.tl{position:relative;height:36px;background:transparent;cursor:pointer;touch-action:none}.tl-track{position:absolute;left:0;right:0;top:14px;height:8px;border-radius:99px;background:#2c3544;overflow:hidden}.tl-track i{position:absolute;top:0;bottom:0;background:var(--secondary)}.tl-now{top:6px;width:2px;height:24px;background:white;border-radius:2px;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.4)}.tl-hover,.tl-now{position:absolute;pointer-events:none}.tl-hover{bottom:42px;width:168px;transform:translateX(-50%);background:#111;border-radius:8px;overflow:hidden;z-index:3}.tl-hover img{width:100%;height:94px;-o-object-fit:cover;object-fit:cover;display:block;background:#000}.tl-hover b{display:block;text-align:center;font-size:12px;padding:4px;font-variant-numeric:tabular-nums}.tl-scale{position:relative;height:16px;color:var(--muted);font-size:11px}.tl-scale span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.watch-player .connecting{position:absolute;inset:0;background:rgba(0,0,0,.72);z-index:1}.cam-info{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:6px}.cam-info header{display:flex;justify-content:space-between}.cam-info header span.ok{color:#3dd68c}.cam-info p{margin:0;color:#c5ccd8;font-size:14px}.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:40}.modal{width:min(420px,92vw);background:#1c212b;border-radius:14px;padding:18px;display:grid;gap:12px}.modal header{display:flex;justify-content:space-between;align-items:center}.modal header button{border:0;background:transparent;font-size:22px}.modal .btn{justify-self:end}.modal.wide{width:min(760px,94vw)}.cam-config{display:grid;gap:18px}.cam-config section{display:grid;gap:10px;padding-top:8px;border-top:1px solid var(--line)}.cam-config h3{margin:0;font-size:15px}.cam-config label{font-size:13px;color:var(--muted)}.cam-config label,.onvif-list{display:grid;gap:6px}.onvif-list button{text-align:left;border:1px solid var(--line);background:transparent;color:inherit;border-radius:8px;padding:8px 10px;display:grid;gap:2px}.onvif-list small{color:var(--muted);word-break:break-all}.cam-config p{margin:0;color:var(--muted);font-size:13px}.option-row,.radio-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.option-row label,.radio-row label{display:inline-flex;gap:8px;align-items:center}.option-row label .input{width:72px;text-align:center}.switch{background:#3a4250}.switch.on{background:var(--secondary)}.cam-config footer{display:flex;justify-content:space-between;align-items:center}.public-link{display:grid;gap:4px}.public-link a{color:#8eb6ff;word-break:break-all}.public-live{min-height:100vh;background:#000;color:white;display:grid;grid-template-rows:auto 1fr}.public-live header{padding:12px 16px;font-weight:650}.public-live .cell{min-height:calc(100vh - 48px);border:0;border-radius:0}.videos{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;min-height:calc(100vh - 120px)}.videos-stage{background:#000;border-radius:12px;min-height:420px;display:grid;overflow:hidden}.videos-stage video{width:100%;height:100%;min-height:420px;background:#000}.videos-empty{display:grid;place-items:center;color:#d5dbe6;min-height:420px;text-align:center}.round-form{display:grid;gap:10px;padding:16px;align-content:start;overflow:auto;max-height:calc(100vh - 140px)}.round-form h2{margin:0}.round-picks{display:flex;flex-wrap:wrap;gap:10px 16px}.round-stage{position:relative;min-height:420px;background:#000}.round-stage .cell{position:absolute;inset:0;min-height:0;border:0;border-radius:12px}.round-stage .cell video{position:absolute;inset:0;width:100%;height:100%;min-height:0;-o-object-fit:cover;object-fit:cover}.round-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.78))}.round-bar button{border:0;background:rgba(255,255,255,.14);color:white;border-radius:8px;padding:6px 10px}.videos-rail{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:420px;display:flex;flex-direction:column}.videos-head{display:flex;gap:10px;align-items:center;padding:14px}.videos-head .input{flex:1}.video-row{width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 14px;display:grid;gap:2px}.video-row.on{background:var(--panel-2)}.video-row>button:first-child{border:0;background:transparent;color:inherit;text-align:left;padding:0;display:grid;gap:2px}.video-row small{color:var(--muted)}.mosaic-cards{display:flex;gap:12px;flex-wrap:wrap}.mosaic-card{width:230px;border:1px solid var(--line);background:#1a1f27;color:inherit;border-radius:12px;padding:12px;display:grid;gap:8px}.mosaic-card>button:first-child{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;border:0;background:transparent;color:inherit;padding:4px}.mosaic-card span{display:grid;gap:4px}.mosaic-card small{color:#d5dbe6}.wall{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#05070a;color:white}.wall-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:#10141b}.wall-bar .input{max-width:240px}.wall-grids{display:flex;gap:4px}.wall-grids button{border:1px solid #2a3342;background:transparent;color:#d5dbe6;border-radius:8px;padding:6px 8px}.wall-grids button.on{background:var(--lime);color:#111;border-color:transparent}.wall-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 230px}.wall-grid{min-height:0;height:100%}.mosaic-stage{display:grid;gap:2px;background:#05070a}.mosaic-tile{position:relative;background:#0b0e13;min-height:0;overflow:hidden}.wall .mosaic-tile .cell{position:absolute;inset:0;min-height:0;height:auto;border:0;border-radius:0}.wall .mosaic-tile .cell video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mosaic-empty{height:100%;display:grid;place-items:center;color:#8b95a7}.mosaic-pick{position:absolute;top:6px;right:6px;z-index:3;max-width:46%;background:rgba(0,0,0,.55);color:white;border:0;border-radius:6px;font-size:12px}.wall-rail{overflow:auto;border-left:1px solid #232a36;align-content:start;gap:6px}.wall-cam,.wall-rail{padding:8px;display:grid}.wall-cam{text-align:left;border:1px solid #2a3342;background:#161b22;color:inherit;border-radius:8px;cursor:grab}.wall-cam small{color:#8b95a7}.wall:fullscreen{height:100%;background:#000}.wall:fullscreen .wall-bar,.wall:fullscreen .wall-rail{display:none}.wall:fullscreen .wall-body{grid-template-columns:1fr}.connecting{min-height:180px;display:grid;place-items:center;color:#9aa3b2}.mosaic-caption{position:absolute;left:8px;bottom:8px;font-size:12px;text-shadow:0 1px 4px #000;z-index:2}.url-line{display:flex;gap:8px;align-items:center}.url-line input{flex:1}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.group-head{display:flex;gap:18px;align-items:end}.toggle{display:grid;gap:8px;justify-items:center;color:var(--muted);font-size:13px}.switch{width:42px;height:24px;border-radius:99px;border:0;background:#2a3342;position:relative;padding:0}.switch.on{background:#d7dde8}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;transition:left .15s ease}.switch.on:after{left:21px}.transfer{display:grid;grid-template-columns:1fr 40px 1fr;gap:12px}.transfer-arrows{display:grid;place-items:center;color:var(--muted);padding-top:88px}.pick-list{border:1px solid var(--line);border-radius:12px;min-height:220px;max-height:360px;overflow:auto;background:var(--sidebar);margin-top:8px}.pick-row{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:inherit}.pick-row span{display:grid}.pick-row code,.pick-row small{color:var(--muted);font-size:12px}.plus{color:var(--secondary);background:transparent;border:0;font-size:22px;line-height:1}@media (max-width:1100px){.grid-3,.group-head,.kpis,.stat-row,.transfer{grid-template-columns:1fr}.group-head,.transfer{display:grid}.grid-2,.login,.ops,.videos,.watch{grid-template-columns:1fr}.watch-side{grid-template-rows:240px auto;border-left:0;border-top:1px solid var(--line)}.app-shell{grid-template-columns:1fr}.sidebar{position:relative}.content-immersive,.sidebar{height:auto}.ops{height:calc(100vh - 60px)}.ops .map-frame{height:46vh}.ops-rail{border-left:0;border-top:1px solid var(--line)}}