.administration{color:#eeeaf8;margin:12px 0 32px}.admin-heading{background:linear-gradient(120deg,#171228,#100f19);border:1px solid #302744;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:22px 24px;display:flex}.admin-heading h2{margin:5px 0 7px}.admin-heading p,.admin-help{color:#ada4bd;font-size:.88rem;line-height:1.5}.admin-heading .admin-field{min-width:260px}.admin-layout{grid-template-columns:195px minmax(0,1fr);gap:18px;display:grid}.admin-navigation{flex-direction:column;align-self:start;gap:5px;display:flex;position:sticky;top:12px}.admin-navigation button{text-align:left;background:0 0;border-color:#0000;padding:12px}.admin-navigation button.active{color:#fff;background:#352051;border:1px solid #8055c2}.admin-main{background:#100e19;border:1px solid #302744;border-radius:14px;min-width:0;padding:22px}.admin-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.admin-title h3{margin:0;font-size:1.2rem}.admin-summary{background:#191223;border:1px solid #342846;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:16px;display:flex}.admin-status{color:#d8b9fa;white-space:nowrap;background:#30233f;border-radius:20px;padding:4px 9px;font-size:.76rem;display:inline-flex}.status-active{color:#73e3b0;background:#13352d}.status-suspended,.status-cancelled,.status-expired{color:#ff9da8;background:#49232c}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-field{color:#c4b9d6;flex-direction:column;gap:6px;min-width:0;font-size:.82rem;display:flex}.admin-field input,.admin-field select,.admin-table-wrap select{box-sizing:border-box;width:100%;min-width:0}.admin-form-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin-top:8px;display:flex}.admin-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.admin-editor,.admin-create{background:#181222;border:1px solid #443058;border-radius:10px;margin:18px 0;padding:18px}.admin-create>summary{cursor:pointer;color:#d0adff;font-weight:600}.admin-create[open]>summary{margin-bottom:18px}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:14px 0;display:grid}.admin-cards article,.admin-metrics article{background:#171121;border:1px solid #352947;border-radius:12px;flex-direction:column;align-items:start;gap:8px;padding:18px;display:flex}.admin-cards h4{margin:0}.admin-cards p{color:#b8acc8;margin:2px 0;font-size:.86rem;line-height:1.5}.admin-cards small{color:#bda4d8}.admin-cards button{margin-top:auto}.admin-table-wrap{margin:12px 0 20px;overflow:auto}.admin-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.admin-table-wrap th{color:#b99ad9;white-space:nowrap;background:#1b1427;padding:12px;font-weight:600}.admin-table-wrap td{vertical-align:middle;border-bottom:1px solid #2a2137;padding:12px}.admin-table-wrap small{color:#a898bc;overflow-wrap:anywhere;margin-top:5px;display:block}.admin-table-wrap td>input[type=checkbox]{width:18px;height:18px}.admin-table-wrap pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:500px;max-height:250px;font-size:.72rem;overflow:auto}.admin-check-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin:12px 0;display:grid}.admin-check-grid label,.admin-checkbox{align-items:center;gap:9px;font-size:.85rem;display:flex}.admin-check-grid small{color:#a797b9;font-size:.72rem;display:block}.admin-checkbox input,.admin-check-grid input{accent-color:#9760f5;flex-shrink:0;width:17px;height:17px}.admin-editor fieldset{border:1px solid #382848;border-radius:9px;margin:18px 0;padding:14px}.admin-editor legend{color:#d0b0f1;font-size:.88rem}.admin-permission-list{overflow-wrap:anywhere;max-height:160px;overflow:auto}.admin-feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.admin-feature-grid>div{background:#110d19;border:1px solid #302440;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.admin-limit{align-items:center;gap:8px;font-size:.73rem;display:flex}.admin-limit>input{width:110px;min-width:0}.admin-limit>label{align-items:center;gap:6px;display:flex}.admin-limit input[type=checkbox]{width:16px;height:16px}.admin-feature-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.admin-feature-summary>span{border:1px solid #322342;border-radius:8px;justify-content:space-between;gap:12px;padding:12px;font-size:.82rem;display:flex}.admin-feature-summary strong{color:#c89dff;white-space:nowrap}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-metrics strong{color:#d4aeff;margin-top:8px;font-size:1.7rem}.admin-metrics span{color:#b9a5d2;font-size:.85rem}.admin-empty{color:#a494b6;text-align:center;border:1px dashed #3e2b53;border-radius:10px;padding:24px}.admin-main button:disabled{opacity:.5}.admin-main input:disabled,.admin-main select:disabled{opacity:.6}@media (width<=850px){.admin-layout{grid-template-columns:1fr}.admin-navigation{flex-direction:row;padding-bottom:6px;position:static;overflow:auto}.admin-navigation button{white-space:nowrap}.admin-heading{flex-direction:column;align-items:stretch}.admin-heading .admin-field{min-width:0}.admin-main{padding:14px}.admin-metrics,.admin-form{grid-template-columns:1fr}.admin-heading{padding:16px}.admin-feature-summary{grid-template-columns:1fr}}.portal-metrics{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.portal-metrics strong{overflow-wrap:anywhere;font-size:1.35rem}.portal-usage-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:20px 0;display:grid}.portal-usage-grid article{background:#171121;border:1px solid #352947;border-radius:10px;padding:15px}.portal-usage-grid article>div{justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.portal-usage-grid small{color:#ad9bbb;font-size:.75rem}.portal-usage-grid progress{accent-color:#9a70fa;width:100%;height:8px;margin:12px 0;display:block}.portal-usage-grid progress.warning{accent-color:#efa843}.portal-usage-grid progress.critical{accent-color:#ef667d}.portal-alert{background:#21182f;border-left:3px solid #9a70fa;border-radius:6px;margin:8px 0;padding:12px 16px;font-size:.86rem}.portal-alert.warning{border-color:#efa843}.portal-alert.critical{border-color:#ef667d}.portal-alert button{margin-left:12px}.portal-features{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;width:100%;font-size:.84rem;display:grid}.portal-features>div{border-bottom:1px solid #372642;padding:9px}.portal-features dt{color:#aa98c0}.portal-features dd{overflow-wrap:anywhere;margin:5px 0 0;font-weight:600}.wizard-steps{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.wizard-steps li{color:#a190b4;align-items:center;gap:6px;padding:8px;font-size:.82rem;display:flex}.wizard-steps li[aria-current]{color:#fff;background:#3d2460;border-radius:8px}.wizard-steps li>span{background:#292035;border-radius:50%;place-content:center;width:24px;height:24px;display:grid}.tenant-wizard>h4{margin:24px 0 16px;font-size:1.2rem}.portal-filter{flex-wrap:wrap;gap:10px;display:flex}.portal-filter>input{flex:310px;min-width:0}.portal-filter>select{flex:160px;min-width:0}.usage-chart{background:#151020;border-radius:10px;width:100%;height:auto;max-height:230px;margin:20px 0;display:block}.usage-chart text{font-size:12px}.portal-history{border-top:1px solid #382947;margin-top:28px;padding-top:18px}.permission-matrix input[type=checkbox]{accent-color:#a175ef;width:18px;height:18px}.permission-matrix td{min-width:75px}.portal-onboarding{counter-reset:steps;gap:10px;padding:0;list-style:none;display:grid}.portal-onboarding li{border:1px solid #382947;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.portal-onboarding li:before{counter-increment:steps;content:counter(steps);background:#4a2e6e;border-radius:50%;place-content:center;width:30px;height:30px;display:grid}.portal-onboarding li>div{flex:180px}.portal-onboarding small{color:#ab9abd;margin-top:5px;display:block}.portal-welcome{background:#21172e;border:1px solid #76509b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0;padding:16px;display:flex}.portal-welcome>span{flex:1}.portal-request{border:1px solid #392848;border-radius:10px;margin:12px 0;padding:16px}.camera-feature-badges{align-items:center;gap:4px!important;display:flex!important}.camera-feature-badges small{color:#d8caf0;background:#140e2180;border:1px solid #8164a080;border-radius:4px;padding:2px 4px;font-size:9px;margin:0!important;display:inline-block!important}.camera-card .camera-feature-badges{opacity:0;transition:opacity .15s}.camera-card:hover .camera-feature-badges,.camera-card:focus-within .camera-feature-badges{opacity:1}@media (width<=600px){.portal-usage-grid{grid-template-columns:1fr}.portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-metrics article{padding:12px}.portal-metrics strong{font-size:1.05rem}.portal-filter>button{width:100%}.wizard-steps li{padding:4px;font-size:.72rem}}.portal-timeline{border-left:2px solid #68408f;gap:16px;padding:0 0 0 12px;list-style:none;display:grid}.portal-timeline li{gap:5px;padding:4px 12px;display:grid}.portal-timeline time,.portal-timeline small{color:#b1a1c6;font-size:.78rem}.cep-lookup{gap:8px;display:flex}.cep-lookup input{flex:1}.cep-lookup button{white-space:nowrap}.admin-field>small[role=status]{color:#bda4d8;min-height:1.2em}@media (width>=851px){.admin-navigation{max-height:calc(100vh - 28px);overflow-y:auto}.admin-navigation button{padding:9px 12px;font-size:.84rem}}.admin-navigation{scrollbar-color:#654d80 #171020;scrollbar-width:thin}.portal-usage-grid progress{background:#32243f;border:0;border-radius:8px;overflow:hidden}.portal-usage-grid progress::-webkit-progress-bar{background:#32243f}.portal-usage-grid progress::-webkit-progress-value{background:#9a70fa}.portal-usage-grid progress.warning::-webkit-progress-value{background:#efa843}.portal-usage-grid progress.critical::-webkit-progress-value{background:#ef667d}.wireguard-panel{gap:14px;display:grid}.wireguard-hero{background:linear-gradient(120deg,#21152e,#151020);border:1px solid #49315f;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.wireguard-hero h4{margin:5px 0}.wireguard-hero p{color:#b7a9c5;margin:0}.wireguard-summary{margin:0}.wireguard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wireguard-grid article,.wireguard-block{background:#171121;border:1px solid #352846;border-radius:10px;padding:16px}.wireguard-grid h4,.wireguard-block h4{margin:0 0 12px}.wireguard-panel input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.wireguard-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d7c8e7;background:#0d0b13;border:1px solid #2e223d;border-radius:8px;margin:8px 0 10px;padding:12px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.wireguard-panel .admin-field{margin-top:10px}.wireguard-panel .admin-field button{align-self:start}.wireguard-panel table{border-collapse:collapse;width:100%}.wireguard-panel th,.wireguard-panel td{text-align:left;border-bottom:1px solid #2b2038;padding:9px}.wireguard-panel th{color:#b99ad9}.wireguard-panel td small{color:#a898bc;margin-top:3px;display:block}@media (width<=700px){.wireguard-grid{grid-template-columns:1fr}.wireguard-hero{flex-direction:column;align-items:flex-start}}.wireguard-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wireguard-panel textarea{box-sizing:border-box;resize:vertical;color:#eee8f6;background:#0d0b13;border:1px solid #4a365c;border-radius:8px;width:100%;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.wireguard-panel code{color:#d7b4ff}.wireguard-panel .admin-actions button{margin-top:0}@media (width<=700px){.wireguard-config-grid{grid-template-columns:1fr}}.server-resources-panel{box-sizing:border-box;color:#e8edf5;background:#2d2829;border:1px solid #5c5357;border-radius:14px;width:100%;min-width:0;margin:0 0 20px;padding:22px;container-type:inline-size}.server-resources-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.server-resources-heading>div{min-width:0}.server-resources-heading h3{color:#f2f5fc;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.4;display:flex}.server-resources-panel svg{color:#ff8535;flex:none;width:17px;height:17px}.server-resources-heading p{color:#bed0e6;margin:0;font-size:11px;line-height:1.5}.server-resources-status{text-align:right;color:#43bca0;flex:none;max-width:45%;padding-top:2px;font-size:10px;line-height:1.5}.server-resources-status.is-warning{color:#e8ba7a}.server-resources-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.server-resource-metric{--resource-color:#ff8535;min-width:0}.server-resource-memory{--resource-color:#3bb998}.server-resource-disk{--resource-color:#4b7bb7}.server-resource-value{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.server-resource-value>span{color:#bed0e6;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.server-resource-value strong{color:#f4f7fc;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:27px;font-weight:750;line-height:1}.server-resource-bar{background:#443d40;border-radius:99px;height:7px;overflow:hidden}.server-resource-bar>span{border-radius:inherit;background:var(--resource-color);height:100%;transition:width .3s;display:block}.server-resource-metric>p{color:#c2d0e2;overflow-wrap:anywhere;margin:11px 0 0;font-size:11px;line-height:1.5}.server-resources-footer{color:#9d9cab;overflow-wrap:anywhere;margin-top:16px;font-size:10px;line-height:1.6}.server-resources-error{color:#e8ba7a;margin:10px 0 0;font-size:12px;line-height:1.5}.monitoring-resources{width:100%;max-width:1500px;margin:22px auto 0}@container (width<=650px){.server-resources-metrics{grid-template-columns:1fr;gap:24px}.server-resources-heading{margin-bottom:22px}.server-resource-value{margin-bottom:10px}.server-resource-value strong{font-size:25px}}@media (width<=600px){.server-resources-panel{padding:17px}.server-resources-heading{flex-wrap:wrap;gap:8px}.server-resources-status{text-align:left;max-width:none}}@media (prefers-reduced-motion:reduce){.server-resource-bar>span{transition:none}}.customers-panel{max-width:1500px;margin:auto;padding:20px 8px}.customer-heading{justify-content:space-between;align-items:center;gap:16px;margin:12px 0 20px;display:flex}.customer-heading h2,.customer-heading h3{margin:6px 0}.customer-heading p{color:#aaa9bc;margin:6px 0}.customer-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0;display:grid}.customer-stats>div,.customer-card,.customer-cards>article{background:#12111d;border:1px solid #302b44;border-radius:14px;padding:20px}.customer-stats strong{font-size:28px;display:block}.customer-stats span{color:#aaa9bc}.customer-table-wrap{border:1px solid #302b44;border-radius:14px;margin:18px 0;overflow-x:auto}.customer-table{border-collapse:collapse;text-align:left;width:100%}.customer-table th{color:#aaa9bc;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.customer-table th,.customer-table td{border-bottom:1px solid #292537;padding:16px}.customer-table small,.customer-camera-row small{color:#aaa9bc;margin-top:5px;display:block}.customer-status{color:#d9d6e7;white-space:nowrap;background:#302d40;border-radius:20px;padding:5px 9px;font-size:12px;display:inline-block}.customer-status.active{color:#8ce7bc;background:#143b2f}.customer-status.blocked,.customer-status.suspended{color:#ffacb9;background:#4c2931}.customer-cards{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.customer-cards li{padding:4px}.customer-dialog{background:#12111d;border:1px solid #3c3357;border-radius:18px;width:calc(100vw - 40px);max-width:780px;max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 80px #0009}.customer-detail{max-width:1020px}.customer-form{gap:15px;margin:15px 0;display:grid}.customer-form label{color:#cbc8d9;gap:6px;font-size:14px;display:grid}.customer-form input,.customer-form select,.customer-form textarea{box-sizing:border-box;color:#f3f1ff;background:#0c0b13;border:1px solid #413954;border-radius:8px;width:100%;max-width:100%;padding:10px}.customer-form input[type=checkbox]{width:auto}.customer-form textarea{min-height:80px}.customer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.customer-form .customer-check{align-items:center;gap:9px;display:flex}.customer-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.customer-facts dt{color:#aaa9bc;font-size:13px}.customer-facts dd{overflow-wrap:anywhere;margin:4px 0 12px}.customer-camera-row{border-bottom:1px solid #302b44;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.customer-history article{border-bottom:1px solid #302b44;justify-content:space-between;padding:15px 0;display:flex}.customer-history span{color:#aaa9bc}.customer-portal-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.customer-portal-grid video{background:#000;border-radius:10px;width:100%;max-height:65vh}.customer-portal-grid article{min-width:0}.customer-portal-head{padding:16px 24px}.customer-error{color:#ffacb9}.customer-card+.customer-card{margin-top:20px}@media (width<=700px){.customer-stats{grid-template-columns:repeat(2,1fr)}.customer-form-grid,.customer-facts{grid-template-columns:1fr}.customer-heading{flex-wrap:wrap;align-items:flex-start}.customer-dialog{padding:18px}.customer-history article{gap:5px;display:grid}.customer-portal-grid{grid-template-columns:1fr}}:root{color:#e5e7eb;font-synthesis:none;background:#080b14;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.ui-icon{vertical-align:middle;flex:none;width:20px;height:20px}.tab-badge{color:#fff;background:#d95572;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;line-height:1;display:inline-grid}.notifications-panel{width:100%;max-width:960px;margin:22px auto}.notification-list{gap:10px;display:grid}.notification-item{background:#161827;border:1px solid #383148;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.notification-item.unread{background:#1b1930;border-color:#7757bd}.notification-icon{color:#fff;background:#6d48e8;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.notification-item.read .notification-icon{color:#aaa4bc;background:#353044}.notification-body{flex:1;min-width:0}.notification-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.notification-heading h3{margin:0;font-size:15px}.notification-heading time{color:#928ca6;white-space:nowrap;font-size:11px}.notification-body p{color:#c7c2d5;overflow-wrap:anywhere;margin:5px 0;font-size:13px}.notification-body small{color:#928ca6;font-size:11px}.notification-item>button{flex:none;padding:7px 10px;font-size:11px}@media (width<=640px){.tabs{z-index:10;scrollbar-width:none;justify-content:flex-start;padding-bottom:8px;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;min-height:40px}.notification-item{padding:12px}.notification-heading{gap:3px;display:grid}.notification-item>button{align-self:center;padding:6px 8px}}button:has(>.ui-icon){justify-content:center;align-items:center;gap:8px;display:inline-flex}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #b9a2ff}.live-filters{flex-wrap:wrap;flex:1;gap:8px;min-width:150px;max-width:620px;display:flex}.live-filters input,.live-filters select{flex:1;width:0;min-width:120px}.mosaic-pagination{white-space:nowrap;align-items:center;gap:6px;display:flex}.mosaic-pagination button{padding:8px}.occurrences-panel,.recordings-panel{width:100%;max-width:1500px;margin:22px auto}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading h2{margin:6px 0;font-size:26px}.section-heading p{color:#aaa7ba;margin:0;font-size:14px}.history-filters{background:#10121f;border:1px solid #2d2a3f;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;padding:16px;display:grid}.history-filters label{color:#b9b6ce;gap:7px;margin:0;font-size:12px;display:grid}.history-filters select,.history-filters input{width:100%;min-width:0;font-size:13px}.history-search{grid-column:span 2}.history-summary{color:#bdb8d1;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:13px;display:flex}.history-summary small{color:#9290a5}.history-view-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.history-view-toolbar .history-summary{flex:1;margin:0}.occurrence-view-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.occurrence-view-toolbar .history-summary{flex-wrap:wrap;flex:1;margin:0}.occurrence-view-switch{background:#10121f;border:1px solid #383148;border-radius:12px;flex-shrink:0;gap:4px;padding:4px;display:flex}.occurrence-view-switch button{color:#bcb4d2;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 11px;font-size:12px}.occurrence-view-switch button[aria-pressed=true]{color:#fff;background:#6d48e8;border-color:#8d70fb}.occurrence-view-switch .ui-icon{width:16px;height:16px}.occurrences-panel{container:occurrences/inline-size}.occurrence-collection{align-items:start;margin:0;padding:0;list-style:none;display:grid}.occurrence-list{grid-template-columns:minmax(0,1fr);gap:10px}.occurrence-collection>li{min-width:0}.occurrence-card{background:#161827;border:1px solid #363044;border-radius:14px;grid-template-columns:144px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px;display:grid}.occurrence-card:hover{background:#1a1c2e;border-color:#55496d}.occurrence-card.reviewed{border-color:#2a5149}button.occurrence-preview{aspect-ratio:16/9;background:#080b12;border:0;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}button.occurrence-preview:disabled{opacity:1;cursor:default}.occurrence-preview img{object-fit:contain;width:100%;height:100%;display:block}.preview-placeholder{color:#9d98ad;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;font-size:11px;display:flex}.preview-placeholder .ui-icon{width:24px;height:24px}.preview-play{background:linear-gradient(#0000 65%,#0006);place-content:center;display:grid;position:absolute;inset:0}.preview-play svg{background:#0c1020ba;border:1px solid #ffffff50;border-radius:50%;width:32px;height:32px;padding:7px}.occurrence-preview:hover .preview-play svg{background:#734fee}.event-tags .occurrence-priority{color:#cbd5e1;background:#252b3b}.event-tags .occurrence-priority.alert{color:#ffe2aa;background:#493210}.event-tags .reviewed-indicator{color:#8de4c3;background:#143b32;align-items:center;gap:3px;display:inline-flex}.reviewed-indicator .ui-icon{width:14px;height:14px}.occurrence-body{min-width:0}.occurrence-body h3{overflow-wrap:anywhere;margin:0;font-size:15px}.occurrence-context{color:#aaa4bc;overflow-wrap:anywhere;margin:4px 0 8px;font-size:12px}.occurrence-count{color:#aaa4bc;margin-top:6px;font-size:11px;display:block}.event-tags{flex-wrap:wrap;gap:5px;display:flex}.event-tags span{color:#d0bfff;background:#28213d;border-radius:6px;padding:3px 7px;font-size:11px}.occurrence-actions{align-items:center;gap:8px;display:flex}.occurrence-actions .icon-button{color:#b5abc9;width:40px;height:40px;box-shadow:none;background:0 0;border-radius:10px}.occurrence-actions .icon-button:hover{color:#fff;background:#342846}.occurrence-actions .is-reviewed{color:#8de4c3;background:#143b32;border-color:#34775e}.occurrence-list .review-label{display:none}.occurrence-expand .ui-icon{transition:transform .16s}.occurrence-expand[aria-expanded=true] .ui-icon{transform:rotate(90deg)}.occurrence-details{border-top:1px solid #393047;grid-column:1/-1;max-height:220px;padding-top:6px;overflow:auto}.occurrence-details>div{border-top:1px solid #2c293b;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.occurrence-details .icon-button{width:30px;height:30px}.occurrence-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}.occurrence-grid .occurrence-card{background:#11131f;border-radius:16px;padding:0;display:block;overflow:hidden}.occurrence-grid button.occurrence-preview{border-radius:0}.occurrence-grid .preview-play svg{width:40px;height:40px;padding:10px}.occurrence-grid .occurrence-body{padding:15px 15px 0}.occurrence-grid .occurrence-body h3{font-size:16px}.occurrence-grid .occurrence-context{margin:6px 0 12px}.occurrence-grid .occurrence-count{margin-top:12px}.occurrence-grid .occurrence-actions{flex-direction:row;gap:8px;padding:14px 15px 15px;display:flex}.occurrence-grid .occurrence-actions .review-button{flex:1;width:auto;min-width:0;height:auto;min-height:40px;padding:8px;font-size:12px}.occurrence-grid .review-label{white-space:normal}.occurrence-grid .occurrence-details{margin:0 15px 15px}@container occurrences (width<=600px){.occurrence-card{grid-template-columns:86px minmax(0,1fr) 36px;gap:10px;padding:10px}.occurrence-body h3{font-size:13px}.occurrence-context{font-size:11px}.event-tags span{padding:3px 5px;font-size:10px}.occurrence-actions{flex-direction:column;gap:6px}.occurrence-actions .icon-button{width:36px;height:36px}.preview-placeholder{font-size:10px}.occurrence-view-toolbar .history-summary{flex-basis:100%;gap:5px}}@container occurrences (width<=330px){.occurrence-card{grid-template-columns:68px minmax(0,1fr) 32px;gap:8px;padding:8px}.occurrence-actions .icon-button{width:32px;height:36px}}.history-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:20px 0;font-size:13px;display:flex}.history-pagination span{color:#aaa4bf;margin-right:auto}.history-empty{border:1px dashed #39334b;border-radius:16px;padding:60px 20px}.history-empty>.ui-icon{width:42px;height:42px}.camera-timelines{background:#10121f;border:1px solid #2d2a3f;border-radius:14px;padding:10px 18px 20px}.camera-timeline-row{grid-template-columns:minmax(90px,150px) 1fr;align-items:center;gap:18px;padding:12px 0;display:grid}.camera-timeline-row>strong{overflow-wrap:anywhere;font-size:12px}.timeline-hours{color:#928ca6;justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.camera-time-track{background:repeating-linear-gradient(90deg,#19192c,#19192c calc(25% - 1px),#454055 calc(25% - 1px) 25%);border-radius:5px;height:26px;position:relative}button.time-segment{background:#9271ff;border:0;border-radius:2px;min-width:3px;height:20px;padding:0;position:absolute;top:3px}button.time-segment.continuous{background:#35ba94}button.time-segment:hover{z-index:1;outline:2px solid #eee}.recording-table-scroll{overflow:auto}.recording-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;display:grid}.recording-card{background:#161827;border:1px solid #363044;border-radius:14px;gap:12px;padding:14px;display:grid}.recording-card:hover{background:#1a1c2e;border-color:#55496d}.recording-card-heading{align-items:center;gap:12px;min-width:0;display:flex}.recording-card-heading>div{gap:4px;min-width:0;display:grid}.recording-card-heading strong,.recording-card-heading span{overflow-wrap:anywhere}.recording-card-heading span{color:#aaa4bc;font-size:12px}.recording-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.recording-card dl div{gap:3px;min-width:0;display:grid}.recording-card dt{color:#928ca6;text-transform:uppercase;font-size:10px}.recording-card dd{overflow-wrap:anywhere;margin:0;font-size:12px}.recording-card>button{width:100%}.recording-table{border-collapse:collapse;width:100%;min-width:580px;margin-top:24px;font-size:13px}.recording-table th{text-align:left;color:#9f97b7;text-transform:uppercase;font-size:11px}.recording-table td,.recording-table th{border-bottom:1px solid #292538;padding:12px}.recording-camera-cell{align-items:center;gap:12px;display:flex}.recording-camera-cell>span{overflow-wrap:anywhere;max-width:170px}.recording-thumbnail{color:#ada4c6;background:#181724;border:1px solid #3c3653;border-radius:7px;flex:0 0 72px;place-items:center;width:72px;height:44px;padding:0;display:grid;position:relative;overflow:hidden}.recording-thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail-play{opacity:0;background:#08071233;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.thumbnail-play svg{fill:#fff;color:#fff;filter:drop-shadow(0 1px 3px #000);width:20px;height:20px}.recording-thumbnail:hover .thumbnail-play,.recording-thumbnail:focus-visible .thumbnail-play{opacity:1}.timeline-workspace{align-items:start;gap:18px;display:grid}.timeline-workspace.has-preview{grid-template-columns:minmax(0,1fr) minmax(300px,390px)}.timeline-overview{min-width:0}.timeline-hint{color:#a29bb7;font-size:12px}.recording-quick-player{background:#141321;border:1px solid #514367;border-radius:14px;width:100%;padding:0;position:static;overflow:hidden;box-shadow:0 12px 35px #0003}.recording-quick-player>header{justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.recording-quick-player>header>div{min-width:0}.recording-quick-player h3{overflow-wrap:anywhere;margin:4px 0;font-size:15px}.recording-quick-player small{color:#b4acc9;font-size:11px}.recording-quick-player .recording-sequence-media{aspect-ratio:16/9}.recording-sequence-media{aspect-ratio:16/9;background:#000;width:100%;min-height:0;position:relative;overflow:hidden}.recording-sequence-media>video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.recording-sequence-media>video.sequence-buffer{opacity:0;pointer-events:none;z-index:-1;position:absolute;inset:0}.recording-sequence-status{background:#13111e;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px 12px;display:flex}.recording-sequence-status strong{color:#c9b7fb;font-size:11px}.recording-sequence-status small{color:#a39ab8;margin-top:4px;font-size:11px;display:block}.recording-sequence-status .recording-gap{color:#f3ca89}.recording-sequence-status button{flex-shrink:0;padding:8px;font-size:11px}.camera-create-fields{border:0;gap:15px;min-width:0;margin:0;padding:0;display:grid}.camera-create-feedback{z-index:2;background:#11131e;border-top:1px solid #3c3653;padding:12px 0;position:sticky;bottom:-20px}.camera-create-feedback>p{overflow-wrap:anywhere;font-size:12px}.camera-create-feedback .notice{padding:12px}.camera-create-feedback>button{width:100%}.recording-quick-player .recording-sequence-status{flex-wrap:wrap}.quick-expand{justify-content:center;width:calc(100% - 24px);margin:0 12px 12px;font-size:12px}.playback-controls{color:#c7bfdc;background:#13111e;flex-shrink:0;padding:10px 14px}.playback-control-row{flex-wrap:wrap;align-items:end;gap:6px;display:flex}.playback-control-row button{white-space:nowrap;min-height:36px;padding:7px 9px;font-size:12px}.playback-control-row label{flex-direction:column;gap:3px;font-size:10px;display:flex}.playback-control-row select{width:112px;min-height:36px;padding:6px 9px;font-size:12px}.playback-control-row .maximum-speed{background:#332249;border-color:#795bb4}.playback-controls>small{color:#a39ab8;margin-top:8px;font-size:11px;line-height:1.4;display:block}.playback-speed-notice{margin:6px 0 0;font-size:12px}.recording-quick-player .playback-controls{padding:10px 12px}.live-speed-trigger{z-index:3;opacity:0;background:#151021d9;border-color:#6c6081;border-radius:18px;padding:7px 9px;font-size:11px;line-height:1;position:absolute;top:14px;right:44px}.camera-meta>div:first-child{max-width:calc(100% - 70px)}.camera-card:hover .live-speed-trigger,.camera-card:focus-within .live-speed-trigger{opacity:1}.live-playback-settings{color:#ece6ff;background:#141321;border:1px solid #594674;border-radius:14px;width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;box-shadow:0 20px 80px #0009}.live-playback-settings::backdrop{background:#03040c99}.live-playback-settings>div{padding:16px}.live-playback-settings header{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-playback-settings h3{margin:0;font-size:17px}.live-playback-settings .playback-controls{padding:16px 0}.camera-card:fullscreen{background:#000;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh}.camera-card:fullscreen .video-frame{width:100%;height:100%}.camera-card:fullscreen .video-frame video{object-fit:contain;width:100%;height:100%}@media (width<=900px){.timeline-workspace.has-preview{grid-template-columns:1fr}.recording-quick-player{justify-self:center;width:100%;max-width:520px}}@media (hover:none){.live-speed-trigger,.thumbnail-play{opacity:1}}.recording-download{text-align:center;color:#c5afff;padding:12px;display:block}.analysis-profile-editor fieldset{border:0;min-width:0;margin:0;padding:0}.analysis-profile-editor>.form-help{margin-top:0}.analysis-profile-editor .analytics-card{margin:16px 0}.analysis-profile-editor .class-checks{max-height:170px;overflow:auto}.codec-info{background:#0c0f19;border:1px solid #373149;border-radius:12px;margin:12px 0;padding:16px;font-size:13px}.codec-info h3{margin:0 0 12px}.codec-info dl>div{border-bottom:1px solid #292535;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.codec-info dt{color:#aaa2bf}.codec-info dd{margin:0}@media (width<=1100px){.live-shell>.toolbar{flex-wrap:wrap}.live-filters{flex-basis:70%;order:3;max-width:none}}@media (width<=600px){.history-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.section-heading{align-items:flex-start}.section-heading p{font-size:12px}.history-summary{flex-direction:column;align-items:flex-start}.history-pagination button{padding:8px}.section-heading h2{font-size:22px}.camera-timeline-row{grid-template-columns:1fr;gap:6px}.tabs button{white-space:nowrap}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.shell{background:radial-gradient(circle at 20% 0,#342060 0,#0000 28%),#080b14;min-height:100vh;padding:28px}.live-shell{flex-direction:column;height:100dvh;min-height:0;padding:14px;display:flex;overflow:hidden}.live-shell>header,.live-shell>.tabs,.live-shell>.toolbar,.live-shell>.notice{flex:none;width:100%}.live-shell h1{margin:2px 0 0;font-size:24px}.live-shell .tabs{margin-block:8px}.live-shell>header,.live-shell>.tabs,.live-shell>.toolbar,.live-shell>.content{max-width:none}.live-shell>.toolbar{border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-block:0 8px;padding:8px}.live-shell .toolbar-group{align-items:center;gap:10px;display:flex}.live-shell .layout-buttons{gap:4px}.live-shell .toolbar button{padding:8px 11px}.live-shell .toolbar .header-actions{margin-left:auto}.shell>header{justify-content:space-between;align-items:center;max-width:1500px;margin:auto;display:flex}.header-actions,.tabs,.filters{align-items:center;gap:10px;display:flex}.eyebrow{color:#9b7cff;letter-spacing:.18em;font-size:12px;font-weight:800}h1{margin:.35rem 0 1rem;font-size:clamp(1.8rem,4vw,3rem)}.toolbar,.content,.tabs,.panel{max-width:1500px;margin:20px auto}.toolbar,.content{gap:14px;display:flex}.toolbar{background:#0e101a;border:1px solid #29263a;border-radius:14px;justify-content:space-between;align-items:end;margin-block:8px 12px;padding:10px}.toolbar-group{gap:6px;display:grid}.toolbar-group>span{color:#918ca4;text-transform:uppercase;letter-spacing:.08em;padding-left:2px;font-size:11px;font-weight:700}.layout-buttons{gap:8px;display:flex}button{color:#eee;cursor:pointer;background:#171425;border:1px solid #403b59;border-radius:10px;padding:10px 14px}button:hover,button.active{background:#6d4aff;border-color:#8c72ff}.content{align-items:flex-start}.live-shell .content{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;margin-block:0;overflow:hidden}.mosaic{flex:1;gap:14px;min-width:0;min-height:0;display:grid}.live-shell .mosaic{grid-template-columns:repeat(var(--mosaic-columns),minmax(0,1fr));grid-template-rows:repeat(var(--mosaic-rows),minmax(0,1fr));flex:auto;gap:6px;width:100%;max-width:100%;height:100%;max-height:100%}.primary-action{background:#6d4aff;border-color:#8c72ff}.camera-card,aside,.notice,.setup,.panel,.metrics article{background:#11131e;border:1px solid #29263a;border-radius:16px;box-shadow:0 15px 45px #0005}.camera-card{min-height:0;box-shadow:none;border-radius:8px;min-width:0;padding:2px;display:flex;position:relative;overflow:hidden}.video-frame{background:#030407;border-radius:5px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.video-frame iframe,.video-frame video{object-fit:contain;object-position:center;border:0;width:100%;height:100%}.placeholder{color:#777;place-items:center;height:100%;display:grid}.player-warning{z-index:3;color:#ffb454;background:#130f0ddd;border-radius:7px;margin:0;padding:5px 8px;font-size:12px;position:absolute;inset:auto 12px 52px}.camera-meta{z-index:2;opacity:1;pointer-events:none;background:linear-gradient(#080a12e8,#080a1299 70%,#0000);border-radius:10px 10px 0 0;justify-content:space-between;gap:10px;padding:7px 9px;font-size:12px;transition:opacity .18s,transform .18s;display:flex;position:absolute;inset:2px 2px auto}.camera-card:hover .camera-meta,.camera-card:focus-within .camera-meta{opacity:1;transform:translateY(0)}.camera-meta div{flex-direction:column;display:flex}.camera-meta span{color:#9691a8;font-size:12px}.camera-meta div>span{display:none}.camera-card:hover .camera-meta div>span,.camera-card:focus-within .camera-meta div>span{display:block}.camera-meta div{min-width:0}.camera-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status{background:#252333;border:2px solid #11131e;border-radius:50%;flex:0 0 12px;align-self:center;width:12px;height:12px;padding:0;box-shadow:0 0 0 2px #ffffff1f}.status.online{background:#38d99f;box-shadow:0 0 12px #38d99faa}.status.offline{background:#777382}.link-button{color:#a78bfa;background:0 0;border:0;padding:6px 4px}.camera-actions,.modal-actions{justify-content:space-between;gap:8px;display:flex}.camera-actions{z-index:4;background:0 0;border:0;justify-content:flex-end;gap:5px;padding:0;position:absolute;inset:auto 8px 8px}@media (hover:hover) and (pointer:fine){.camera-actions{opacity:0;transition:opacity .15s}.camera-card:hover .camera-actions,.camera-card:focus-within .camera-actions{opacity:1}}.icon-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0c14d9;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:transform .16s,background .16s,border-color .16s;display:grid;box-shadow:0 6px 18px #0008}.icon-button:hover,.icon-button:focus-visible{background:#6d4aff;border-color:#a996ff;transform:translateY(-2px)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-button.audio-on{color:#8cffe1;background:#104a40ed;border-color:#4be6b3}.icon-button.detections-on{color:#ff9fa5;background:#4b1725ed;border-color:#ff5c66}.detection-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.detection-overlay-notice{z-index:2;pointer-events:none;color:#ccc;background:#080c18c9;border-radius:5px;padding:4px 7px;font-size:11px;position:absolute;top:40px;left:8px}.recording-detection-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.recording-detection-toolbar small{color:#a39ab8;font-size:11px}.recording-detection-toolbar button{padding:7px 10px;font-size:12px}.recording-detection-toolbar button[aria-pressed=true]{border-color:#ff5c66}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.danger-button{color:#ff8796;border-color:#713745}.danger-button:hover{background:#8e2940;border-color:#c84660}aside{width:300px;padding:20px;position:sticky;top:20px}aside h2{margin-top:0}form,label{gap:8px;display:grid}form{gap:15px}input,textarea,select{color:#fff;background:#090b13;border:1px solid #39354a;border-radius:9px;width:100%;padding:10px}textarea{resize:vertical;min-height:80px}.notice{flex-wrap:wrap;align-items:center;gap:12px;max-width:1500px;margin:12px auto;padding:14px;display:flex}.notice code{overflow-wrap:anywhere;color:#bcaaff}.provisioning{align-items:stretch}.provisioning>div:first-child{min-width:220px}.provisioning p,.form-help,.inspection-result p{color:#9994aa;margin:4px 0;font-size:13px}.credential-field{background:#090b13;border-radius:10px;flex:420px;grid-template-columns:minmax(90px,auto) minmax(180px,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.credential-field span{color:#aaa5b8;font-size:12px}.error{color:#ff8796}.empty{text-align:center;color:#8b8798;padding:60px}.setup{max-width:520px;margin:8vh auto;padding:30px}.remember-session{color:#c8c4d4;align-items:center;gap:10px;display:flex}.remember-session input{accent-color:#7c5cff;width:auto;margin:0}.check-option{align-items:center;gap:10px;display:flex}.check-option input{accent-color:#7c5cff;width:auto;margin:0}.settings-modal{max-width:900px;max-height:92dvh;overflow-y:auto}.camera-form-modal{max-width:620px;max-height:92vh;overflow-y:auto}.settings-modal fieldset{border:1px solid #39354a;border-radius:10px;gap:12px;padding:14px;display:grid}.settings-modal small{color:#9994aa}.current-connection,.rotated-credentials{background:#090b13;border:1px solid #39354a;border-radius:10px;gap:8px;padding:14px;display:grid}.current-connection span{color:#aaa5b8;font-size:12px}.current-connection code,.rotated-credentials code{overflow-wrap:anywhere;color:#bcaaff}.camera-events-modal{max-width:900px;max-height:92vh;overflow:auto}.camera-event-list,.camera-recording-list{gap:8px;display:grid}.camera-event-list article,.camera-recording-list article{background:#181a25;border-radius:10px;grid-template-columns:minmax(180px,1fr) minmax(120px,auto) auto;align-items:center;gap:12px;padding:12px;display:grid}.camera-event-list article>div,.camera-recording-list article>div{gap:4px;display:grid}.camera-event-list span,.camera-recording-list span,.camera-event-list small{color:#9994aa;font-size:12px}.recording-player-modal{color:#f1efff;background:#0b0d16;border:1px solid #514365;border-radius:16px;width:min(1100px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 90px #000b}.recording-player-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03040ce6}.recording-player-stage{flex-direction:column;max-height:calc(100dvh - 24px);display:flex}.recording-player-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.recording-player-heading>div:first-child{min-width:0}.recording-player-heading h2{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:clamp(16px,2.4vw,22px);overflow:hidden}.recording-player-heading p{color:#bbb4d0;margin:0;font-size:12px}.recording-player-actions{flex-shrink:0;gap:8px;display:flex}.recording-player-actions .icon-button{background:#241c3c;border:1px solid #574979;width:44px;height:44px}.recording-player-actions .icon-button:hover{background:#463168}.recording-player-actions .recording-player-close{background:#3a2030;border-color:#784656}.recording-player-stage>.recording-sequence-media{flex-shrink:1;max-height:calc(100dvh - 310px)}.recording-player-feedback{color:#ffb3be;flex-shrink:0;margin:0;padding:10px 16px}.recording-player-stage:fullscreen{background:#000;width:100vw;height:100dvh;max-height:none}.recording-player-stage:fullscreen>.recording-sequence-media{flex:1;height:100%;max-height:none}.panel{padding:24px}.filters{margin-bottom:28px}.timeline{background:repeating-linear-gradient(90deg,#171925 0 calc(25% - 1px),#39354a 25%);border-radius:12px;height:110px;margin:16px 0 28px;position:relative;overflow:hidden}.hours{color:#918ca4;justify-content:space-between;padding:10px;font-size:12px;display:flex}.segment{background:#6d4aff;border:0;border-radius:4px;min-width:4px;height:28px;padding:0;position:absolute;top:48px}.segment.event{background:#26a679}.event{background:#ffb454;border-radius:2px;width:3px;height:20px;position:absolute;top:80px}.event-list{gap:8px;display:grid}.event-list>div{background:#181a25;border-radius:9px;grid-template-columns:120px 180px 1fr;gap:12px;padding:12px;display:grid}.metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.metrics article{gap:8px;padding:18px;display:grid}.metrics span{color:#9994aa}.metrics strong{font-size:1.6rem}.ai-worker-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:18px;display:grid}.ai-worker-list article{background:#181a25;border:1px solid #39354a;border-radius:12px;gap:7px;padding:14px;display:grid}.ai-worker-list article>div{align-items:center;gap:9px;display:flex}.ai-worker-list span,.ai-worker-list small{color:#9994aa}.worker-health{border-radius:50%;width:10px;height:10px}.worker-health.online{background:#38d99f;box-shadow:0 0 10px #38d99f}.worker-health.offline{background:#777382}.modal{z-index:20;background:#000c;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.modal>div{background:#11131e;border-radius:16px;width:min(1000px,95vw);padding:15px}.modal video{width:100%;max-height:75vh;margin-top:10px}.discovery-modal{max-height:90vh;overflow:auto}.modal-heading,.two-columns{gap:14px;display:flex}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:14px}.modal-heading h2{margin:4px 0}.two-columns>label{flex:1}.device-list,.profile-list{gap:8px;margin:14px 0;display:grid}.device-list button,.profile-list button{text-align:left;gap:5px;display:grid}.device-list span,.profile-list span{color:#9994aa;overflow-wrap:anywhere;font-size:12px}.profile-list b{color:#bcaaff}.inspection-result{border-top:1px solid #29263a;margin-top:20px;padding-top:14px}.stream-sources{border:1px solid #29263a;border-radius:12px;gap:9px;padding:12px;display:grid}.stream-sources>button{justify-self:start}.onvif-device-summary{background:#171020;border:1px solid #49365d;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.onvif-device-summary span{color:#b9a8ce;font-size:.76rem}.onvif-controls{gap:16px;display:grid}.ptz-pad{grid-template-columns:repeat(3,52px);justify-content:center;gap:7px;display:grid}.ptz-pad button{touch-action:none;-webkit-user-select:none;user-select:none;height:48px;font-size:1.25rem}.ptz-zoom{justify-content:center;gap:8px;display:flex}.ptz-zoom button{touch-action:none}.ptz-presets{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.ptz-presets label{flex:210px}.onvif-setup .two-columns{align-items:end}.onvif-address-row{grid-template-columns:minmax(0,1fr) 140px;align-items:end;gap:14px;display:grid}@media (width<=560px){.onvif-address-row{grid-template-columns:1fr}}.onvif-device-identity{gap:10px;display:grid}.onvif-serial{background:#15101e;border:1px solid #342943;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:12px;display:flex}.onvif-serial>div{gap:5px;display:grid}.onvif-serial span,.onvif-serial small{color:#b8acc6;font-size:.76rem}.onvif-serial a{color:#c4b4ff;width:max-content;font-size:.78rem}.onvif-serial img{background:#fff;border-radius:8px;width:112px;height:112px}@media (width<=520px){.onvif-serial{align-items:flex-start}.onvif-serial img{width:96px;height:96px}}.onvif-controls.settings{grid-template-columns:minmax(0,1fr) minmax(280px,38%);align-items:start}.onvif-settings-content{gap:16px;min-width:0;display:grid}.onvif-live-preview{z-index:2;background:#11131e;border:1px solid #49365d;border-radius:11px;gap:9px;padding:11px;display:grid;position:sticky;top:8px}.onvif-live-preview>div:first-child{gap:3px;display:grid}.onvif-live-preview span{color:#b8acc6;font-size:.74rem}.onvif-preview-frame{aspect-ratio:16/9;background:#050608;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.onvif-preview-frame video{object-fit:contain;width:100%;height:100%;margin:0;position:absolute;inset:0}.onvif-preview-frame>span{text-align:center;background:#050608c9;padding:8px;position:relative}@media (width<=760px){.onvif-controls.settings{grid-template-columns:1fr}.onvif-live-preview{grid-row:1;top:0}.onvif-settings-content{grid-row:2}}.onvif-control-layer{pointer-events:auto;background:#0003;place-items:end;padding:14px}.camera-card:fullscreen .onvif-control-layer{z-index:20;position:absolute;inset:0}.modal>.onvif-control-modal{border:1px solid #4b3a62;width:min(250px,100vw - 28px);padding:12px;box-shadow:0 16px 45px #000b}.onvif-control-modal .modal-heading{align-items:center;margin-bottom:10px}.onvif-control-modal .modal-heading h2{margin:2px 0;font-size:1rem}.onvif-close{border-radius:50%;width:34px;height:34px;padding:0;font-size:1.25rem}.onvif-controls.compact{gap:10px}.onvif-controls.compact .ptz-pad{grid-template-columns:repeat(3,42px);gap:5px}.onvif-controls.compact .ptz-pad button{height:38px;padding:0;font-size:1rem}.onvif-controls.compact .ptz-zoom button{padding:7px 9px;font-size:.76rem}.onvif-settings-hint{margin:10px 0 0;font-size:.68rem;line-height:1.35}.onvif-action{background:#392767;border-color:#8c72ff}.onvif-feature-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;display:grid}.onvif-feature-grid article{background:#15101e;border:1px solid #342943;border-radius:9px;gap:5px;padding:12px;display:grid}.onvif-feature-grid span{color:#b8acc6;font-size:.76rem;line-height:1.4}.onvif-imaging{border-top:1px solid #33283f;gap:10px;padding-top:12px;display:grid}.onvif-imaging h3{margin:0}.onvif-imaging label{grid-template-columns:110px 1fr;align-items:center;gap:8px;display:grid}.onvif-imaging label output{justify-self:end}.onvif-imaging input{accent-color:#8c72ff;grid-column:1/-1;width:100%}.stream-info{color:#8ee0bf;background:#123328;border-radius:8px;margin:0 0 5px;padding:9px 11px;font-size:12px}.analytics-editor{gap:16px;display:grid}.analytics-save-bar{z-index:3;background:#11131e;border-top:1px solid #39354a;gap:8px;padding:12px 0;display:grid;position:sticky;bottom:-15px}.analytics-save-bar .notice{width:100%;max-height:180px;margin:0;overflow:auto}.analytics-save-bar .notice p{margin:6px 0}.analytics-card.invalid{border-color:#ff8796}.analytics-card:focus-visible{outline-offset:2px;outline:2px solid #ff8796}.analytics-grid{gap:12px;display:grid}.analytics-card,.product-assignment,.analytics-rule,.product-form,.product-list article{background:#10121e;border:1px solid #353048;border-radius:12px;padding:16px}.analytics-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.analytics-card summary>span,.analytics-editor small{color:#aba4c2;font-size:12px}.analytics-card fieldset{border:0;gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.analytics-card fieldset:disabled{opacity:.55}.class-checks{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;max-height:270px;display:grid;overflow:auto}label.check-option{flex-direction:row;align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.check-option input[type=checkbox]{accent-color:#9272ff;flex:0 0 18px;width:18px;height:18px;margin:0}.analytics-rule{background:#171525;gap:12px;margin-bottom:12px;display:grid}.analytics-editor .header-actions{flex-wrap:wrap}.drawing-panel{border:1px solid #8260e9;border-radius:12px;padding:16px}.rule-preview{background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.rule-preview video,.rule-preview svg{width:100%;height:100%;max-height:none;margin:0;position:absolute;inset:0}.rule-preview svg{cursor:crosshair;touch-action:manipulation}.rule-preview svg text{paint-order:stroke}.drawing-panel .header-actions{margin-top:12px}.product-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.product-form{gap:12px;max-width:850px;margin-top:20px;display:grid}.product-form fieldset{border:1px solid #353048;border-radius:10px}.event-filters{flex-wrap:wrap;align-items:end;margin-bottom:16px}.event-filters label{flex:1;min-width:180px}@media (width<=850px){.analytics-card summary{flex-direction:column;align-items:flex-start}.live-shell{height:100dvh;min-height:0;overflow:hidden}.toolbar{flex-flow:wrap;align-items:stretch}.toolbar .header-actions{flex-wrap:wrap}.content{flex-direction:column}.mosaic{width:100%}.live-shell .mosaic,.camera-card{min-height:0}aside{width:100%;position:static}.shell{padding:18px}.event-list>div{grid-template-columns:1fr}.tabs{overflow:auto}.two-columns,.credential-field{grid-template-columns:1fr;display:grid}.camera-event-list article,.camera-recording-list article{grid-template-columns:1fr}}.camera-card{container-type:inline-size}@container (width<=250px){.camera-actions{gap:3px;inset:auto 8px 8px}.camera-actions .icon-button{flex:0 0 24px;width:24px;height:24px}.camera-actions .icon-button svg{width:14px;height:14px}.camera-meta{padding:5px;font-size:10px;inset:5px 5px auto}.camera-meta span{font-size:9px}}@media (width<=600px),(hover:none){.camera-meta{opacity:1;transform:none}.camera-meta>div{min-width:0}.camera-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.camera-meta div>span{display:none}}@container (width<=150px){.camera-actions{flex-wrap:wrap;justify-content:center}.camera-actions .icon-button{flex-basis:22px;width:22px;height:22px}.camera-meta{display:none}}@media (width<=600px){.live-shell{padding:10px}.live-shell h1{font-size:20px}.live-shell .eyebrow{font-size:9px}.live-shell>.toolbar{gap:8px;padding:8px}.live-shell>.toolbar .toolbar-group>span{display:none}.live-shell>.toolbar button{padding:7px 9px;font-size:12px}.live-shell>.toolbar .header-actions,.live-shell>.toolbar .layout-buttons{gap:5px}.live-filters{flex-basis:100%}.live-filters input,.live-filters select{padding:8px;font-size:12px}.shell>.tabs{max-width:100%}.live-shell .tabs button{padding:8px;font-size:12px}.live-shell .tabs .ui-icon{width:16px;height:16px}}@media (width<=900px){.live-shell>.content{overscroll-behavior:contain;display:block;overflow:auto}.live-shell .mosaic{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start;height:auto;min-height:100%;max-height:none}.live-shell .mosaic-1{grid-template-columns:minmax(0,1fr)}.live-shell .camera-card{aspect-ratio:16/9}.live-shell .camera-card:fullscreen{aspect-ratio:auto}.live-shell .camera-meta div>span{display:none}}@media (width<=600px){.live-shell .mosaic{grid-template-columns:minmax(0,1fr)}.live-shell .toolbar-group{display:block}.live-shell .toolbar .header-actions{margin-left:0}.live-shell .camera-actions .icon-button{width:38px;height:38px}}@container (width<=340px){.live-shell .camera-actions{gap:3px}.live-shell .camera-actions .icon-button{flex:0 0 30px;width:30px;height:30px}}@container (width<=250px){.live-shell .camera-actions .icon-button{flex:0 0 24px;width:24px;height:24px}}@container (width<=150px){.live-shell .camera-actions .icon-button{flex-basis:22px;width:22px;height:22px}}.face-filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.face-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.face-identity-tools{background:linear-gradient(135deg,#17152a,#11121f);border:1px solid #493c65;border-radius:14px;grid-template-columns:minmax(220px,1fr) minmax(210px,280px) minmax(220px,1fr);align-items:center;gap:14px;margin:16px 0;padding:16px;display:grid}.face-identity-tools>div:first-child{gap:4px;display:grid}.face-identity-tools strong{color:#eee}.face-identity-tools small,.face-identity-status span{color:#b4abc9;line-height:1.45}.face-identity-tools label{color:#b9b6ce;gap:7px;font-size:12px;display:grid}.face-identity-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.face-identity-status b{color:#e6dcff}.face-identity-status .danger-button{margin-left:auto}.face-summary{color:#c8c3e1;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:20px 0;display:flex}.face-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px;padding:0;list-style:none;display:grid}.face-card{background:#11121e;border:1px solid #343148;border-radius:16px;min-width:0;overflow:hidden}.face-preview{background:#070810;border:0;border-radius:0;justify-content:center;align-items:center;width:100%;height:170px;padding:10px;display:flex}.face-preview img,.face-detail-image img{object-fit:contain;width:auto;height:auto;max-width:100%!important}.face-preview img{max-height:150px!important}.face-card-body{flex-direction:column;gap:8px;padding:14px;display:flex}.face-card-body time,.face-card-body small{color:#b4abc9;font-size:12px}.face-category{color:#d4c5ff;background:#242036;border-radius:6px;align-self:flex-start;padding:5px 8px;font-size:12px}.face-category.attention{color:#ffe0a5;background:#4b3614}.face-match-score{color:#b8e8c5;background:#173425;border-radius:6px;align-self:flex-start;padding:5px 8px;font-size:12px}.face-note-preview{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.face-actions{gap:8px;margin-top:4px;display:flex}.face-actions button:first-child{flex:1}.face-privacy{color:#aaa1bd;font-size:12px;line-height:1.6}.face-annotation-modal{color:#eee;background:#11121e;border:1px solid #514569;border-radius:18px;width:min(590px,100vw - 32px);max-height:90dvh;margin:auto;padding:22px;overflow:auto}.face-annotation-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a}.face-annotation-modal form,.face-settings{gap:16px;display:grid}.face-annotation-modal textarea{resize:vertical}.face-annotation-modal small,.face-settings small{color:#b4abc9;line-height:1.6}.face-detail-image{background:#080911;border-radius:10px;justify-content:center;align-items:center;min-height:150px;padding:14px;display:flex}.face-detail-image img{max-height:40dvh!important}.face-reference-preview{object-fit:contain;background:#080911;border-radius:10px;max-width:100%;max-height:220px;margin:10px auto;display:block}@media (width<=700px){.face-identity-tools{grid-template-columns:1fr}.face-identity-status{justify-content:flex-start}.face-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.face-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.face-card-body{padding:10px}.face-actions{flex-wrap:wrap}}@media (width<=390px){.face-grid,.face-filters{grid-template-columns:1fr}}