*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#020817;font-family:Inter,Segoe UI,Arial,sans-serif}.loginError{color:#f87171;font-size:14px}.heroStats{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.heroStats span{color:#94a3b8;background:#0f172a;border:1px solid #1e293b;border-radius:999px;padding:8px 14px;font-size:13px}.toast{color:#fff;z-index:9999;background:#0ea5e9;border-radius:14px;padding:14px 22px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0ea5e959}button{cursor:pointer;border:none}input{outline:none}.appShell{background:#020817;min-height:100vh;display:flex}.sidebar{background:#081121;border-right:1px solid #1e293b;flex-direction:column;gap:24px;width:260px;padding:24px;display:flex}.brandBlock{align-items:center;gap:12px;display:flex}.brandBlock b{font-size:22px}.brandBlock span{color:#94a3b8;font-size:13px}.brandIcon{background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.navGroup{flex-direction:column;gap:10px;display:flex}.navItem{color:#cbd5e1;background:#0f172a;border-radius:14px;align-items:center;gap:10px;padding:14px;transition:all .2s;display:flex}.navItem:hover{background:#172554}.navItem.active{color:#fff;background:#0ea5e9}.sideCard{background:#0f172a;border:1px solid #1e293b;border-radius:18px;flex-direction:column;gap:10px;margin-top:auto;padding:18px;display:flex}.workspace{flex:1;padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{color:#38bdf8;margin-bottom:6px;font-size:12px}.topbar h1{font-size:36px}.topActions{align-items:center;gap:14px;display:flex}.searchBox{background:#0f172a;border:1px solid #1e293b;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.searchBox input{color:#fff;background:0 0;border:none}.iconBtn,.ghostBtn{color:#fff;background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:12px 14px}.content{flex-direction:column;gap:24px;display:flex}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.statCard{background:#0f172a;border:1px solid #1e293b;border-radius:22px;flex-direction:column;gap:12px;padding:22px;display:flex}.statCard b{font-size:30px}.statCard small{color:#94a3b8}.statIcon{background:#172554;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.splitGrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.panel{background:#0f172a;border:1px solid #1e293b;border-radius:22px;padding:22px}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.actionGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.softBtn{color:#fff;background:#172554;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.softBtn.danger{background:#7f1d1d}.softBtn.warning{background:#78350f}.softBtn.success{background:#064e3b}.softBtn.muted{background:#374151}.cardsGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.cameraCard{background:#0f172a;border:1px solid #1e293b;border-radius:20px;overflow:hidden}.cameraPreview{background:#172554;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:160px;display:flex}.cameraInfo{padding:18px}.buttonRow{gap:10px;padding:0 18px 18px;display:flex}.iconTextBtn{color:#fff;background:#0ea5e9;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.iconTextBtn.secondary{background:#172554}.streamPanel{margin-top:20px}.liveScreen{color:#38bdf8;background:#000;border-radius:18px;justify-content:center;align-items:center;height:220px;margin-bottom:14px;display:flex}.gallery{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.mediaCard{background:#0f172a;border:1px solid #1e293b;border-radius:20px;transition:all .2s;position:relative;overflow:hidden}.mediaCard img{object-fit:cover;width:100%;height:220px}.mediaMeta{padding:16px}.mediaMeta small{color:#94a3b8}.toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.toolbarActions{flex-wrap:wrap;gap:12px;display:flex}.dangerBtn,.successBtn{color:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px 18px;display:flex}.dangerBtn{background:#dc2626}.dangerBtn.hard{background:#7f1d1d}.successBtn{background:#059669}.toast{background:#0ea5e9;border-radius:14px;align-items:center;gap:10px;padding:16px 20px;display:flex;position:fixed;bottom:20px;right:20px}.loginPage{background:#020817;grid-template-columns:1fr 420px;min-height:100vh;display:grid}.heroPanel{flex-direction:column;justify-content:center;gap:24px;padding:80px;display:flex}.heroPanel h1{font-size:72px}.heroPanel h2{font-size:34px}.heroPanel p{color:#cbd5e1;line-height:1.7}.featureGrid{flex-wrap:wrap;gap:14px;display:flex}.featureGrid span{background:#0f172a;border:1px solid #1e293b;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;display:flex}.loginCard{background:#081121;flex-direction:column;justify-content:center;gap:14px;padding:40px;display:flex}.loginCard input{color:#fff;background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:14px}.primaryBtn{color:#fff;background:#0ea5e9;border-radius:14px;margin-top:10px;padding:16px}.loginTop{align-items:center;gap:14px;margin-bottom:18px;display:flex}.pill{background:#0f172a;border:1px solid #1e293b;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:10px 16px;display:inline-flex}.glow{filter:blur(120px);opacity:.3;border-radius:50%;position:fixed}.glowOne{background:#0ea5e9;width:320px;height:320px;top:-80px;left:-80px}.glowTwo{background:#7c3aed;width:320px;height:320px;bottom:-80px;right:-80px}.proToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.megaSelectBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a,#111827);border:1px solid #334155;border-radius:18px;align-items:center;gap:14px;min-width:220px;padding:14px 18px;transition:all .25s;display:flex;box-shadow:0 10px 30px #00000040}.megaSelectBtn:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 12px 35px #38bdf840}.megaSelectBtn.active{background:linear-gradient(135deg,#0284c7,#0ea5e9)}.megaSelectIcon{background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.megaSelectText{flex-direction:column;align-items:flex-start;display:flex}.selectDot{color:#fff;background:#0ea5e9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;left:12px}.mediaCard.picked{border:2px solid #38bdf8;transform:translateY(-4px);box-shadow:0 15px 40px #38bdf840}.cameraHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.addCameraForm{background:#0f172a;border:1px solid #1e293b;border-radius:22px;grid-template-columns:1fr 1fr 2fr auto;gap:14px;margin-bottom:22px;padding:20px;display:grid}.addCameraForm input{color:#fff;background:#020817;border:1px solid #334155;border-radius:14px;padding:14px}.cameraInfo small{color:#38bdf8;word-break:break-all;margin-top:8px;font-size:12px;display:block}.zoneScreen{-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.smartZoneBox{pointer-events:none;background:#22c55e2e;border:2px solid #22c55e;border-radius:12px;position:absolute;box-shadow:0 0 30px #22c55e73}@media (width<=900px){.addCameraForm{grid-template-columns:1fr}.cameraHeader{flex-direction:column;align-items:flex-start}}.proCameraHeader{margin-bottom:18px}.cameraTopActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.proActionBtn{color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 14px 30px #00000040}.proActionBtn:hover{transform:translateY(-2px)}.proActionBtn.primary{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.proActionBtn.purple{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.cameraBulkBar{background:#0f172a;border:1px solid #1e293b;border-radius:20px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.proSelectButton{color:#fff;background:#111827;border:1px solid #334155;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-weight:800;display:flex}.proSelectButton.active{background:#0ea5e9;border-color:#38bdf8}.bulkCounter{color:#cbd5e1;padding:0 8px;font-weight:800}.proDangerButton{color:#fff;background:linear-gradient(135deg,#dc2626,#7f1d1d);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-weight:900;display:flex}.proDangerButton:disabled{opacity:.45;cursor:not-allowed}.proForm{grid-template-columns:1fr 1fr 2fr auto auto}.proForm select{color:#fff;background:#020817;border:1px solid #334155;border-radius:14px;padding:14px}.cameraGridClean{align-items:stretch}.proCameraCard{border:1px solid #1e293b;transition:all .2s;position:relative;overflow:hidden}.proCameraCard:hover{border-color:#38bdf8;transform:translateY(-3px);box-shadow:0 18px 50px #0ea5e91f}.proCameraCard.picked{border:2px solid #0ea5e9;box-shadow:0 0 0 4px #0ea5e926}.cameraSelectDot{z-index:5;color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020817d9;border:1px solid #334155;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;left:12px}.cameraSelectDot.active{color:#fff;background:#0ea5e9;border-color:#38bdf8}.proCameraPreview{min-height:160px}.proCameraInfo small{color:#38bdf8;word-break:break-all;max-width:100%;margin-top:8px;font-size:12px;line-height:1.4;display:block}.cameraActionsGrid{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 18px 18px;display:grid}.miniCamBtn{color:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:13px;font-weight:900;transition:all .2s;display:flex}.miniCamBtn:hover{transform:translateY(-2px)}.miniCamBtn.blue{background:#0ea5e9}.miniCamBtn.dark{background:#172554;border-color:#1e3a8a}.miniCamBtn.cyan{background:#0284c7}.miniCamBtn.red{color:#fca5a5;background:#dc26262e;border-color:#dc262659}@media (width<=1100px){.cameraActionsGrid{grid-template-columns:repeat(2,1fr)}.proForm{grid-template-columns:1fr}}.proActionBtn.green{background:linear-gradient(135deg,#059669,#16a34a)}.proDiscoveryPanel{margin-bottom:20px}.discoverTopForm{grid-template-columns:220px 1fr auto;align-items:center;gap:14px;display:grid}.discoverTopForm input,.discoverTopForm select,.proRemoteForm input,.proRemoteForm select{color:#fff;background:#020817;border:1px solid #334155;border-radius:14px;padding:14px}.discoverResults{gap:16px;margin-top:18px;display:grid}.discoverToolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.discoveredGrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.discoveredCard{text-align:left;color:#fff;background:#081121;border:1px solid #1e293b;border-radius:16px;gap:7px;padding:14px;transition:all .2s;display:grid}.discoveredCard:hover{border-color:#38bdf8;transform:translateY(-2px)}.discoveredCard.picked{background:#082f49;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e924}.discoveredCard small{color:#94a3b8}.credentialsBox{background:#0f172a;border:1px solid #1e293b;border-radius:18px;grid-template-columns:1fr 1fr auto;gap:12px;padding:14px;display:grid}.credentialsBox input{color:#fff;background:#020817;border:1px solid #334155;border-radius:14px;padding:14px}.proRemoteForm{grid-template-columns:1fr 1fr 1fr 1fr 180px 120px auto}@media (width<=1100px){.discoverTopForm,.credentialsBox,.proRemoteForm{grid-template-columns:1fr}}.liveModal{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617d1;justify-content:center;align-items:center;padding:30px;animation:.25s fadeLive;display:flex;position:fixed;inset:0}@keyframes fadeLive{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.liveModalContent{background:linear-gradient(#020817,#081121);border:1px solid #38bdf82e;border-radius:28px;flex-direction:column;width:100%;max-width:1500px;height:88vh;display:flex;overflow:hidden;box-shadow:0 30px 120px #0000008c,0 0 80px #0ea5e91f}.liveTopbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ab8;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:78px;padding:0 24px;display:flex}.liveTitle{align-items:center;gap:14px;display:flex}.liveDot{background:#ef4444;border-radius:50%;width:14px;height:14px;animation:1s infinite livePulse;box-shadow:0 0 18px #ef4444}@keyframes livePulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.liveTitle h2{font-size:22px}.liveTitle span{color:#94a3b8;font-size:13px}.liveActions{align-items:center;gap:12px;display:flex}.liveActionBtn{color:#fff;background:#0f172a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;min-width:48px;height:48px;transition:all .2s;display:flex}.liveActionBtn:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 10px 30px #38bdf826}.liveViewer{background:#000;flex:1;position:relative;overflow:hidden}.liveViewer img{object-fit:cover;width:100%;height:100%}.aiOverlay{pointer-events:none;position:absolute;inset:0}.aiBox{border:2px solid #22c55e;border-radius:12px;position:absolute;box-shadow:0 0 20px #22c55e73,inset 0 0 20px #22c55e26}.aiLabel{color:#000;background:#22c55e;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:900;position:absolute;top:-32px;left:0}.liveHud{flex-wrap:wrap;gap:14px;display:flex;position:absolute;bottom:24px;left:24px}.hudCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab8;border:1px solid #ffffff14;border-radius:18px;min-width:140px;padding:14px 18px}.hudCard span{color:#94a3b8;margin-bottom:8px;font-size:12px;display:block}.hudCard b{font-size:18px}.liveBottomBar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ab8;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:14px;height:86px;padding:0 20px;display:flex}.cinemaBtn{color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-width:160px;height:54px;font-weight:900;transition:all .2s;display:flex}.cinemaBtn:hover{transform:translateY(-2px)}.cinemaBtn.primary{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.cinemaBtn.success{background:linear-gradient(135deg,#059669,#16a34a)}.cinemaBtn.danger{background:linear-gradient(135deg,#dc2626,#991b1b)}.cinemaBtn.dark{background:#111827;border:1px solid #334155}@media (width<=900px){.liveModal{padding:12px}.liveModalContent{height:94vh}.liveTopbar{padding:0 14px}.liveBottomBar{flex-wrap:wrap;height:auto;padding:14px}.cinemaBtn{width:100%}}.passwordWrap{align-items:center;width:100%;display:flex;position:relative}.passwordWrap input{width:100%;padding-right:92px}.showPassBtn{color:#fff;background:linear-gradient(135deg,#172554,#1e3a8a);border:1px solid #334155;border-radius:12px;height:38px;padding:0 14px;font-weight:800;transition:all .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.showPassBtn:hover{border-color:#38bdf8;transform:translateY(-50%)scale(1.03)}.credentialsBox .passwordWrap input{color:#fff;background:#020817;border:1px solid #334155;border-radius:14px;padding:14px 92px 14px 14px}.notificationPanel,.timelinePanel,.aiWallPanel,.enterprisePanel,.deployPanel{min-height:320px}.notificationList,.timelineList,.enterpriseList{gap:14px;display:grid}.notificationCard{background:#081121;border:1px solid #1e293b;border-radius:18px;grid-template-columns:44px 1fr 210px;align-items:center;gap:14px;padding:14px;display:grid}.notificationCard.high{border-color:#ef444473;box-shadow:0 0 0 3px #ef444414}.notificationCard.medium{border-color:#f59e0b59}.notifyIcon{color:#38bdf8;background:#172554;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.notifyBody{gap:5px;display:grid}.notifyBody span,.notifyBody small,.mutedText{color:#94a3b8}.notifyBody p{color:#cbd5e1}.notifyMedia img,.notifyMedia video{object-fit:cover;background:#020817;border-radius:14px;width:100%;height:110px}.timelineItem{grid-template-columns:22px 1fr;gap:12px;display:grid}.timelineContent{background:#081121;border:1px solid #1e293b;border-radius:18px;gap:10px;padding:16px;display:grid}.timelineTop{color:#cbd5e1;justify-content:space-between;gap:12px;display:flex}.timelineTop span{color:#94a3b8;font-size:12px}.timelineContent img,.timelineContent video{object-fit:cover;background:#020817;border-radius:14px;width:100%;max-height:280px}.playbackEmpty{color:#94a3b8;background:#020817;border:1px dashed #334155;border-radius:16px;place-items:center;height:170px;display:grid}.aiWallGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.aiWallTile{background:#020817;border:1px solid #1e293b;border-radius:20px;min-height:210px;position:relative;overflow:hidden}.aiWallTile img{object-fit:cover;width:100%;height:210px;display:block}.wallLiveBadge{z-index:2;color:#02100a;background:#22c55e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;position:absolute;top:12px;left:12px}.wallFallback{color:#38bdf8;place-items:center;height:210px;display:grid}.wallFallback span{color:#cbd5e1;margin-top:8px;display:block}.wallMeta{background:linear-gradient(#0000,#020817f2);gap:4px;padding:35px 14px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.wallMeta small{color:#94a3b8}.analyticsGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.analyticsCard{gap:8px;display:grid}.analyticsCard h2{font-size:38px}.analyticsCard span{color:#94a3b8}.heatmapPanel,.analyticsList{grid-column:span 2}.heatmapPanel img{object-fit:contain;background:#020817;border-radius:16px;width:100%;max-height:380px}.analyticsRow,.enterpriseRow{color:#cbd5e1;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.enterpriseRow{background:#081121;border:1px solid #1e293b;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;padding:14px;display:grid}.enterpriseRow p{color:#94a3b8;grid-column:1/-1}.enterpriseRow small{color:#38bdf8}.enterpriseSearch{grid-template-columns:1fr auto;gap:12px;margin-bottom:18px;display:grid}.enterpriseSearch input{color:#fff;background:#020817;border:1px solid #334155;border-radius:14px;padding:14px}.enterpriseCards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:18px 0;display:grid}.enterpriseCards div{background:#081121;border:1px solid #1e293b;border-radius:18px;gap:8px;padding:18px;display:grid}.enterpriseCards b{font-size:32px}.enterpriseCards span{color:#94a3b8}.deployGrid{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.deployGrid span{color:#e0f2fe;background:#082f49;border:1px solid #0369a1;border-radius:999px;padding:9px 12px;font-weight:800}.deployCommands{gap:10px;margin:16px 0;display:grid}.deployCommands code{color:#7dd3fc;background:#020817;border:1px solid #334155;border-radius:12px;padding:12px;display:block}@media (width<=900px){.notificationCard{grid-template-columns:1fr}.notifyMedia img,.notifyMedia video{height:180px}.heatmapPanel,.analyticsList{grid-column:span 1}.enterpriseSearch,.enterpriseRow{grid-template-columns:1fr}}.liveModalPro{background:#020817;padding:0}.liveProShell{background:#020817;border:none;border-radius:0;width:100vw;max-width:none;height:100vh}.liveProTopbar{background:linear-gradient(#081121,#050b16);border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;height:78px;padding:0 20px;display:flex}.liveProIdentity{align-items:center;gap:14px;display:flex}.liveProIdentity h2{margin:0;font-size:24px}.liveProIdentity span:not(.liveProBadge){color:#94a3b8}.liveProBadge{color:#fff;background:#dc2626;border-radius:8px;padding:8px 10px;font-weight:900;box-shadow:0 0 22px #dc262659}.liveProBadge.recording{animation:1s infinite livePulse}.liveProTopControls{align-items:center;gap:10px;display:flex}.liveProTopControls select,.liveIconControl{color:#fff;background:#0b1220;border:1px solid #1e293b;border-radius:12px;height:48px;padding:0 14px;font-weight:800}.liveIconControl{place-items:center;width:52px;font-size:17px;display:grid}.liveIconControl:hover{border-color:#38bdf8;transform:translateY(-1px)}.liveIconControl.activeRed{color:#fecaca;background:#7f1d1d;border-color:#ef4444}.liveIconControl.close{background:#111827}.liveProBody{grid-template-columns:210px 1fr;height:calc(100vh - 160px);display:grid;overflow:hidden}.liveCameraRail{background:linear-gradient(#081121,#020817);border-right:1px solid #94a3b824;padding:16px 12px;overflow:auto}.railTitle{margin-bottom:12px;font-size:17px;font-weight:900}.railSearch{color:#64748b;border:1px solid #1e293b;border-radius:10px;height:42px;margin-bottom:14px;padding:11px}.railCount{color:#94a3b8;justify-content:space-between;margin-bottom:10px;display:flex}.railList{gap:8px;display:grid}.railCameraItem{color:#fff;text-align:left;background:#081121;border:1px solid #94a3b824;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px;display:flex}.railCameraItem.active{background:#082f49;border-color:#0ea5e9}.railCameraItem small{color:#facc15;margin-top:2px;display:block}.railStatus{background:#22c55e;border-radius:50%;width:12px;height:12px;box-shadow:0 0 12px #22c55e99}.railStatus.off{box-shadow:none;background:#94a3b8}.railAddBtn{color:#fff;background:#111827;border:1px solid #334155;border-radius:12px;width:100%;height:48px;margin-top:14px;font-weight:900}.liveViewerPro{border-radius:0;height:100%}.liveViewerPro img{transform-origin:50%;background:#000;width:100%;height:100%}.liveProHud{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#0f172abf;border:1px solid #94a3b840;border-radius:14px;display:flex;position:absolute;bottom:14px;left:14px;overflow:hidden}.liveProHud div{border-right:1px solid #94a3b82e;min-width:135px;padding:14px 18px}.liveProHud div:last-child{border-right:none}.liveProHud span{color:#94a3b8;margin-bottom:6px;font-size:12px;display:block}.liveProHud b{font-size:18px}.liveProHud i{background:#22c55e;border-radius:50%;width:12px;height:12px;margin-right:7px;display:inline-block}.liveProTools{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#0f172abf;border:1px solid #94a3b840;border-radius:14px;display:flex;position:absolute;bottom:18px;right:16px;overflow:hidden}.liveProTools button{color:#fff;background:0 0;border-right:1px solid #94a3b82e;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:86px;height:78px;font-weight:800;display:flex}.liveProTools button:hover{background:#0ea5e92e}.liveProBottomBar{background:linear-gradient(#07111f,#03101d);border-top:1px solid #94a3b829;justify-content:center;align-items:center;gap:14px;height:82px;padding:12px;display:flex}.recordingBtn{background:linear-gradient(135deg,#dc2626,#991b1b)!important}@media (width<=1000px){.liveProBody{grid-template-columns:1fr}.liveCameraRail,.liveProTopControls select{display:none}.liveProHud,.liveProTools{flex-wrap:wrap;margin:10px;position:static}.liveProBottomBar{flex-wrap:wrap;height:auto}}.cleanPage{flex-direction:column;gap:22px;display:flex}.cleanHeader{background:#0f1b2e;border:1px solid #94a3b829;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.cleanHeader h2{margin:2px 0 4px;font-size:32px}.cleanHeader span{color:#94a3b8}.headerActions{flex-wrap:wrap;gap:10px;display:flex}.emptyState{color:#94a3b8;text-align:center;background:#081121;border:1px dashed #94a3b847;border-radius:22px;padding:40px;font-weight:800}.eventCardGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.eventProCard,.notifyProCard,.timelineProItem,.mediaProCard{background:#0f1b2e;border:1px solid #94a3b829;border-radius:22px;padding:18px;box-shadow:0 18px 50px #0000002e}.eventProCard{gap:14px;display:flex}.eventIcon,.notifyProIcon{color:#38bdf8;background:#12326b;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.eventTopLine,.notifyTitleRow,.timelineTop{color:#94a3b8;justify-content:space-between;gap:10px;font-size:13px;display:flex}.eventTopLine b,.notifyTitleRow b{color:#fff;font-size:17px}.eventInfo h3,.notifyProText h3,.timelineProContent h3{color:#fff;margin:8px 0 4px}.eventInfo p,.notifyProText p,.timelineProContent p{color:#cbd5e1;margin:0 0 10px}.eventMeta,.notifyActions,.playbackActions,.mediaActions{flex-wrap:wrap;gap:10px;display:flex}.eventMeta span,.notifyActions a,.playbackActions a,.mediaActions a{color:#7dd3fc;background:#081121;border:1px solid #94a3b829;border-radius:999px;padding:7px 10px;font-size:12px;text-decoration:none}.notificationProList,.timelineProList{gap:14px;display:grid}.notifyProCard{grid-template-columns:48px 1fr 260px;align-items:center;gap:16px;display:grid}.notifyPreview{background:#020817;border:1px solid #94a3b829;border-radius:16px;height:145px;overflow:hidden}.notifyPreview video,.notifyPreview img{object-fit:cover;width:100%;height:100%}.mediaPlaceholder{color:#64748b;place-items:center;height:100%;display:grid}.timelineProItem{grid-template-columns:20px 1fr;gap:14px;display:grid}.timelineDot{background:#0ea5e9;border-radius:50%;width:14px;height:14px;margin-top:10px;box-shadow:0 0 18px #0ea5e999}.playbackVideo,.playbackImage{object-fit:contain;background:#020817;border:1px solid #94a3b82e;border-radius:16px;width:100%;max-height:360px;margin:12px 0}.mediaProGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.mediaProCard{padding:0;overflow:hidden}.mediaSelect{color:#7dd3fc;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:900;display:flex}.mediaPreviewFixed{background:#020817;border-top:1px solid #94a3b81f;border-bottom:1px solid #94a3b81f;place-items:center;height:220px;display:grid}.mediaPreviewFixed video,.mediaPreviewFixed img{object-fit:contain;width:100%;height:100%}.mediaProInfo{gap:5px;padding:14px;display:grid}.mediaProInfo b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mediaProInfo small{color:#94a3b8}.mediaActions{padding:0 14px 14px}@media (width<=900px){.cleanHeader{flex-direction:column;align-items:flex-start}.notifyProCard{grid-template-columns:1fr}.notifyPreview{height:220px}}.serialDiscoveryPanel{flex-direction:column;gap:18px;display:flex}.discoveryModeGrid{grid-template-columns:1fr 1.25fr;gap:16px;display:grid}.autoDiscoverBox,.serialAddBox{background:#081121;border:1px solid #94a3b82e;border-radius:20px;gap:12px;padding:18px;display:grid}.serialAddBox input,.serialAddBox select,.autoDiscoverBox select{color:#fff;background:#020817;border:1px solid #334155;border-radius:12px;min-height:46px;padding:0 14px}@media (width<=900px){.discoveryModeGrid,.serialCreds{grid-template-columns:1fr}}.separatedDiscoveryPanel,.serialOnlyPanel{flex-direction:column;gap:18px;display:flex}.autoDiscoverOnly,.fullSerialBox{background:#081121;border:1px solid #94a3b82e;border-radius:20px;gap:14px;padding:22px;display:grid}.autoDiscoverOnly{max-width:720px}.fullSerialBox{max-width:760px}.discoverBoxTitle{gap:5px;margin-bottom:4px;display:grid}.discoverBoxTitle b{color:#fff;font-size:20px}.discoverBoxTitle span{color:#94a3b8;line-height:1.6}.fullSerialBox input,.fullSerialBox select,.autoDiscoverOnly select{color:#fff;background:#020817;border:1px solid #334155;border-radius:12px;min-height:48px;padding:0 14px}.serialCreds{grid-template-columns:1fr 1fr auto;gap:10px;display:grid}.scanNotice{color:#7dd3fc;background:#0ea5e91f;border:1px solid #0ea5e959;border-radius:16px;padding:14px 16px;font-weight:800}.warningBtn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 18px;font-weight:900;display:flex}@media (width<=900px){.serialCreds{grid-template-columns:1fr}}.bootScreen{color:#e2e8f0;background:#020817;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.bootSpinner{border:3px solid #334155;border-top-color:#0ea5e9;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.authPage{background:linear-gradient(160deg,#020817,#0b1224);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.authCard{text-align:center;background:#081121;border:1px solid #94a3b826;border-radius:16px;width:100%;max-width:400px;padding:2rem}.authCard.wide{max-width:480px}.authIcon{color:#c9a227;margin-bottom:.5rem}.ctaPrimary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:.5rem;padding:.75rem;font-weight:700;display:inline-flex}.ctaPrimary.small{width:auto;padding:.45rem 1rem}.backLink{color:#94a3b8;margin-top:1rem;font-size:.9rem;display:block}.statGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.statCard{background:#081121;border:1px solid #94a3b81f;border-radius:12px;padding:1rem}.statCard.accent{border-color:#c9a22766}.statCard p{color:#94a3b8;margin:0;font-size:.7rem}.statCard h2{margin:.25rem 0 0;font-size:1.75rem}.miniCamGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.miniCamCard{color:inherit;background:#081121;border:1px solid #94a3b81a;border-radius:10px;padding:.75rem;text-decoration:none;display:block}.statusPill{color:#86efac;background:#22c55e26;border-radius:999px;padding:.15rem .5rem;font-size:.7rem}.notifyProCard.unread{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e94d}.alertsLayout{grid-template-columns:1fr 320px;gap:1rem;display:grid}.alertDetail{background:#081121;border:1px solid #94a3b826;border-radius:12px;padding:1rem}.alertShot{border-radius:8px;width:100%;margin:.75rem 0}.filterBar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.filterBar input,.filterBar select{color:#fff;background:#020817;border:1px solid #334155;border-radius:8px;min-height:40px;padding:0 .75rem}.checkLabel{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.adminPage .adminGrid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.adminPanel{background:#081121;border:1px solid #94a3b81f;border-radius:12px;padding:1rem}.adminPanel.full{grid-column:1/-1}.adminTable{border-collapse:collapse;width:100%;font-size:.85rem}.adminTable th,.adminTable td{text-align:right;border-bottom:1px solid #94a3b81a;padding:.5rem}.adminNav{border-color:#c9a22759!important}.modalOverlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalCard{background:#081121;border:1px solid #94a3b833;border-radius:14px;gap:.75rem;width:90%;max-width:420px;padding:1.5rem;display:grid}.aiSettingsModal label{text-align:right;gap:.35rem;font-size:.9rem;display:grid}.modalActions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.toastInline{background:#0ea5e926;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem}.couponInput{color:#fff;background:#020817;border:1px solid #334155;border-radius:8px;width:100%;max-width:320px;min-height:44px;margin-bottom:1rem;padding:0 .75rem}.dashboardPricing .priceCard{background:#081121}.miniCamBtn.gold{color:#000;background:linear-gradient(135deg,#c9a227,#a16207)}.navItem.adminNav{color:#e8c547}@media (width<=900px){.alertsLayout,.adminPage .adminGrid{grid-template-columns:1fr}}.landing{--gold:#c9a227;--gold-light:#e8c547;--ink:#030712;--ink-2:#0b1224;--ink-3:#121c36;--violet:#6366f1;--cyan:#22d3ee;--text:#e8edf7;--muted:#94a3b8;background:var(--ink);min-height:100vh;color:var(--text);font-family:system-ui,Segoe UI,Tahoma,sans-serif}.landingNav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712d9;border-bottom:1px solid #c9a22726;justify-content:space-between;align-items:center;padding:1rem 4vw;display:flex;position:sticky;top:0}.landingBrand{color:var(--text);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.landingNav nav{gap:1.5rem;display:flex}.landingNav nav a{color:var(--muted);font-size:.95rem;text-decoration:none;transition:color .2s}.landingNav nav a:hover{color:var(--gold-light)}.landingNavActions{align-items:center;gap:.75rem;display:flex}.ctaGold{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:#0a0a0a;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.ctaGold:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c9a22759}.ctaGold.large{padding:.9rem 2rem;font-size:1.05rem}.ctaOutline{color:var(--text);border:1px solid #c9a22773;border-radius:10px;align-items:center;padding:.65rem 1.25rem;text-decoration:none;transition:background .2s;display:inline-flex}.ctaOutline:hover{background:#c9a2271a}.ghostBtn{color:var(--text);cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:8px;padding:.55rem 1rem;text-decoration:none}.landingHero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1280px;margin:0 auto;padding:5rem 4vw 4rem;display:grid;position:relative}.heroGlow{pointer-events:none;background:radial-gradient(circle,#6366f140,#0000 70%);width:500px;height:500px;position:absolute;top:-20%;right:10%}.heroEyebrow{color:var(--cyan);letter-spacing:.2em;font-size:.75rem;font-weight:600}.landingHero h1{margin:.75rem 0;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.15}.landingHero h1 span{background:linear-gradient(90deg, var(--gold-light), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.heroLead{color:var(--muted);max-width:520px;font-size:1.1rem;line-height:1.7}.heroCtas{flex-wrap:wrap;gap:1rem;margin:1.75rem 0;display:flex}.heroBadges{flex-wrap:wrap;gap:1rem;display:flex}.heroBadges span{color:var(--muted);border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;display:inline-flex}.heroCard{background:linear-gradient(160deg, var(--ink-3), var(--ink-2));border:1px solid #c9a22733;border-radius:16px;padding:1rem;box-shadow:0 24px 60px #00000073}.heroCard.float{animation:6s ease-in-out infinite floatY}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.heroStreamMock{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:10px;height:220px;margin:.75rem 0}.alertChip{color:#fca5a5;background:#ef444426;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;display:inline-block}.landingSection{max-width:1200px;margin:0 auto;padding:4rem 4vw}.landingSection.muted{background:var(--ink-2);max-width:none}.sectionEyebrow{color:var(--gold);letter-spacing:.18em;font-size:.72rem}.landingSection h2{margin:.5rem 0 2rem;font-size:2rem}.featureGrid,.useCaseGrid,.pricingGrid,.testimonialGrid{gap:1.25rem;display:grid}.featureGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.featureCard{background:var(--ink-3);border:1px solid #94a3b81f;border-radius:14px;padding:1.5rem;transition:border-color .2s,transform .2s}.featureCard:hover{border-color:#c9a22766;transform:translateY(-4px)}.featureCard h3{margin:.75rem 0 .5rem}.featureCard p{color:var(--muted);font-size:.95rem;line-height:1.6}.useCaseGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.useCaseGrid article{background:var(--ink-3);border:1px solid #6366f133;border-radius:12px;padding:1.5rem}.pricingGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.priceCard{background:var(--ink-3);border:1px solid #94a3b826;border-radius:14px;padding:1.5rem;position:relative}.priceCard.featured{border-color:var(--gold);box-shadow:0 0 40px #c9a2271f}.priceBadge{background:var(--gold);color:#000;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:-10px;right:1rem}.priceAmount{margin:.5rem 0 1rem;font-size:2rem;font-weight:800}.priceCard ul{margin:0 0 1.25rem;padding:0;list-style:none}.priceCard li{color:var(--muted);align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.9rem;display:flex}.testimonialGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.testimonialCard{background:var(--ink-3);border-left:3px solid var(--violet);border-radius:12px;margin:0;padding:1.25rem}.faqList{max-width:720px}.faqItem{border-bottom:1px solid #94a3b826;padding:.75rem 0}.faqItem summary{cursor:pointer;font-weight:600}.landingCta{text-align:center;background:linear-gradient(180deg, var(--ink-2), var(--ink));padding:4rem 4vw}.landingFooter{color:var(--muted);border-top:1px solid #94a3b81a;justify-content:space-between;padding:2rem 4vw;font-size:.85rem;display:flex}@media (width<=900px){.landingHero{grid-template-columns:1fr}.landingNav nav{display:none}}.authSplitPage{color:#e2e8f0;background:#020817;grid-template-columns:minmax(320px,480px) 1fr;min-height:100vh;display:grid}.authSplitPanel{position:relative}.authSplitForm{background:linear-gradient(#050d1a,#081121);border-inline-end:1px solid #94a3b81f;flex-direction:column;justify-content:center;padding:2rem clamp(1.25rem,4vw,3rem);display:flex}.authSplitBrand{color:#e8c547;align-items:center;gap:.6rem;margin-bottom:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.authSplitCard h1{margin:0 0 .35rem;font-size:1.75rem}.authSplitSubtitle{color:#94a3b8;margin:0 0 1.25rem;line-height:1.5}.authSplitFormFields{text-align:right;gap:.85rem;display:grid}.authSplitFormFields label{color:#cbd5e1;gap:.35rem;font-size:.85rem;display:grid}.authSplitFormFields input{color:#fff;background:#020817;border:1px solid #94a3b840;border-radius:10px;min-height:46px;padding:0 .85rem}.authSubmitBtn{color:#0b1220;cursor:pointer;background:linear-gradient(135deg,#c9a227,#a16207);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;margin-top:.25rem;font-weight:800;display:inline-flex}.authSubmitBtn:disabled{opacity:.7;cursor:wait}.authErrorBox{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;padding:.65rem .85rem;font-size:.9rem}.authTrialBanner{text-align:right;background:#c9a2271f;border:1px solid #c9a22759;border-radius:12px;gap:.2rem;margin-bottom:1rem;padding:.75rem 1rem;display:grid}.authTrialBanner strong{color:#e8c547}.authTrialBanner span{color:#94a3b8;font-size:.85rem}.authSplitFooter{text-align:center;margin-top:1.25rem}.authSplitFooter a{color:#e8c547}.authSplitHero{flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem);display:flex;overflow:hidden}.authHeroGlow{pointer-events:none;background:radial-gradient(circle,#c9a2272e,#0000 70%);height:280px;position:absolute;inset:10% 20% auto}.authHeroEyebrow{color:#e8c547;letter-spacing:.12em;font-size:.75rem}.authSplitHero h2{max-width:520px;margin:.5rem 0;font-size:clamp(1.6rem,3vw,2.2rem)}.authHeroLead{color:#94a3b8;max-width:520px;line-height:1.6}.authHeroList{gap:.65rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.authHeroList li{color:#cbd5e1;align-items:center;gap:.5rem;display:flex}.authHeroList svg{color:#e8c547;flex-shrink:0}.authTrustRow{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.authTrustBadge{color:#e2e8f0;background:#081121d9;border:1px solid #c9a22740;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;display:inline-flex}.authHeroMock{background:#081121;border:1px solid #94a3b833;border-radius:16px;max-width:420px;overflow:hidden}.authHeroMockBar{background:#00000059;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.liveDot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.authHeroMockScreen{aspect-ratio:16/10;color:#94a3b8;background:linear-gradient(145deg,#0f172a,#1e293b);place-items:center;font-size:.85rem;display:grid}.spinIcon{animation:.8s linear infinite spin}.sectionLead{color:#94a3b8;margin:-.5rem 0 1.25rem}.trialStatusPill{color:#e8c547;background:#c9a22726;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.85rem;display:inline-flex}.planTagline{color:#94a3b8;min-height:2.5rem;font-size:.85rem}.priceCard.current{outline:2px solid #0ea5e9}.cameraStatusGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.cameraStatusCard{background:#081121;border:1px solid #94a3b826;border-radius:12px;gap:.15rem;padding:.85rem 1rem;display:grid}.cameraStatusCard b{font-size:1.5rem}.cameraStatusCard span{color:#94a3b8;font-size:.8rem}.cameraStatusCard.online svg{color:#22c55e}.cameraStatusCard.offline svg{color:#94a3b8}.cameraStatusCard.recording svg{color:#ef4444}.cameraStatusCard.alerts svg{color:#e8c547}.proActionBtn.gold{color:#0b1220;background:linear-gradient(135deg,#c9a227,#a16207)}.addCameraHero{box-shadow:0 8px 24px #c9a22740}.camStatusPill{text-transform:uppercase;color:#86efac;background:#22c55e33;border-radius:999px;padding:.15rem .45rem;font-size:.65rem}.camStatusPill.offline,.camStatusPill.pending_serial{color:#cbd5e1;background:#94a3b833}.liveViewPlaceholder{text-align:center;color:#94a3b8;background:radial-gradient(circle,#c9a22714,#0000 65%);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:280px;padding:1.5rem;display:flex}.liveViewPlaceholder h3{color:#e2e8f0;margin:0}.liveViewPlaceholderModal{min-height:420px}.livePlaceholderMeta{color:#e8c547;font-weight:700}@media (width<=960px){.authSplitPage{grid-template-columns:1fr}.authSplitHero{display:none}.cameraStatusGrid{grid-template-columns:repeat(2,1fr)}}.camerasHub{gap:1.25rem;display:grid}.camerasHubHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.camerasToolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.searchField{background:#081121;border:1px solid #94a3b833;border-radius:12px;flex:1;align-items:center;gap:.5rem;min-width:220px;min-height:46px;padding:0 .85rem;display:flex}.searchField input{color:#fff;background:0 0;border:none;outline:none;flex:1}.filterGroup{align-items:center;gap:.5rem;display:flex}.filterGroup select{color:#fff;background:#081121;border:1px solid #94a3b833;border-radius:10px;min-height:44px;padding:0 .65rem}.camerasGridPro{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.cameraCardPro{background:linear-gradient(165deg,#0a1424,#081121);border:1px solid #94a3b824;border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.cameraCardPro:hover{border-color:#c9a22759;transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.cameraCardPro.picked{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e966}.cameraCardSelect{z-index:2;cursor:pointer;background:#00000059;border:2px solid #ffffff59;border-radius:6px;width:22px;height:22px;position:absolute;top:10px;left:10px}.cameraCardSelect .checked{background:#0ea5e9;border-radius:4px;width:100%;height:100%;display:block}.cameraCardPreview{aspect-ratio:16/10;cursor:pointer;color:#64748b;background:radial-gradient(circle at 30% 20%,#c9a2271f,#0000 55%),#050d18;border:none;place-items:center;width:100%;display:grid;position:relative}.cameraCardPreview .camStatusPill{position:absolute;bottom:10px;right:10px}.recPill{color:#fff;background:#ef4444;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:800;position:absolute;top:10px;right:10px}.cameraCardBody{text-align:right;padding:.85rem 1rem .5rem}.cameraCardBody h3{margin:0;font-size:1.05rem}.cameraCardBody p{color:#94a3b8;margin:.2rem 0;font-size:.85rem}.cameraCardMeta{color:#64748b;justify-content:space-between;gap:.5rem;margin-top:.35rem;font-size:.72rem;display:flex}.cameraCardStats{color:#cbd5e1;gap:.75rem;margin-top:.5rem;font-size:.8rem;display:flex}.cameraCardStats span{align-items:center;gap:.25rem;display:inline-flex}.cameraCardActions{border-top:1px solid #94a3b814;gap:.35rem;padding:.65rem 1rem 1rem;display:flex}.camActionBtn{color:#e2e8f0;cursor:pointer;background:#0f172acc;border:1px solid #94a3b826;border-radius:10px;flex:1;place-items:center;min-height:36px;transition:background .15s;display:grid}.camActionBtn:hover{background:#1e293bf2}.camActionBtn.gold{color:#e8c547;border-color:#c9a22766}.camActionBtn.danger:hover{color:#fecaca;background:#ef444426}.cameraEmptyState{text-align:center;background:#08112199;border:1px dashed #94a3b840;border-radius:20px;padding:3rem 1.5rem}.cameraEmptyIcon{color:#e8c547;background:#c9a2271f;border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 1rem;display:grid}.centerPad{text-align:center;padding:2rem}.cameraDrawerOverlay{z-index:90;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.cameraDrawer{background:#081121;border-inline-start:1px solid #94a3b826;width:min(420px,100vw);height:100%;padding:1.25rem;animation:.25s slideIn;overflow-y:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cameraDrawerHead{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.drawerClose{color:#fff;cursor:pointer;background:#94a3b81f;border:none;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.cameraDrawerPreview{text-align:center;color:#94a3b8;background:#050d18;border:1px solid #94a3b81f;border-radius:14px;margin-bottom:1rem;padding:1.5rem}.cameraDrawerFacts{gap:.85rem;margin:0;display:grid}.cameraDrawerFacts div{border-bottom:1px solid #94a3b814;gap:.2rem;padding-bottom:.65rem;display:grid}.cameraDrawerFacts dt{color:#94a3b8;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.cameraDrawerFacts dd{margin:0;font-weight:600}.camStatusPill.large{margin-top:.35rem;display:inline-block}.mono{font-family:ui-monospace,monospace;font-size:.85rem}.streamProfileBox dd{color:#e8c547;font-size:.85rem}.addCamOverlay{z-index:100;justify-content:center;align-items:center;padding:1rem}.addCamModal{background:#081121;border:1px solid #94a3b833;border-radius:18px;width:min(520px,100%);max-height:90vh;padding:1.25rem;overflow-y:auto}.addCamHead{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.addCamTabs{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.addCamTabs button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b826;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:.35rem;min-height:38px;font-size:.78rem;display:inline-flex}.addCamTabs button.active{color:#e8c547;background:#c9a22726;border-color:#c9a22773}.addCamForm{gap:.65rem;display:grid}.addCamForm input,.addCamForm select,.addCamForm textarea{color:#fff;background:#020817;border:1px solid #94a3b833;border-radius:10px;min-height:44px;padding:0 .75rem}.addCamForm textarea{resize:vertical;padding:.65rem .75rem}.qrScanPlaceholder{text-align:center;color:#94a3b8;border:1px dashed #c9a22759;border-radius:12px;justify-items:center;gap:.35rem;padding:1.25rem;display:grid}.discoverPickList{gap:.5rem;max-height:280px;display:grid;overflow-y:auto}.discoverDeviceCard{background:linear-gradient(165deg,#0c1628,#081121);border:1px solid #94a3b82e;border-radius:12px;gap:.5rem;padding:.75rem .85rem;display:grid}.discoverDeviceMeta{gap:.15rem;display:grid}.discoverDeviceMeta b{color:#e2e8f0;font-size:.95rem}.discoverDeviceTags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.portTag.brand{color:#e8c547;background:#c9a22726;border-color:#c9a22759}.discoverPick{cursor:pointer;background:#0f172a99;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.inlineRow{gap:.5rem;display:flex}.mutedText.small{font-size:.82rem}.liveStreamImg{object-fit:contain;background:#000;width:100%;height:100%}.compactLive{width:calc(100% - 2rem);max-width:960px;margin:2rem auto}.addCamSimple .addCamModes{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.serialFallback{border:1px dashed #94a3b840;border-radius:10px;margin-top:1rem;padding:.75rem}.serialFallback summary{cursor:pointer;align-items:center;gap:.35rem;font-size:.9rem;display:flex}.liveStreamVideo{object-fit:contain;background:#000;width:100%;max-height:70vh}.liveTopActions{align-items:center;gap:.35rem;display:flex}.credRowInline{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.devicePickList{flex-direction:column;gap:.5rem;max-height:220px;display:flex;overflow-y:auto}.discoverDeviceCard.pickable{text-align:start;cursor:pointer;background:#0f172a80;border:1px solid #94a3b826;align-items:center;gap:.65rem;width:100%;display:flex}.discoverDeviceCard.pickable.selected{border-color:#c9a2278c;box-shadow:0 0 0 1px #c9a22740}.channelPanel{background:#c9a2270f;border:1px solid #c9a22733;border-radius:12px;margin-top:1rem;padding:.85rem}.channelPanel h4{margin:0 0 .5rem;font-size:.95rem}.channelList{color:#94a3b8;margin:.5rem 0 .75rem;padding-inline-start:1.2rem;font-size:.85rem}.localDeviceSearch{flex-direction:column;gap:.75rem;display:flex}.camerasHubPro .camerasHubActions{align-items:center;gap:.75rem;display:flex}.viewToggle{border:1px solid #94a3b833;border-radius:10px;display:flex;overflow:hidden}.viewToggle button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.5rem .65rem}.viewToggle button.active{color:#e8c547;background:#c9a22733}.cameraCardV42 .cameraThumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cameraCardV42 .cameraThumbIcon{opacity:.4}.cameraCardV42 .cameraPreviewOverlay{pointer-events:none;background:linear-gradient(#0000 40%,#000000a6);position:absolute;inset:0}.cameraCardV42 .playOverlay{color:#fff;opacity:0;background:#00000040;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.cameraCardV42:hover .playOverlay{opacity:1}.aiPill,.motionPill{border-radius:999px;align-items:center;gap:.2rem;padding:.12rem .4rem;font-size:.62rem;font-weight:700;display:inline-flex;position:absolute;top:10px}.aiPill{color:#0a0f1a;background:#c9a227d9;left:10px}.motionPill{color:#fff;background:#0ea5e9d9;left:52px}.cameraQuickActions{border-top:1px solid #94a3b814;gap:.3rem;padding:.55rem .75rem .85rem;display:flex}.camQuickBtn{color:#cbd5e1;cursor:pointer;background:#081121e6;border:1px solid #94a3b81f;border-radius:8px;flex:1;place-items:center;min-height:34px;transition:all .15s;display:grid}.camQuickBtn:hover{color:#fff;background:#1e293bf2}.camQuickBtn.live{color:#4ade80;border-color:#4ade8059}.camQuickBtn.gold{color:#e8c547}.camQuickBtn.danger:hover{color:#fecaca;border-color:#ef444466}.connBadge{background:#94a3b81f;border-radius:4px;padding:.1rem .4rem;font-size:.68rem}.lastActivity{color:#64748b;font-size:.72rem}.cameraCardStats .hasAlert{color:#f87171}.camerasListPro{flex-direction:column;gap:.65rem;display:flex}.cameraCardV42.list{grid-template-columns:200px 1fr auto;align-items:stretch;display:grid}.cameraCardV42.list .cameraCardPreview{aspect-ratio:auto;min-height:100px}.cameraCardV42.list .cameraQuickActions{border-top:none;border-inline-start:1px solid #94a3b814;flex-direction:column}.streamStateOverlay{z-index:2;text-align:center;background:#050d18;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.streamLoading .streamSpinner{color:#e8c547}.streamScanBar{background:#94a3b826;border-radius:999px;width:min(280px,80%);height:4px;overflow:hidden}.streamScanBar span{background:linear-gradient(90deg,#0000,#e8c547,#0000);width:40%;height:100%;animation:1.2s infinite scanSlide;display:block}@keyframes scanSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.streamError{color:#f87171}.streamWebrtc{color:#94a3b8}.streamRetryBtn{color:#e8c547;cursor:pointer;background:#c9a2271f;border:1px solid #c9a22773;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;display:inline-flex}.streamRetryBtn.ghost{color:#94a3b8;background:0 0;border-color:#94a3b833}.streamRetryBtn.small{padding:.35rem .75rem;font-size:.82rem}.streamImgHidden{opacity:0;position:absolute}.liveProtocolBadge{color:#e8c547;margin-top:.15rem;font-size:.72rem;display:block}.liveProFooter{color:#64748b;border-top:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.78rem;display:flex}.streamSnapshotFallback{place-items:center;width:100%;height:100%;display:grid;position:relative}.streamSnapshotFallback img{object-fit:contain;max-width:100%;max-height:100%}.snapshotBadge{background:#000000b3;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.discoverPanel{gap:.85rem}.discoverHint{color:#94a3b8;align-items:center;gap:.5rem;margin:0;font-size:.85rem;display:flex}.discoverScanBtn{color:#0a0f1a;cursor:pointer;background:linear-gradient(135deg,#c9a227,#a67c00);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:52px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.discoverScanBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #c9a22759}.discoverScanBtn:disabled{opacity:.75;cursor:wait}.scanProgressWrap{gap:.5rem;display:grid}.scanProgressBar{background:#94a3b826;border-radius:999px;height:6px;overflow:hidden}.scanProgressBar span{background:linear-gradient(90deg,#e8c547,#0ea5e9);border-radius:999px;height:100%;transition:width .3s;display:block}.scanRadarAnim{color:#e8c547;place-items:center;height:64px;display:grid;position:relative}.radarRing{border:2px solid #c9a22766;border-radius:50%;width:48px;height:48px;animation:1.5s ease-out infinite radarPulse;position:absolute}.radarRing.delay{animation-delay:.6s}@keyframes radarPulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.discoverCount{color:#e8c547;margin:0;font-weight:600}.discoverIp{font-family:ui-monospace,monospace;font-weight:600}.portTag{color:#4ade80;background:#4ade8026;border-radius:4px;margin-inline-start:auto;padding:.1rem .35rem;font-size:.65rem}.discoverEmpty{text-align:center;padding:1rem}.discoverCount.success{color:#4ade80}.discoverAddedRow{background:#4ade8014;border-radius:8px;margin-bottom:.35rem;padding:.5rem .65rem}.discoverPickList.readonly .discoverPick{cursor:default}.discoverScanBtn.ctaPrimary{width:100%;min-height:48px;font-weight:700}.discoverCredForm{background:#0f172a8c;border:1px solid #c9a22740;border-radius:12px;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.85rem;display:flex}.discoverCredForm input{color:#e2e8f0;background:#0f172a;border:1px solid #94a3b840;border-radius:8px;width:100%;padding:.55rem .75rem}.addCamModalPro{width:min(540px,100%)}.cameraThumbPlaceholder{color:#94a3b8;background:linear-gradient(160deg,#0f172a,#020617);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:.75rem;display:flex;position:absolute;inset:0}.cameraThumbPlaceholder.loading{color:#38bdf8}.scanLogBox{color:#94a3b8;background:#00000059;border-radius:8px;max-height:100px;margin-top:.5rem;padding:.5rem;font-family:ui-monospace,monospace;font-size:.7rem;overflow-y:auto}.scanLogLine{padding:.1rem 0}.scanPhaseLabel{margin:.35rem 0 0}.manualProbeRow{gap:.5rem;margin-bottom:.75rem;display:flex}.manualProbeRow input{flex:1}.qrScannerPanel{flex-direction:column;gap:.75rem;display:flex}.qrModeTabs{flex-wrap:wrap;gap:.35rem;display:flex}.qrModeTabs button{color:#cbd5e1;cursor:pointer;background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;min-width:100px;min-height:38px;font-size:.8rem;display:inline-flex}.qrModeTabs button.active{color:#e8c547;background:#c9a2271f;border-color:#c9a22773}.qrCameraWrap{border-radius:12px;position:relative;overflow:hidden}.qrVideo{object-fit:cover;background:#000;border-radius:12px;width:100%;max-height:220px}.qrScanOverlay{pointer-events:none;background:#00000059;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qrScanFrame{aspect-ratio:1;border:2px solid #e8c547;border-radius:12px;width:60%;box-shadow:0 0 0 9999px #00000059}.qrPairBox{background:#0f172a8c;border-radius:12px;flex-direction:column;gap:.65rem;padding:.75rem;display:flex}.qrPairUrl{word-break:break-all;background:#00000059;border-radius:8px;padding:.5rem;font-size:.75rem}.qrManualForm textarea{width:100%;margin-bottom:.5rem}.qrCapturePage{background:#020617;flex-direction:column;align-items:center;gap:1rem;min-height:100vh;padding:1.5rem;display:flex}.qrCaptureVideoWrap{border-radius:16px;width:min(400px,100%);position:relative;overflow:hidden}.qrCaptureDone{text-align:center;color:#4ade80}.connStatusBadge{border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.connStatusBadge.online{color:#4ade80;background:#4ade8026}.connStatusBadge.offline{color:#f87171;background:#f8717126}.connStatusBadge.loading,.connStatusBadge.snapshot{color:#38bdf8;background:#38bdf826}.streamRetryBtn.ctaPrimary,.streamRetryBtn.ctaOutline{min-height:40px;margin-top:.35rem;padding:0 1rem;font-weight:600}.ownerPanel{gap:1.25rem;padding-bottom:2rem;display:grid}.ownerPanelHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.ownerPanelHeader h1{align-items:center;gap:.5rem;margin:.25rem 0 0;font-size:1.65rem;display:flex}.eyebrow.gold{color:#e8c547}.ownerToast{color:#e8c547;background:#c9a22726;border:1px solid #c9a22759;border-radius:10px;margin:0;padding:.5rem 1rem}.ownerTabs{border-bottom:1px solid #94a3b81f;flex-wrap:wrap;gap:.35rem;padding-bottom:.5rem;display:flex}.ownerTabs button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b826;border-radius:10px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.85rem;display:inline-flex}.ownerTabs button.active{color:#e8c547;background:#c9a2272e;border-color:#c9a22773}.ownerSection{gap:1.25rem;display:grid}.ownerStatGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.ownerStat{background:linear-gradient(165deg,#0c1628,#081121);border:1px solid #94a3b81f;border-radius:14px;gap:.25rem;padding:1rem;display:grid}.ownerStat b{font-size:1.5rem}.ownerStat span{color:#94a3b8;font-size:.78rem}.ownerStat.gold{border-color:#c9a22759}.ownerStat.gold b{color:#e8c547}.statSub{color:#64748b;font-size:.7rem}.barChart{gap:.5rem;display:grid}.barRow{grid-template-columns:70px 1fr 28px;align-items:center;gap:.5rem;font-size:.82rem;display:grid}.barTrack i{background:linear-gradient(90deg,#c9a227,#0ea5e9);border-radius:999px;height:100%;display:block}.signupCol{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.signupCol i{background:linear-gradient(#e8c547,#a67c00);border-radius:4px 4px 0 0;width:100%;max-width:32px;min-height:4px;display:block}.signupCol small{color:#64748b;font-size:.68rem}.ownerGrantForm{background:#c9a2270d;border:1px dashed #c9a22759;border-radius:14px;padding:1rem}.ownerGrantForm h3{margin:0 0 .65rem}.ownerFormRow{flex-wrap:wrap;gap:.5rem;display:flex}.ownerFormRow input,.ownerFormRow select{color:#fff;background:#020817;border:1px solid #94a3b833;border-radius:10px;flex:1;min-width:100px;min-height:42px;padding:0 .65rem}.ownerBtn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.ownerBtn.gold{color:#0a0f1a;background:linear-gradient(135deg,#c9a227,#a67c00)}.ownerBtn.outline{color:#e8c547;background:0 0;border:1px solid #c9a22766}.ownerTableWrap{overflow-x:auto}.ownerTable{border-collapse:collapse;width:100%;font-size:.85rem}.ownerTable th,.ownerTable td{text-align:right;border-bottom:1px solid #94a3b81a;padding:.55rem .65rem}.ownerTable tr.inactive{opacity:.55}.statusTag{text-transform:uppercase;border-radius:999px;padding:.15rem .45rem;font-size:.72rem}.statusTag.active{color:#4ade80;background:#4ade8026}.statusTag.trial{color:#38bdf8;background:#0ea5e926}.statusTag.suspended{color:#f87171;background:#ef444426}.ownerIconBtn{color:#e8c547;cursor:pointer;background:0 0;border:none;padding:.25rem}.ownerPlans{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ownerPlanCard{background:#081121;border:1px solid #94a3b81f;border-radius:14px;padding:1rem}.ownerPlanCard h3{margin:0}.planPrice{color:#e8c547;font-size:1.25rem;font-weight:700}.ownerPlanCard ul{color:#94a3b8;margin:.5rem 0;padding:0;font-size:.85rem;list-style:none}.ownerCouponForm{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ownerCouponForm input{color:#fff;background:#020817;border:1px solid #94a3b833;border-radius:10px;min-height:42px;padding:0 .65rem}.ownerCouponList{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.ownerSettingsForm{gap:.75rem;max-width:480px;display:grid}.ownerSettingsForm label{color:#94a3b8;gap:.3rem;font-size:.85rem;display:grid}.ownerSettingsForm input[type=text],.ownerSettingsForm input[type=number]{color:#fff;background:#020817;border:1px solid #94a3b833;border-radius:10px;min-height:42px;padding:0 .65rem}.ownerToggle{justify-content:space-between;align-items:center;flex-direction:row!important;display:flex!important}.ownerPage{gap:1.25rem;padding-bottom:2rem;display:grid}.ownerPageHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.ownerPageHeader h1{align-items:center;gap:.5rem;margin:.25rem 0 0;font-size:1.6rem;display:flex}.ownerPageBtn{color:#e8c547;cursor:pointer;background:#c9a22726;border:1px solid #c9a22773;border-radius:10px;padding:.5rem 1rem;font-weight:600}.ownerPageBtn:disabled{opacity:.6;cursor:not-allowed}.ownerPageError{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;margin:0;padding:.65rem 1rem}.ownerHealthRow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.ownerHealthCard{background:linear-gradient(165deg,#0c1628,#081121);border:1px solid #94a3b826;border-radius:14px;align-items:center;gap:.75rem;padding:1rem;display:flex}.ownerHealthCard.ok{color:#86efac;border-color:#22c55e59}.ownerHealthCard.bad{color:#fca5a5;border-color:#ef444459}.ownerHealthCard span{color:#94a3b8;font-size:.78rem;display:block}.ownerHealthCard b{font-size:1rem}.ownerTableBlock h2{margin:0 0 .65rem;font-size:1.05rem}.ownerCharts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.ownerChartCard{background:linear-gradient(165deg,#0c1628,#081121);border:1px solid #94a3b81f;border-radius:14px;padding:1rem 1.15rem}.ownerChartCard h3{margin:0 0 .75rem;font-size:1rem}.barRow{grid-template-columns:72px 1fr 28px;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.82rem;display:grid}.barTrack{background:#94a3b81f;border-radius:999px;height:8px;overflow:hidden}.barTrack i{background:linear-gradient(90deg,#c9a227,#e8c547);height:100%;display:block}.signupBars{align-items:flex-end;gap:.35rem;min-height:80px;display:flex}.signupCol{flex:1;justify-items:center;gap:.2rem;display:grid}.signupCol i{background:#c9a2278c;border-radius:4px 4px 0 0;width:100%;max-width:28px;display:block}.onboardingPage{place-items:center;min-height:calc(100vh - 80px);padding:1.5rem;display:grid}.onboardingShell{width:min(1100px,100%)}.onboardingSuccess{text-align:center;background:linear-gradient(165deg,#0c1628,#081121);border:1px solid #c9a22740;border-radius:24px;padding:3rem 1.5rem}.successRing{background:#4ade801f;border:2px solid #4ade8073;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto 1.25rem;animation:.6s successPop;display:grid}.successIcon{color:#4ade80}@keyframes successPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.onboardingSuccess h1{margin:0 0 .5rem;font-size:1.75rem}.trialHighlight{color:#e8c547;background:#c9a22726;border-radius:999px;align-items:center;gap:.4rem;margin-top:.75rem;padding:.45rem .85rem;font-weight:600;display:inline-flex}.onboardingLoader{color:#e8c547;margin-top:1.5rem}.onboardingHead{margin-bottom:1rem}.onboardingCtaBar{border-top:1px solid #94a3b81f;margin-top:1.25rem;padding-top:1rem}.onboardingPrimary{justify-content:center;width:100%}.fullWidth{width:100%}.fadeIn{animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeletonCard{pointer-events:none}.skelLine{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:.5rem;animation:1.2s infinite shimmer}.skelTitle{width:60%;height:18px}.skelPrice{width:45%;height:28px}.skelLine.short{width:70%}.skelBtn{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%;border-radius:10px;height:40px;margin-top:.75rem;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pricingPage .pricingGrid.dashboardPricing{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.pricingError{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.successToast{color:#86efac;background:#4ade801f!important}.smallBtn{min-height:38px;padding:0 .85rem;font-size:.85rem}.onboardingErrors{flex-wrap:wrap;align-items:flex-start;gap:.75rem;display:flex}.onboardingErrors p{margin:.25rem 0}.planGridError,.planGridEmpty{text-align:center;background:#081121cc;border:1px dashed #94a3b840;border-radius:16px;padding:2rem 1rem}.planRetryBtn{min-height:44px;margin-top:.75rem;font-weight:700}.priceCard.featured{border-color:#c9a2278c;transform:scale(1.02);box-shadow:0 0 0 1px #c9a22733,0 12px 40px #c9a22714}.planCta,.planCtaFeatured{cursor:pointer;border:none;width:100%;min-height:44px;margin-top:.75rem;font-weight:700}.planCtaFeatured{color:#0b1220;background:linear-gradient(135deg,#c9a227,#e8c547)}.planCtaFeatured:hover:not(:disabled){filter:brightness(1.05)}.planCta:disabled,.planCtaFeatured:disabled{opacity:.55;cursor:not-allowed}.pricingGrid.dashboardPricing{gap:1.25rem}@media (width<=768px){.priceCard.featured{transform:none}}.apiStatusBar{background:#081121e6;border:1px solid #38bdf840;border-radius:12px;margin-bottom:1rem;padding:.65rem .85rem;font-size:.72rem}.apiStatusRow{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;padding:.2rem 0;display:flex}.apiStatusLabel{color:#64748b;text-transform:uppercase;letter-spacing:.04em;min-width:4.5rem;font-weight:700}.apiStatusValue{color:#7dd3fc;word-break:break-all;font-size:.7rem}.apiStatusOk{color:#4ade80;font-weight:600}.apiStatusFail{color:#f87171;font-weight:600}.apiStatusPending{color:#94a3b8}.apiWarningBox{color:#fcd34d;background:#fbbf2414;border:1px solid #fbbf2459;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem;display:flex}.pricingPage .ctaOutline.smallBtn{color:#e2e8f0;cursor:pointer;background:#0f172af2;border:1px solid #94a3b859}.dashOverview{flex-direction:column;gap:1.25rem;animation:.35s fadeIn;display:flex}.dashHero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.dashHero h2{margin:.15rem 0;font-size:1.65rem}.dashHeroActions{flex-wrap:wrap;gap:.6rem;display:flex}.dashActionBtn{align-items:center;gap:.4rem;min-height:42px;padding:0 1rem;font-weight:600;text-decoration:none;display:inline-flex}.dashOverview .ctaOutline.dashActionBtn{color:#e2e8f0;background:#0f172af2;border:1px solid #38bdf873;box-shadow:0 2px 8px #00000040}.dashOverview .ctaOutline.dashActionBtn:hover{background:#1e293bfa;border-color:#38bdf8b3}.dashOverview .ctaPrimary.dashActionBtn{width:auto;margin-top:0;box-shadow:0 4px 14px #0ea5e959}.dashKpiGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.dashKpi{background:linear-gradient(160deg,#0f1a2e 0%,#081121 100%);border:1px solid #94a3b833;border-radius:14px;align-items:flex-start;gap:.75rem;padding:1rem;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.45s backwards dashFadeUp;display:flex;box-shadow:0 4px 20px #00000040}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashKpiGrid .dashKpi:first-child{animation-delay:20ms}.dashKpiGrid .dashKpi:nth-child(2){animation-delay:50ms}.dashKpiGrid .dashKpi:nth-child(3){animation-delay:80ms}.dashKpiGrid .dashKpi:nth-child(4){animation-delay:.11s}.dashKpi:hover{border-color:#c9a22740;transform:translateY(-2px)}.dashKpiIcon{color:#38bdf8;background:#0ea5e91f;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.dashKpi.online .dashKpiIcon{color:#4ade80;background:#4ade801f}.dashKpi.offline .dashKpiIcon{color:#f87171;background:#f871711f}.dashKpi.alert .dashKpiIcon{color:#fb923c;background:#fb923c1f}.dashKpi.gold .dashKpiIcon{color:#e8c547;background:#c9a22726}.dashKpi.ai .dashKpiIcon{color:#a78bfa;background:#a78bfa1f}.dashKpiLabel{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.72rem}.dashKpiValue{margin:.2rem 0 0;font-size:1.5rem;font-weight:700;line-height:1.1}.dashKpiSub{color:#64748b;font-size:.75rem}.dashMainGrid,.dashSecondaryGrid{gap:1rem;display:grid}.dashMainGrid{grid-template-columns:2fr 1fr 1fr}.dashSecondaryGrid{grid-template-columns:repeat(2,1fr)}.dashPanel{background:#081121;border:1px solid #94a3b81f;border-radius:16px;padding:1rem 1.1rem}.dashPanelHead{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.dashPanelHead h3{align-items:center;gap:.4rem;margin:0;font-size:.95rem;display:flex}.dashLink{color:#38bdf8;font-size:.82rem;font-weight:600;text-decoration:none}.dashLink:hover{text-decoration:underline}.dashChart{align-items:flex-end;gap:.5rem;min-height:140px;padding-top:.5rem;display:flex}.dashChartCol{flex-direction:column;flex:1;align-items:center;gap:.35rem;display:flex}.dashChartBars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:100px;display:flex}.dashChartBar{border-radius:4px 4px 0 0;width:10px;min-height:4px;transition:height .4s}.dashChartBar.events{background:linear-gradient(#38bdf8,#0ea5e9)}.dashChartBar.alerts{background:linear-gradient(#fb923c,#ea580c)}.dashChartCol small{color:#64748b;font-size:.65rem}.dashOnlineRatio{color:#4ade80;font-size:.8rem;font-weight:600}.dashSubCard{background:#0f172a99;border:1px solid #94a3b81a;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem;display:flex}.dashSubCard.trial{color:#e8c547;border-color:#c9a22759}.dashSubCard p{color:#94a3b8;margin:.2rem 0 0;font-size:.85rem}.dashAiStatus{color:#94a3b8;background:#0f172a80;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.dashAiStatus.active{color:#c4b5fd;border:1px solid #a78bfa59}.dashAlertList,.dashTimelineList{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dashAlertItem{background:#0f172a8c;border-inline-start:3px solid #64748b;border-radius:10px;padding:.65rem .75rem}.dashAlertItem.high,.dashAlertItem.critical{border-inline-start-color:#f87171}.dashAlertType{text-transform:uppercase;color:#94a3b8;font-size:.7rem}.dashCamList{flex-direction:column;gap:.45rem;display:flex}.dashCamRow{color:inherit;background:#0f172a73;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem .65rem;text-decoration:none;transition:background .15s;display:flex}.dashCamRow:hover{background:#1e293ba6}.dashCamRow b{font-size:.9rem;display:block}.dashCamRow small{color:#64748b}.dashCamAlerts{color:#fca5a5;background:#f8717126;border-radius:999px;margin-inline-start:auto;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.dashTimelineList li{border-bottom:1px solid #94a3b814;align-items:flex-start;gap:.65rem;padding:.4rem 0;display:flex}.dashTimelineDot{background:#38bdf8;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.35rem}.dashQuickGrid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.dashQuickBtn{color:#f1f5f9;background:#1e293b;border:1px solid #94a3b847;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex;box-shadow:0 2px 8px #0003}.dashQuickBtn:active{transform:scale(.98)}.dashQuickBtn:hover{background:#334155b3;border-color:#38bdf859}.dashQuickBtn.gold{color:#e8c547;border-color:#c9a22759}.dashEmpty{text-align:center;padding:1rem 0}@media (width<=1100px){.dashMainGrid,.dashSecondaryGrid{grid-template-columns:1fr}}@media (width<=640px){.dashKpiGrid{grid-template-columns:repeat(2,1fr)}.dashKpiValue{font-size:1.25rem}.dashHero{flex-direction:column;align-items:stretch}.dashHeroActions{flex-direction:column}.dashHeroActions .dashActionBtn{justify-content:center;width:100%}}.systemHealthPanel{background:#081121d9;border:1px solid #38bdf838;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem}.systemHealthPanel.compact{padding:.5rem .75rem}.systemHealthHead{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.healthPill{border-radius:999px;align-items:center;gap:.25rem;margin-inline-start:auto;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.healthPill.ok{color:#4ade80;background:#4ade8026}.healthPill.fail{color:#f87171;background:#f8717126}.systemHealthMeta{color:#94a3b8;flex-wrap:wrap;gap:.35rem;margin-top:.35rem;font-size:.72rem;display:flex}.systemHealthLogs{color:#64748b;max-height:88px;margin-top:.5rem;font-family:ui-monospace,monospace;font-size:.68rem;overflow-y:auto}.systemHealthLogLine{padding:.1rem 0}.errorBoundary{text-align:center;color:#f87171;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}.appLoading{color:#38bdf8;place-items:center;min-height:100vh;font-weight:600;display:grid}