html,body,#root{height:100%;margin:0}.app-shell{min-height:100%}.sidebar{background:#fff!important;border-right:1px solid #e5e7eb;padding:16px 12px;transition:all .2s ease}.sidebar.collapsed{padding:14px 8px}.brand{align-items:center;border-bottom:1px solid #eef0f3;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px;padding:0 4px 14px}.sidebar.collapsed .brand{justify-content:center;padding:0 0 12px}.sidebar-toggle{margin-left:auto}.sidebar.collapsed .sidebar-toggle{margin-left:0}.nav-actions{margin-bottom:16px;width:100%}.sidebar-nav-button{align-items:center;display:inline-flex;justify-content:center}.sidebar.collapsed .nav-actions{align-items:center}.sidebar.collapsed .sidebar-nav-button{height:38px;padding:0;width:44px}.sidebar.collapsed .sidebar-nav-button .ant-btn-icon{margin-inline-end:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:0 24px}.content{background:#f6f8fb;padding:16px}.auth-loading,.login-screen{min-height:100vh}.auth-loading{align-items:center;background:#f5f7fb;display:flex;justify-content:center}.login-screen{align-items:center;background:radial-gradient(circle at 16% 18%,rgba(22,119,255,.34),transparent 28%),radial-gradient(circle at 84% 12%,rgba(20,184,166,.24),transparent 30%),linear-gradient(135deg,#06111f,#0b1627 42%,#101827);color:#fff;display:grid;gap:44px;grid-template-columns:minmax(0,1.1fr) minmax(380px,460px);overflow:hidden;padding:56px clamp(24px,7vw,104px);position:relative}.login-screen:before{animation:login-scan 7s linear infinite;background:linear-gradient(180deg,transparent,rgba(96,165,250,.12),transparent);content:"";height:38%;left:0;position:absolute;right:0;top:-40%}.login-orbit{border:1px solid rgba(148,163,184,.22);border-radius:999px;position:absolute}.login-orbit-one{animation:login-float 9s ease-in-out infinite;height:420px;left:-140px;top:-110px;width:420px}.login-orbit-two{animation:login-float 11s ease-in-out infinite reverse;bottom:-180px;height:520px;right:-180px;width:520px}.login-visual{animation:login-rise .68s ease-out both;max-width:720px;position:relative;z-index:1}.login-brand-mark{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 18px 70px #00000038;color:#93c5fd;display:flex;font-size:34px;height:72px;justify-content:center;margin-bottom:26px;width:72px}.login-visual .ant-typography{color:#e2e8f0d1;font-size:17px;max-width:620px}.login-visual h1.ant-typography{color:#fff;font-size:clamp(42px,6vw,76px);line-height:.95;margin-bottom:18px}.login-monitor-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px;max-width:620px}.login-monitor-tile{animation:login-tile-in .62s ease-out both,login-camera-breathe 4.8s ease-in-out infinite;background:#0f172a94;border:1px solid rgba(148,163,184,.22);border-radius:10px;min-height:118px;overflow:hidden;padding:18px;position:relative}.login-monitor-tile span{color:#60a5fa;font-size:28px}.login-monitor-tile strong{color:#fff;display:block;font-size:15px;margin-top:16px}.login-monitor-tile i{animation:login-signal 2.6s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(34,197,94,.42),transparent);bottom:0;height:2px;left:-45%;position:absolute;width:45%}.login-card{animation:login-card-in .62s ease-out both .12s;background:#fffffff5;border:1px solid rgba(255,255,255,.56);border-radius:14px;box-shadow:0 28px 90px #00000052;position:relative;width:min(460px,calc(100vw - 32px));z-index:1}.login-card-icon{color:#1677ff;font-size:24px}.login-title{margin:0!important}@keyframes login-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes login-card-in{0%{opacity:0;transform:translate(22px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes login-tile-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-camera-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes login-signal{0%{left:-45%}to{left:110%}}@keyframes login-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(18px,-18px,0)}}@keyframes login-scan{to{top:110%}}.ant-table-cell{vertical-align:middle}.network-detail-column{display:none}.dashboard-strip{margin-bottom:16px}.dashboard-card{min-height:128px}.dashboard-card .ant-card-body{display:flex;flex-direction:column;gap:8px;height:100%}.dashboard-card-meta{min-height:24px}.dashboard-card-note{display:block;font-size:12px;line-height:1.35}.full-width{width:100%}.address-suggestion{display:flex;flex-direction:column;gap:2px;line-height:1.35;white-space:normal}.address-suggestion span:first-child{color:#111827}.operations-workspace{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(360px,440px) minmax(0,1fr)}.operations-inventory,.operations-detail{min-width:0}.operations-inventory{position:sticky;top:16px}.operations-inventory .ant-table-row{cursor:pointer}.operations-inventory .selected-row>td{background:#eaf4ff!important}.operations-detail{display:flex;flex-direction:column;gap:12px}.operations-topology-card .ant-card-body{padding:16px}.operations-topology-card .topology-map{height:min(48vh,480px);min-height:340px}.operations-map-summary{display:grid;gap:10px}.operations-context .ant-card-body{padding:14px 16px}.statistic-block{background:#f8fafc;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;min-height:64px;padding:10px 12px}.player{align-items:center;aspect-ratio:16 / 9;background:#111827;color:#fff;display:flex;flex-direction:column;font-size:18px;gap:8px;justify-content:center;margin-bottom:12px}.player .anticon{font-size:42px}.live-player{position:relative;width:100%}.live-video{aspect-ratio:16 / 9;background:#111827;display:block;margin-bottom:12px;object-fit:contain;width:100%}.live-audio-toggle{align-items:center;background:#111827b8;border:1px solid rgba(255,255,255,.24);box-shadow:0 8px 20px #00000042;color:#fff;display:inline-flex;height:30px;justify-content:center;left:10px;position:absolute;top:10px;width:30px;z-index:5}.live-audio-toggle:hover,.live-audio-toggle:focus{background:#1677ffeb!important;border-color:#ffffff61!important;color:#fff!important}.live-audio-toggle.active{background:#16a34ae6}.live-audio-toggle.no-track{opacity:.78}.live-unavailable{align-items:center;aspect-ratio:16 / 9;background:#111827;color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-bottom:12px;padding:24px;text-align:center}.live-unavailable .anticon{font-size:42px}.live-unavailable .ant-typography{color:#fff}.live-unavailable .ant-alert{max-width:720px;text-align:left;width:100%}.snapshot{aspect-ratio:16 / 9;border:1px solid #e5e7eb;display:block;margin-bottom:12px;object-fit:cover;width:100%}.topology-map{border:1px solid #d9e0ea;display:flex;flex-direction:column;height:min(62vh,560px);min-height:360px;overflow:hidden}.map-notice{border-left:0;border-right:0;border-top:0;flex:0 0 auto}.map-summary{align-items:center;background:#fff;border-bottom:1px solid #d9e0ea;display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}.map-popup{min-width:260px}.map-detail-grid{border:1px solid #eef0f3;display:grid;grid-template-columns:1fr;width:100%}.map-detail-row{display:grid;gap:8px;grid-template-columns:96px minmax(0,1fr);padding:5px 8px}.map-detail-row+.map-detail-row{border-top:1px solid #eef0f3}.map-detail-row .ant-typography:last-child{overflow-wrap:anywhere}.topology-map .leaflet-container{flex:1 1 auto;min-height:0;width:100%}.device-marker{align-items:center;border:2px solid #ffffff;box-shadow:0 8px 18px #0f172a38;color:#fff;display:flex;font-size:11px;font-weight:700;justify-content:center}.device-marker span{line-height:1}.nvr-marker{background:#1769aa}.camera-marker{background:#1f9d55}.camera-marker.offline{background:#d93025}.camera-marker.degraded{background:#d97706}.camera-marker.unknown{background:#6b7280}.camera-marker.selected{outline:3px solid #facc15}.device-cluster-marker{background:#0f172a;border-radius:6px;padding:0 8px}.device-cluster-marker span{display:block;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-picker{border:1px solid #d9e0ea;height:320px;margin-bottom:12px;overflow:hidden}.location-picker .leaflet-container{height:100%;width:100%}.location-picker-marker{align-items:center;background:#1769aa;border:3px solid #ffffff;box-shadow:0 8px 18px #0f172a40;display:flex;justify-content:center}.location-picker-marker span{background:#fff;display:block;height:6px;width:6px}.multi-live-grid{display:grid;gap:10px;width:100%}.nvr-live-view{width:100%}.multi-live-toolbar{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.multi-live-toolbar.focus{background:#050914c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.16);box-shadow:0 8px 24px #00000038;color:#dbeafe;margin:0;min-height:54px;padding:8px 14px}.multi-live-toolbar.focus .ant-typography{color:#e2e8f0db}.live-focus-clock{background:#0f172ab8;border:1px solid rgba(148,163,184,.24);border-radius:6px;color:#f8fafc!important;font-variant-numeric:tabular-nums;padding:5px 10px}.multi-live-toolbar.focus .ant-select-selector,.multi-live-toolbar.focus .ant-btn{border-color:#cbd5e13d;box-shadow:none}.multi-live-toolbar.focus .ant-select-selector{background:#ffffffeb}.multi-live-grid.grid-1{grid-template-columns:1fr}.multi-live-grid.grid-4,.multi-live-grid.grid-9,.multi-live-grid.grid-16{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-live-tile{background:#fff;border:1px solid #d9e0ea;min-width:0;padding:8px}.multi-live-tile.empty{border-style:dashed}.multi-live-header{align-items:center;display:flex;gap:8px;justify-content:space-between;min-height:28px}.multi-live-player{align-items:center;aspect-ratio:16 / 9;background:#111827;color:#fff;display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center;margin:8px 0}.multi-live-player.empty{background:#1f2937;color:#d1d5db}.multi-live-player .anticon{font-size:30px}.live-focus-overlay{background:#050914;top:0;right:0;bottom:0;left:0;position:fixed;z-index:2000}.live-focus-shell{display:flex;flex-direction:column;height:100vh;width:100vw}.live-focus-shell .multi-live-grid{flex:1 1 auto;gap:2px;min-height:0;padding:2px}.multi-live-grid.focus.grid-1,.multi-live-grid.focus.grid-4,.multi-live-grid.focus.grid-9,.multi-live-grid.focus.grid-16{grid-auto-rows:minmax(0,1fr)}.multi-live-grid.focus .multi-live-tile{background:#050914;border:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;position:relative}.multi-live-grid.focus .multi-live-header{background:transparent;bottom:10px;color:#fff;left:10px;min-height:0;padding:0;position:absolute;right:10px;top:auto;z-index:2}.multi-live-grid.focus .multi-live-header .ant-typography{background:linear-gradient(90deg,#05091494,#05091429);border-radius:6px;box-shadow:0 6px 18px #0000002e;color:#fff;font-size:13px;font-weight:600;line-height:1.2;max-width:calc(100% - 82px);overflow:hidden;padding:4px 8px;text-shadow:0 1px 2px rgba(0,0,0,.65);text-overflow:ellipsis;white-space:nowrap}.multi-live-grid.focus .multi-live-header-actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:6px}.multi-live-grid.focus .multi-live-header .ant-tag{border:0;background:#f0fdf4eb;box-shadow:0 6px 18px #00000029;font-size:11px;line-height:18px;margin-inline-end:0;min-width:48px;text-align:center}.multi-live-grid.focus .focus-snapshot-button{align-items:center;background:#ffffffeb;border:0;border-radius:6px;box-shadow:0 6px 18px #0000002e;color:#0f172a;display:inline-flex;height:22px;justify-content:center;min-width:28px;padding:0 7px}.multi-live-grid.focus .focus-snapshot-button:hover{background:#fff;color:#1677ff}.multi-live-grid.focus .live-player,.multi-live-grid.focus .multi-live-tile>.ant-space,.multi-live-grid.focus .multi-live-tile>.ant-space>.ant-space-item{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.multi-live-grid.focus .live-player,.multi-live-grid.focus .live-unavailable,.multi-live-grid.focus .multi-live-player{flex:1 1 auto;margin:0;min-height:0;overflow:hidden;padding-top:0}.multi-live-grid.focus .live-video,.multi-live-grid.focus .live-unavailable,.multi-live-grid.focus .multi-live-player{aspect-ratio:auto;height:100%;object-fit:contain;width:100%}.multi-live-grid.focus .multi-live-tile.empty .multi-live-header{background:transparent}.multi-live-grid.focus .multi-live-tile.empty .tile-camera-select{border-top:1px solid #111827;flex:0 0 auto;margin:0}.multi-live-grid.focus .focus-tile-controls{bottom:44px;display:none;left:10px;opacity:0;position:absolute;right:10px;transition:opacity .16s ease;z-index:3}.multi-live-grid.focus .multi-live-tile:hover .focus-tile-controls,.multi-live-grid.focus .multi-live-tile:focus-within .focus-tile-controls{opacity:1}.multi-live-grid.focus .focus-select{margin:0;width:100%}.multi-live-grid.focus .focus-select .ant-select-selector{background:#ffffffeb;border-color:#94a3b847}.multi-live-grid.focus .live-audio-toggle{left:auto;right:10px;top:10px}.multi-live-grid.focus .multi-live-tile.empty .multi-live-player{min-height:0}.tile-camera-select{margin-top:8px;width:100%}.device-live-actions{margin-top:8px}.device-live-actions-top{margin-bottom:8px;margin-top:0}.ptz-preview-empty{align-items:center;aspect-ratio:16 / 9;background:#111827;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;text-align:center}.ptz-preview-empty .anticon{font-size:36px}.ptz-preview-empty .ant-typography{color:#fff}.ptz-pad{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.ptz-pad .ant-btn{min-width:0}.gallery-image{aspect-ratio:16 / 9;background:#111827;object-fit:cover;width:100%}.gallery-pagination{align-items:center;display:flex;gap:12px;justify-content:space-between}@media (min-width: 1200px){.multi-live-grid.grid-9{grid-template-columns:repeat(3,minmax(0,1fr))}.multi-live-grid.grid-16{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1180px){.operations-workspace{grid-template-columns:1fr}.operations-inventory{position:static}.login-screen{grid-template-columns:1fr;padding:32px 20px}.login-visual{max-width:none}}@media (max-width: 720px){.login-monitor-grid{grid-template-columns:1fr}.login-visual h1.ant-typography{font-size:42px}}.login-screen{background:radial-gradient(circle at 12% 18%,rgba(37,99,235,.16),transparent 30%),radial-gradient(circle at 82% 16%,rgba(20,184,166,.16),transparent 28%),linear-gradient(135deg,#f8fbff,#eef6ff 48%,#f8fafc);color:#0f172a}.login-screen:before{background:linear-gradient(180deg,transparent,rgba(37,99,235,.09),transparent)}.login-orbit{border-color:#2563eb29}.login-brand-mark{background:#fff;border-color:#2563eb2e;box-shadow:0 20px 70px #2563eb24;color:#1677ff}.login-visual .ant-typography{color:#475569}.login-visual h1.ant-typography{color:#0f172a}.login-card{background:#fffffff0;border:1px solid rgba(148,163,184,.28);box-shadow:0 28px 90px #0f172a29}.login-device-stage{align-items:end;display:grid;gap:16px;grid-template-columns:156px 180px minmax(180px,260px);margin:30px 0 26px;max-width:640px}.login-nvr-unit{animation:login-device-rise .7s ease-out both;background:linear-gradient(180deg,#fff,#eaf2ff);border:1px solid rgba(37,99,235,.18);border-radius:8px;box-shadow:0 18px 42px #0f172a1f;display:flex;flex-direction:column;gap:9px;min-height:112px;padding:16px;position:relative}.login-nvr-unit strong{color:#1d4ed8;font-size:13px;letter-spacing:.08em;margin-top:auto}.login-nvr-led{animation:login-led 1.45s ease-in-out infinite;background:#22c55e;border-radius:999px;box-shadow:0 0 0 4px #22c55e1f;height:10px;position:absolute;right:14px;top:14px;width:10px}.login-nvr-slot{background:#cbd5e1;border-radius:999px;display:block;height:8px;width:92px}.login-nvr-slot.short{width:62px}.login-camera-arm{animation:login-device-rise .76s ease-out both 80ms;height:142px;position:relative}.login-camera-arm:before{background:#94a3b8;bottom:12px;content:"";height:78px;left:88px;position:absolute;transform:rotate(8deg);transform-origin:bottom;width:8px}.login-camera-body{align-items:center;animation:login-camera-pan 4.8s ease-in-out infinite;background:linear-gradient(135deg,#1677ff,#0f766e);border:3px solid #ffffff;border-radius:16px;box-shadow:0 18px 42px #2563eb38;color:#fff;display:flex;font-size:30px;height:76px;justify-content:center;left:36px;position:absolute;top:0;width:112px;z-index:2}.login-camera-lens{animation:login-lens 2.8s ease-in-out infinite;background:#ffffffe6;border-radius:999px;bottom:14px;height:10px;position:absolute;right:16px;width:10px}.login-camera-beam{animation:login-beam 3.2s ease-in-out infinite;background:linear-gradient(90deg,rgba(37,99,235,.2),transparent);border-radius:999px;height:54px;left:134px;opacity:.7;position:absolute;top:14px;transform:skewY(-9deg);width:120px}.login-keyboard{animation:login-device-rise .82s ease-out both .14s;background:#ffffffb8;border:1px solid rgba(148,163,184,.24);border-radius:8px;box-shadow:0 18px 42px #0f172a1a;display:grid;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr));padding:12px}.login-keyboard span{animation:login-key-press 2.4s ease-in-out infinite;background:#e2e8f0;border-radius:5px;box-shadow:inset 0 -2px #0f172a1f;height:18px}.login-monitor-tile{background:#ffffffc7;border-color:#2563eb2e;box-shadow:0 12px 34px #0f172a14}.login-monitor-tile strong{color:#0f172a}.nvr-live-view{background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;height:clamp(560px,calc(100vh - 210px),960px);overflow:hidden}.device-detail-card{border-radius:8px;overflow:visible;scroll-margin-top:72px}.device-detail-card>.ant-card-head{background:#fffffffa;border-bottom-color:#e5e7eb;min-height:56px;position:sticky;top:0;z-index:8}.device-detail-card>.ant-card-head .ant-card-extra{overflow-x:auto;padding:8px 0}.device-detail-card>.ant-card-head .ant-space{flex-wrap:nowrap}.device-detail-card>.ant-card-body{padding:0 24px 20px}.device-detail-tabs>.ant-tabs-nav{background:#fffffffa;margin:0;padding-top:14px;position:sticky;top:56px;z-index:7}.device-detail-tabs>.ant-tabs-content-holder{max-height:none;overflow:visible;overscroll-behavior:auto;padding-top:16px}.device-detail-tabs .ant-tabs-tabpane{min-width:0}.device-live-layout{align-items:flex-start;margin:0!important}.device-live-main,.device-live-side{min-width:0}.device-live-main .live-player,.device-live-main .live-unavailable,.device-live-loading{min-height:0}.device-live-main .live-video,.device-live-main .live-unavailable{max-height:clamp(300px,calc(100vh - 270px),560px);object-fit:contain}.device-live-side{position:sticky;top:0}.device-live-side .snapshot{border-radius:6px;display:block;max-height:260px;object-fit:cover;width:100%}.multi-live-toolbar{background:#f8fafcf5;border-bottom:1px solid #e2e8f0;flex:0 0 auto;margin:0;padding:10px;position:sticky;top:0;z-index:4}.multi-live-controls{row-gap:8px;width:100%}.nvr-live-view>.multi-live-grid,.nvr-live-view>.multi-live-player,.nvr-live-view>.multi-live-alert{margin:10px}.nvr-live-view>.multi-live-grid{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}.nvr-live-view>.multi-live-grid.density-compact{gap:6px}.nvr-live-view>.multi-live-grid.density-compact .multi-live-tile{padding:6px}.nvr-live-view>.multi-live-grid.density-compact .multi-live-header{min-height:22px;padding-bottom:2px}.nvr-live-view>.multi-live-grid.density-compact .multi-live-header .ant-typography{font-size:12px}.nvr-live-view>.multi-live-grid.density-compact .live-player,.nvr-live-view>.multi-live-grid.density-compact .live-unavailable,.nvr-live-view>.multi-live-grid.density-compact .multi-live-player{margin:4px 0}.nvr-live-view>.multi-live-grid.density-compact .live-player>.ant-space,.nvr-live-view>.multi-live-grid.density-compact .live-player+.ant-space,.nvr-live-view>.multi-live-grid.density-compact .tile-camera-select,.nvr-live-view>.multi-live-grid.density-compact .multi-live-tile>.ant-space{display:none}.nvr-live-view>.multi-live-grid.density-large .multi-live-tile{padding:10px}.nvr-live-view>.multi-live-grid.density-large .live-player,.nvr-live-view>.multi-live-grid.density-large .live-unavailable,.nvr-live-view>.multi-live-grid.density-large .multi-live-player{margin:10px 0}.multi-live-tile{border-radius:8px;box-shadow:0 10px 24px #0f172a0d}.multi-live-player.offline{background:#172033;color:#f8fafc}.multi-live-header{padding:0 2px 4px}.multi-live-tile .live-video,.multi-live-tile .live-unavailable,.multi-live-tile .multi-live-player{border-radius:4px}.nvr-live-view>.multi-live-grid.focus .multi-live-header{bottom:10px!important;left:10px!important;right:10px!important;top:auto!important}.nvr-live-view>.multi-live-grid.focus .live-audio-toggle{left:auto!important;right:10px!important;top:10px!important}.nvr-live-view>.multi-live-grid.focus .multi-live-header .ant-typography{max-width:calc(100% - 104px)}.nvr-live-view>.multi-live-grid.focus .live-video{object-fit:contain!important}.nvr-live-view>.multi-live-grid.focus .focus-tile-controls{display:none!important}.nvr-live-view{height:auto;max-height:none;overflow:visible}.nvr-live-view .multi-live-toolbar{align-items:flex-start;border:1px solid #dbe4f0;border-bottom:0;gap:8px;margin:0;padding:10px 10px 8px}.nvr-live-view .multi-live-controls{align-items:center;gap:8px}.nvr-live-view .multi-live-controls .ant-select{max-width:100%}.nvr-live-view .multi-live-primary-action,.nvr-live-view .multi-live-secondary-action{height:32px}.nvr-live-view>.multi-live-grid{border:1px solid #dbe4f0;margin:0;max-height:none;overflow:visible;padding:10px}.nvr-live-view>.multi-live-grid.grid-1{grid-template-columns:minmax(0,1fr)}.nvr-live-view>.multi-live-grid.grid-4,.nvr-live-view>.multi-live-grid.grid-9,.nvr-live-view>.multi-live-grid.grid-16{grid-template-columns:repeat(2,minmax(0,1fr))}.nvr-live-view>.multi-live-grid.density-compact{gap:8px}.nvr-live-view>.multi-live-grid.density-compact .multi-live-tile{display:flex;flex-direction:column;min-height:0;padding:6px}.nvr-live-view>.multi-live-grid.density-compact .multi-live-header{background:#fff;min-height:22px;padding:0 2px 4px}.nvr-live-view>.multi-live-grid.density-compact .live-player,.nvr-live-view>.multi-live-grid.density-compact .live-unavailable,.nvr-live-view>.multi-live-grid.density-compact .multi-live-player{flex:1 1 auto;height:clamp(190px,22vw,280px);margin:0;min-height:170px}.nvr-live-view>.multi-live-grid.density-compact.grid-1 .live-player,.nvr-live-view>.multi-live-grid.density-compact.grid-1 .live-unavailable,.nvr-live-view>.multi-live-grid.density-compact.grid-1 .multi-live-player{height:clamp(360px,55vh,640px)}.nvr-live-view>.multi-live-grid.density-compact .live-video,.nvr-live-view>.multi-live-grid.density-compact .live-unavailable,.nvr-live-view>.multi-live-grid.density-compact .multi-live-player{aspect-ratio:auto;height:100%;margin:0;object-fit:contain}.nvr-live-view>.multi-live-grid.density-compact .focus-tile-controls,.nvr-live-view>.multi-live-grid.density-compact .tile-camera-select,.nvr-live-view>.multi-live-grid.density-compact .multi-live-tile>.ant-space,.nvr-live-view>.multi-live-grid.density-compact .live-player+.ant-space{display:none!important}.nvr-live-view>.multi-live-grid.density-comfortable .live-player,.nvr-live-view>.multi-live-grid.density-comfortable .live-unavailable,.nvr-live-view>.multi-live-grid.density-comfortable .multi-live-player{height:clamp(260px,28vw,380px);margin:4px 0}.nvr-live-view>.multi-live-grid.density-comfortable .live-video,.nvr-live-view>.multi-live-grid.density-comfortable .live-unavailable,.nvr-live-view>.multi-live-grid.density-comfortable .multi-live-player{aspect-ratio:auto;height:100%;object-fit:contain}.nvr-live-view>.multi-live-grid.density-large .live-player,.nvr-live-view>.multi-live-grid.density-large .live-unavailable,.nvr-live-view>.multi-live-grid.density-large .multi-live-player{height:clamp(360px,44vw,620px)}@keyframes login-device-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes login-camera-pan{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(10px) rotate(3deg)}}@keyframes login-beam{0%,to{opacity:.34;transform:skewY(-9deg) scaleX(.82)}50%{opacity:.72;transform:skewY(-5deg) scaleX(1)}}@keyframes login-lens{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 18px #ffffffe6}}@keyframes login-led{0%,to{opacity:.55}50%{opacity:1}}@keyframes login-key-press{0%,74%,to{transform:translateY(0)}82%{transform:translateY(3px)}}@media (max-width: 920px){.login-device-stage{grid-template-columns:1fr}.login-camera-arm{display:none}.nvr-live-view{height:auto;overflow:visible}.device-detail-card>.ant-card-head,.device-detail-tabs>.ant-tabs-nav,.device-live-side{position:static}.device-detail-card>.ant-card-body{padding:0 14px 16px}.device-detail-tabs>.ant-tabs-content-holder{max-height:none;overflow:visible}.nvr-live-view>.multi-live-grid{overflow:visible}}html,body,#root{min-width:0;overflow-x:hidden}.app-shell,.app-shell .ant-layout,.content,.device-detail-card,.device-detail-tabs,.nvr-live-view,.multi-live-grid,.multi-live-tile,.live-player,.live-video{min-width:0}.content{max-width:100vw;overflow-x:hidden}.multi-live-controls,.multi-live-controls .ant-space-item{max-width:100%;min-width:0}.multi-live-camera-select{max-width:100%;min-width:220px}.multi-live-camera-select .ant-select-selector{max-width:100%}.nvr-live-view>.multi-live-grid{width:100%}@media (max-width: 1100px){.nvr-live-view>.multi-live-grid.grid-4,.nvr-live-view>.multi-live-grid.grid-9,.nvr-live-view>.multi-live-grid.grid-16{grid-template-columns:1fr}}@media (max-width: 720px){.content{padding:8px}.topbar{gap:8px;padding:0 10px}.nvr-live-view .multi-live-toolbar{padding:8px}.multi-live-controls{align-items:stretch;display:flex;flex-direction:column;width:100%}.multi-live-controls .ant-space-item,.multi-live-controls .ant-select,.multi-live-controls .ant-btn{max-width:100%!important;width:100%!important}.nvr-live-view>.multi-live-grid{gap:8px;padding:8px}.nvr-live-view>.multi-live-grid.density-compact .live-player,.nvr-live-view>.multi-live-grid.density-comfortable .live-player,.nvr-live-view>.multi-live-grid.density-large .live-player{height:clamp(180px,56vw,280px)}.multi-live-meta{font-size:12px;line-height:1.45}}@media (max-width: 520px){.dashboard-strip .ant-col{flex:0 0 100%;max-width:100%}.device-detail-card>.ant-card-head{padding:0 10px}.device-detail-card>.ant-card-body{padding:0 10px 12px}}