.live-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:14px 0;color:var(--muted);font-size:13px}.live-pagination-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.live-pagination-actions button,.live-pagination-actions select{min-height:44px}.live-pagination-actions label{display:flex;gap:8px;align-items:center}.live-pagination-actions select{border:1px solid var(--border);border-radius:8px;padding:6px 10px;background:var(--surface);color:var(--text);font:inherit}@media(max-width:600px){.live-pagination{flex-direction:column;align-items:stretch}.live-pagination-actions{justify-content:space-between;gap:8px}.live-pagination-actions .button-secondary{padding:10px}}.oms-embed-player{position:relative;display:flex;min-height:650px;flex-direction:column;background:#101722;color:#eef2f7}.oms-embed-frame{display:block;width:100%;height:70vh;min-height:650px;flex:1;border:0;background:#101722}.oms-embed-placeholder{display:grid;min-height:280px;place-items:center;padding:24px;color:#b9c4d2;text-align:center}.oms-embed-status,.oms-embed-error{position:absolute;top:12px;left:50%;max-width:calc(100% - 24px);transform:translate(-50%);padding:9px 13px;border-radius:8px;background:#101722e8;color:#f2f5f9;font-size:12px}.oms-embed-error{top:auto;bottom:58px;background:#572426;color:#ffe3e3}.oms-embed-actions{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;background:#fff;color:#667287;font-size:11px}.oms-mobile-stage .oms-embed-player{width:100%;height:100%;min-height:0}.oms-mobile-stage .oms-embed-frame{height:100%;min-height:0;aspect-ratio:auto}.oms-mobile-stage .oms-embed-placeholder{min-height:0;height:100%}@media(max-width:680px){.oms-embed-player{min-height:680px}.oms-embed-frame{height:75vh;min-height:680px}.oms-embed-actions{align-items:flex-start;flex-direction:column;padding:9px 11px}.oms-embed-actions button{width:100%;min-height:40px}.oms-embed-error{bottom:102px}}.organization-metrics,.organization-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.organization-metric,.organization-summary-card,.organization-card,.organization-facts,.organization-settings-form,.organization-access-card{border:1px solid var(--border, #dce3ec);border-radius:14px;background:var(--surface, #fff);box-shadow:0 5px 18px #16263a0a}.organization-metric{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:2px 10px;padding:15px}.organization-metric-icon,.organization-summary-icon,.organization-card-icon,.organization-detail-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent, #3478c5);background:color-mix(in srgb,var(--accent, #3478c5) 10%,white);border-radius:10px}.organization-metric-icon{grid-row:span 2;width:34px;height:34px}.organization-metric-label{color:var(--muted, #65748a);font-size:12px}.organization-metric strong{font-size:20px;font-variant-numeric:tabular-nums}.organization-metric-alert strong{color:#b44937}.organization-search{display:flex;align-items:center;gap:10px;width:min(100%,520px);min-height:44px;margin:16px 0;padding:0 13px;color:var(--muted, #65748a);border:1px solid var(--border, #dce3ec);border-radius:10px;background:var(--surface, #fff)}.organization-search input{flex:1;width:100%;min-width:0;border:0;outline:0;color:var(--text, #182434);background:transparent;font:inherit}.organization-list{display:grid;gap:11px}.organization-card{position:relative;display:flex;align-items:stretch;min-width:0;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.organization-card:hover{border-color:color-mix(in srgb,var(--accent, #3478c5) 38%,var(--border, #dce3ec));box-shadow:0 8px 24px #16263a14}.organization-card-main{display:grid;flex:1;grid-template-columns:44px minmax(160px,1fr) auto auto;align-items:center;gap:14px;min-width:0;padding:16px;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.organization-card-main:disabled{opacity:.65;cursor:progress}.organization-card-icon{width:44px;height:44px}.organization-card-title{display:grid;gap:4px;min-width:0}.organization-card-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-card-title small,.organization-card-date{color:var(--muted, #65748a);font-size:12px}.organization-card-counts{display:grid;align-content:center;gap:5px;padding:8px 0}.organization-card-counts button{display:flex;align-items:center;gap:6px;padding:0;border:0;color:var(--muted, #65748a);background:transparent;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.organization-card-counts button:hover:not(:disabled){color:var(--accent, #3478c5);text-decoration:underline}.organization-card-counts button:disabled{opacity:.55;cursor:progress}.organization-edit{align-self:center;margin:0 12px 0 0}.organization-empty{padding:30px;color:var(--muted, #65748a);text-align:center;border:1px dashed var(--border, #dce3ec);border-radius:14px}.organization-navigation-error{margin-top:16px}.organization-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.organization-back{display:inline-flex;align-items:center;gap:7px;color:var(--muted, #65748a);text-decoration:none;font-size:13px}.organization-back:hover{color:var(--accent, #3478c5)}.organization-detail-heading{display:flex;align-items:center;gap:14px;margin:6px 0 21px}.organization-detail-icon{width:48px;height:48px;flex:0 0 48px}.organization-detail-heading h1{margin:2px 0}.organization-detail-heading p{margin:0;color:var(--muted, #65748a);font-size:13px}.organization-tabs{display:flex;gap:4px;margin:0 0 20px;padding:4px;overflow-x:auto;border:1px solid var(--border, #dce3ec);border-radius:11px;background:color-mix(in srgb,var(--surface, white) 82%,#eaf0f6)}.organization-tab{flex:0 0 auto;padding:9px 13px;border:0;border-radius:8px;color:var(--muted, #65748a);background:transparent;font:inherit;font-size:13px;cursor:pointer}.organization-tab:hover{color:var(--text, #182434);background:#ffffffb3}.organization-tab:disabled{opacity:.55;cursor:not-allowed}.organization-tab-active{color:var(--text, #182434);background:var(--surface, #fff);box-shadow:0 1px 4px #16263a1f;font-weight:650}.organization-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.organization-summary-card{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:3px 11px;min-height:118px;padding:15px;color:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.organization-summary-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent, #3478c5) 42%,var(--border, #dce3ec));box-shadow:0 8px 22px #16263a14}.organization-summary-card:disabled{opacity:.7;cursor:not-allowed}.organization-summary-card:disabled:hover{transform:none;border-color:var(--border, #dce3ec);box-shadow:0 5px 18px #16263a0a}.organization-summary-icon{grid-row:span 2;width:34px;height:34px}.organization-summary-title{color:var(--muted, #65748a);font-size:12px}.organization-summary-card strong{font-size:22px;font-variant-numeric:tabular-nums}.organization-summary-card small{grid-column:2;color:var(--muted, #65748a);font-size:11px;line-height:1.4}.organization-facts{padding:18px}.organization-facts h2,.organization-settings-form h2{margin:0 0 12px;font-size:16px}.organization-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.organization-facts dl div{display:grid;gap:4px}.organization-facts dt{color:var(--muted, #65748a);font-size:12px}.organization-facts dd{margin:0;font-size:13px;overflow-wrap:anywhere}.organization-settings{display:grid;gap:16px}.organization-settings-form{display:grid;gap:14px;max-width:640px;padding:18px}.organization-settings-form>label:not(.checkbox-row){display:grid;gap:6px;font-size:13px}.organization-settings-form input:not([type=checkbox]){width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--border, #dce3ec);border-radius:8px;color:inherit;background:var(--surface, #fff);font:inherit}.organization-settings-form>.button-primary{justify-self:start;display:inline-flex;align-items:center;gap:7px}.organization-save-notice{color:#28764b;font-size:13px}.organization-access-card{display:grid;justify-items:center;gap:12px;max-width:520px;margin:36px auto;padding:28px;text-align:center}.organization-access-card h1{margin:0;font-size:20px}.organization-access-card p{margin:0 0 8px;color:var(--muted, #65748a);line-height:1.55}.organization-access-card .button-primary{display:inline-flex;align-items:center;gap:8px}.organization-access-card .form-error{width:100%}@media(max-width:950px){.organization-card-main{grid-template-columns:44px minmax(120px,1fr) auto}.organization-card-date{grid-column:2 / 4;grid-row:2}.organization-card-counts{grid-column:2 / 4;display:flex;flex-wrap:wrap;gap:5px 12px;padding:0 0 12px}.organization-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.organization-metrics{gap:8px;margin:15px 0}.organization-metric{padding:11px}.organization-metric-label{font-size:11px}.organization-metric strong{font-size:18px}.organization-card-main{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:13px 10px}.organization-card-icon{width:38px;height:38px}.organization-card-title strong{max-width:46vw}.organization-card-date{grid-column:2 / 4;grid-row:2}.organization-card-counts{grid-column:2 / 4;display:flex;flex-wrap:wrap;gap:5px 12px}.organization-card-counts span{font-size:11px}.organization-edit{margin:0 6px 0 0}.organization-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.organization-summary-card{min-height:112px;padding:11px}.organization-summary-card strong{font-size:19px}.organization-facts dl{grid-template-columns:1fr}.organization-tabs{margin-right:-4px;margin-left:-4px}.organization-tab{padding:9px 11px}}.branding-card{max-width:760px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.branding-form{padding:22px}.branding-logo-section{display:flex;flex-direction:column;gap:9px}.branding-logo-section>label:first-child{color:#526078;font-size:11px;font-weight:600}.branding-logo-preview{width:100%;min-height:112px;display:grid;place-items:center;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#8490a2}.branding-logo-preview img{max-width:min(100%,360px);max-height:110px;object-fit:contain}.branding-logo-preview span{display:flex;align-items:center;gap:8px;font-size:11px}.branding-logo-actions{display:flex;align-items:center;gap:8px}.branding-file-button{position:relative;overflow:hidden;cursor:pointer}.branding-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.branding-logo-section>small{color:#8793a5;font-size:10px}.branding-form>.form-actions{justify-content:flex-end}.branding-form>.form-actions .button-primary{min-height:42px}.login-brand-logo{width:36px;height:36px;display:block;object-fit:contain;border-radius:8px}.login-brand-mark{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--primary);color:#fff}.login-brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:680px){.branding-form{padding:16px}.branding-form>.form-actions{position:static;padding:0}}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px}.profile-card{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:20px}.profile-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.profile-card-heading h2{margin:0;color:#1d2939;font-size:15px;font-weight:650}.profile-card-heading p{margin:4px 0 0;color:#8490a2;font-size:11px}.profile-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;background:#eef4ff;color:#3568c8}.profile-details{margin:0;display:grid;gap:0}.profile-details>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #edf0f4}.profile-details dt{color:#758197;font-size:12px}.profile-details dd{margin:0;color:#263247;font-size:12px;font-weight:600;text-align:right;overflow-wrap:anywhere}.profile-form{display:flex;flex-direction:column;gap:9px}.profile-form>label{margin-top:4px;color:#526078;font-size:11px;font-weight:600}.profile-form input,.profile-form select{width:100%;min-height:39px;padding:8px 10px;border:1px solid #d8dee8;border-radius:7px;background:#fff;color:#293548;font:inherit;font-size:12px}.profile-form input:focus,.profile-form select:focus{outline:2px solid #bdd0f5;border-color:#7295da}.profile-form small{color:#8490a2;font-size:10px;margin-top:-4px}.profile-form>.button-primary{align-self:flex-start;min-height:38px;margin-top:8px}.profile-notice{padding:10px 12px;border:1px solid #b9e2cd;border-radius:7px;background:#f0fbf5;color:#176b43;font-size:11px}.profile-error{padding:10px 12px;border:1px solid #f2c5c5;border-radius:7px;background:#fff5f5;color:#a53535;font-size:11px}.profile-password-card{grid-column:1/-1;max-width:512px}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.profile-password-card{grid-column:auto}.profile-card{padding:16px}}.organization-choice-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#f3f7fc,#eaf2ff)}.organization-choice-card{width:min(100%,520px);background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:34px;box-shadow:0 18px 50px #1d4e8914}.organization-choice-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#edf5ff;color:#1677ff;margin-bottom:22px}.organization-choice-card>.eyebrow{margin:0 0 9px}.organization-choice-card h1{font-size:24px;letter-spacing:-.5px;margin:0 0 9px}.organization-choice-card>p{font-size:13px;color:#78859a;line-height:1.6;margin:0 0 23px}.organization-choice-list{display:grid;gap:10px}.organization-choice-list>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:74px;padding:14px 16px;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#172033;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.organization-choice-list>button:hover:not(:disabled){border-color:#1677ff;background:#f8fbff;transform:translateY(-1px)}.organization-choice-list>button:disabled{opacity:.65;cursor:wait}.organization-choice-name{display:flex;flex-direction:column;gap:8px;min-width:0}.organization-choice-name strong{font-size:14px;overflow-wrap:anywhere}.organization-choice-name small{display:flex;align-items:center;gap:6px;font-size:11px;color:#738097}.organization-choice-arrow{font-size:25px;line-height:1;color:#8a96a8}.organization-choice-logout{margin-top:20px}.login-remember{margin:8px 0 0;font-size:12px;color:#68768b}.page-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}@media(max-width:640px){.organization-choice-page{padding:16px}.organization-choice-card{padding:25px 20px}.page-heading-actions{width:100%}.page-heading-actions button{flex:1;justify-content:center}}.access-settings{margin-top:24px}.access-settings form{display:grid;gap:12px;max-width:760px}.access-settings input,.access-settings select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border, #d6dce5);border-radius:8px;background:var(--surface, white);color:inherit}.access-settings label{font-weight:600}.access-settings .quiet-note{margin:0}.access-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.access-actions button{min-height:44px}@media(max-width:600px){.access-actions{flex-direction:column;align-items:stretch}}.object-plan-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.object-plan-card{min-height:82px;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--border);border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.object-plan-card:hover{border-color:#b7d4fa;box-shadow:0 5px 16px #15233a0c}.object-plan-card-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:var(--primary)}.object-plan-card>div:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}.object-plan-card strong{font-size:13px;color:#354257}.object-plan-card span{font-size:11px;color:#8490a2;line-height:1.4}.object-plan-heading{align-items:flex-start}.object-plan-heading .button-secondary{min-height:40px;white-space:nowrap}.object-plan-viewer-help{margin:-8px 0 12px;color:#78859a;font-size:12px}.object-plan-viewer{overflow:auto;max-height:calc(100dvh - 260px);min-height:180px;border:1px solid var(--border);border-radius:10px;background:#e9edf3;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.object-plan-canvas{position:relative;width:max-content;max-width:100%;margin:auto;line-height:0}.object-plan-canvas img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 260px);object-fit:contain;-webkit-user-select:none;user-select:none}.object-plan-marker{position:absolute;z-index:2;display:flex;align-items:center;gap:3px;transform:translate(-50%,-90%);padding:4px 7px 4px 4px;border:1px solid #fff;border-radius:20px;background:#1677ff;color:#fff;box-shadow:0 2px 7px #001b4870;font-size:11px;line-height:1.2;white-space:nowrap;cursor:pointer}.object-plan-marker svg{flex:none;fill:#1677ff}.object-plan-marker:hover,.object-plan-marker:focus-visible{background:#0759c5;outline:3px solid #8bc1ff}.object-plan-marker span{max-width:190px;overflow:hidden;text-overflow:ellipsis}.object-plan-camera-list{margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:9px;background:#fff}.object-plan-camera-list h2{margin:0 0 9px;font-size:14px}.object-plan-camera-list>a{min-height:46px;display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f4;color:#526078;font-size:12px}.object-plan-camera-list>a svg{color:var(--primary)}.object-plan-camera-list>a span{margin-left:auto;color:var(--primary)}.object-plan-camera-list p{margin:0;color:#8793a5;font-size:12px}.object-plan-admin-panel{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:20px;border:1px solid var(--border);border-radius:9px;background:#fff}.object-plan-admin-panel h2{margin:0;font-size:16px}.object-plan-admin-panel>label:not(.object-plan-file){width:min(100%,620px);display:flex;flex-direction:column;gap:6px;color:#526078;font-size:12px;font-weight:600}.object-plan-admin-panel input:not([type=file]),.object-plan-admin-panel textarea,.object-plan-marker-tools select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#354257;font:inherit;font-size:13px}.object-plan-admin-panel textarea{resize:vertical}.object-plan-file{min-height:52px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px dashed #b9c9dc;border-radius:8px;background:#f9fbfe;color:#53647a;font-size:12px;cursor:pointer}.object-plan-file svg{color:var(--primary);flex:none}.object-plan-file input{position:absolute;width:1px;height:1px;opacity:0}.object-plan-meta{margin-bottom:14px}.object-plan-meta .object-plan-file{max-width:600px}.object-plan-marker-tools{display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap;margin:15px 0}.object-plan-marker-tools>div:first-child{flex:1 1 230px;display:flex;flex-direction:column;gap:4px}.object-plan-marker-tools>div:first-child strong{font-size:13px}.object-plan-marker-tools>div:first-child span{font-size:11px;color:#8793a5}.object-plan-marker-tools>label{width:min(100%,320px);display:flex;flex-direction:column;gap:5px;color:#526078;font-size:11px}.object-plan-editor{max-height:calc(100dvh - 400px);min-height:200px}.object-plan-marker.editable{border-radius:7px;background:#ed8b00;cursor:pointer}.object-plan-marker.editable svg{fill:#ed8b00}.object-plan-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.object-plan-save-row>span{color:#728096;font-size:11px}.object-plan-delete{margin-top:25px}.button-danger.object-plan-delete{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #f0c2c2;border-radius:7px;background:#fff;color:#b33d3d;font-size:11px;cursor:pointer}.object-plan-save-row .form-error{margin:0}@media(max-width:680px){.object-plan-heading{gap:8px}.object-plan-heading .button-secondary{min-height:42px;padding:0 10px;font-size:10px}.object-plan-viewer{max-height:calc(100dvh - 300px);min-height:145px}.object-plan-canvas img{max-height:calc(100dvh - 300px)}.object-plan-marker{min-height:40px;padding:5px 8px 5px 5px;font-size:11px}.object-plan-marker svg{width:23px;height:23px}.object-plan-marker span{max-width:125px}.object-plan-admin-panel{padding:15px}.object-plan-admin-panel input:not([type=file]),.object-plan-admin-panel textarea,.object-plan-marker-tools select{min-height:46px;font-size:16px}.object-plan-file{min-height:52px;line-height:1.45}.object-plan-marker-tools{align-items:stretch;flex-direction:column}.object-plan-marker-tools>label{width:100%}.object-plan-editor{max-height:calc(100dvh - 460px);min-height:180px}.object-plan-save-row{align-items:stretch;flex-direction:column}.object-plan-save-row .button-primary{width:100%;min-height:46px}.object-plan-delete{min-height:44px!important}}.object-plan-viewer-toolbar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#78859a;font-size:11px}.object-plan-viewer-toolbar>div{display:flex;align-items:center;gap:3px}.object-plan-viewer-toolbar output{min-width:48px;text-align:center;color:#526078;font-size:11px;font-variant-numeric:tabular-nums}.object-plan-viewer-toolbar .icon-button{width:42px;height:42px}.object-plan-viewer-toolbar .icon-button:disabled{opacity:.4;cursor:default}.object-plan-viewer .object-plan-canvas{margin-left:0;margin-right:0}.object-plan-viewer .object-plan-canvas img{width:100%;max-width:none;max-height:none}.object-plan-editor .object-plan-canvas img{cursor:crosshair;touch-action:manipulation}@media(max-width:680px){.object-plan-marker{min-height:44px}.object-plan-viewer-toolbar{min-height:50px}.object-plan-viewer-toolbar .icon-button{width:44px;height:44px}}.object-plan-marker.editable.selected{background:#bd4c13;outline:3px solid #ffd08a;z-index:3}.object-plan-marker.editable.selected svg{fill:#bd4c13}.my-cameras-page{display:flex;flex-direction:column;height:var(--my-cameras-height, calc(100dvh - 116px) );min-height:0}.my-cameras-page .page-heading{margin-bottom:12px}.my-layouts{display:flex;padding:4px;border:1px solid #dce5f2;background:#fff;border-radius:10px;gap:4px}.my-layouts button{display:grid;place-items:center;width:42px;height:36px;border:0;border-radius:7px;color:#526887;background:transparent;cursor:pointer}.my-layouts button[aria-pressed=true]{background:#0866ff;color:#fff}.my-grid-icon{width:19px;height:19px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.my-grid-icon.cells-4{grid-template-columns:repeat(2,1fr)}.my-grid-icon i{border:1px solid currentColor;border-radius:1px}.my-camera-scroll{flex:1;min-height:0;overflow:auto;display:grid;gap:14px;padding:3px 8px 12px 3px;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr));--rows:2}.my-layout-4{grid-template-columns:repeat(2,minmax(0,1fr))}.my-layout-9{--rows:3}.my-camera-scroll .camera-tile{height:auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:visible;border-radius:12px;background:#fff}.my-camera-scroll{container-type:normal;grid-auto-rows:max-content}.my-camera-scroll .camera-view{flex:none;width:100%;aspect-ratio:16/9;min-height:130px;border-radius:12px 12px 0 0;overflow:hidden}.my-camera-scroll .camera-view>a{display:block;width:100%;height:100%}.my-camera-scroll .camera-preview{width:100%;height:100%;object-fit:contain}.my-camera-scroll .camera-tile-footer{min-height:44px;flex-shrink:0}.my-layout-folders{display:block;container-type:normal}.my-camera-folder{border:1px solid #dce5f2;border-radius:10px;margin-bottom:10px;background:#fff}.my-camera-folder summary{cursor:pointer;padding:13px;display:flex;align-items:center;gap:10px;color:#30476a}.my-camera-folder summary:before{content:"›";transition:transform .15s}.my-camera-folder[open]>summary:before{transform:rotate(90deg)}.my-camera-folder summary span{margin-left:auto;color:#77869b}.my-folder-content{padding:0 12px 10px}.my-layout-folders .camera-tile{height:84px;min-height:84px;flex-direction:row;margin-bottom:8px;border:1px solid #e8edf5}.my-layout-folders .camera-view{flex:0 0 132px;border-radius:8px 0 0 8px}.my-layout-folders .camera-tile-footer{flex:1;min-width:0}.my-camera-actions{position:relative}.my-camera-actions-menu{position:absolute;right:0;bottom:38px;z-index:30;min-width:210px;background:#fff;border:1px solid #dce5f2;border-radius:10px;padding:6px;box-shadow:0 12px 32px #152c4d26}.my-camera-actions-menu a,.my-camera-actions-menu>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:transparent;text-decoration:none;color:#30476a;text-align:left;border-radius:6px;cursor:pointer}.my-camera-actions-menu a:hover,.my-camera-actions-menu>button:hover{background:#eef4ff}.my-camera-actions-menu .favorite-control{display:flex;align-items:center;gap:8px;padding:5px}.my-camera-actions-menu .danger-icon{color:#c93343}.mobile-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:680px){.my-camera-scroll{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;container-type:normal}.my-camera-scroll .camera-tile{width:100%;min-width:0;height:auto;min-height:0}.my-camera-scroll .camera-tile-title{min-width:0}.my-camera-scroll .camera-view{flex:none;aspect-ratio:16/9}.my-layout-folders .camera-tile{height:76px;flex-direction:row}.my-layout-folders .camera-view{flex:0 0 100px;aspect-ratio:auto}.my-cameras-page .page-heading{gap:8px}.my-layouts button{width:33px}.mobile-bottom-nav a{min-width:0;font-size:9px}}.my-camera-actions-trigger{display:grid;place-items:center;background:transparent;border:0;border-radius:7px;padding:7px;color:#526887;cursor:pointer}.my-camera-actions-trigger:hover{background:#eef4ff}.my-camera-actions-favorite{display:flex;align-items:center;padding:4px 6px;gap:6px}.my-camera-actions-menu .my-camera-actions-delete{color:#bd3042}.my-camera-scroll .camera-tile:focus-within{z-index:2}.my-camera-actions-menu{max-width:calc(100vw - 40px)}.my-cameras-page .my-layout-folders .camera-view{aspect-ratio:auto;width:auto;min-height:0}.app-shell .mobile-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:680px){.my-cameras-page .camera-view{aspect-ratio:16/9}.my-cameras-page .my-layout-folders .camera-view{aspect-ratio:auto}.app-shell .mobile-bottom-nav a{font-size:9px}}.my-camera-actions-menu .favorite-menu-control{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0;gap:0}.my-camera-actions-menu .favorite-menu-button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:10px;border:0;border-radius:6px;background:transparent;color:#30476a;text-align:left;font:inherit;cursor:pointer}.my-camera-actions-menu .favorite-menu-button:hover:not(:disabled){background:#eef4ff}.my-camera-actions-menu .favorite-menu-button:disabled{opacity:.6;cursor:wait}.my-camera-actions-menu .favorite-menu-button svg{flex-shrink:0}.my-camera-actions-menu .favorite-menu-control .favorite-error{max-width:none;padding:6px 10px}.my-cameras-page .my-camera-scroll:not(.my-layout-folders) .camera-preview{object-fit:contain}@media(min-width:681px)and (max-width:850px){.my-camera-scroll:not(.my-layout-folders){grid-template-columns:repeat(2,minmax(0,1fr))}}.my-mobile-tools-toggle{display:none}.my-camera-tools{flex:none}@media(max-width:680px){.my-mobile-tools-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;margin:0 0 10px;padding:8px 12px;flex:none;border:1px solid #dce5f2;border-radius:12px;background:#fff;color:#30476a;font:inherit;cursor:pointer;box-shadow:0 2px 8px #152c4d08}.my-mobile-tools-toggle strong{font-size:12px}.my-mobile-camera-count{margin-left:auto;font-size:11px;color:#77869b}.my-mobile-filter-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:#eaf2ff;color:#0866ff;font-size:11px}.my-mobile-tools-toggle:focus-visible{outline:2px solid #1677ff;outline-offset:2px}.my-cameras-page.tools-collapsed .my-camera-tools,.app-shell.my-cameras-compact .sidebar,.app-shell.my-cameras-compact .topbar{display:none}.app-shell.my-cameras-compact .page-content{padding-top:8px}.my-camera-tools{max-height:min(60dvh,480px);overflow-y:auto;overscroll-behavior:contain}.my-camera-tools .camera-filter-desktop{display:flex;flex-wrap:wrap}.my-camera-tools .camera-mobile-filter{display:none}.my-camera-tools .camera-filter-select{min-width:0;flex:1}.my-camera-tools .camera-filter-select select{width:100%;max-width:none;min-height:40px}}.my-camera-scroll{overflow-anchor:none}.oms-page{display:flex;flex-direction:column;gap:14px}.oms-page .page-heading{margin-bottom:4px}.oms-page .page-heading>.button-primary{flex:none}.oms-org-context{display:inline-block;margin-top:9px;color:#8793a5;font-size:10px}.oms-org-context strong{color:#51627b;font-weight:600}.oms-node-select-panel{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.oms-node-select-label{display:flex;align-items:center;gap:9px;min-width:180px;color:var(--primary)}.oms-node-select-label>div{display:flex;flex-direction:column;gap:3px}.oms-node-select-label strong{font-size:11px;color:#354257}.oms-node-select-label small{font-size:9px;color:#8490a2}.oms-node-select-panel select{height:38px;min-width:0;flex:1;padding:0 10px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#354257;font-size:11px}.oms-edit-node{flex:none;border:1px solid var(--border)}.oms-node-health-card,.oms-camera-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.oms-node-health-card{padding:18px}.oms-node-health-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.oms-node-health-head .eyebrow{margin-bottom:6px}.oms-node-health-head h2{margin:0 0 5px;font-size:15px;font-weight:650}.oms-node-health-head p{margin:0;color:#8793a5;font-size:10px;overflow-wrap:anywhere}.oms-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oms-actions button{white-space:nowrap}.oms-health-result{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px 12px;border-radius:6px;font-size:10px;line-height:1.5}.oms-health-result.success{background:#eefaf3;color:#18794e}.oms-health-result.error{background:#fff0f0;color:#ad3535}.oms-sync-summary{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding:11px 12px;border:1px solid #e4eaf2;border-radius:6px;background:#f8fafd;color:#68778f;font-size:10px}.oms-sync-summary strong{color:#354257;font-size:10px}.oms-sync-summary small{color:#a33d3d}.oms-catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:10px 0 0}.oms-catalog-heading h2{margin:0 0 5px;font-size:15px;font-weight:650}.oms-catalog-heading p{margin:0;color:#8793a5;font-size:10px}.oms-catalog-heading button{flex:none}.oms-playback-note,.oms-policy-note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid #f0dfb5;border-radius:7px;background:#fff9eb;color:#84621c;font-size:10px;line-height:1.6}.oms-playback-note svg{flex:none;margin-top:1px}.oms-policy-note{display:block;border-color:#e2e8f0;background:#f8fafd;color:#69788e}.oms-policy-note strong{margin-right:7px;color:#43536b}.oms-camera-list{display:grid;gap:9px}.oms-camera-card{position:relative;padding:14px 15px}.oms-camera-main{display:flex;align-items:center;gap:12px;min-width:0}.oms-camera-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:8px;background:#edf5ff;color:var(--primary)}.oms-camera-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.oms-camera-info>strong{font-size:11px;color:#354257;font-weight:650;overflow-wrap:anywhere}.oms-camera-info>span{font-size:10px;color:#7c899c;overflow-wrap:anywhere}.oms-camera-info small{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.oms-camera-info small i{font-style:normal;padding:3px 6px;border-radius:4px;background:#f0f3f7;color:#607086;font-size:9px}.oms-camera-info small b{margin-left:5px;color:#8793a5;font-size:9px;font-weight:500}.oms-camera-actions{display:flex;gap:7px;flex:none}.oms-camera-actions button{min-height:34px}.oms-camera-expand{display:none}.oms-diagnostics{margin:13px 0 2px 46px;padding-top:12px;border-top:1px solid #edf0f4}.oms-diag-caption{margin-bottom:9px;color:#7d899a;font-size:9px}.oms-diag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.oms-diag-item{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border-radius:6px;background:#f7f9fc}.oms-diag-item strong{color:#4c5b72;font-size:10px}.oms-diag-item small{color:#8793a5;font-size:9px;overflow-wrap:anywhere}.oms-state{font-size:10px;color:#6d7c92}.oms-state.good{color:#168052}.oms-state.bad{color:#b33c3c}.oms-diag-loading,.oms-diag-error{margin:11px 0 0 46px;color:#8490a2;font-size:10px}.oms-diag-error{color:#b33c3c}.oms-diag-refresh{display:flex;align-items:center;gap:5px;margin:9px 0 0 46px;padding:0;border:0;background:transparent;color:#61718a;font-size:9px;cursor:pointer}.oms-more{display:flex;justify-content:center;padding:6px}.oms-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:7px;font-size:10px;line-height:1.5}.oms-notice>svg{flex:none}.oms-notice button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:10px;text-decoration:underline;cursor:pointer}.oms-notice.success{background:#eefaf3;color:#18794e}.oms-notice.error{background:#fff0f0;color:#ad3535}.oms-form{padding:18px 20px 20px}.oms-form .oms-onvif-form{display:flex;flex-direction:column;gap:11px;padding:12px;border:1px solid #e3e9f1;border-radius:7px;background:#fafbfd}.oms-onvif-form>label:not(.checkbox-row){display:flex;flex-direction:column;gap:6px;color:#435168;font-size:10px;font-weight:600}.oms-onvif-form input:not([type=checkbox]){width:100%;min-height:39px;padding:9px 11px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#28364c;font-size:11px;font-weight:400}.oms-onvif-form>small{color:#929dae;font-size:9px;line-height:1.5}.oms-readonly-policy{display:flex;flex-wrap:wrap;gap:7px;padding:9px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafd;color:#68778f;font-size:9px}.oms-readonly-policy strong{color:#43536b}.oms-idempotency-note{color:#8793a5;font-size:9px;line-height:1.5}.oms-form-conflict{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #f0dfb5;border-radius:6px;background:#fff9eb;color:#84621c;font-size:10px}.oms-form-conflict p{margin:0;line-height:1.5}.oms-form-conflict button{align-self:flex-start}.oms-conflict-current{padding:18px 20px 20px}.oms-conflict-current p{margin:0 0 12px;color:#66758b;font-size:10px;line-height:1.6}.oms-conflict-current dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px;margin:0;padding:12px;border-radius:6px;background:#f7f9fc;font-size:10px}.oms-conflict-current dt{color:#8793a5}.oms-conflict-current dd{margin:0;color:#3f4e64;overflow-wrap:anywhere}.oms-spin{animation:oms-spin .8s linear infinite}@keyframes oms-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.oms-node-health-head{align-items:flex-start;flex-direction:column}.oms-node-health-head .oms-actions{width:100%}.oms-node-health-head .oms-actions button{flex:1}.oms-camera-main{align-items:flex-start;flex-wrap:wrap}.oms-camera-info{flex-basis:calc(100% - 50px)}.oms-camera-actions{width:100%;padding-left:46px}.oms-camera-actions button{flex:1}.oms-diagnostics{margin-left:0}.oms-diag-grid{grid-template-columns:1fr}.oms-diag-loading,.oms-diag-error,.oms-diag-refresh{margin-left:0}}@media(max-width:560px){.oms-node-select-panel{align-items:stretch;flex-wrap:wrap}.oms-node-select-label{width:calc(100% - 46px)}.oms-node-select-panel select{order:3;flex-basis:100%}.oms-edit-node{margin-left:auto}.oms-catalog-heading{align-items:flex-start;flex-direction:column}.oms-catalog-heading .button-primary{width:100%}.oms-page .page-heading>.button-primary{width:100%}.oms-camera-actions{padding-left:0}.oms-form{gap:14px}.oms-form input:not([type=checkbox]),.oms-form select{min-height:44px;font-size:16px}}.oms-playback-note{align-items:center;flex-wrap:wrap}.oms-playback-note .button-secondary{min-height:34px;padding:5px 9px;font-size:10px;text-decoration:none}:root{font-family:Inter,Segoe UI,sans-serif;color:#172033;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--primary:#1677ff;--bg:#f5f7fa;--surface:#fff;--border:#e2e8f0;--text:#172033;--muted:#738097;--success:#1fc77a;--radius:8px;font-feature-settings:"cv11","ss01"}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:var(--bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--border);padding:25px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.6px;padding:0 9px;color:#172033}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--primary);display:grid;place-items:center;color:#fff;box-shadow:0 5px 12px #1677ff35}.brand-light{font-weight:500;color:#758197}.sidebar-label{font-size:10px;font-weight:700;letter-spacing:.9px;color:#98a3b4;margin:43px 10px 12px}.nav-link{height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:7px;color:#606e83;font-size:13px;font-weight:550}.nav-link.active{background:#edf5ff;color:var(--primary)}.nav-dot{width:7px;height:7px;border:2px solid currentColor;border-radius:3px}.sidebar-bottom{margin-top:auto}.tenant-chip{display:flex;align-items:center;gap:8px;padding:12px 10px;color:#8390a2;border-top:1px solid #eff2f6;font-size:11px}.main-column{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#8a96a8}.breadcrumb span{margin:0 9px;color:#c5ccd5}.user-menu{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#eaf2ff;color:var(--primary);display:grid;place-items:center;font-size:13px;font-weight:700}.user-meta{display:flex;flex-direction:column;gap:3px;min-width:100px}.user-meta strong{font-size:11px;font-weight:600;color:#303b4f}.user-meta span{font-size:10px;color:#8792a3}.icon-button{border:0;background:transparent;width:34px;height:34px;border-radius:7px;color:#7c899c;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#f3f6fa;color:#354257}.page-content{max-width:1240px;padding:36px 42px 56px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.eyebrow{display:block;font-size:10px;letter-spacing:1.05px;font-weight:700;color:var(--primary);margin-bottom:10px}.page-heading h1{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0 0 8px;font-weight:650}.page-heading p,.section-heading p{margin:0;color:#78859a;font-size:12px}.role-badge{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:8px 11px;color:#607086;font-size:11px;white-space:nowrap}.welcome-card{min-height:238px;background:linear-gradient(112deg,#1269e8,#2589ff 63%,#55a4ff);border-radius:var(--radius);padding:29px 34px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 24px #1c74e619}.welcome-copy{position:relative;z-index:1;max-width:490px}.eyebrow.light{color:#dbeaff}.welcome-copy h2{font-size:22px;letter-spacing:-.4px;margin:0 0 9px;font-weight:600}.welcome-copy>p{font-size:12px;color:#e2efff;max-width:385px;line-height:1.7;margin:0}.welcome-org{margin-top:24px;display:flex;flex-direction:column;gap:5px}.org-label{font-size:9px;letter-spacing:.9px;color:#c4e0ff}.welcome-org strong{font-size:11px;font-weight:500}.welcome-art{position:relative;width:220px;height:190px;display:grid;place-items:center;margin-right:14px}.art-orbit{position:absolute;border:1px solid #ffffff32;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:210px;height:106px}.orbit-two{width:160px;height:160px;border-color:#ffffff20}.art-center{width:78px;height:78px;display:grid;place-items:center;border-radius:22px;background:#ffffff24;box-shadow:0 7px 25px #0554b340;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.art-arrow{position:absolute;right:7px;top:28px;width:32px;height:32px;display:grid;place-items:center;background:#fff;color:var(--primary);border-radius:10px;box-shadow:0 5px 14px #075ac533}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 0 14px}.section-heading h2{font-size:14px;margin:0 0 5px;font-weight:650}.section-heading p{font-size:11px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);min-height:100px;padding:18px;display:flex;align-items:center;gap:14px}.info-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}.info-icon.blue{color:var(--primary);background:#edf5ff}.info-icon.green{color:#0eaf68;background:#eafaf2}.info-card>div{min-width:0;display:flex;flex-direction:column;gap:5px}.info-label{font-size:10px;color:#8b96a7}.info-card strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.info-card small{font-size:10px;color:#929cad;overflow:hidden;text-overflow:ellipsis}.quiet-note{display:flex;align-items:center;gap:9px;margin-top:18px;color:#8390a2;font-size:11px}.note-dot{width:7px;height:7px;border-radius:50%;background:#c4ccd7}.auth-state{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:#738097;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;background:#fff;display:grid;grid-template-columns:minmax(390px,1fr) minmax(400px,.92fr)}.login-panel{width:min(100%,480px);justify-self:center;padding:42px 52px;display:flex;flex-direction:column;justify-content:center}.login-brand{padding:0;margin-bottom:65px;align-self:flex-start}.login-intro{margin-bottom:29px}.login-intro h1{font-size:27px;letter-spacing:-.7px;margin:0 0 9px}.login-intro p{font-size:12px;color:#78859a;line-height:1.6;margin:0}.login-form{display:flex;flex-direction:column}.login-form label{font-size:11px;color:#354257;font-weight:600;margin:0 0 7px}.login-form input{height:43px;border:1px solid #dce3ec;border-radius:7px;padding:0 12px;outline:none;font-size:12px;color:#172033;margin-bottom:17px;transition:border-color .15s,box-shadow .15s}.login-form input::placeholder{color:#a0aaba}.login-form input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff19}.password-label{display:flex;justify-content:space-between}.password-field{position:relative}.password-field input{width:100%;padding-right:42px}.password-toggle{position:absolute;right:8px;top:7px;border:0;background:transparent;color:#8995a6;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}.submit-button{height:44px;border:0;border-radius:7px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;margin-top:4px;cursor:pointer;box-shadow:0 5px 13px #1677ff2b}.submit-button:hover:not(:disabled){background:#0868ed}.submit-button:disabled{opacity:.7;cursor:wait}.form-error{border:1px solid #ffd7d7;background:#fff5f5;color:#c73131;border-radius:7px;padding:10px 11px;margin:-4px 0 12px;font-size:11px;line-height:1.5}.login-foot{border-top:1px solid #eef1f5;margin-top:26px;padding-top:15px;font-size:10px;color:#99a3b2;text-align:center}.login-aside{background:linear-gradient(145deg,#105fce,#1677ff 55%,#3995ff);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:60px}.aside-content{z-index:1;max-width:390px}.aside-icon{width:48px;height:48px;background:#ffffff20;border:1px solid #ffffff25;border-radius:14px;display:grid;place-items:center;margin-bottom:48px}.aside-content .eyebrow{margin-bottom:17px}.aside-content h2{font-size:30px;letter-spacing:-.8px;line-height:1.25;margin:0 0 16px;font-weight:600}.aside-content p{font-size:13px;line-height:1.8;color:#deecff;max-width:345px;margin:0}.aside-line{width:47px;height:3px;border-radius:4px;background:#9dcbff;margin-top:38px}.aside-caption{position:absolute;bottom:35px;left:60px;font-size:9px;letter-spacing:1.1px;color:#c6e0ff}.aside-glow{position:absolute;border-radius:50%;border:1px solid #ffffff12}.glow-a{width:470px;height:470px;right:-235px;top:-180px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.glow-b{width:350px;height:350px;left:-245px;bottom:-210px;box-shadow:0 0 0 40px #ffffff08}@media(max-width:900px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.page-content{padding:30px 26px}.topbar{padding:0 26px}.welcome-art{margin-right:0;transform:scale(.85)}.login-page{grid-template-columns:minmax(370px,1fr) minmax(330px,.8fr)}.login-panel{padding:36px}.login-aside{padding:42px}.aside-caption{left:42px}}@media(max-width:680px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;display:block;border-right:0;border-bottom:1px solid var(--border);padding:13px 16px}.sidebar .brand{display:inline-flex}.sidebar-label,.nav-link,.sidebar-bottom{display:none}.topbar{height:58px;padding:0 17px}.breadcrumb{font-size:10px}.user-meta{display:none}.page-content{padding:26px 17px 42px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.page-heading h1{font-size:22px}.role-badge{font-size:10px}.welcome-card{min-height:220px;padding:23px 22px}.welcome-copy{max-width:100%}.welcome-copy h2{font-size:19px;max-width:260px}.welcome-copy>p{max-width:320px;font-size:11px}.welcome-org{margin-top:20px}.welcome-art{position:absolute;right:-85px;bottom:-38px;opacity:.2;transform:scale(.9)}.info-grid{grid-template-columns:1fr;gap:10px}.info-card{min-height:86px;padding:15px}.section-heading{margin-top:26px}.login-page{display:block;background:#fff}.login-panel{min-height:100vh;width:min(100%,480px);padding:28px 24px;margin:auto}.login-brand{margin-bottom:58px}.login-intro h1{font-size:25px}.login-aside{display:none}}.auth-error-card{display:flex;flex-direction:column;gap:10px;max-width:420px;padding:24px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #1720330d}.auth-error-card strong{font-size:14px;color:var(--text)}.auth-error-card>span{font-size:12px;color:#78859a;line-height:1.6}.auth-error-card>div{display:flex;gap:8px;margin-top:6px}.auth-error-card button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;background:var(--primary);color:#fff;padding:9px 12px;font-size:11px;cursor:pointer}.auth-error-card button.secondary{background:#eef2f7;color:#56647a}.admin-nav-label{margin-top:28px}.nav-link svg{flex:none}.button-primary,.button-secondary,.button-danger{min-height:38px;padding:0 13px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:600;cursor:pointer}.button-primary{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 4px 11px #1677ff20}.button-primary:hover:not(:disabled){background:#0868ed}.button-secondary{border:1px solid var(--border);background:#fff;color:#526078}.button-danger{border:1px solid #df4545;background:#df4545;color:#fff}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.65;cursor:wait}.admin-notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin-bottom:16px;border:1px solid #d9e8fb;border-radius:8px;background:#f1f7ff;color:#586c88;font-size:11px;line-height:1.6}.admin-notice svg{color:var(--primary);flex:none;margin-top:1px}.admin-state{min-height:150px;padding:28px;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:#78859a;font-size:12px}.admin-state-error{flex-direction:column;color:#b43636}.admin-table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.admin-table th{padding:13px 15px;background:#fafbfd;border-bottom:1px solid var(--border);color:#8994a5;font-size:9px;font-weight:650;letter-spacing:.45px;white-space:nowrap}.admin-table td{padding:14px 15px;border-bottom:1px solid #edf0f4;color:#536177;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#fcfdff}.table-title,.table-subtitle{display:block}.table-title{color:#29364a;font-size:11px;font-weight:650}.table-subtitle{margin-top:4px;color:#909bad;font-size:9px}.url-cell{max-width:230px;overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600;white-space:nowrap}.status-good{color:#087b4b;background:#e9f8f0}.status-muted{color:#6e7b8f;background:#f0f3f7}.status-bad{color:#b63737;background:#fff0f0}.table-actions{display:flex;align-items:center;gap:2px}.table-actions .icon-button{cursor:pointer}.danger-icon{color:#c95555}.health-card{margin-top:20px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.health-card .section-heading{margin:0 0 15px}.health-card .section-heading h2{font-size:13px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.health-metric{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:7px;background:#f7f9fc;min-width:0}.health-metric span{font-size:9px;color:#8793a5}.health-metric strong{font-size:11px;color:#354257;overflow-wrap:anywhere}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#14233b66;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal-card{width:min(100%,520px);max-height:min(92vh,820px);overflow:auto;background:#fff;border:1px solid #e3e8ef;border-radius:11px;box-shadow:0 22px 70px #12223d35}.modal-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#fff;border-bottom:1px solid #edf0f4}.modal-header h2{margin:0;font-size:15px;font-weight:650;color:#253249}.admin-form{padding:18px 20px 20px;display:flex;flex-direction:column;gap:13px}.admin-form>label{display:flex;flex-direction:column;gap:6px;color:#435168;font-size:10px;font-weight:600}.admin-form input:not([type=checkbox]),.admin-form textarea{width:100%;min-height:39px;padding:9px 11px;border:1px solid #dce3ec;border-radius:6px;outline:none;color:#28364c;background:#fff;font:inherit;font-size:11px;font-weight:400;resize:vertical}.admin-form input:focus,.admin-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1677ff17}.admin-form input:disabled{background:#f5f7fa;color:#8c97a7}.admin-form label small{color:#929dae;font-size:9px;font-weight:400;line-height:1.5}.admin-form .checkbox-row{display:flex;flex-direction:row;align-items:center;gap:8px}.checkbox-row input{accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.dialog-copy{padding:2px 20px 12px;margin:0;color:#647187;font-size:11px;line-height:1.65}.modal-card>.form-actions{padding:0 20px 20px}.stream-id{display:inline-block;max-width:180px;padding:4px 6px;border-radius:4px;background:#f2f5f9;color:#596981;font-size:9px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.muted-value{color:#a4adbb}.admin-table th:first-child,.admin-table td:first-child{min-width:160px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){min-width:120px}@media(max-width:760px){.admin-table{min-width:690px}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-notice{align-items:flex-start}}@media(max-width:680px){.admin-nav-label{display:none}.sidebar .nav-link{display:flex;height:35px}.sidebar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px}.sidebar .brand{width:100%;margin-bottom:7px}.sidebar .nav-link{padding:0 8px;font-size:11px}.sidebar .sidebar-label{display:none}.page-heading>.button-primary{width:100%}.modal-backdrop{align-items:flex-end;padding:8px}.modal-card{max-height:94vh}.admin-form{padding:15px}.health-card{padding:14px}}.admin-form select{width:100%;height:39px;padding:0 10px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#28364c;font:inherit;font-size:11px;font-weight:400;outline:none}.admin-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1677ff17}.live-heading{align-items:flex-end}.live-layout-control{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:8px;background:#fff}.layout-button{width:34px;height:32px;border:0;border-radius:5px;background:transparent;color:#8591a2;display:grid;place-items:center;cursor:pointer}.layout-button:hover{background:#f3f6fa;color:#4d5c72}.layout-button.selected{background:#edf5ff;color:var(--primary)}.layout-six-icon{position:relative;display:grid;place-items:center}.layout-six-icon small{position:absolute;right:-5px;bottom:-4px;padding:0 2px;background:#edf5ff;font-size:8px;font-weight:700}.camera-grid{display:grid;gap:12px}.camera-grid-1{grid-template-columns:minmax(0,1fr)}.camera-grid-2,.camera-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-grid-cell{min-width:0}.camera-tile{position:relative;overflow:hidden;border:1px solid #dce3ec;border-radius:9px;background:#101722;box-shadow:0 4px 12px #1720330b}.camera-view{position:relative;display:grid;place-items:center;aspect-ratio:16/9;min-height:130px;background:linear-gradient(145deg,#1c2735,#0d1219);overflow:hidden}.camera-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#9aa7b8;font-size:10px;text-align:center;padding:12px}.camera-live-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#090d13}.camera-live-video[hidden]{display:none}.camera-player-action{position:absolute;inset:auto 9px 9px;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}.camera-player-action>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:6px;background:#111a26d9;color:#fff;font-size:10px}.play-camera-button,.stop-camera-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:0 10px;border:1px solid #ffffff40;border-radius:6px;background:#101a28dd;color:#fff;font-size:10px;font-weight:600;cursor:pointer;pointer-events:auto}.play-camera-button:hover,.stop-camera-button:hover{background:#1677ff}.stop-camera-button{position:absolute;right:9px;bottom:9px;z-index:2}.camera-play-error{max-width:210px;padding:6px 8px;border-radius:5px;background:#33201fe8;color:#ffd8d8;font-size:9px;line-height:1.4}.preview-refreshing{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0e1724a6;color:#eaf2ff}.preview-refreshing svg{animation:spin 1s linear infinite}.camera-tile-footer{min-width:0;padding:10px 12px;background:#fff}.camera-tile-title{display:flex;min-width:0;flex-direction:column;gap:4px}.camera-tile-title strong{overflow:hidden;color:#29364a;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.camera-tile-title span,.camera-group-label{overflow:hidden;color:#8793a5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.camera-group-label{display:block;padding:5px 2px 1px}.viewer-empty{min-height:220px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;text-align:center}.viewer-empty strong{color:#354257;font-size:13px}.viewer-empty>span:last-child{max-width:360px;color:#8793a5;font-size:11px;line-height:1.6}.viewer-empty .info-icon{width:42px;height:42px}.live-paging-note{display:flex;align-items:center;gap:8px;margin-top:14px;color:#8490a2;font-size:10px}.text-button{margin-top:12px;padding:5px 0;border:0;background:transparent;color:#6d7c92;font-size:10px;text-decoration:underline;cursor:pointer}.groups-view-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:14px;align-items:start}.group-tree-panel,.group-camera-panel,.admin-group-tree-panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.group-tree-panel{padding:10px}.group-tree-header{display:flex;flex-direction:column;gap:8px;padding:7px 7px 10px;border-bottom:1px solid #edf0f4}.group-tree-header strong{padding:0 4px;color:#435168;font-size:10px}.tree-root-button{min-height:31px;padding:0 8px;border:0;border-radius:5px;background:transparent;text-align:left;color:#617088;font-size:10px;cursor:pointer}.tree-root-button.selected{background:#edf5ff;color:var(--primary);font-weight:600}.group-tree-panel ul,.admin-group-tree-panel ul{padding:0;margin:0;list-style:none}.group-tree-panel>.group-tree-header+ul{padding-top:6px}.group-tree-item{margin:2px 0}.group-tree-row{height:34px;display:flex;align-items:center;gap:3px;border-radius:5px}.group-tree-row.selected{background:#edf5ff;color:var(--primary)}.group-tree-expand,.group-tree-select{height:30px;border:0;background:transparent;color:inherit;display:flex;align-items:center;cursor:pointer}.group-tree-expand{width:24px;justify-content:center;color:#8793a5}.group-tree-expand:disabled{cursor:default}.group-tree-spacer{width:14px}.group-tree-select{min-width:0;flex:1;gap:7px;padding:0 6px;text-align:left;font-size:10px}.group-tree-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-tree-select svg{flex:none}.group-camera-panel{padding:17px}.group-camera-panel .section-heading{margin:0 0 12px}.group-camera-panel .section-heading h2{font-size:13px}.group-empty{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#929dae;font-size:10px;text-align:center}.group-camera-list{display:flex;flex-direction:column}.group-camera-row{min-width:0;min-height:59px;display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #edf0f4}.group-camera-icon,.admin-group-tree-icon{flex:none;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#edf5ff;color:var(--primary)}.group-camera-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.group-camera-meta strong{overflow:hidden;color:#354257;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.group-camera-meta span{overflow:hidden;color:#8a96a8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.group-camera-row .button-secondary{min-height:31px;padding:0 9px;white-space:nowrap;font-size:9px}.admin-group-tree-panel{padding:5px 12px}.admin-group-tree-item{border-bottom:1px solid #edf0f4}.admin-group-tree-item:last-child{border-bottom:0}.admin-group-tree-row{min-height:59px;display:flex;align-items:center;gap:9px;padding-top:7px;padding-bottom:7px}.admin-group-tree-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.admin-group-tree-info strong{color:#354257;font-size:11px}.admin-group-tree-info span{overflow:hidden;color:#929dae;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-group-tree-item ul{border-top:1px solid #f0f2f6}.admin-group-tree-item ul .admin-group-tree-row{background:#fcfdff}@media(max-width:850px){.camera-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.groups-view-layout{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:680px){.live-heading{align-items:flex-start}.live-layout-control{align-self:stretch;justify-content:space-between}.layout-button{flex:1}.camera-grid-2,.camera-grid-4,.camera-grid-6,.groups-view-layout{grid-template-columns:minmax(0,1fr)}.group-camera-row{gap:7px}.group-camera-row .button-secondary{padding:0 7px}.admin-group-tree-panel{padding:4px 7px}.admin-group-tree-row{gap:5px}}.live-camera-select-label{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#748196;font-size:10px}.live-camera-select{min-width:0;max-width:100%;height:30px;padding:0 8px;font-size:10px}.live-camera-select-label select{flex:1}.favorite-control{display:inline-flex;align-items:center;gap:5px;flex:none}.favorite-button{width:32px;height:32px;display:inline-grid;place-items:center;flex:none;border:1px solid var(--border);border-radius:7px;background:#fff;color:#8390a2;cursor:pointer}.favorite-button:hover:not(:disabled),.favorite-button.selected{border-color:#f1b0bd;background:#fff3f5;color:#d84c69}.favorite-button:disabled{opacity:.6;cursor:wait}.favorite-error{max-width:115px;color:#b63737;font-size:9px}.camera-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.favorite-camera-card{min-width:0}.favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.favorite-order-tools{display:flex;align-items:center;gap:4px;margin-bottom:6px;color:#8692a3;font-size:10px}.favorite-order-tools>span{flex:1}.favorite-order-tools>svg{cursor:grab}.access-editor-content{max-height:calc(92vh - 65px);overflow:auto}.access-form{padding-top:14px}.access-section{padding:12px;border:1px solid #e8edf3;border-radius:8px;background:#fcfdff}.access-section h3{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#354257;font-size:11px}.access-section>p{margin:0 0 10px;color:#8793a5;font-size:9px;line-height:1.5}.access-options{max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:3px}.access-option{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border-radius:5px;background:#fff;color:#526078;font-size:10px}.access-option:hover{background:#f3f7fc}.access-option input{margin:2px 0 0;accent-color:var(--primary)}.access-option span{display:flex;min-width:0;flex-direction:column;gap:3px}.access-option strong{font-size:10px;font-weight:600}.access-option small{color:#8793a5;font-size:9px;line-height:1.4}.user-actions{white-space:nowrap}@media(max-width:680px){.favorites-grid{grid-template-columns:minmax(0,1fr)}.access-options{max-height:180px}}.favorite-error{display:inline-flex;align-items:center;flex-direction:column;gap:3px;text-align:center}.favorite-retry{padding:0;border:0;background:transparent;color:var(--primary);font-size:9px;text-decoration:underline;cursor:pointer}.favorite-camera-card[draggable=true]{cursor:grab}.favorite-camera-card[draggable=true]:active{cursor:grabbing}.topbar-actions{display:flex;align-items:center;gap:14px}.org-context-control{display:flex;flex-direction:column;gap:3px;min-width:200px;max-width:270px}.org-context-control>label{display:flex;align-items:center;gap:5px;color:#7c899c;font-size:9px}.org-context-select-wrap{display:flex;align-items:center;gap:5px;min-width:0}.org-context-select-wrap select{width:100%;min-width:0;min-height:30px;padding:4px 24px 4px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#526078;font-size:10px}.org-context-current,.org-context-error{color:#8793a5;font-size:9px}.mobile-admin-menu,.mobile-bottom-nav{display:none}.pwa-controls{position:relative;display:flex;align-items:center}.pwa-install-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#526078;font-size:10px;cursor:pointer}.pwa-install-button:hover{border-color:#b7d4fa;background:#f7fbff;color:var(--primary)}.pwa-install-help{position:absolute;z-index:40;top:calc(100% + 9px);right:0;width:min(300px,calc(100vw - 24px));display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid #dce6f2;border-radius:8px;background:#fff;box-shadow:0 9px 25px #15233a1a;color:#56647a;font-size:10px;line-height:1.55}.pwa-install-help .icon-button{flex:none;width:25px;height:25px}.pwa-offline{position:fixed;z-index:35;top:80px;left:264px;right:16px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #f0d8a7;border-radius:8px;background:#fff8e8;color:#805b12;box-shadow:0 5px 17px #15233a12;font-size:11px}.pwa-offline svg{flex:none}@media(max-width:680px){.app-shell{display:block;min-height:100vh;padding-bottom:calc(66px + env(safe-area-inset-bottom))}.sidebar{height:auto;position:relative;top:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:#fff;border-right:0;border-bottom:1px solid var(--border)}.sidebar .brand{width:auto;margin:0;padding:0;gap:8px;font-size:16px}.sidebar .brand-mark{width:32px;height:32px;border-radius:8px}.desktop-sidebar-navigation,.sidebar-bottom{display:none}.mobile-admin-menu{position:relative;display:block;margin-left:auto}.mobile-admin-menu>summary{min-height:36px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#56647a;font-size:10px;list-style:none;cursor:pointer}.mobile-admin-menu>summary::-webkit-details-marker{display:none}.mobile-admin-menu[open]>summary{border-color:#b7d4fa;color:var(--primary)}.mobile-admin-menu>nav{position:absolute;z-index:25;top:calc(100% + 7px);right:0;width:210px;display:flex;flex-direction:column;padding:6px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 10px 28px #15233a24}.mobile-admin-menu>nav a{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:6px;color:#56647a;font-size:11px}.mobile-admin-menu>nav a.active{background:#edf5ff;color:var(--primary)}.main-column{min-width:0}.topbar{position:sticky;top:0;z-index:15;height:56px;padding:0 14px}.topbar-actions{gap:5px}.breadcrumb{max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.breadcrumb span{margin:0 4px}.user-menu{gap:3px}.user-menu .avatar{width:29px;height:29px;font-size:11px}.user-menu .icon-button{width:31px;height:31px}.pwa-install-button{width:34px;height:34px;min-height:34px;padding:0}.pwa-install-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pwa-offline{top:64px;left:10px;right:10px;justify-content:flex-start;padding:9px 11px;font-size:10px}.page-content{padding:23px 15px 28px}.mobile-bottom-nav{position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:6px 5px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;box-shadow:0 -5px 18px #1720330c}.mobile-bottom-nav a{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:7px;color:#77849a;font-size:9px;touch-action:manipulation}.mobile-bottom-nav a.active{background:#edf5ff;color:var(--primary);font-weight:650}.mobile-bottom-nav a svg{flex:none}.page-heading{gap:12px;margin-bottom:17px}.page-heading h1{font-size:21px}.page-heading p{font-size:11px;line-height:1.55}.button-primary,.button-secondary,.button-danger{min-height:42px}.table-actions .icon-button{width:40px;height:40px}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{width:100%;max-height:calc(94dvh - env(safe-area-inset-bottom));border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal-header{padding:15px 16px}.modal-header .icon-button{width:40px;height:40px}.admin-form{gap:14px;padding:16px}.admin-form input:not([type=checkbox]),.admin-form textarea,.admin-form select{min-height:44px;font-size:16px}.admin-form textarea{min-height:80px}.admin-form .checkbox-row{min-height:42px}.admin-form .checkbox-row input,.access-option input{width:20px;height:20px;flex:none}.form-actions{position:sticky;bottom:0;padding:10px 0 max(6px,env(safe-area-inset-bottom));background:#fff}.form-actions button{min-height:44px;flex:1}.admin-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td{padding:12px 13px}.group-tree-select,.group-tree-expand{min-height:40px}.group-camera-row{min-height:66px}.group-camera-row .button-secondary{min-height:40px}}@media(max-width:380px){.topbar{padding:0 9px}.breadcrumb{max-width:29vw}.topbar-actions{gap:2px}.pwa-install-button{width:31px;height:31px}.user-meta{display:none}.mobile-bottom-nav a{font-size:8px}.mobile-bottom-nav a svg{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.archive-camera-list{display:flex;flex-direction:column;padding:0 15px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.archive-camera-row{min-width:0;min-height:65px;display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f4}.archive-camera-row:last-child{border-bottom:0}.archive-camera-row .button-secondary{min-height:36px;white-space:nowrap}@media(max-width:680px){.archive-camera-list{padding:0 11px}.archive-camera-row{gap:8px}.archive-camera-row .button-secondary{min-height:42px;padding:0 9px;font-size:9px}}.archive-start-card{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.archive-start-card>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.archive-start-card strong{color:#354257;font-size:12px}.archive-start-card span{color:#8490a2;font-size:10px;line-height:1.5}.archive-start-card>.info-icon{flex:none}.archive-start-card>.button-primary{white-space:nowrap}.archive-playback{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#111722}.archive-player-toolbar{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;background:#fff;color:#56647a;font-size:10px}.archive-player-toolbar span:first-child{display:flex;align-items:center;gap:7px;color:#354257;font-weight:600}.archive-player-toolbar span:last-child{color:#929dae}.archive-iframe{display:block;width:100%;aspect-ratio:16/9;min-height:310px;border:0;background:#101722}.archive-renew-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff8e8;border-top:1px solid #f0d8a7}.archive-renew-notice>div{display:flex;flex-direction:column;gap:4px}.archive-renew-notice strong{color:#805b12;font-size:10px}.archive-renew-notice span{color:#8b6b2d;font-size:9px;line-height:1.5}.archive-renew-notice .button-primary{flex:none;min-height:36px}.archive-offline-note{margin-bottom:12px}@media(max-width:680px){.archive-heading{align-items:flex-start}.archive-heading .button-secondary{min-height:42px}.archive-start-card{flex-wrap:wrap;padding:13px;gap:10px}.archive-start-card>div{min-width:calc(100% - 58px)}.archive-start-card>.button-primary{width:100%}.archive-player-toolbar{align-items:flex-start;flex-direction:column;justify-content:center;padding:8px 11px}.archive-iframe{aspect-ratio:16/10;min-height:235px}.archive-renew-notice{align-items:stretch;flex-direction:column}.archive-renew-notice .button-primary{width:100%;min-height:42px}}@media(max-width:680px){.mobile-bottom-nav a{min-height:52px;font-size:11px}.layout-button,.favorite-button{width:44px;height:44px;min-width:44px;min-height:44px}.play-camera-button,.stop-camera-button{min-height:44px;padding:0 12px;font-size:11px}}@media(max-width:380px){.mobile-bottom-nav a{font-size:11px}}@media(max-width:680px){.topbar{min-width:0;justify-content:space-between}.breadcrumb{min-width:0;flex:1 1 auto}.topbar-actions{min-width:0;flex:0 0 auto;gap:4px}.org-context-control{position:relative;min-width:0;width:110px;max-width:110px;flex:0 1 110px;overflow:visible}.org-context-control>label,.org-context-current{display:none}.org-context-select-wrap{min-width:0;width:100%;display:flex;align-items:center}.org-context-select-wrap select{display:block;width:100%;min-width:0;max-width:110px;height:32px;padding:0 20px 0 6px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.org-context-control .form-error,.org-context-error{position:absolute;z-index:45;top:calc(100% + 4px);right:0;width:min(240px,calc(100vw - 20px));padding:8px;border:1px solid #f1c6c6;border-radius:6px;background:#fff;color:#a53333;font-size:10px;box-shadow:0 5px 15px #17203320}}@media(max-width:380px){.org-context-control{width:100px;max-width:100px;flex-basis:100px}.org-context-select-wrap select{max-width:100px}.topbar-actions{gap:2px}}.camera-tile-actions{display:flex;align-items:center;gap:5px;flex:none}.project-brand-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}.project-brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}@media(min-width:681px){.sidebar{overflow-y:auto}.brand-mark{flex:none}}@media(min-width:681px)and (max-width:1100px){.topbar{padding:0 16px;gap:12px}.breadcrumb{min-width:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{min-width:0;gap:7px}.user-meta{display:none}.org-context-control{min-width:0;width:170px;max-width:170px}.org-context-control>label,.org-context-current{display:none}.org-context-select-wrap select{min-width:0;width:100%;max-width:170px}.pwa-install-button span{display:none}}@media(max-width:680px){.sidebar>.profile-nav-link{display:none}.sidebar .brand{min-width:0;max-width:calc(100% - 170px)}.sidebar .brand-mark{flex:none}.project-brand-name{font-size:14px}}.archive-camera-button{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:#fff;color:#8390a2}.archive-camera-button:hover{border-color:#b7d4fa;background:#f7fbff;color:var(--primary)}@media(max-width:680px){.archive-camera-button{width:44px;height:44px;min-width:44px;min-height:44px}}.camera-filter-bar{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px;margin:0 0 18px;display:grid;gap:12px}.camera-filter-main{display:flex;gap:10px;align-items:center}.camera-search{height:40px;display:flex;align-items:center;gap:9px;border:1px solid #dce3ec;border-radius:7px;padding:0 11px;color:#8995a6;flex:1;min-width:120px}.camera-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1677ff15}.camera-search input{border:0;outline:0;min-width:0;flex:1;font-size:12px;color:var(--text)}.camera-search kbd{font-size:10px;color:#a8b1bf;border:1px solid #e5e9ef;border-radius:4px;padding:2px 5px}.camera-filter-desktop{display:flex;gap:9px;flex-wrap:wrap}.camera-filter-select{display:grid;gap:4px;min-width:135px;font-size:10px;color:#8290a2}.camera-filter-select select{height:34px;border:1px solid #e0e6ee;background:#fff;border-radius:6px;padding:0 9px;color:#39465b;font-size:11px;max-width:210px}.camera-favorite-toggle{display:flex;align-items:center;gap:7px;color:#56647a;font-size:11px;white-space:nowrap}.camera-favorite-toggle input{accent-color:var(--primary)}.camera-filter-result{display:flex;align-items:center;gap:4px;color:#7b8798;font-size:11px}.camera-filter-result strong{color:#354257}.camera-filter-result .text-button{margin-left:9px}.camera-mobile-filter{display:none}.camera-filter-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:#15243a66;display:flex;align-items:flex-end}.camera-filter-sheet{width:100%;max-height:88vh;overflow:auto;background:#fff;border-radius:17px 17px 0 0;padding:16px 18px calc(18px + env(safe-area-inset-bottom));display:grid;gap:14px;box-shadow:0 -8px 35px #0f1c3022}.camera-filter-sheet header,.camera-filter-sheet footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.camera-filter-sheet header strong{font-size:16px}.camera-filter-sheet .camera-filter-select select{width:100%;max-width:none;height:42px;font-size:13px}.camera-filter-sheet footer{padding-top:8px;border-top:1px solid var(--border)}.camera-filter-sheet footer button{flex:1;justify-content:center}.sheet-favorite{padding:8px 0}.sidebar-version{padding:9px 10px 0;color:#a0aaba;font-size:10px}.system-info-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:22px;max-width:780px}.system-info-brand{display:flex;align-items:center;gap:13px;padding-bottom:19px;border-bottom:1px solid #edf0f4}.system-info-brand .brand-mark{display:grid;place-items:center;color:#fff}.system-info-brand>div{display:flex;flex-direction:column;gap:5px}.system-info-brand strong{font-size:15px}.system-info-brand span{font-size:12px;color:#77849a}.system-info-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:19px 0 0}.system-info-card dl>div{display:grid;gap:6px;min-width:0}.system-info-card dt{font-size:10px;color:#8894a5}.system-info-card dd{margin:0;display:flex;align-items:center;gap:6px;font-size:12px;color:#344157;overflow-wrap:anywhere}.update-current{max-width:none}.update-warning{display:flex;align-items:flex-start;gap:9px;margin-top:18px;border:1px solid #f0d99a;background:#fff9e9;color:#755712;border-radius:7px;padding:11px;font-size:11px;line-height:1.5}.update-operation{font-size:11px;color:#65738a;margin:13px 0 0}.camera-filter-result .text-button{display:flex;align-items:center;gap:4px}@media(max-width:680px){.camera-filter-bar{padding:10px;gap:9px}.camera-filter-main{flex-wrap:wrap}.camera-search{flex-basis:calc(100% - 120px)}.camera-search kbd{display:none}.camera-mobile-filter{height:40px;display:flex;align-items:center;gap:6px;border:1px solid #dce3ec;border-radius:7px;background:#fff;color:#526178;padding:0 10px;font-size:11px}.camera-mobile-filter span{display:grid;place-items:center;min-width:18px;height:18px;border-radius:10px;background:#eaf2ff;color:var(--primary);font-size:10px}.camera-favorite-toggle{padding:2px 3px}.camera-filter-desktop{display:none}.camera-filter-result{font-size:10px}.system-info-card{padding:17px}.system-info-card dl{grid-template-columns:1fr 1fr;gap:14px 10px}.update-current .system-info-brand{padding-bottom:14px}}@media(max-width:767px){.mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-bottom-nav a{min-width:0;min-height:48px}}.app-shell.mobile-player-open .mobile-bottom-nav{display:none}.mobile-viewer{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#070b11;color:#f6f8fb;touch-action:pan-y}.mobile-viewer.is-immersive{z-index:10000}.mobile-viewer-header{display:flex;align-items:center;gap:14px;min-height:calc(58px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));background:#101722}.mobile-viewer-header>a,.mobile-viewer-header>button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:10px;background:#202b3a;color:#fff}.mobile-viewer-header>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.mobile-viewer-header strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.mobile-viewer-header span,.mobile-viewer-hint{color:#aab5c4;font-size:12px}.mobile-viewer-stage{position:relative;display:grid;flex:1;min-height:0;place-items:center;background:#000}.mobile-viewer-stage video{width:100%;height:100%;max-height:100%;object-fit:contain;background:#000}.mobile-viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.mobile-viewer-overlay>span{padding:12px 16px;border-radius:10px;background:#17202dcc;color:#fff}.mobile-play-button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:190px;min-height:64px;border:0;border-radius:16px;background:#1677ff;color:#fff;font-size:18px;font-weight:700;box-shadow:0 8px 32px #0008;pointer-events:auto}.mobile-play-button svg{width:24px;height:24px}.mobile-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px max(14px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#101722}.mobile-viewer-controls>button{display:grid;place-items:center;width:54px;height:54px;flex:none;border:1px solid #364355;border-radius:14px;background:#202b3a;color:#fff}.mobile-viewer-controls>button:disabled{opacity:.35}.mobile-quality{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;flex-wrap:wrap}.mobile-quality span{width:100%;color:#aab5c4;font-size:11px;text-align:center}.mobile-quality button{min-height:44px;padding:0 13px;border:1px solid #364355;border-radius:11px;background:#202b3a;color:#e9edf3;font-size:13px}.mobile-quality button.selected{border-color:#58a0ff;background:#154b89;color:#fff}.mobile-quality button:disabled{opacity:.4}.mobile-viewer-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#572426;color:#ffe3e3;font-size:13px}.mobile-viewer-error button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:#8e3438;color:#fff}.mobile-viewer-hint{margin:0;padding:0 16px 12px;background:#101722;text-align:center}.mobile-viewer-state{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#101722;color:#fff;text-align:center}.mobile-viewer-state a{padding:13px 18px;border-radius:10px;background:#1677ff;color:#fff;text-decoration:none}@media(min-width:760px){.mobile-viewer{top:24px;right:24px;bottom:24px;left:24px;max-width:1100px;margin:auto;overflow:hidden;border:1px solid #293547;border-radius:16px;box-shadow:0 20px 80px #0008}.mobile-viewer-stage{min-height:300px}.mobile-viewer-controls{padding-bottom:16px}}.mobile-viewer:fullscreen,.mobile-viewer.is-immersive{top:0;right:0;bottom:0;left:0;max-width:none;margin:0;overflow:hidden;border:0;border-radius:0}.mobile-viewer-error{flex-wrap:wrap}.mobile-viewer-error>span{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}.mobile-viewer-error button.mobile-viewer-error-icon{display:grid;width:44px;height:44px;flex:0 0 44px;padding:0}.mobile-viewer-error button.mobile-viewer-error-quality{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:0;min-height:44px;flex:1 1 140px;padding:8px 12px;white-space:normal;text-align:center;line-height:1.3}.mobile-quality .mobile-viewer-archive{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 13px;border:1px solid #364355;border-radius:11px;background:#202b3a;color:#e9edf3;text-decoration:none;font-size:13px}.mobile-quality .mobile-viewer-archive:hover{background:#154b89}.mobile-quality .mobile-viewer-archive:focus-visible{outline:2px solid #58a0ff;outline-offset:2px}.organization-context{display:flex;flex-direction:column;gap:3px;min-width:200px;max-width:270px;color:#68778e}.organization-context-heading{display:flex;align-items:center;gap:5px;color:#7c899c;font-size:9px}.organization-context-select-wrap{display:flex;align-items:center;gap:5px;min-width:0}.organization-context-select-wrap select{width:100%;min-width:0;min-height:30px;padding:4px 24px 4px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#526078;font-size:10px}.organization-context-active{display:flex;flex-direction:column;min-width:0;line-height:1.3}.organization-context-active strong{overflow:hidden;color:#26354c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.organization-context-active span,.organization-context-role{color:#8793a5;font-size:9px}.organization-context-error{color:#a53333;font-size:10px}@media(max-width:680px){.organization-context{position:relative;min-width:0;width:110px;max-width:110px;flex:0 1 110px}.organization-context-heading{display:none}.organization-context-active strong{font-size:10px}.organization-context-active span,.organization-context-role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.organization-context-select-wrap{width:100%}.organization-context-select-wrap select{display:block;width:100%;min-width:0;max-width:110px;height:32px;padding:0 20px 0 6px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.organization-context-error{position:absolute;z-index:45;top:calc(100% + 4px);right:0;width:min(240px,calc(100vw - 20px));padding:8px;border:1px solid #f1c6c6;border-radius:6px;background:#fff;box-shadow:0 5px 15px #17203320}}@media(min-width:681px)and (max-width:1100px){.organization-context{min-width:0;width:170px;max-width:170px}.organization-context-heading{display:none}.organization-context-active span,.organization-context-role{display:block}.organization-context-select-wrap select{min-width:0;width:100%;max-width:170px}}