.login-page{box-sizing:border-box;background:#0f1720;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{box-sizing:border-box;background:#fff;border-radius:10px;width:360px;padding:28px 35px 35px;box-shadow:0 10px 30px #00000040}.login-logo{object-fit:contain;width:190px;max-width:75%;height:auto;margin:0 auto 25px;display:block}.login-card input{box-sizing:border-box;width:100%;margin-bottom:15px;padding:12px;font-size:16px}.login-card button{cursor:pointer;width:100%;padding:12px;font-size:16px}.login-card button:disabled{cursor:not-allowed;opacity:.7}.error{color:red;text-align:center;margin-top:15px;margin-bottom:0}.sidebar{color:#fff;background:#111827;border-right:1px solid #1f2937;flex-direction:column;width:250px;height:100vh;display:flex}.sidebar-brand{border-bottom:1px solid #1f2937;align-items:center;gap:12px;padding:24px;display:flex}.sidebar-logo{background:#1f2937;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.sidebar-brand strong{font-size:18px;display:block}.sidebar-brand span{color:#9ca3af;font-size:13px}.sidebar-menu{flex-direction:column;gap:6px;padding:12px;display:flex}.sidebar-item{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover,.sidebar-item.active{background:#1f2937}.sidebar-logo{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:48px;display:flex}.sidebar-logo img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-logo{box-sizing:border-box;border-radius:8px;padding:3px;overflow:hidden;background:#fff!important}.sidebar-logo img{object-fit:contain;width:100%;height:100%}.stat-card{background:#111827;border:1px solid #1f2937;border-radius:14px;align-items:center;gap:16px;min-height:120px;padding:22px;transition:transform .2s,border-color .2s;display:flex}.stat-card:hover{border-color:#374151;transform:translateY(-2px)}.stat-card-icon{background:#1f2937;border-radius:12px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.stat-card-info{flex-direction:column;gap:5px;display:flex}.stat-card-info span{color:#9ca3af;font-size:14px}.stat-card-info strong{color:#f9fafb;font-size:30px;line-height:1}.stat-card-online .stat-card-icon{color:#4ade80;background:#22c55e26}.stat-card-offline .stat-card-icon{color:#f87171;background:#ef444426}.stat-card-cameras .stat-card-icon{color:#60a5fa;background:#3b82f626}.stat-card-units .stat-card-icon{color:#c084fc;background:#a855f726}.dashboard-layout{color:#f9fafb;background:#0b1120;min-height:100vh;display:flex}.dashboard-content{flex:1;min-width:0;padding:24px}.dashboard-header{background:#111827;border:1px solid #1f2937;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex}.dashboard-header h1{color:#f9fafb;margin:0 0 6px;font-size:30px}.dashboard-header p{color:#9ca3af;margin:0}.dashboard-user{align-items:center;gap:18px;display:flex}.dashboard-user div{text-align:right;flex-direction:column;display:flex}.dashboard-user strong{color:#f9fafb}.dashboard-user span{color:#9ca3af;text-transform:uppercase;margin-top:3px;font-size:13px}.dashboard-user button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:10px 16px}.dashboard-user button:hover{background:#374151}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.units-panel{background:#111827;border:1px solid #1f2937;border-radius:14px;margin-top:24px;overflow:hidden}.units-panel-header{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.units-panel-header h2{color:#f9fafb;margin:0 0 6px}.units-panel-header p{color:#9ca3af;margin:0}.refresh-button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.refresh-button:hover:not(:disabled){background:#374151}.refresh-button:disabled{opacity:.6;cursor:wait}.units-table-wrapper{overflow-x:auto}.units-table{border-collapse:collapse;width:100%}.units-table th,.units-table td{text-align:left;border-bottom:1px solid #1f2937;padding:16px 24px}.units-table th{color:#9ca3af;text-transform:uppercase;font-size:13px;font-weight:600}.units-table td{color:#e5e7eb}.units-table tbody tr:hover{background:#ffffff06}.units-table tbody tr:last-child td{border-bottom:0}.units-message{color:#cbd5e1;padding:30px 24px}.units-error{color:#fca5a5}.status-badge{border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.status-badge.online{color:#4ade80;background:#22c55e1f}.status-badge.offline{color:#f87171;background:#ef44441f}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.dashboard-layout{display:block}.sidebar{width:100%;height:auto}.dashboard-content{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-user{justify-content:space-between;width:100%}.dashboard-stats{grid-template-columns:1fr}.units-panel-header{flex-direction:column;align-items:flex-start}.units-table th,.units-table td{padding:14px 16px}}.unit-row{cursor:pointer}.unit-row:hover{background:#3b82f614}.selected-unit{background:#0f172a;border-top:1px solid #1f2937;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.selected-unit span{color:#9ca3af;font-size:13px}.selected-unit h3{color:#f9fafb;margin:6px 0;font-size:22px}.selected-unit p{color:#cbd5e1;margin:5px 0 0}.selected-unit button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:9px 14px}.selected-unit button:hover{background:#374151}.camera-card{background:#000;width:100%;overflow:hidden}.camera-card-header{background:#0f192b;border-bottom:1px solid #1d293b;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 17px;display:flex}.camera-card-header h3{color:#f8fafc;margin:4px 0 0;font-size:16px}.camera-status{color:#fbbf24;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.camera-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.camera-status.online{color:#4ade80}.camera-actions{gap:8px;display:flex}.camera-actions button{color:#e2e8f0;cursor:pointer;background:#172033;border:1px solid #334155;border-radius:9px;outline:none;place-items:center;width:38px;height:38px;font-size:17px;transition:background .18s,border-color .18s,transform .18s;display:grid}.camera-actions button:hover:not(:disabled){background:#1e3a5f;border-color:#3b82f6;transform:translateY(-1px)}.camera-actions button:disabled{opacity:.35;cursor:not-allowed}.camera-video-wrapper{aspect-ratio:16/9;background:radial-gradient(circle,#101827,#000 72%);width:100%;position:relative;overflow:hidden}.camera-video-wrapper video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.camera-no-stream{color:#64748b;text-align:center;place-content:center;justify-items:center;gap:11px;width:100%;height:100%;display:grid}.camera-no-stream svg{font-size:42px}.camera-card-footer{color:#94a3b8;background:#0b1323;border-top:1px solid #1d293b;padding:10px 17px;font-size:12px;font-weight:600}.camera-main-player .camera-card-header,.camera-main-player .camera-card-footer{display:none}.camera-main-player .camera-video-wrapper{aspect-ratio:16/9;min-height:430px;max-height:calc(100vh - 315px)}@media (width<=1000px){.camera-main-player .camera-video-wrapper{min-height:0;max-height:none}}.camera-card{background:#000;width:100%;height:100%;overflow:hidden}.camera-card-player{background:#000;width:100%;height:min(62vh,620px);min-height:380px;position:relative;overflow:hidden}.camera-card-player video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.camera-card-overlay{color:#fff;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.camera-card-overlay svg{width:34px;height:34px}.camera-card-status{z-index:3;position:absolute;top:14px;left:14px}.camera-card-player video{-webkit-user-select:none;user-select:none;outline:none}.camera-card-player video::-webkit-media-controls{display:none!important}.camera-card-player video::-webkit-media-controls-enclosure{display:none!important}.camera-card-player video::-webkit-media-controls-panel{display:none!important}.camera-card-status{color:#cbd5e1;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020812d1;border:1px solid #94a3b852;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.camera-card-status.online{color:#55ff73;text-shadow:0 0 5px #55ff73,0 0 13px #55ff73b8;background:#001608e0;border-color:#43ff68cc;box-shadow:0 0 8px #43ff689e,0 0 24px #43ff683b,inset 0 0 12px #43ff681a}.camera-card-status.online:before{content:"";background:#55ff73;border-radius:50%;flex:none;width:9px;height:9px;animation:1.35s ease-in-out infinite camera-live-neon-pulse;box-shadow:0 0 7px #55ff73,0 0 16px #55ff73f2}@keyframes camera-live-neon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.74)}}.camera-vms-footer{background:linear-gradient(#0e1c30fa,#081322fa);border-top:1px solid #21314a;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:10px 16px;display:flex}.camera-vms-footer-info{align-items:center;gap:22px;min-width:0;display:flex}.camera-vms-footer-channel{color:#e5eefc;align-items:center;gap:10px;display:flex}.camera-vms-footer-channel>svg{color:#3b82f6;font-size:21px}.camera-vms-footer-channel div{flex-direction:column;gap:2px;display:flex}.camera-vms-footer-channel strong{font-size:13px}.camera-vms-footer-channel span{color:#8294af;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.camera-vms-health{color:#94a3b8;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.camera-vms-health>span{background:#64748b;border-radius:50%;flex:none;width:8px;height:8px}.camera-vms-health.online{color:#75ff8c}.camera-vms-health.online>span{background:#55ff73;box-shadow:0 0 7px #55ff73,0 0 14px #55ff73b8}.camera-vms-protocol{color:#7f93b0;letter-spacing:.1em;border-left:1px solid #2a3a54;padding-left:20px;font-size:10px;font-weight:900}.camera-vms-footer-actions{align-items:center;gap:9px;display:flex}.camera-vms-footer-actions button{color:#dbeafe;cursor:pointer;background:#13233a;border:1px solid #334866;border-radius:9px;outline:none;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:11px;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.camera-vms-footer-actions button:hover:not(:disabled){background:#193253;border-color:#3b82f6;transform:translateY(-1px)}.camera-vms-footer-actions button:disabled{opacity:.38;cursor:not-allowed}.camera-card:fullscreen{background:#000;flex-direction:column;width:100vw;height:100vh;display:flex}.camera-card:fullscreen .camera-card-player{flex:1;height:auto;min-height:0}.camera-card:fullscreen .camera-vms-footer{flex:none}@media (width<=850px){.camera-vms-footer{flex-direction:column;align-items:flex-start}.camera-vms-footer-info{flex-wrap:wrap;gap:13px;width:100%}.camera-vms-footer-actions{width:100%}.camera-vms-footer-actions button{flex:1}}.camera-card-status.online{display:none!important}.camera-card-player{height:min(69vh,700px);min-height:430px}.camera-card-player video{object-fit:contain;background:#000;width:100%;height:100%}@media (width<=1100px){.camera-card-player{height:min(65vh,640px);min-height:390px}}@media (width<=700px){.camera-card-player{height:56vh;min-height:320px}}.camera-card{position:relative}.camera-card-player{touch-action:none}.camera-card-player video{transform-origin:50%;will-change:transform;transition:transform .12s ease-out}.camera-card-player video:active{transition:none}.camera-snapshot-toast{z-index:30;color:#75ff8c;opacity:0;pointer-events:none;background:#001a0af0;border:1px solid #55ff73b8;border-radius:10px;max-width:calc(100% - 40px);padding:12px 16px;font-size:12px;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:20px;right:20px;transform:translateY(-10px);box-shadow:0 0 10px #55ff7373,0 0 28px #55ff7329}.camera-snapshot-toast.is-visible{opacity:1;transform:translateY(0)}.camera-card:after{z-index:25;content:"";pointer-events:none;background:#fff0;position:absolute;inset:0}.camera-card.camera-snapshot-flash:after{animation:.24s ease-out camera-snapshot-flash}@keyframes camera-snapshot-flash{0%{background:#fff0}25%{background:#ffffffad}to{background:#fff0}}.google-gps-map-shell{background:#07101c;width:100%;height:100%;min-height:600px;position:relative;overflow:hidden}.google-gps-map{width:100%;height:100%;min-height:600px}.google-gps-map-message{z-index:20;color:#fff;text-align:center;background:#08111ff0;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:min(320px,100% - 30px);padding:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.google-gps-map-message span{font-size:30px}.google-gps-map-message.is-error{color:#fecaca;border-color:#ef44448c}.google-gps-marker{flex-direction:column;align-items:center;display:flex;position:relative;transform:translateY(3px)}.google-gps-marker-pin{background:var(--marker-background,#246af2);border:3px solid #fff;border-radius:50% 50% 50% 7px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-45deg);box-shadow:0 5px 15px #0000006b}.google-gps-marker-pin span{color:#fff;font-size:18px;font-weight:900;transform:rotate(45deg)}.google-gps-marker-label{color:#172033;text-overflow:ellipsis;white-space:nowrap;background:#fffffff5;border:1px solid #00000024;border-radius:999px;max-width:140px;margin-top:7px;padding:4px 8px;font-size:10px;font-weight:800;overflow:hidden;box-shadow:0 3px 9px #00000038}.google-gps-info{color:#172033;flex-direction:column;gap:5px;min-width:180px;padding:3px;display:flex}.google-gps-info strong{margin-bottom:3px;font-size:14px}.google-gps-info span{font-size:11px}@media (width<=850px){.google-gps-map-shell,.google-gps-map{min-height:520px}}@media (width<=560px){.google-gps-map-shell,.google-gps-map{min-height:450px}}.cameras-layout{color:#f8fafc;background:radial-gradient(circle at 100% 0,#2563eb14,#0000 32%),#070d19;min-height:100vh;display:flex}.cameras-content{flex:1;min-width:0;padding:24px;overflow-x:hidden}.cameras-header{background:#0f172adb;border:1px solid #1d293b;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:22px 26px;display:flex;box-shadow:0 16px 45px #0000002e}.cameras-eyebrow{color:#3b82f6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.cameras-header h1{margin:0 0 6px;font-size:clamp(25px,3vw,34px);line-height:1.15}.cameras-header p{color:#94a3b8;margin:0;font-size:14px}.cameras-user{align-items:center;gap:16px;display:flex}.cameras-user>div{text-align:right;flex-direction:column;display:flex}.cameras-user strong{font-size:14px}.cameras-user span{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-size:11px}.cameras-user button,.activate-cameras-button{color:#f8fafc;cursor:pointer;background:#172033;border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 17px;font-family:inherit;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.cameras-user button:hover,.activate-cameras-button:hover:not(:disabled){background:#1e293b;border-color:#3b82f6;transform:translateY(-1px)}.activate-cameras-button{background:#2563eb;border-color:#2563eb}.activate-cameras-button:hover:not(:disabled){background:#1d4ed8}.activate-cameras-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.camera-toolbar{background:#0f172ae0;border:1px solid #1d293b;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:18px;padding:18px 20px;display:flex}.camera-unit-selector{flex-direction:column;gap:8px;width:min(360px,100%);display:flex}.camera-unit-selector label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.camera-unit-selector select{color:#f8fafc;cursor:pointer;background:#0b1323;border:1px solid #334155;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 42px 10px 13px;font-family:inherit;font-size:14px}.camera-unit-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f621}.selected-camera-unit{background:linear-gradient(135deg,#1e293be6,#0f172af5);border:1px solid #1d293b;border-radius:16px;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(140px,.65fr));gap:0;margin-top:18px;display:grid;overflow:hidden}.selected-camera-unit>div{flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:20px 22px;display:flex}.selected-camera-unit>div+div{border-left:1px solid #1d293b}.selected-camera-unit span{color:#94a3b8;font-size:12px;font-weight:600}.selected-camera-unit h2,.selected-camera-unit strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.selected-camera-unit h2{font-size:23px}.selected-camera-unit strong{font-size:14px}.camera-monitor{background:#0e1728;border:1px solid #1d293b;border-radius:16px;margin-top:18px;overflow:hidden;box-shadow:0 18px 55px #0000003d}.camera-monitor-topbar{background:#111b2d;border-bottom:1px solid #1d293b;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:14px 18px;display:flex}.camera-monitor-title{align-items:center;gap:13px;min-width:0;display:flex}.camera-monitor-title>svg{color:#3b82f6;flex:none;font-size:23px}.camera-monitor-title span{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.camera-monitor-title h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.camera-channel-counter{color:#cbd5e1;background:#0b1323;border:1px solid #334155;border-radius:999px;flex:none;padding:7px 11px;font-size:12px;font-weight:700}.camera-main-player{background:#000;width:100%}.camera-main-player .camera-card{box-shadow:none;border:0;border-radius:0}.camera-channel-controls{background:#111b2d;border-top:1px solid #1d293b;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:14px 16px;display:grid}.camera-channel-selector{scrollbar-width:thin;scrollbar-color:#334155 transparent;justify-content:center;align-items:stretch;gap:9px;min-width:0;padding:2px;display:flex;overflow-x:auto}.camera-channel-selector::-webkit-scrollbar{height:5px}.camera-channel-selector::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}.camera-channel-button,.camera-channel-arrow{color:#cbd5e1;cursor:pointer;background:#0b1323;border:1px solid #334155;outline:none;font-family:inherit;transition:border-color .18s,background .18s,color .18s,transform .18s}.camera-channel-button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:122px;min-height:43px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.camera-channel-button svg{font-size:17px}.camera-channel-button:hover,.camera-channel-arrow:hover:not(:disabled){color:#fff;background:#172554;border-color:#3b82f6;transform:translateY(-1px)}.camera-channel-button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;box-shadow:0 8px 24px #2563eb40}.camera-channel-arrow{border-radius:10px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.camera-channel-arrow:disabled{opacity:.3;cursor:not-allowed;transform:none}.cameras-message,.cameras-empty{background:#0f172a;border:1px solid #1d293b;border-radius:14px;margin-top:18px;padding:28px}.cameras-error{color:#fca5a5;background:#7f1d1d29;border-color:#ef444466}.cameras-empty{text-align:center;color:#94a3b8;align-content:center;place-items:center;gap:8px;min-height:250px;display:grid}.cameras-empty svg{color:#475569;font-size:44px}.cameras-empty h2{color:#f8fafc;margin:6px 0 0}.cameras-empty p{max-width:460px;margin:0;line-height:1.6}@keyframes cameras-spin{to{transform:rotate(360deg)}}@media (width<=1150px){.selected-camera-unit{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-camera-unit>div+div{border-left:0}.selected-camera-unit>div:nth-child(2n){border-left:1px solid #1d293b}.selected-camera-unit>div:nth-child(n+3){border-top:1px solid #1d293b}}@media (width<=850px){.cameras-header{flex-direction:column;align-items:flex-start}.cameras-user{justify-content:space-between;width:100%}.cameras-user>div{text-align:left}.camera-toolbar{flex-direction:column;align-items:stretch}.camera-unit-selector,.activate-cameras-button{width:100%}.camera-channel-controls{grid-template-columns:36px minmax(0,1fr) 36px;gap:7px;padding:11px 9px}.camera-channel-arrow{width:36px;height:40px}.camera-channel-button{min-width:105px}}@media (width<=760px){.cameras-layout{display:block}.cameras-content{padding:13px}.selected-camera-unit{grid-template-columns:1fr}.selected-camera-unit>div,.selected-camera-unit>div:nth-child(2n){border-left:0}.selected-camera-unit>div+div{border-top:1px solid #1d293b}.camera-monitor-topbar{flex-direction:column;align-items:flex-start}.camera-channel-counter{align-self:flex-start}}@media (width<=480px){.cameras-header,.camera-toolbar{padding:17px}.cameras-user{flex-direction:column;align-items:stretch}.cameras-user button{width:100%}.camera-channel-button{min-width:94px;padding-inline:10px}}.camera-monitor{width:100%;max-width:1500px;margin-left:auto;margin-right:auto}.camera-main-player{background:#000;width:100%;position:relative}.camera-main-player .camera-video-wrapper{aspect-ratio:auto;width:100%;height:clamp(420px,66vh,720px);min-height:0;max-height:none}.camera-main-player .camera-video-wrapper video{object-fit:contain;object-position:center;width:100%;height:100%}.camera-monitor-topbar{min-height:72px}.selected-camera-unit,.camera-toolbar{max-width:1500px;margin-left:auto;margin-right:auto}@media (width<=900px){.camera-main-player .camera-video-wrapper{aspect-ratio:16/9;height:auto}}.camera-live-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:11px;display:flex}.camera-live-badge{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 13px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.camera-live-badge span{border-radius:50%;flex:none;width:8px;height:8px}.camera-live-badge.online{color:#58ff77;text-shadow:0 0 5px #58ff77,0 0 12px #58ff77a6;background:#001608e6;border-color:#4bff6fc7;box-shadow:0 0 8px #4bff6f85,0 0 22px #4bff6f2e}.camera-live-badge.online span{background:#58ff77;animation:1.35s ease-in-out infinite camera-vms-live-pulse;box-shadow:0 0 7px #58ff77,0 0 15px #58ff77eb}.camera-live-badge.connecting{color:#fde047;background:#1e1700e6;border-color:#facc15a6}.camera-live-badge.connecting span{background:#fde047;animation:.9s ease-in-out infinite camera-vms-live-pulse;box-shadow:0 0 10px #fde047e6}.camera-live-badge.offline{color:#fca5a5;background:#230505e0;border-color:#f871718c}.camera-live-badge.offline span{background:#f87171}.camera-live-clock{color:#dbeafe;letter-spacing:.05em;background:#0b1829e0;border:1px solid #3d5578b8;border-radius:8px;align-items:center;min-height:34px;padding:0 12px;font-family:monospace;font-size:13px;font-weight:800;display:inline-flex}.camera-live-toolbar .camera-channel-counter{align-items:center;min-height:34px;padding:0 12px;display:inline-flex}@keyframes camera-vms-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.74)}}@media (width<=850px){.camera-monitor-topbar{align-items:flex-start;gap:14px}.camera-live-toolbar{justify-content:flex-start;width:100%}}.camera-vms-meta-bar{background:linear-gradient(#0e1c30fa,#081322fa);border-top:1px solid #21314a;border-bottom:1px solid #1a2940;justify-content:space-between;align-items:center;gap:18px;min-height:62px;padding:10px 16px;display:flex}.camera-vms-meta-left{align-items:center;gap:22px;min-width:0;display:flex}.camera-vms-meta-unit{color:#e5eefc;align-items:center;gap:10px;display:flex}.camera-vms-meta-unit>svg{color:#3b82f6;flex:none;font-size:21px}.camera-vms-meta-unit>div{flex-direction:column;gap:2px;display:flex}.camera-vms-meta-unit strong{font-size:13px}.camera-vms-meta-unit span{color:#8294af;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.camera-vms-meta-status{color:#94a3b8;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.camera-vms-meta-status>span{background:#64748b;border-radius:50%;flex:none;width:8px;height:8px}.camera-vms-meta-status.online{color:#75ff8c}.camera-vms-meta-status.online>span{background:#55ff73;box-shadow:0 0 7px #55ff73,0 0 14px #55ff73b8}.camera-vms-meta-status.connecting{color:#fde047}.camera-vms-meta-status.connecting>span{background:#fde047;box-shadow:0 0 10px #fde047bf}.camera-vms-meta-status.offline{color:#fca5a5}.camera-vms-meta-status.offline>span{background:#f87171}.camera-vms-meta-protocol{color:#7f93b0;letter-spacing:.1em;border-left:1px solid #2a3a54;padding-left:20px;font-size:10px;font-weight:900}.camera-vms-meta-right{color:#aebed4;background:#102037;border:1px solid #293d5c;border-radius:8px;flex:none;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=850px){.camera-vms-meta-bar{flex-direction:column;align-items:flex-start}.camera-vms-meta-left{flex-wrap:wrap;gap:13px;width:100%}.camera-vms-meta-right{justify-content:center;width:100%}}.camera-vms-meta-actions{align-items:center;gap:10px;display:flex}.camera-vms-snapshot-button{color:#dbeafe;cursor:pointer;background:#132842;border:1px solid #315078;border-radius:8px;min-height:34px;padding:0 13px;font-size:11px;font-weight:800}.camera-vms-snapshot-button:hover:not(:disabled){background:#1a3659;border-color:#3b82f6}.camera-vms-snapshot-button:disabled{opacity:.4;cursor:not-allowed}.camera-vms-location-button{color:#99f6e4;cursor:pointer;background:#082f2bd1;border:1px solid #2dd4bf8c;border-radius:8px;min-height:34px;padding:0 13px;font-size:11px;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.camera-vms-location-button:hover:not(:disabled){background:#0d4e46eb;border-color:#2dd4bf;transform:translateY(-1px)}.camera-vms-location-button:disabled{opacity:.4;cursor:not-allowed}.camera-mini-map-section{background:#0b1728;border:1px solid #263b59;border-radius:14px;margin:16px 0;overflow:hidden;box-shadow:0 18px 38px #00000038}.camera-mini-map-header{background:linear-gradient(#142741fa,#0c1b2ffa);border-bottom:1px solid #21344e;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.camera-mini-map-header>div{flex-direction:column;gap:3px;display:flex}.camera-mini-map-header span{color:#7187a5;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:900}.camera-mini-map-header h3{color:#e7effb;margin:0;font-size:17px}.camera-mini-map-header button{color:#99f6e4;cursor:pointer;background:#083d38d9;border:1px solid #2dd4bf94;border-radius:9px;min-height:38px;padding:0 14px;font-size:11px;font-weight:900}.camera-mini-map-header button:hover{background:#0d5c53f0;border-color:#2dd4bf}.camera-mini-map-summary{background:#21344e;border-bottom:1px solid #21344e;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.camera-mini-map-summary article{background:#0e1e33;flex-direction:column;gap:5px;min-width:0;padding:12px 15px;display:flex}.camera-mini-map-summary span{color:#7287a5;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.camera-mini-map-summary strong{color:#dce8f8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.camera-mini-map-online{color:#64ff83!important}.camera-mini-map-offline{color:#fca5a5!important}.camera-mini-map-canvas{background:#081321;height:310px;min-height:310px;position:relative;overflow:hidden}.camera-mini-map-canvas>*{width:100%!important;height:100%!important;min-height:310px!important}.camera-mini-map-canvas>*>*{min-height:310px}.camera-mini-map-empty{color:#8ba0bd;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:310px;padding:30px;display:flex}.camera-mini-map-empty>span{font-size:32px}.camera-mini-map-empty strong{color:#dce8f8;font-size:15px}.camera-mini-map-empty p{margin:0;font-size:12px}@media (width<=850px){.camera-mini-map-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-mini-map-header{flex-direction:column;align-items:flex-start}.camera-mini-map-header button{width:100%}}@media (width<=520px){.camera-mini-map-summary{grid-template-columns:1fr}.camera-mini-map-canvas,.camera-mini-map-canvas>*,.camera-mini-map-empty{height:260px;min-height:260px!important}}.camera-monitor{overflow:hidden}.camera-integrated-gps{background:#081525;border:1px solid #253a57;border-left:0;border-right:0;border-radius:0;margin:0;overflow:hidden}.camera-integrated-gps-bar{background:linear-gradient(#10223a 0%,#0b1a2d 100%);border-bottom:1px solid #223650;grid-template-columns:minmax(155px,.8fr) minmax(420px,2fr) auto;align-items:center;gap:18px;min-height:58px;padding:8px 14px;display:grid}.camera-integrated-gps-identity{align-items:center;gap:9px;min-width:0;display:flex}.camera-integrated-gps-pin{font-size:17px}.camera-integrated-gps-identity>div{flex-direction:column;gap:2px;min-width:0;display:flex}.camera-integrated-gps-identity strong{color:#edf5ff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.camera-integrated-gps-identity span:not(.camera-integrated-gps-pin){color:#7088a7;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.camera-integrated-gps-data{border-left:1px solid #263c59;border-right:1px solid #263c59;grid-template-columns:repeat(4,minmax(85px,1fr));align-items:center;min-width:0;display:grid}.camera-integrated-gps-data>div{flex-direction:column;gap:3px;min-width:0;padding:2px 14px;display:flex}.camera-integrated-gps-data span{color:#6f86a6;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.camera-integrated-gps-data strong{color:#dce8f7;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.camera-integrated-gps-online{color:#62ff82!important}.camera-integrated-gps-offline{color:#fca5a5!important}.camera-integrated-gps-open{color:#99f6e4;white-space:nowrap;cursor:pointer;background:#083d38e0;border:1px solid #2dd4bf94;border-radius:8px;min-height:34px;padding:0 13px;font-size:10px;font-weight:900}.camera-integrated-gps-open:hover{background:#0d5c53f2;border-color:#2dd4bf}.camera-integrated-gps-map{background:#07111e;width:100%;height:260px;min-height:260px;position:relative;overflow:hidden}.camera-integrated-gps-map>*{border:0!important;border-radius:0!important;width:100%!important;height:100%!important;min-height:260px!important}.camera-integrated-gps-map>*>*{border-radius:0!important;min-height:260px!important}.camera-integrated-gps-map .google-gps-marker,.camera-integrated-gps-map .google-gps-marker-pin{animation:none!important}.camera-integrated-gps-empty{color:#8095b2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;height:100%;min-height:260px;padding:24px;display:flex}.camera-integrated-gps-empty>span{font-size:28px}.camera-integrated-gps-empty strong{color:#dce8f7;font-size:14px}.camera-integrated-gps-empty p{margin:0;font-size:11px}.camera-integrated-gps+.camera-channel-controls{border-top:0}.camera-mini-map-section{display:none!important}@media (width<=1050px){.camera-integrated-gps-bar{grid-template-columns:1fr auto}.camera-integrated-gps-data{border-left:0;border-right:0;grid-area:2/1/auto/-1}}@media (width<=700px){.camera-integrated-gps-bar{flex-direction:column;align-items:stretch;gap:10px;display:flex}.camera-integrated-gps-data{border-top:1px solid #263c59;border-bottom:1px solid #263c59;grid-template-columns:repeat(2,minmax(0,1fr))}.camera-integrated-gps-data>div{padding:8px}.camera-integrated-gps-open{width:100%}.camera-integrated-gps-map,.camera-integrated-gps-map>*,.camera-integrated-gps-empty{height:230px;min-height:230px!important}}@media (width<=1000px){.users-grid{grid-template-columns:1fr}}@media (width<=760px){.users-layout{display:block}.sidebar{width:100%;height:auto}.users-content{padding:16px}.users-header{flex-direction:column;align-items:flex-start}}@media (width<=700px){.users-modal-actions{flex-direction:column-reverse}.modal-secondary-button,.modal-primary-button{width:100%}}@media (width<=650px){.devices-toolbar{flex-direction:column;align-items:flex-start}.devices-toolbar>div{flex-wrap:wrap;width:100%}.devices-list{grid-template-columns:1fr}}.users-layout{color:#f9fafb;background:#0b1120;min-height:100vh;display:flex}.users-content{flex:1;min-width:0;padding:24px}.users-header{background:#111827;border:1px solid #1f2937;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;display:flex}.users-header h1{margin:0 0 6px;font-size:30px}.users-header p{color:#9ca3af;margin:0}.users-current{align-items:center;gap:18px;display:flex}.users-current div{text-align:right;flex-direction:column;display:flex}.users-current span{color:#9ca3af;text-transform:uppercase;margin-top:3px;font-size:13px}.users-current button,.reload-users-button,.create-user-button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.users-current button:hover,.reload-users-button:hover:not(:disabled),.create-user-button:hover:not(:disabled){background:#374151}.users-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;margin-top:24px;display:grid}.users-card{background:#111827;border:1px solid #1f2937;border-radius:14px;overflow:hidden}.users-card-title{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.users-card-title h2{margin:0 0 5px}.users-card-title p{color:#9ca3af;margin:0}.users-card-title>svg{color:#60a5fa;font-size:26px}.users-form{flex-direction:column;padding:24px;display:flex}.users-form label{color:#cbd5e1;margin:0 0 6px;font-size:13px}.users-form input,.users-form select{color:#fff;background:#0f172a;border:1px solid #374151;border-radius:8px;width:100%;margin-bottom:17px;padding:11px 12px}.create-user-button{background:#2563eb;border-color:#2563eb;width:100%;margin-top:4px}.create-user-button:hover:not(:disabled){background:#1d4ed8}.create-user-button:disabled,.reload-users-button:disabled{opacity:.6;cursor:wait}.users-alert{border-radius:8px;margin-bottom:16px;padding:11px 12px;font-size:14px}.users-alert.error{color:#fca5a5;background:#ef44441f}.users-alert.success{color:#86efac;background:#22c55e1f}.users-message{color:#cbd5e1;padding:28px 24px}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #1f2937;padding:16px 20px}.users-table th{color:#9ca3af;text-transform:uppercase;font-size:12px}.users-table tbody tr:last-child td{border-bottom:0}.user-status{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.user-status.active{color:#4ade80;background:#22c55e1f}.user-status.inactive{color:#f87171;background:#ef44441f}.spinning{animation:.8s linear infinite spin}@media (width<=1000px){.users-grid{grid-template-columns:1fr}}@media (width<=760px){.users-layout{display:block}.sidebar{width:100%;height:auto}.users-content{padding:16px}.users-header{flex-direction:column;align-items:flex-start}}.user-actions{gap:8px;display:flex}.action-button{color:#fff;cursor:pointer;background:#20283b;border:none;border-radius:8px;width:34px;height:34px;transition:all .2s}.action-button:hover{background:#315efb}.users-global-alert{border:1px solid #0000;border-radius:10px;margin:16px 0;padding:12px 16px;font-size:14px}.users-global-alert.success{color:#4ade80;background:#22c55e1f;border-color:#22c55e38}.users-global-alert.error{color:#fca5a5;background:#ef44441f;border-color:#ef444438}.user-actions{align-items:center;gap:8px;display:flex}.action-button{color:#e2e8f0;cursor:pointer;background:#202a3f;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.action-button:hover:not(:disabled){background:#2f65e8;transform:translateY(-1px)}.action-button.danger:hover:not(:disabled){color:#fecaca;background:#ef444433;border-color:#ef444473}.action-button.activate:hover:not(:disabled){color:#86efac;background:#22c55e2e;border-color:#22c55e66}.action-button:disabled{cursor:not-allowed;opacity:.5}.users-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.users-modal{background:#111a2b;border:1px solid #29364c;border-radius:16px;width:min(100%,470px);overflow:hidden;box-shadow:0 24px 70px #00000073}.users-modal-header{border-bottom:1px solid #263248;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.users-modal-header h2{color:#fff;margin:0;font-size:22px}.users-modal-header p{color:#8da2c0;margin:5px 0 0;font-size:13px;font-weight:600}.modal-close-button{color:#dbeafe;cursor:pointer;background:#1b2639;border:1px solid #33415b;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.modal-close-button:hover{background:#26344d}.users-modal-form{flex-direction:column;gap:9px;padding:24px;display:flex}.users-modal-form label{color:#dbeafe;margin-top:8px;font-size:13px}.users-modal-form input,.users-modal-form select{color:#fff;background:#101827;border:1px solid #35435d;border-radius:9px;outline:none;width:100%;min-height:43px;padding:0 13px}.users-modal-form input:focus,.users-modal-form select:focus{border-color:#3971ef;box-shadow:0 0 0 3px #3971ef24}.users-modal-form input:disabled{color:#7f91aa;cursor:not-allowed;background:#0d1421}.active-checkbox{cursor:pointer;align-items:center;gap:10px;display:flex;margin-top:14px!important}.active-checkbox input{accent-color:#2f68ed;width:18px;min-height:18px;margin:0}.users-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-secondary-button,.modal-primary-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;display:inline-flex}.modal-secondary-button{color:#d7e1f0;background:#1a2436;border:1px solid #34425c}.modal-primary-button{color:#fff;background:#2f68ed;border:1px solid #326bec}.modal-primary-button:hover:not(:disabled){background:#245bd6}.modal-secondary-button:hover:not(:disabled){background:#253149}.modal-primary-button:disabled,.modal-secondary-button:disabled{cursor:not-allowed;opacity:.6}@media (width<=700px){.users-modal-actions{flex-direction:column-reverse}.modal-secondary-button,.modal-primary-button{width:100%}}.action-button.units{color:#2563eb}.action-button.units:hover{color:#fff;background:#2563eb;border-color:#2563eb}.users-devices-modal{width:min(620px,100vw - 32px)}.devices-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.devices-toolbar>span{color:#475569;font-size:13px;font-weight:600}.devices-toolbar>div{align-items:center;gap:8px;display:flex}.devices-toolbar-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.devices-toolbar-button:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.devices-toolbar-button:disabled{opacity:.5;cursor:not-allowed}.devices-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:390px;padding:2px;display:grid;overflow-y:auto}.device-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;min-height:68px;padding:12px;transition:all .2s;display:flex}.device-item:hover{background:#f8fbff;border-color:#93c5fd;transform:translateY(-1px)}.device-item.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb1f}.device-item input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.device-checkbox-icon{color:#94a3b8;flex-shrink:0;font-size:20px;display:flex}.device-item.selected .device-checkbox-icon{color:#2563eb}.device-icon{background:#f1f5f9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.device-item.selected .device-icon{background:#dbeafe}.device-information{flex-direction:column;min-width:0;display:flex}.device-information strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.device-information small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.devices-loading,.devices-empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:180px;display:flex}@media (width<=650px){.devices-toolbar{flex-direction:column;align-items:flex-start}.devices-toolbar>div{flex-wrap:wrap;width:100%}.devices-list{grid-template-columns:1fr}}.gps-page{color:#f8fafc;background:#08111f;width:100%;min-height:100vh;display:flex}.gps-main{flex:1;min-width:0;min-height:100vh;margin-left:0;padding:22px}.gps-header{background:#101a2a;border:1px solid #223047;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:20px 22px;display:flex}.gps-eyebrow{color:#54e6a8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.gps-header h1{margin:0;font-size:28px}.gps-subtitle{color:#8fa1ba;margin:6px 0 0;font-size:13px}.gps-header-status{align-items:center;gap:12px;display:flex}.gps-header-status>div{flex-direction:column;display:flex}.gps-header-status strong{font-size:13px}.gps-header-status span{color:#8fa1ba;font-size:11px}.gps-refresh-dot{background:#28d998;border-radius:50%;width:11px;height:11px;box-shadow:0 0 12px #28d998cc}.gps-refresh-dot.is-loading{animation:.9s infinite alternate gpsPulse}@keyframes gpsPulse{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}.gps-refresh-button{color:#e8eef7;cursor:pointer;background:#172337;border:1px solid #33445f;border-radius:8px;min-height:38px;padding:0 14px}.gps-refresh-button:hover{background:#21304a}.gps-refresh-button:disabled{opacity:.55;cursor:not-allowed}.gps-alert{color:#f7d779;background:#2b2416;border:1px solid #775f27;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 15px;display:flex}.gps-alert p{flex:1;margin:0;font-size:13px}.gps-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.gps-workspace{grid-template-columns:320px minmax(0,1fr);gap:16px;min-height:calc(100vh - 150px);display:grid}.gps-units-panel,.gps-map-panel{background:#101a2a;border:1px solid #223047;border-radius:14px;overflow:hidden}.gps-units-panel{flex-direction:column;display:flex}.gps-panel-title{border-bottom:1px solid #223047;padding:17px 18px}.gps-panel-title>div{justify-content:space-between;align-items:center;display:flex}.gps-panel-title span{color:#a9b7ca;font-size:13px;font-weight:700}.gps-panel-title strong{text-align:center;background:#246af2;border-radius:999px;min-width:28px;padding:4px 8px;font-size:12px}.gps-units-list{max-height:360px;padding:10px;overflow-y:auto}.gps-unit-card{color:#f8fafc;text-align:left;cursor:pointer;background:#111d2f;border:1px solid #0000;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:11px;display:grid}.gps-unit-card:hover{background:#16243a;border-color:#354a68}.gps-unit-card.is-selected{background:#17294a;border-color:#2d72ff;box-shadow:inset 3px 0 #2d72ff}.gps-unit-icon{background:#1c2b42;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.gps-unit-icon.is-online{box-shadow:inset 0 0 0 1px #28d99873}.gps-unit-icon.is-offline{opacity:.55;filter:grayscale()}.gps-unit-info{flex-direction:column;min-width:0;display:flex}.gps-unit-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.gps-unit-info small{color:#8293aa;margin-top:3px;font-size:10px}.gps-unit-meta{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.gps-unit-meta small{color:#a5b4c8;font-size:10px}.gps-online-badge,.gps-offline-badge{border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.gps-online-badge{color:#43e2a4;background:#27d69624}.gps-offline-badge{color:#9aa8bc;background:#94a3b81f}.gps-empty{color:#8293aa;text-align:center;padding:30px 15px;font-size:13px}.gps-selected-card{background:#0b1525;border:1px solid #293b57;border-radius:12px;margin:auto 12px 12px;padding:16px}.gps-selected-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.gps-selected-heading span{color:#8192aa;text-transform:uppercase;font-size:10px}.gps-selected-heading h2{margin:4px 0 0;font-size:18px}.gps-selected-truck{font-size:26px!important}.gps-data-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.gps-data-grid article{background:#111e31;border-radius:8px;padding:10px}.gps-data-grid span,.gps-device-time span{color:#7f91aa;text-transform:uppercase;margin-bottom:5px;font-size:9px;display:block}.gps-data-grid strong{font-size:12px}.gps-device-time{background:#111e31;border-radius:8px;margin-top:9px;padding:10px}.gps-device-time strong{font-size:11px}.gps-camera-button{color:#fff;cursor:pointer;background:#246af2;border:0;border-radius:8px;width:100%;min-height:40px;margin-top:11px;font-weight:800}.gps-camera-button:hover{background:#3478ff}.gps-map-panel{flex-direction:column;min-width:0;display:flex}.gps-map-toolbar{border-bottom:1px solid #223047;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.gps-view-switch{gap:6px;display:flex}.gps-view-switch button{color:#a9b7ca;cursor:pointer;background:#152136;border:1px solid #30425f;border-radius:8px;min-height:36px;padding:0 13px}.gps-view-switch button.is-active{color:#fff;background:#246af2;border-color:#2d72ff}.gps-view-switch button:disabled{opacity:.5;cursor:not-allowed}.gps-history-options label{color:#8fa1ba;font-size:11px}.gps-history-options select{color:#fff;background:#111d2f;border:1px solid #30425f;border-radius:7px;min-height:34px;padding:0 9px}.gps-map-wrapper{background:#07101c;flex:1;min-height:600px;position:relative}.gps-map{width:100%;height:100%;position:absolute;inset:0}.gps-map-message{z-index:500;text-align:center;background:#08111feb;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;width:270px;padding:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 45px #00000059}.gps-map-message span{margin-bottom:8px;font-size:28px}.gps-map-message strong{font-size:14px}.gps-map-message p{color:#8fa1ba;margin:6px 0 0;font-size:11px}.gps-map-footer{color:#8fa1ba;border-top:1px solid #223047;align-items:center;gap:18px;min-height:42px;padding:0 15px;font-size:11px;display:flex}.gps-map-footer div{align-items:center;gap:6px;display:flex}.gps-legend-dot{border-radius:50%;width:9px;height:9px}.gps-legend-dot.online{background:#28d998}.gps-legend-dot.offline{background:#77859a}.gps-truck-marker-wrapper{background:0 0;border:0}.gps-truck-marker{border:3px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .25s;display:grid;box-shadow:0 5px 18px #00000073}.gps-truck-marker span{font-size:20px;line-height:1;display:block}.gps-truck-marker.is-online{color:#fff;background:#20c987}.gps-truck-marker.is-offline{color:#fff;background:#64748b}.gps-popup{color:#172033;flex-direction:column;gap:6px;min-width:170px;display:flex}.gps-popup strong{font-size:14px}.gps-popup span{font-size:11px}.gps-popup button{color:#fff;cursor:pointer;background:#246af2;border:0;border-radius:6px;min-height:32px;margin-top:5px;font-weight:700}.leaflet-control-zoom a{color:#172033!important}@media (width<=1100px){.gps-main{padding:14px}.gps-workspace{grid-template-columns:280px minmax(0,1fr)}}@media (width<=850px){.gps-page{display:block}.gps-header{flex-direction:column;align-items:flex-start}.gps-workspace{grid-template-columns:1fr}.gps-units-list{max-height:270px}.gps-map-wrapper{min-height:520px}}@media (width<=560px){.gps-main{padding:8px}.gps-header-status,.gps-map-toolbar{flex-direction:column;align-items:stretch;width:100%}.gps-view-switch{grid-template-columns:1fr 1fr;display:grid}.gps-history-options{justify-content:space-between}.gps-map-wrapper{min-height:450px}}.gps-history-search{align-items:flex-end;gap:8px;display:flex}.gps-history-search label{color:#8fa1ba;text-transform:uppercase;flex-direction:column;gap:5px;font-size:10px;font-weight:700;display:flex}.gps-history-search input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111d2f;border:1px solid #30425f;border-radius:8px;outline:none;min-height:36px;padding:0 10px}.gps-history-search input:focus{border-color:#2d72ff;box-shadow:0 0 0 3px #2d72ff24}.gps-history-search button{color:#06150f;cursor:pointer;background:#20c987;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-size:12px;font-weight:900}.gps-history-search button:hover{background:#38d99f}.gps-history-search button:disabled{opacity:.5;cursor:not-allowed}.gps-summary-card{background:#111e31;border:1px solid #263852;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.gps-summary-icon{background:#172a47;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.gps-summary-card>div{flex-direction:column;min-width:0;display:flex}.gps-summary-card div>span{color:#8495ad;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.gps-summary-card strong{color:#fff;margin-top:3px;font-size:15px}.gps-summary-card small{color:#73849b;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.gps-legend-dot.route{background:#246af2}.gps-legend-dot.start{background:#20c987}.gps-legend-dot.stop{background:#f59e0b}.gps-legend-dot.end{background:#ef4444}.gps-footer-points{margin-left:auto}@media (width<=1450px){.gps-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1050px){.gps-map-toolbar{flex-direction:column;align-items:stretch}.gps-history-search{justify-content:flex-end}}@media (width<=850px){.gps-summary-grid{grid-template-columns:repeat(2,1fr)}.gps-history-search{flex-direction:column;align-items:stretch}.gps-history-search label,.gps-history-search input,.gps-history-search button{width:100%}}@media (width<=560px){.gps-summary-grid{grid-template-columns:1fr}.gps-map-footer{flex-wrap:wrap;padding:8px 12px}.gps-footer-points{width:100%;margin-left:0}}.gps-history-options{align-items:center;gap:8px;display:flex}.gps-history-options input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111d2f;border:1px solid #30425f;border-radius:7px;min-height:34px;padding:0 9px}.gps-history-options button{color:#06150f;cursor:pointer;background:#20c987;border:0;border-radius:7px;min-height:34px;padding:0 12px;font-weight:800}.gps-summary-grid{background:#0b1525;border-bottom:1px solid #223047;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;padding:12px 14px;display:grid}.gps-summary-grid article{background:#111e31;border:1px solid #263852;border-radius:9px;padding:11px}.gps-summary-grid span{color:#8495ad;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.gps-summary-grid strong{margin-top:5px;font-size:14px;display:block}@media (width<=1300px){.gps-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.gps-summary-grid{grid-template-columns:repeat(2,1fr)}}.recordings-layout{color:#f8fafc;background:#0b1220;min-height:100vh;display:flex}.recordings-main{flex:1;min-width:0;overflow-x:hidden}.recordings-header{background:#111827;border-bottom:1px solid #263247;justify-content:space-between;align-items:center;gap:24px;min-height:114px;padding:20px 30px;display:flex}.recordings-header h1{margin:0 0 7px;font-size:34px;line-height:1.1}.recordings-header p{color:#9fb0ca;margin:0;font-size:17px}.recordings-user{align-items:center;gap:22px;display:flex}.recordings-user>div{text-align:right}.recordings-user strong,.recordings-user span{display:block}.recordings-user span{color:#9fb0ca;margin-top:3px;font-size:13px}.recordings-user button{color:#fff;cursor:pointer;background:#1d2939;border:1px solid #3a475c;border-radius:10px;padding:13px 19px;font-size:15px}.recordings-content{padding:28px}.recordings-search-card,.recordings-results-card,.recordings-player-card{background:#111a2b;border:1px solid #273449;border-radius:16px;box-shadow:0 12px 35px #0000002e}.recordings-search-card{padding:23px}.recordings-card-title{align-items:center;gap:13px;margin-bottom:21px;display:flex}.recordings-card-title>svg{color:#60a5fa;width:23px;height:23px}.recordings-card-title h2,.recordings-player-header h2{margin:0;font-size:21px}.recordings-card-title p,.recordings-player-header p{color:#92a2bb;margin:4px 0 0}.recordings-form{grid-template-columns:minmax(200px,1.3fr) minmax(160px,.8fr) minmax(205px,1fr) minmax(205px,1fr) auto;align-items:end;gap:14px;display:grid}.recordings-form label{gap:8px;display:grid}.recordings-form label>span{color:#c4d0e2;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.recordings-form input,.recordings-form select{color:#f8fafc;width:100%;min-height:46px;font:inherit;box-sizing:border-box;background:#0c1525;border:1px solid #334259;border-radius:9px;outline:none;padding:0 12px}.recordings-form input:focus,.recordings-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f629}.recordings-primary-button,.recordings-play-button,.recordings-stop-button{color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.recordings-primary-button{white-space:nowrap;background:#2563eb;min-height:46px;padding:0 18px}.recordings-primary-button:hover{background:#1d4ed8}.recordings-primary-button:disabled,.recordings-play-button:disabled,.recordings-stop-button:disabled{opacity:.5;cursor:not-allowed}.recordings-alert{border:1px solid;border-radius:10px;margin-top:18px;padding:13px 16px}.recordings-alert.success{color:#6ee7b7;background:#10b9811f;border-color:#10b98166}.recordings-alert.error{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e6b}.recordings-grid{grid-template-columns:minmax(520px,1.15fr) minmax(420px,.85fr);align-items:start;gap:22px;margin-top:22px;display:grid}.recordings-results-card,.recordings-player-card{min-width:0;overflow:hidden}.recordings-results-card>.recordings-card-title{padding:21px 22px 0}.recordings-table-wrapper{overflow:auto}.recordings-table{border-collapse:collapse;width:100%;font-size:14px}.recordings-table th,.recordings-table td{text-align:left;white-space:nowrap;border-top:1px solid #273449;padding:14px 16px}.recordings-table th{color:#9fb0ca;text-transform:uppercase;letter-spacing:.04em;background:#0f1828;font-size:12px}.recordings-table tbody tr:hover,.recordings-table tbody tr.active-row{background:#2563eb1a}.recordings-empty{color:#8494ac;height:190px;text-align:center!important;white-space:normal!important}.recordings-play-button{background:#2563eb;padding:8px 13px}.recordings-player-header{border-bottom:1px solid #273449;justify-content:space-between;align-items:center;gap:15px;min-height:78px;padding:17px 19px;display:flex}.recordings-stop-button{background:#be123c;padding:10px 14px}.recordings-video-container{aspect-ratio:16/9;background:#030712;justify-content:center;align-items:center;width:100%;display:flex}.recordings-video-container video{object-fit:contain;background:#000;width:100%;height:100%}.recordings-video-placeholder{color:#8090a7;text-align:center;justify-items:center;gap:9px;padding:25px;display:grid}.recordings-video-placeholder svg{width:48px;height:48px;margin-bottom:3px}.recordings-video-placeholder strong{color:#d6dfec;font-size:17px}.recordings-player-footer{color:#93a4bc;gap:25px;padding:14px 18px;font-size:13px;display:flex}.recordings-player-footer strong{color:#dbe5f3}@media (width<=1250px){.recordings-form{grid-template-columns:repeat(2,minmax(190px,1fr))}.recordings-primary-button{width:max-content}.recordings-grid{grid-template-columns:1fr}}@media (width<=850px){.recordings-layout{display:block}.recordings-layout .sidebar{display:none}.recordings-header{padding:18px}.recordings-user>div{display:none}.recordings-content{padding:16px}.recordings-form{grid-template-columns:1fr}.recordings-primary-button{width:100%}}.recordings-pagination{justify-content:center;align-items:center;gap:14px;margin:16px 0;display:flex}.recordings-pagination button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 15px;font-weight:600}.recordings-pagination button:disabled{opacity:.4;cursor:not-allowed}.recordings-pagination span{font-size:14px;font-weight:600}.recordings-time-jump select{color:#f3f6fb;min-width:165px;height:38px;font:inherit;cursor:pointer;background:#0f1828;border:1px solid #33445f;border-radius:8px;outline:none;padding:0 34px 0 12px;font-size:14px;font-weight:600}.recordings-time-jump select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.recordings-time-jump select option{color:#f3f6fb;background:#0f1828;font-size:14px}.recordings-time-jump{align-items:center;gap:10px;padding:0 22px 18px;display:flex}.recordings-time-jump label{color:#9fb0ca;white-space:nowrap;font-size:13px;font-weight:600}.recordings-time-jump input[type=time]{color:#f3f6fb;min-width:130px;height:38px;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f1828;border:1px solid #33445f;border-radius:8px;outline:none;padding:0 12px;font-size:14px}.recordings-time-jump input[type=time]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.recordings-time-jump button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:38px;padding:0 18px;font-weight:700}.recordings-time-jump button:hover:not(:disabled){background:#2f6ff0}.recordings-time-jump button:disabled{opacity:.45;cursor:not-allowed}.recordings-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.recordings-download-button{color:#fff;cursor:pointer;background:#059669;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-weight:700;display:inline-flex}.recordings-download-button:hover{background:#047857}.ai-events-layout{background:#f4f6f8;min-height:100vh;display:flex}.ai-events-main{flex:1;min-width:0}.ai-events-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:20px 32px;display:flex}.ai-events-header h1{color:#111827;margin:0 0 5px;font-size:28px}.ai-events-header p{color:#6b7280;margin:0}.ai-events-user{align-items:center;gap:18px;display:flex}.ai-events-user>div{text-align:right;flex-direction:column;display:flex}.ai-events-user span{color:#6b7280;text-transform:uppercase;font-size:12px}.ai-events-user button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 14px}.ai-events-content{padding:28px 32px 40px}.ai-events-summary{align-items:stretch;gap:18px;margin-bottom:24px;display:flex}.ai-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:15px;min-width:220px;padding:18px 20px;display:flex}.ai-summary-card>svg{width:28px;height:28px}.ai-summary-card div{flex-direction:column;display:flex}.ai-summary-card span{color:#6b7280;font-size:13px}.ai-summary-card strong{color:#111827;font-size:25px}.ai-refresh-button{cursor:pointer;color:#fff;background:#111827;border:0;border-radius:9px;align-self:center;align-items:center;gap:8px;margin-left:auto;padding:11px 17px;font-weight:600;display:flex}.ai-refresh-button:disabled{opacity:.6;cursor:default}.ai-events-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.ai-event-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #0000000d}.ai-event-image{cursor:pointer;background:#111827;border:0;width:100%;height:220px;padding:0;position:relative;overflow:hidden}.ai-event-image img{object-fit:cover;width:100%;height:100%;display:block}.ai-image-loading{color:#d1d5db;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:180px;display:flex}.ai-image-loading svg{width:30px;height:30px}.ai-event-badge{color:#fff;letter-spacing:.5px;background:#dc2626;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.ai-event-body{padding:18px}.ai-event-title{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.ai-event-title h2{color:#111827;margin:0;font-size:21px}.ai-event-title span{color:#6b7280;font-size:13px}.ai-event-title>strong{color:#b91c1c;white-space:nowrap;background:#fef2f2;border-radius:8px;padding:7px 9px;font-size:13px}.ai-event-details{border-top:1px solid #f0f0f0;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;padding-top:15px;display:grid}.ai-event-details div{flex-direction:column;gap:4px;display:flex}.ai-event-details span{color:#6b7280;font-size:12px}.ai-event-details strong{color:#1f2937;font-size:13px}.ai-view-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:17px;padding:10px;font-weight:600;display:flex}.ai-events-empty,.ai-events-error{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:50px 25px}.ai-events-empty svg{width:42px;height:42px;margin-bottom:10px}.ai-events-empty h2{color:#111827;margin:5px 0}.ai-events-empty p{margin:0}.ai-events-error{color:#b91c1c;margin-bottom:20px}.ai-modal-backdrop{z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.ai-modal{background:#fff;border-radius:14px;width:min(1000px,95vw);max-height:94vh;overflow:auto}.ai-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ai-modal-header h2{color:#111827;margin:0}.ai-modal-header p{color:#6b7280;margin:4px 0 0}.ai-modal-header button{cursor:pointer;background:#f3f4f6;border:0;border-radius:50%;width:38px;height:38px;font-size:25px}.ai-modal-image{background:#111827;justify-content:center;align-items:center;min-height:300px;display:flex}.ai-modal-image img{max-width:100%;max-height:70vh;display:block}.ai-modal-info{justify-content:space-between;gap:20px;padding:18px 20px;display:flex}@media (width<=900px){.ai-events-header{padding:18px}.ai-events-content{padding:20px 18px}.ai-events-summary{flex-wrap:wrap}.ai-refresh-button{margin-left:0}}@media (width<=650px){.ai-events-header{flex-direction:column;align-items:flex-start}.ai-events-user{justify-content:space-between;width:100%}.ai-events-user>div{text-align:left}.ai-summary-card{width:100%}.ai-events-grid,.ai-event-details{grid-template-columns:1fr}.ai-modal-info{flex-direction:column}}.ai-events-layout,.ai-events-main{background:#0f172a}.ai-events-header{background:#111827;border-bottom-color:#1f2937}.ai-events-header h1{color:#fff}.ai-events-header p{color:#94a3b8}.ai-events-user strong{color:#fff}.ai-events-user span{color:#94a3b8}.ai-events-content{background:#0f172a;min-height:calc(100vh - 92px)}.ai-summary-card{background:#111827;border-color:#1f2937}.ai-summary-card span{color:#94a3b8}.ai-summary-card strong{color:#fff}.ai-event-card{background:#111827;border-color:#1f2937}.ai-event-title h2,.ai-event-details strong{color:#fff}.ai-event-title span,.ai-event-details span{color:#94a3b8}.ai-event-details{border-top-color:#263244}.ai-view-button{color:#fff;background:#1f2937;border-color:#374151}.ai-view-button:hover{background:#273449}.ai-events-empty,.ai-events-error{background:#111827;border-color:#1f2937}.ai-events-empty h2{color:#fff}.ai-modal{background:#111827;border:1px solid #263244}.ai-modal-header{background:#111827;border-bottom-color:#263244}.ai-modal-header h2{color:#fff}.ai-modal-header p{color:#94a3b8}.ai-modal-header button{color:#fff;background:#1f2937}.ai-modal-header button:hover{background:#374151}.ai-modal-image{background:#0f172a}.ai-modal-info{background:#111827;border-top:1px solid #263244}.ai-modal-info strong{color:#fff}.ai-modal-info span{color:#cbd5e1}.ai-events-filters{background:#111827;border:1px solid #1f2937;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:24px;padding:18px;display:flex}.ai-filter-field{flex-direction:column;gap:7px;min-width:190px;display:flex}.ai-filter-field label{color:#94a3b8;font-size:12px;font-weight:600}.ai-filter-field select,.ai-filter-field input{color:#fff;background:#1f2937;border:1px solid #374151;border-radius:8px;outline:none;height:42px;padding:0 12px}.ai-filter-field select:focus,.ai-filter-field input:focus{border-color:#64748b}.ai-filter-field select option{color:#fff;background:#1f2937}.ai-clear-filters{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;height:42px;padding:0 17px;font-weight:600}.ai-clear-filters:hover:not(:disabled){background:#374151}.ai-clear-filters:disabled{opacity:.4;cursor:default}@media (width<=650px){.ai-filter-field,.ai-clear-filters{width:100%}}.ai-vigilance-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px 22px;display:flex;box-shadow:0 3px 12px #0000000a}.ai-vigilance-info{align-items:center;gap:28px;display:flex}.ai-vigilance-title{align-items:center;gap:13px;display:flex}.ai-vigilance-title>svg{color:#111827;width:28px;height:28px}.ai-vigilance-title>div{flex-direction:column;gap:3px;display:flex}.ai-vigilance-title strong{color:#111827;font-size:17px}.ai-vigilance-title span{color:#6b7280;font-size:13px}.ai-vigilance-status{border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:700;display:flex}.ai-vigilance-status.active{color:#047857;background:#ecfdf5}.ai-vigilance-status.inactive{color:#6b7280;background:#f3f4f6}.ai-vigilance-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.ai-vigilance-button{color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 18px;font-weight:700}.ai-vigilance-button.start{background:#047857}.ai-vigilance-button.stop{background:#b91c1c}.ai-vigilance-button:disabled{opacity:.6;cursor:default}.ai-vigilance-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin:-8px 0 20px;padding:11px 14px;font-size:13px}@media (width<=760px){.ai-vigilance-panel{flex-direction:column;align-items:stretch}.ai-vigilance-info{flex-direction:column;align-items:flex-start;gap:12px}.ai-vigilance-button{width:100%}}.settings-layout{background:#f3f4f6;min-height:100vh;display:flex}.settings-content{flex:1;min-width:0;padding:32px;overflow-y:auto}.settings-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.settings-eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-block}.settings-header h1{color:#111827;margin:0;font-size:32px}.settings-header p{color:#6b7280;max-width:680px;margin:8px 0 0}.settings-user{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:12px 14px;display:flex}.settings-user div{flex-direction:column;display:flex}.settings-user strong{color:#111827}.settings-user span{color:#6b7280;font-size:13px}.settings-user button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:9px 12px}.settings-body{grid-template-columns:290px minmax(0,1fr);gap:24px;display:grid}.settings-navigation{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-self:start;padding:14px}.settings-navigation-title{color:#111827;align-items:center;gap:10px;padding:8px 10px 16px;font-weight:700;display:flex}.settings-nav-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:flex-start;gap:12px;width:100%;margin-bottom:6px;padding:13px;display:flex}.settings-nav-item:hover{background:#f3f4f6}.settings-nav-item.active{color:#1d4ed8;background:#eff6ff}.settings-nav-item>svg{flex:none;margin-top:2px;font-size:19px}.settings-nav-item div{flex-direction:column;gap:3px;display:flex}.settings-nav-item strong{font-size:14px}.settings-nav-item span{color:#6b7280;font-size:12px;line-height:1.35}.settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-height:520px;padding:24px}.settings-panel-heading{border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:20px;display:flex}.settings-panel-icon{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.settings-panel-heading h2{color:#111827;margin:0}.settings-panel-heading p{color:#6b7280;margin:5px 0 0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.settings-card h3{color:#111827;margin:0 0 8px;font-size:15px}.settings-card p{color:#6b7280;margin:0}.settings-placeholder{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;align-items:center;gap:18px;min-height:250px;padding:28px;display:flex}.settings-placeholder-icon{color:#4338ca;background:#e0e7ff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;display:flex}.settings-placeholder h2{color:#111827;margin:0 0 8px}.settings-placeholder p{color:#4b5563;margin:0 0 10px}.settings-placeholder span{color:#6b7280;font-size:13px}@media (width<=1000px){.settings-body{grid-template-columns:1fr}.settings-navigation{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-navigation-title{grid-column:1/-1}}@media (width<=760px){.settings-content{padding:20px}.settings-header{flex-direction:column}.settings-user{justify-content:space-between;width:100%}.settings-navigation,.settings-grid{grid-template-columns:1fr}}.sharePage{color:#f7f9fc;background:#08111c;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shareCenter{justify-content:center;align-items:center;display:flex}.shareHeader{justify-content:space-between;align-items:center;gap:20px;max-width:920px;margin:0 auto 18px;display:flex}.shareLogoText{letter-spacing:1.4px;font-size:20px;font-weight:900}.liveLine{color:#aab6c2;letter-spacing:1px;margin-top:7px;font-size:12px;font-weight:800}.liveDot{background:#22c55e;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.remaining{background:#111d29;border:1px solid #263747;border-radius:12px;padding:10px 14px;font-weight:800}.unitCard,.shareInfo,.mapCard{width:100%;max-width:920px;margin-left:auto;margin-right:auto}.unitCard{background:#111d29;border:1px solid #263747;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px;display:flex}.unitLabel{color:#748392;letter-spacing:1.2px;font-size:11px;font-weight:900}.unitCard h1{margin:4px 0 0;font-size:28px}.speed{text-align:right}.speed strong{font-size:26px;display:block}.speed span{color:#aab6c2;font-size:12px}.mapCard{background:#111d29;border:1px solid #263747;border-radius:20px;height:min(62vh,580px);overflow:hidden}.shareMap{filter:brightness(.82)contrast(1.12);border:0;width:100%;height:100%}.mapUnavailable{color:#aab6c2;justify-content:center;align-items:center;height:100%;display:flex}.shareInfo{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.shareInfo>div{background:#111d29;border:1px solid #263747;border-radius:14px;padding:15px}.shareInfo span{color:#748392;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.onlineText{color:#22c55e}.shareError{color:#ffb4b4;background:#29171b;border-radius:12px;max-width:920px;margin:0 auto 14px;padding:12px 14px}.expiredCard,.shareLoading{text-align:center;background:#111d29;border:1px solid #263747;border-radius:22px;width:min(92vw,480px);padding:32px}.expiredIcon{margin-top:28px;font-size:42px}.expiredCard h1{margin-bottom:8px}.expiredCard p,.shareLoading p{color:#aab6c2}footer{color:#748392;text-align:center;max-width:920px;margin:20px auto 0;font-size:12px}@media (width<=600px){.sharePage{padding:16px}.shareInfo{grid-template-columns:1fr}.mapCard{height:55vh}.unitCard h1{font-size:24px}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#fff;background:#101214;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}