@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{color:#dee2f0;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0f131d;--surface:#0f131d;--surface-lowest:#090e17;--surface-low:#171c25;--surface-container:#0f172a;--surface-high:#252a34;--surface-variant:#30353f;--outline:#3c4a42;--text:#dee2f0;--muted:#94a3b8;--primary:#4edea3;--primary-strong:#10b981;--primary-ink:#003824;--secondary:#b9c7e0;--secondary-container:#3c4a5e;--danger:#ffb4ab;--danger-dark:#93000a;--tertiary:#ffb3af;--sidebar-width:256px;--topbar-height:64px;background:#0f131d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,h3,h4,p{margin-top:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#dee2f01f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#dee2f038}.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}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff06}.content-page{width:min(1440px,100%);margin:0 auto;padding:28px 32px 64px}.page-heading,.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-heading{margin-bottom:24px}.page-heading h1{color:var(--text);letter-spacing:-.025em;margin:0;font-size:clamp(26px,2.2vw,34px);line-height:1.2}.section-heading h2{margin:0;font-size:22px}.primary-button,.secondary-button,.danger-button,.icon-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:600;transition:all .16s;display:inline-flex}.primary-button{color:var(--primary-ink);background:var(--primary-strong);padding:9px 15px;box-shadow:0 0 18px #4edea324}.primary-button:hover:not(:disabled){background:var(--primary);transform:translateY(-1px)}.secondary-button{color:var(--text);background:var(--surface-high);border-color:#ffffff14;padding:9px 15px}.danger-button{color:var(--danger);background:#93000a2e;border-color:#ffb4ab2e;padding:9px 15px}.icon-button{width:40px;color:var(--muted);background:var(--surface-high);border-color:#ffffff14;padding:0}.icon-button:hover{color:var(--primary);background:var(--surface-variant)}.status-dot{background:var(--primary);border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #4edea3a6}.boot-screen{min-height:100vh;color:var(--primary);letter-spacing:-.02em;place-items:center;font-size:22px;font-weight:700;display:grid}.placeholder-page{min-height:calc(100vh - var(--topbar-height));place-items:center;display:grid}.empty-state{text-align:center;border-radius:14px;align-content:center;place-items:center;width:100%;min-height:390px;padding:40px;display:grid}.empty-state .empty-icon{width:58px;height:58px;color:var(--primary);background:#4edea31a;border-radius:16px;place-items:center;margin-bottom:15px;display:grid}.empty-state h1,.empty-state h2{margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 0 18px}.app-shell{background:var(--background);min-height:100vh}.app-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 92% -10%,#4edea30e,#0000 34%),radial-gradient(circle at 10% 110%,#ffb3af09,#0000 30%);position:fixed;inset:0}.sidebar{z-index:50;width:var(--sidebar-width);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0f131dc7;border-right:1px solid #ffffff14;flex-direction:column;padding:18px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:11px;min-width:0;padding:0 8px;display:flex}.logo img{object-fit:cover;border:1px solid #4edea338;border-radius:12px;flex:none;width:43px;height:43px}.logo div{min-width:0}.logo strong{color:var(--primary);letter-spacing:-.025em;white-space:nowrap;font-size:17px;display:block}.logo-compact{padding:0;display:none}.logo-compact img{border-radius:9px;width:34px;height:34px}.sidebar-nav{flex-direction:column;gap:7px;margin-top:34px;display:flex}.sidebar-nav button{width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:0 14px;font-size:12px;font-weight:600;transition:all .16s;display:flex}.sidebar-nav button:hover{color:var(--text);background:#30353f7a}.sidebar-nav button.active{color:#c6d3eb;background:var(--secondary-container);box-shadow:0 0 18px #4edea321}.sidebar-nav button.active svg{color:var(--primary)}.sidebar-footer{margin-top:auto}.utility-nav{border-top:1px solid #ffffff0f;margin-top:16px;padding-top:14px}.topbar{inset:0 0 auto var(--sidebar-width);z-index:40;height:var(--topbar-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f131d9e;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:fixed}.topbar-title{align-items:center;gap:12px;min-width:0;display:flex}.topbar-title>strong{color:var(--primary);white-space:nowrap;font-size:14px}.topbar-actions{align-items:center;gap:10px;display:flex}.search-field{width:230px;position:relative}.search-field input{width:100%;height:34px;color:var(--text);background:#30353f8c;border:1px solid #0000;border-radius:999px;outline:0;padding:0 37px 0 14px;font-size:12px}.search-field input:focus{border-color:#4edea38c;box-shadow:0 0 0 3px #4edea314}.search-field svg{color:var(--muted);pointer-events:none;position:absolute;top:9px;right:12px}.topbar-icon{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.topbar-icon:hover{color:var(--primary);background:#30353f80}.main-content{min-height:calc(100vh - var(--topbar-height));margin-left:var(--sidebar-width);padding-top:var(--topbar-height);position:relative}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.camera-card{border-radius:10px;min-width:0;position:relative;overflow:hidden}.video-frame{aspect-ratio:16/9;background:#030609;position:relative;overflow:hidden}.video-frame iframe{background:#030609;border:0;width:100%;height:100%;position:absolute;inset:0}.video-placeholder{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.video-shade{pointer-events:none;background:linear-gradient(#0000009e,#0000 38% 58%,#000000a8);position:absolute;inset:0}.camera-label{z-index:3;pointer-events:none;align-items:center;gap:9px;display:flex;position:absolute;top:12px;left:12px}.camera-label h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px #000;max-width:250px;margin:0;font-size:14px;font-weight:600;overflow:hidden}.live-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.09em;background:#0000008c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;min-height:23px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.live-pill svg{fill:currentColor}.live-pill.online svg{color:#fb7185;animation:1.5s infinite live-pulse}.live-pill.offline{color:#cbd5e1}@keyframes live-pulse{50%{opacity:.35}}.camera-host{z-index:3;color:#ffffffa6;text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:10px;position:absolute;bottom:15px;left:13px;overflow:hidden}.stream-controls{z-index:5;opacity:0;gap:7px;transition:all .18s;display:flex;position:absolute;bottom:11px;right:12px;transform:translateY(4px)}.camera-card:hover .stream-controls,.stream-controls:focus-within{opacity:1;transform:none}.stream-controls button{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0000009e;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.stream-controls button span{display:none}.stream-controls button:hover:not(:disabled),.stream-controls button.active{color:var(--primary-ink);background:var(--primary)}.card-ptz{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090e17e0;border:1px solid #ffffff1f;border-radius:12px;padding:8px;position:absolute;bottom:51px;right:12px}.ptz-controls{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#50c9b71a 0 5%,#0000 6%),linear-gradient(90deg,#0000 49.5%,#ffffff0f 50%,#0000 50.5%),linear-gradient(#0000 49.5%,#ffffff0f 50%,#0000 50.5%),#0c1420;border:1px solid #ffffff1f;border-radius:50%;outline:none;width:112px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #0000006b}.ptz-controls.active{cursor:grabbing}.ptz-controls:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #50c9b72e,inset 0 0 24px #0000006b}.ptz-controls[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ptz-marker{color:#cbd5e185;pointer-events:none;position:absolute}.ptz-marker-up{top:8px;left:50%;transform:translate(-50%)}.ptz-marker-down{bottom:8px;left:50%;transform:translate(-50%)}.ptz-marker-left{top:50%;left:8px;transform:translateY(-50%)}.ptz-marker-right{top:50%;right:8px;transform:translateY(-50%)}.ptz-stick{z-index:2;aspect-ratio:1;color:#07110f;background:var(--primary);pointer-events:none;will-change:transform;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:42px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 18px #0000007a,0 0 15px #50c9b740}.fullscreen-view{z-index:80;background:#02050a;grid-template-rows:62px minmax(0,1fr);height:100dvh;display:grid;position:fixed;inset:0}.fullscreen-head{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f131de6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.fullscreen-head strong{color:var(--primary)}.fullscreen-actions{align-items:center;gap:8px;display:flex}.close-camera-button{color:#fff;background:var(--surface-high);border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.fullscreen-view>iframe{border:0;width:100%;height:100%}.fullscreen-ptz{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090e17d6;border:1px solid #ffffff1a;border-radius:13px;padding:10px;position:absolute;bottom:22px;right:22px}.simple-page h1{letter-spacing:-.025em;margin:0;font-size:clamp(26px,2.2vw,34px)}.dashboard-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.count-card{border-radius:15px;grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:start;min-height:138px;padding:20px;display:grid}.count-card svg{color:var(--secondary)}.count-card.accent svg{color:var(--primary)}.count-card.danger svg{color:var(--danger)}.count-card strong{letter-spacing:-.055em;grid-column:1;align-self:end;font-size:40px;font-weight:400;line-height:1}.count-card span{color:var(--muted);grid-column:2;align-self:end;font-size:11px;font-weight:600}.dashboard-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.dashboard-events-panel{grid-column:1/-1}.dashboard-event-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.dashboard-event-grid>button{min-width:0;color:var(--text);background:var(--surface-lowest);text-align:left;border:0;border-radius:10px;padding:0 0 10px;overflow:hidden}.dashboard-event-image{aspect-ratio:16/9;background:var(--surface-high);position:relative;overflow:hidden}.dashboard-event-image img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.dashboard-event-grid>button:hover img{transform:scale(1.035)}.dashboard-event-image span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:8px;left:8px}.dashboard-event-image span.human{background:#10b981d1}.dashboard-event-image span.animal{background:#6366f1d1}.dashboard-event-grid strong,.dashboard-event-grid small{text-overflow:ellipsis;white-space:nowrap;padding-inline:10px;display:block;overflow:hidden}.dashboard-event-grid strong{padding-top:9px;font-size:12px}.dashboard-event-grid small{color:var(--muted);padding-top:3px;font-size:10px}.dashboard-panel{border-radius:15px;min-width:0;overflow:hidden}.dashboard-panel>header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;display:flex}.dashboard-panel h2{margin:0;font-size:14px}.dashboard-panel>header button{color:var(--primary);background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:11px;font-weight:700;display:inline-flex}.dashboard-list{padding:8px}.dashboard-list>button,.dashboard-camera-row{width:100%;min-height:62px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.dashboard-list>button:hover{background:#ffffff09}.dashboard-list-icon{width:37px;height:37px;color:var(--muted);background:var(--surface-high);border-radius:10px;place-items:center;display:grid}.dashboard-list-icon.on{color:var(--primary);background:#4edea31a}.dashboard-list strong,.dashboard-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-list strong{margin-bottom:4px;font-size:12px}.dashboard-list small{color:var(--muted);font-size:10px}.dashboard-list button>i{background:#64748b;border-radius:50%;width:7px;height:7px}.dashboard-list button>i.online{background:var(--primary);box-shadow:0 0 9px #4edea380}.dashboard-camera-row>svg{color:#64748b}.dashboard-camera-row>svg.camera-enabled{color:var(--primary)}.managed-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.managed-device{border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:104px;padding:10px 12px 10px 10px;transition:border-color .16s,background .16s;display:grid}.managed-device.is-on{background:#4edea30e;border-color:#4edea352}.managed-device-icon{width:46px;height:46px;color:var(--primary);background:#4edea31a;border-radius:13px;place-items:center;display:grid}.device-card-main{min-width:0;min-height:82px;color:inherit;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:8px;display:grid}.device-card-main:hover{background:#ffffff09}.device-card-main>svg{color:var(--muted)}.managed-device-copy{min-width:0}.managed-device-copy strong,.managed-device-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.managed-device-copy strong{margin-bottom:5px;font-size:15px}.managed-device-copy small{color:var(--muted);font-size:11px}.device-card-actions{align-items:center;gap:8px;display:flex}.device-availability{background:#64748b;border-radius:50%;width:7px;height:7px}.device-availability.online{background:var(--primary);box-shadow:0 0 9px #4edea38c}.power-button,.back-button{width:36px;height:36px;color:var(--muted);background:var(--surface-high);border:0;border-radius:10px;place-items:center;padding:0;display:grid}.power-button.on{color:var(--primary-ink);background:var(--primary)}.device-dialog{background:#0f172af7;border-radius:16px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:25px;overflow:auto;box-shadow:0 30px 100px #000}.dialog-title-row{align-items:center;gap:8px;display:flex}.dialog-title-row h2{margin:0}.back-button{background:0 0;margin-left:-7px}.device-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.device-type-grid.protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-type-button{min-height:145px;color:var(--muted);background:#1e293b61;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18px;display:flex}.device-type-button:hover{color:var(--primary);background:#4edea30f;border-color:#4edea361}.device-type-button strong{color:var(--text);font-size:14px}.discovery-bar{justify-content:flex-end;margin-top:24px;display:flex}.discovered-list{flex-direction:column;gap:8px;max-height:230px;margin-top:14px;display:flex;overflow:auto}.discovered-list button{min-height:58px;color:var(--text);background:var(--surface-low);text-align:left;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:10px 13px;display:flex}.discovered-list button.selected{color:var(--primary);border-color:#4edea373}.discovered-list strong,.discovered-list small{display:block}.discovered-list strong{margin-bottom:4px;font-size:12px}.discovered-list small{color:var(--muted);font-size:10px}.device-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px;display:grid}.device-form-grid .input-field+.input-field{margin-top:0}.device-details-dialog{background:#0f172afa;border-radius:18px;width:min(880px,100%);max-height:calc(100vh - 48px);padding:25px;overflow:auto;box-shadow:0 30px 100px #000}.device-details-head>div:first-child{align-items:center;gap:13px;display:flex}.device-details-head h2{margin:0 0 5px}.details-status{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.details-status:before{content:"";background:#64748b;border-radius:50%;width:7px;height:7px}.details-status.online:before{background:var(--primary);box-shadow:0 0 9px #4edea38c}.device-details-body{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:16px;margin-top:24px;display:grid}.device-control-panel,.device-info-panel{background:#090e177a;border:1px solid #ffffff14;border-radius:14px;min-width:0;padding:18px}.details-power{width:100%;min-height:58px;color:var(--muted);background:var(--surface-high);border:1px solid #ffffff17;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:700;display:flex}.details-power.on{color:var(--primary-ink);background:var(--primary);border-color:#0000;box-shadow:0 0 28px #4edea324}.device-control{margin-top:22px}.device-control>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.device-control strong{font-size:12px}.device-control>div:first-child>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.control-slider{width:100%;height:5px;accent-color:var(--primary);display:block}.temperature-slider{accent-color:#fbbf24}.color-controls{align-items:center;gap:13px;display:flex}.color-picker{cursor:pointer;border:3px solid #fffc;border-radius:50%;flex:none;width:48px;height:48px;display:block;overflow:hidden;box-shadow:0 0 18px #ffffff1f}.color-picker input{opacity:0;cursor:pointer;width:60px;height:60px}.color-presets{flex-wrap:wrap;gap:8px;display:flex}.color-presets button{border:2px solid #ffffff73;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:0 4px 10px #00000038}.device-info-panel h3{margin:0 0 9px;font-size:13px}.device-info-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;min-height:45px;padding:10px 0;display:flex}.device-info-row:last-child{border-bottom:0}.device-info-row span{color:var(--muted);font-size:10px}.device-info-row strong{overflow-wrap:anywhere;text-align:right;max-width:65%;font-size:11px;font-weight:600}.events-heading{align-items:flex-end}.event-filters{background:var(--surface-lowest);border:1px solid #ffffff14;border-radius:11px;gap:3px;padding:4px;display:flex}.event-filters button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.event-filters button:hover{color:var(--text)}.event-filters button.active{color:var(--primary-ink);background:var(--primary)}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.event-card{border-radius:13px;min-width:0;overflow:hidden}.event-card>button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;padding:0;display:block}.event-preview{aspect-ratio:16/9;color:var(--muted);background:#05080e;place-items:center;display:grid;position:relative;overflow:hidden}.event-preview:after{content:"";pointer-events:none;background:linear-gradient(#00000061,#0000 40%,#0000005c);position:absolute;inset:0}.event-preview img{object-fit:cover;width:100%;height:100%;transition:transform .2s,filter .2s;display:block}.event-card:hover .event-preview img{filter:brightness(.88);transform:scale(1.025)}.event-type,.event-live,.event-open{z-index:2;position:absolute}.event-type{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d16a8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex;top:10px;left:10px}.event-card.human .event-type svg{color:var(--primary)}.event-card.animal .event-type svg{color:#a5b4fc}.event-live{color:#fda4af;letter-spacing:.08em;text-shadow:0 1px 4px #000;font-size:9px;font-weight:800;top:11px;right:10px}.event-open{color:#fff;opacity:0;background:#0000008c;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .18s;display:grid;bottom:10px;right:10px;transform:translateY(3px)}.event-card:hover .event-open,.event-card:focus-within .event-open{opacity:1;transform:none}.event-card-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:61px;padding:12px 13px;display:grid}.event-card-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.event-card-body>span{color:var(--muted);grid-column:1;align-items:center;gap:5px;padding-top:5px;font-size:10px;display:flex}.event-card-body small{color:var(--primary);grid-area:1/2/span 2;font-size:10px;font-weight:700}.event-empty{min-height:330px}.event-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02050ad6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.event-modal{background:#101722;border-radius:16px;width:min(940px,100%);max-height:calc(100vh - 48px);overflow:hidden auto}.event-modal>header{justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 16px;display:flex}.event-modal>header>div{align-items:center;gap:11px;display:flex}.event-modal>header strong{font-size:14px}.event-modal-type{border-radius:999px;align-items:center;gap:6px;min-height:29px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.event-modal-type.human{color:var(--primary);background:#4edea31a}.event-modal-type.animal{color:#c7d2fe;background:#6366f124}.event-media{aspect-ratio:16/9;color:var(--muted);background:#020408;place-items:center;display:grid}.event-media video,.event-media img{object-fit:contain;width:100%;height:100%;display:block}.event-modal>footer{min-height:58px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:0 17px;font-size:11px;display:flex}.event-modal>footer span{align-items:center;gap:6px;display:flex}.page-automations{min-height:calc(100vh - var(--topbar-height))}.automation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.automation-card{opacity:.72;border-radius:14px;min-width:0;padding:18px;transition:border-color .16s,opacity .16s}.automation-card.active{opacity:1;border-color:#4edea340}.automation-card>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.automation-card>header>strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.automation-card-actions{align-items:center;gap:8px;display:flex}.automation-card-actions .icon-button{width:34px;min-height:34px}.automation-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:13px;margin-top:18px;display:grid}.automation-flow>svg{color:var(--muted)}.automation-flow>div{background:#090e178c;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;min-width:0;padding:13px;display:grid}.automation-flow>div>span{width:34px;height:34px;color:var(--primary);background:#4edea31a;border-radius:10px;grid-row:1/3;place-items:center;display:grid}.automation-flow small,.automation-flow strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.automation-flow small{color:var(--muted);font-size:10px}.automation-flow strong{margin-top:3px;font-size:12px}.automation-empty .primary-button{margin-top:16px}.mini-switch{background:var(--surface-variant);border:0;border-radius:999px;width:38px;height:22px;padding:0;position:relative}.mini-switch i{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:all .16s;position:absolute;top:3px;left:3px}.mini-switch.on{background:#4edea34d}.mini-switch.on i{background:var(--primary);left:19px}.automation-dialog{background:#0f172af7;border-radius:16px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:25px;overflow:auto;box-shadow:0 30px 100px #000}.automation-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.automation-form .input-field:first-child{grid-column:1/-1}.automation-form .input-field+.input-field{margin-top:0}.input-field select{width:100%;height:42px;color:var(--text);background:#090e17a8;border:1px solid #ffffff1a;border-radius:8px;outline:0;padding:0 12px;font-size:13px}.input-field select:focus{border-color:#4edea38c;box-shadow:0 0 0 3px #4edea314}.automation-enabled{margin-top:20px}.login-shell{background:var(--surface-lowest);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-glow{filter:blur(100px);pointer-events:none;border-radius:50%;width:620px;height:620px;position:absolute}.login-glow-one{background:#4edea321;top:-330px;right:-170px}.login-glow-two{background:#ffb3af14;bottom:-410px;left:-210px}.login-card{z-index:1;border-radius:18px;width:min(440px,100%);padding:30px;position:relative;box-shadow:0 30px 90px #0000006b}.login-card>.logo{padding:0}.login-card>.logo img{width:52px;height:52px}.login-heading{margin:30px 0 24px}.login-heading h1{letter-spacing:-.035em;margin:0 0 8px;font-size:29px}.input-field{color:var(--muted);font-size:11px;font-weight:600;display:block}.input-field+.input-field{margin-top:14px}.input-field>span{margin-bottom:7px;display:block}.input-field>div{position:relative}.input-field>div svg{color:var(--muted);position:absolute;top:12px;left:12px}.input-field input{width:100%;height:42px;color:var(--text);background:#090e17a8;border:1px solid #ffffff1a;border-radius:8px;outline:0;padding:0 12px;font-size:13px}.input-field>div input{padding-left:39px}.input-field input:focus{border-color:#4edea38c;box-shadow:0 0 0 3px #4edea314}.login-button{width:100%;margin-top:22px}.error-box{color:var(--danger);background:#93000a29;border:1px solid #ffb4ab33;border-radius:8px;margin-top:15px;padding:10px 12px;font-size:12px}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060ec7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.camera-dialog{background:#0f172af5;border-radius:16px;width:min(900px,100%);max-height:calc(100vh - 48px);padding:25px;overflow:auto;box-shadow:0 30px 100px #000}.dialog-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.dialog-head h2{margin:0 0 6px;font-size:22px}.dialog-head>div>p:last-child{color:var(--muted);margin:0;font-size:12px}.dialog-section{margin-top:24px}.dialog-section h3{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid-three{grid-template-columns:140px 1fr 1fr}.dialog-section .input-field+.input-field{margin-top:0}.toggle-row{gap:24px;margin-top:22px;display:flex}.toggle-control{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.toggle-control>input{opacity:0;pointer-events:none;position:absolute}.toggle{background:var(--surface-variant);border-radius:999px;flex:none;width:38px;height:22px;transition:all .16s;position:relative}.toggle i{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:all .16s;position:absolute;top:3px;left:3px}.toggle.on{background:#4edea34d}.toggle.on i{background:var(--primary);left:19px}.dialog-actions{border-top:1px solid #ffffff14;align-items:center;gap:9px;margin-top:24px;padding-top:17px;display:flex}.dialog-actions>span{flex:1}@media (width<=1150px){.search-field{width:190px}.camera-grid,.managed-device-grid,.automation-grid{grid-template-columns:1fr}.dashboard-counts,.event-grid,.dashboard-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){:root{--sidebar-width:78px}.sidebar{padding-inline:10px}.sidebar>.logo{justify-content:center;padding:0}.sidebar>.logo div,.sidebar-nav span{display:none}.sidebar-nav button{justify-content:center;padding:0}.topbar{padding-inline:18px}.logo-compact{display:flex}.topbar-title>strong{display:none}.topbar-actions{gap:5px}}@media (width<=700px){:root{--sidebar-width:0px;--topbar-height:58px}.app-shell{padding-bottom:69px}.sidebar{border-top:1px solid #ffffff17;border-right:0;width:100%;height:69px;padding:8px 10px;display:block;inset:auto 0 0}.sidebar>.logo,.sidebar-footer{display:none}.sidebar-nav{grid-template-columns:repeat(5,1fr);gap:5px;height:100%;margin:0;display:grid}.sidebar-nav button{flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:0 4px;font-size:9px}.sidebar-nav span{display:block}.topbar{padding:0 12px;left:0}.topbar-actions{margin-left:auto}.search-field{display:none}.main-content{margin-left:0}.content-page{padding:22px 14px 42px}.page-heading h1{font-size:26px}.cameras-page.content-page{padding-inline:0}.cameras-page .page-heading{padding-inline:14px}.camera-grid{gap:12px}.camera-card{background:#080d15;border-left:0;border-right:0;border-radius:0;overflow:visible}.video-frame{overflow:hidden}.camera-label h2{max-width:150px;font-size:12px}.camera-host{display:none}.stream-controls{opacity:1;background:#0c121d;border-top:1px solid #ffffff12;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:7px;min-height:58px;padding:7px 10px;display:grid;position:static;transform:none}.stream-controls button{width:100%;height:44px;color:var(--text);background:var(--surface-high);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:10px;font-weight:700;display:flex}.stream-controls button span{display:inline}.stream-controls button.active{color:var(--primary-ink)}.card-ptz{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080d15;border:0;border-top:1px solid #ffffff12;border-radius:0;place-items:center;padding:13px 10px 17px;display:grid;position:static}.card-ptz .ptz-controls{width:164px}.fullscreen-view{grid-template-rows:58px minmax(0,1fr) auto}.fullscreen-head{padding-inline:10px}.fullscreen-head strong{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;overflow:hidden}.fullscreen-actions{gap:6px}.close-camera-button{min-height:42px;padding-inline:11px}.fullscreen-ptz{padding:10px 12px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:#080d15;border:0;border-top:1px solid #ffffff14;border-radius:0;place-items:center;display:grid;position:static}.fullscreen-ptz .ptz-controls{width:min(176px,48vw)}.dashboard-counts,.dashboard-panels{grid-template-columns:1fr}.events-heading{flex-direction:column;align-items:stretch}.event-filters{align-self:flex-start}.event-grid{grid-template-columns:1fr}.event-modal-backdrop{padding:10px}.event-modal{max-height:calc(100vh - 20px)}.managed-device{padding:8px 10px 8px 8px}.device-type-grid,.device-type-grid.protocol-grid{grid-template-columns:1fr}.device-type-button{min-height:100px}.device-form-grid,.form-grid,.form-grid-three{grid-template-columns:1fr}.modal-backdrop{padding:10px}.camera-dialog,.device-dialog,.device-details-dialog,.automation-dialog{max-height:calc(100vh - 20px);padding:19px}.automation-form{grid-template-columns:1fr}.automation-form .input-field:first-child{grid-column:auto}.device-details-body{grid-template-columns:1fr}.toggle-row{flex-direction:column;gap:12px}.dialog-actions{flex-wrap:wrap}.dialog-actions>span{display:none}.dialog-actions>button{flex:1}.dialog-actions .danger-button{flex-basis:100%}}@media (hover:none),(pointer:coarse){.stream-controls{opacity:1;transform:none}}@media (width<=430px){.topbar-actions .topbar-icon:first-of-type{display:none}.camera-label .live-pill{padding-inline:6px}.camera-label h2{max-width:115px}.login-shell{padding:14px}.login-card{padding:23px}.login-heading h1{font-size:26px}.managed-device-icon{width:40px;height:40px}.device-card-main{gap:10px;padding:5px}.device-card-actions{gap:4px}.device-availability{display:none}}