:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f6fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body,#root{min-height:100vh}*{box-sizing:border-box}body{color:#172033;background:#f3f6fb;min-width:320px;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;color:#fff;background:#101827;border-right:1px solid #ffffff14;flex-direction:column;width:255px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:4px 8px 24px;display:flex}.brand-icon{background:#2563eb;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:17px}.sidebar-brand span{color:#94a3b8;margin-top:3px;font-size:11px}.sidebar-menu{flex-direction:column;gap:6px;margin-top:22px;display:flex}.sidebar-link{color:#b8c2d5;border-radius:11px;padding:12px 14px;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .2s}.sidebar-link:hover{color:#fff;background:#ffffff14;transform:translate(3px)}.sidebar-link.active{color:#fff;background:#2563eb;box-shadow:0 10px 24px #2563eb47}.sidebar-footer{color:#94a3b8;border-top:1px solid #ffffff1a;flex-direction:column;gap:5px;margin-top:auto;padding:18px 10px 2px;display:flex}.sidebar-footer span{font-size:11px}.sidebar-footer small{font-size:10px}.app-main{flex-direction:column;width:calc(100% - 255px);min-height:100vh;margin-left:255px;display:flex}.app-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:18px 30px;display:flex;position:sticky;top:0}.header-eyebrow{color:#2563eb;letter-spacing:.14em;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.app-header h1{color:#172033;margin:0;font-size:25px}.header-user{align-items:center;gap:10px;display:flex}.header-user strong,.header-user span{display:block}.header-user strong{color:#172033;font-size:13px}.header-user span{color:#64748b;margin-top:2px;font-size:11px}.page-content{flex:1;width:100%;padding:30px}.app-footer{color:#64748b;text-align:center;padding:18px 30px 24px;font-size:12px}.placeholder-page{background:#fff;border:1px solid #e2e8f0;border-radius:18px;min-height:300px;padding:28px;box-shadow:0 10px 30px #0f172a0d}.placeholder-page h2{margin-top:0;margin-bottom:10px}.placeholder-page p{color:#64748b;margin:0}@media (width<=900px){.sidebar{width:210px}.app-main{width:calc(100% - 210px);margin-left:210px}.page-content,.app-header{padding-left:20px;padding-right:20px}}@media (width<=680px){.sidebar{width:100%;position:static}.app-shell{display:block}.app-main{width:100%;margin-left:0}.sidebar-menu{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sidebar-footer{display:none}.app-header{position:static}.header-user{display:none}.page-content{padding:18px}}.sidebar-footer{flex-direction:column;gap:4px;display:flex}.sidebar-footer small{display:block}.service-health{background:#ffffff0d;border:1px solid #ffffff14;border-radius:9px;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;margin-top:10px;padding:8px 9px;font-size:10px;display:grid}.service-health strong{font-size:9px;font-weight:700}.service-health-dot{border-radius:50%;width:8px;height:8px}.service-online{background:#22c55e;box-shadow:0 0 7px #22c55eb3}.service-offline{background:#ef4444;box-shadow:0 0 7px #ef4444b3}.header-logout-button{color:#bc4141;cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:8px;margin-left:10px;padding:8px 11px;font-size:11px;font-weight:800}.header-logout-button:hover{background:#fff2f2;border-color:#f0bcbc}.sidebar{flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.sidebar nav,.sidebar-menu,.sidebar-nav,.sidebar-navigation{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#67a2ff8c transparent;flex:auto;min-height:0;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-navigation::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-navigation::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#67a2ff7a;border-radius:999px}.sidebar-menu::-webkit-scrollbar-thumb{background:#67a2ff7a;border-radius:999px}.sidebar-nav::-webkit-scrollbar-thumb{background:#67a2ff7a;border-radius:999px}.sidebar-navigation::-webkit-scrollbar-thumb{background:#67a2ff7a;border-radius:999px}.sidebar-header,.sidebar-brand,.sidebar-footer{flex-shrink:0}@media (height<=760px),(width<=768px){.sidebar nav,.sidebar-menu,.sidebar-nav,.sidebar-navigation{padding-bottom:18px}.sidebar-footer{padding-top:10px;padding-bottom:10px}}.dashboard-page{flex-direction:column;gap:24px;display:flex}.dashboard-hero{color:#fff;background:radial-gradient(circle at 100% 0,#60a5fa47,#0000 36%),linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;box-shadow:0 16px 40px #1e40af2e}.dashboard-eyebrow,.panel-eyebrow{color:#93c5fd;letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.dashboard-hero h2{margin:8px 0;font-size:28px}.dashboard-hero p{color:#dbeafe;max-width:620px;margin:0;line-height:1.6}.dashboard-date{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:16px;min-width:210px;padding:18px}.dashboard-date span,.dashboard-date strong{display:block}.dashboard-date span{color:#bfdbfe;font-size:12px}.dashboard-date strong{margin-top:6px;font-size:14px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:16px;padding:22px;display:flex;box-shadow:0 10px 30px #0f172a0d}.stat-icon{background:#eff6ff;border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:#64748b;font-size:12px;font-weight:700}.stat-card strong{color:#0f172a;margin:4px 0;font-size:26px}.stat-card small{color:#94a3b8;line-height:1.4}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.dashboard-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0f172a0d}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.panel-heading h3{color:#172033;margin:6px 0 0;font-size:18px}.panel-heading button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:0;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}.service-list{flex-direction:column;display:flex}.service-item{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;display:flex}.service-item:last-child{border-bottom:0}.service-item strong,.service-item span{display:block}.service-item strong{color:#172033;font-size:14px}.service-item>div>span{color:#64748b;margin-top:4px;font-size:12px}.service-meta{align-items:center;gap:10px;display:flex}.service-meta>span:first-child{color:#64748b;margin:0}.status-badge{text-align:center;border-radius:999px;min-width:80px;padding:7px 10px;font-weight:800;font-size:11px!important}.status-active{background:#dcfce7;color:#15803d!important}.status-suspended{background:#fef3c7;color:#a16207!important}.status-disabled{background:#fee2e2;color:#b91c1c!important}.map-placeholder{color:#475569;text-align:center;background:linear-gradient(#ffffff8c,#ffffff8c),repeating-linear-gradient(0deg,#dbeafe,#dbeafe 1px,#0000 1px 35px),repeating-linear-gradient(90deg,#dbeafe,#dbeafe 1px,#0000 1px 35px);border:1px dashed #93c5fd;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:265px;padding:30px;display:flex;position:relative;overflow:hidden}.map-placeholder strong{font-size:18px}.map-placeholder span{color:#64748b;max-width:330px;margin-top:8px;font-size:12px;line-height:1.5}.map-marker{font-size:24px;position:absolute}.marker-one{top:36px;left:24%}.marker-two{bottom:52px;right:23%}.marker-three{top:48%;left:48%}@media (width<=1150px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-date{width:100%}.stats-grid{grid-template-columns:1fr}.service-item{flex-direction:column;align-items:flex-start}.service-meta{justify-content:space-between;width:100%}}.dashboard-date small{color:#bfdbfe;margin-top:8px;font-size:11px;display:block}.power-alert{color:#fff;background:linear-gradient(135deg,#991b1b,#dc2626);border-radius:16px;flex-direction:column;gap:5px;padding:18px 22px;display:flex;box-shadow:0 14px 35px #b91c1c3d}.power-alert strong{font-size:17px}.power-alert span{color:#fee2e2;font-size:13px}.camera-monitor-panel{min-width:0}.camera-status-list{flex-direction:column;display:flex}.camera-status-item{border-bottom:1px solid #eef2f7;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.camera-status-item:last-child{border-bottom:0}.camera-dot{border-radius:999px;width:10px;height:10px}.camera-dot-online{background:#22c55e;box-shadow:0 0 0 5px #22c55e1f}.camera-dot-offline{background:#ef4444;box-shadow:0 0 0 5px #ef44441f}.camera-dot-checking{background:#f59e0b;box-shadow:0 0 0 5px #f59e0b1f}.camera-status-info strong,.camera-status-info span,.camera-status-meta strong,.camera-status-meta span{display:block}.camera-status-info strong{color:#172033;font-size:13px}.camera-status-info span{color:#64748b;margin-top:4px;font-size:11px}.camera-status-meta{text-align:right}.camera-status-meta strong{color:#334155;font-size:11px}.camera-status-meta span{color:#94a3b8;margin-top:4px;font-size:11px}.monitor-loading,.monitor-error{color:#64748b;text-align:center;background:#f8fafc;border-radius:12px;padding:18px;font-size:12px}.monitor-error{color:#b91c1c;background:#fef2f2;margin-bottom:12px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=680px){.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-date{width:100%;min-width:0}.stats-grid{grid-template-columns:1fr}.camera-status-item{grid-template-columns:12px minmax(0,1fr)}.camera-status-meta{text-align:left;grid-column:2}}.notification-panel{min-width:0}.notification-count{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.notification-list{flex-direction:column;gap:10px;display:flex}.notification-item{background:#f8fafc;border:1px solid #e2e8f0;border-left-width:4px;border-radius:12px;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;display:grid}.notification-success{border-left-color:#22c55e}.notification-warning{border-left-color:#f59e0b}.notification-danger,.notification-critical{border-left-color:#ef4444}.notification-icon{background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.notification-content{min-width:0}.notification-content strong,.notification-content span,.notification-content small{display:block}.notification-content strong{color:#172033;font-size:13px}.notification-content span{color:#475569;margin-top:4px;font-size:12px;line-height:1.4}.notification-content small{color:#94a3b8;margin-top:7px;font-size:10px;line-height:1.4}.notification-empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:22px;display:flex}.notification-empty>span{font-size:28px}.notification-empty strong{color:#334155;margin-top:8px;font-size:13px}.notification-empty small{max-width:330px;margin-top:5px;line-height:1.5}.ui-page-header{background:#fff;border:1px solid #e4e9f2;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding:26px;display:flex}.ui-page-header h2{color:#172033;margin:6px 0 8px;font-size:26px}.ui-page-header p{color:#6c7689;max-width:760px;margin:0;line-height:1.6}.ui-page-header-action{flex-shrink:0}.ui-eyebrow{color:#356ae6;letter-spacing:1.3px;font-size:11px;font-weight:800}.ui-summary-card{background:#fff;border:1px solid #e4e9f2;border-radius:18px;justify-content:space-between;align-items:center;min-height:112px;padding:20px;display:flex}.ui-summary-card span{color:#737e91;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.ui-summary-card strong{color:#172033;font-size:29px;display:block}.ui-summary-card small{color:#8b95a7;margin-top:7px;display:block}.ui-summary-icon{background:#edf3ff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.ui-search-toolbar{justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px;display:flex}.ui-search-toolbar-heading h3{color:#172033;margin:5px 0 0;font-size:20px}.ui-search-toolbar-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ui-search-toolbar input,.ui-search-toolbar select{color:#172033;background:#fff;border:1px solid #d9e0eb;border-radius:10px;outline:none;min-width:230px;padding:11px 13px}.ui-search-toolbar input:focus,.ui-search-toolbar select:focus{border-color:#356ae6;box-shadow:0 0 0 3px #356ae61f}.ui-status-badge{border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.ui-status-active,.ui-status-online{color:#16804a;background:#e7f8ee}.ui-status-suspended,.ui-status-maintenance{color:#9a6910;background:#fff4d9}.ui-status-disabled,.ui-status-offline{color:#c53d3d;background:#fdeaea}.ui-modal-overlay{z-index:9999;background:#0f172a8a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ui-modal{background:#fff;border-radius:20px;width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 70px #0f172a40}.ui-modal-header{border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.ui-modal-header h3{color:#172033;margin:0;font-size:21px}.ui-modal-header p{color:#748095;margin:7px 0 0;line-height:1.5}.ui-modal-body{padding:24px}.ui-modal-footer{border-top:1px solid #e7ebf2;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.ui-icon-button{color:#4f5b70;cursor:pointer;background:#f1f4f8;border:0;border-radius:10px;width:36px;height:36px;font-size:23px}.ui-button{cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-size:13px;font-weight:800}.ui-button-primary{color:#fff;background:#356ae6}.ui-button-secondary{color:#374156;background:#edf1f6}.ui-button-danger{color:#fff;background:#d84545}.ui-confirm-message{color:#5f6b80;margin:0;line-height:1.65}.ui-empty-state{text-align:center;background:#fafbfd;border:1px dashed #cfd7e5;border-radius:18px;place-items:center;min-height:260px;padding:36px;display:grid}.ui-empty-state-icon{margin-bottom:12px;font-size:38px}.ui-empty-state strong{color:#172033;font-size:18px}.ui-empty-state p{color:#758196;max-width:480px;margin:8px 0 0;line-height:1.6}.ui-toast{z-index:10000;color:#fff;border-radius:12px;align-items:center;gap:18px;min-width:280px;max-width:420px;padding:14px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #0f172a33}.ui-toast-success{background:#16804a}.ui-toast-error{background:#c53d3d}.ui-toast-info{background:#356ae6}.ui-toast button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:20px}@media (width<=760px){.ui-page-header,.ui-search-toolbar{flex-direction:column;align-items:stretch}.ui-page-header-action{width:100%}.ui-search-toolbar-controls{justify-content:stretch}.ui-search-toolbar input,.ui-search-toolbar select{width:100%;min-width:0}.ui-toast{min-width:0;bottom:16px;left:16px;right:16px}}.wilayah-page{flex-direction:column;gap:24px;display:flex}.wilayah-primary-button,.wilayah-secondary-button,.district-main-button,.district-action-button,.district-delete-button{cursor:pointer;border:0;border-radius:10px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.wilayah-primary-button{color:#fff;background:#356ae6;padding:12px 18px;box-shadow:0 8px 18px #356ae633}.wilayah-primary-button:hover,.district-main-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #356ae63d}.wilayah-secondary-button{color:#455168;background:#edf1f6;padding:11px 14px}.wilayah-secondary-button:hover{background:#e2e8f1}.wilayah-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.district-section{background:#fff;border:1px solid #e4e9f2;border-radius:20px;padding:24px}.district-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.district-card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:21px;transition:transform .18s,border-color .18s,box-shadow .18s}.district-card:hover{border-color:#cbd7ed;transform:translateY(-2px);box-shadow:0 13px 30px #1a2b4b14}.district-card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.district-icon{background:#edf3ff;border-radius:13px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.district-card h4{color:#172033;margin:0 0 8px;font-size:18px}.district-card>p{color:#778298;min-height:21px;margin:0;font-size:13px}.district-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0;display:grid}.district-stats div{text-align:center;background:#f7f9fc;border-radius:12px;padding:12px 8px}.district-stats span{color:#8590a3;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.district-stats strong{color:#172033;font-size:18px}.district-actions{flex-wrap:wrap;gap:8px;display:flex}.district-main-button{color:#fff;background:#356ae6;padding:10px 14px}.district-action-button{color:#455168;background:#eef2f7;padding:10px 13px}.district-action-button:hover{background:#e1e8f2}.district-delete-button{color:#c63f3f;background:#fdecec;padding:10px 13px}.district-delete-button:hover{background:#f9dede}.wilayah-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.wilayah-form-field{flex-direction:column;gap:8px;display:flex}.wilayah-form-field span{color:#556176;font-size:12px;font-weight:800}.wilayah-form-field input,.wilayah-form-field select,.wilayah-form-field textarea{box-sizing:border-box;color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #d8dfeb;border-radius:10px;outline:none;padding:12px 13px}.wilayah-form-field textarea{resize:vertical}.wilayah-form-field input:focus,.wilayah-form-field select:focus,.wilayah-form-field textarea:focus{border-color:#356ae6;box-shadow:0 0 0 3px #356ae61f}.wilayah-form-full{grid-column:1/-1}.wilayah-form-error{color:#b93232;background:#fdecec;border-radius:10px;grid-column:1/-1;padding:12px 14px;font-size:13px;font-weight:700}.wilayah-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wilayah-detail-item{background:#f9fafc;border:1px solid #e2e7ef;border-radius:13px;min-height:74px;padding:15px}.wilayah-detail-item span{color:#8791a3;letter-spacing:.3px;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.wilayah-detail-item strong{color:#172033;font-size:14px}.wilayah-detail-item p{color:#556176;margin:0;font-size:13px;line-height:1.6}.wilayah-detail-full{grid-column:1/-1}@media (width<=1100px){.wilayah-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.district-grid{grid-template-columns:1fr}}@media (width<=680px){.wilayah-summary{grid-template-columns:1fr}.district-section{padding:17px}.district-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wilayah-form,.wilayah-detail-grid{grid-template-columns:1fr}.wilayah-form-full,.wilayah-detail-full{grid-column:auto}.district-actions button{flex:1}}.desa-page{flex-direction:column;gap:24px;display:flex}.desa-primary-button,.desa-secondary-button,.desa-main-button,.desa-action-button,.desa-delete-button{cursor:pointer;border:0;border-radius:10px;font-size:13px;font-weight:800;transition:transform .18s,background .18s,box-shadow .18s}.desa-primary-button{color:#fff;background:#356ae6;padding:12px 18px;box-shadow:0 8px 18px #356ae633}.desa-primary-button:hover,.desa-main-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #356ae63d}.desa-secondary-button{color:#455168;background:#edf1f6;padding:11px 14px}.desa-secondary-button:hover{background:#e2e8f1}.desa-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.desa-section{background:#fff;border:1px solid #e4e9f2;border-radius:20px;padding:24px}.desa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.desa-card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:21px;transition:transform .18s,border-color .18s,box-shadow .18s}.desa-card:hover{border-color:#cbd7ed;transform:translateY(-2px);box-shadow:0 13px 30px #1a2b4b14}.desa-card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.desa-icon{background:#edf3ff;border-radius:13px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.desa-card h4{color:#172033;margin:0 0 8px;font-size:18px}.desa-card>p{color:#778298;margin:0;font-size:13px}.desa-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0;display:grid}.desa-stats div{text-align:center;background:#f7f9fc;border-radius:12px;padding:12px 8px}.desa-stats span{color:#8590a3;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.desa-stats strong{color:#172033;font-size:18px}.desa-actions{flex-wrap:wrap;gap:8px;display:flex}.desa-main-button{color:#fff;background:#356ae6;padding:10px 14px}.desa-action-button{color:#455168;background:#eef2f7;padding:10px 13px}.desa-action-button:hover{background:#e1e8f2}.desa-delete-button{color:#c63f3f;background:#fdecec;padding:10px 13px}.desa-delete-button:hover{background:#f9dede}.desa-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.desa-form-field{flex-direction:column;gap:8px;display:flex}.desa-form-field span{color:#556176;font-size:12px;font-weight:800}.desa-form-field input,.desa-form-field select,.desa-form-field textarea{box-sizing:border-box;color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #d8dfeb;border-radius:10px;outline:none;padding:12px 13px}.desa-form-field textarea{resize:vertical}.desa-form-field input:focus,.desa-form-field select:focus,.desa-form-field textarea:focus{border-color:#356ae6;box-shadow:0 0 0 3px #356ae61f}.desa-form-full{grid-column:1/-1}.desa-form-error{color:#b93232;background:#fdecec;border-radius:10px;grid-column:1/-1;padding:12px 14px;font-size:13px;font-weight:700}.desa-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.desa-detail-item{background:#f9fafc;border:1px solid #e2e7ef;border-radius:13px;min-height:74px;padding:15px}.desa-detail-item span{color:#8791a3;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.desa-detail-item strong{color:#172033;font-size:14px}.desa-detail-item p{color:#556176;margin:0;font-size:13px;line-height:1.6}.desa-detail-full{grid-column:1/-1}@media (width<=1100px){.desa-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.desa-grid{grid-template-columns:1fr}}@media (width<=680px){.desa-summary{grid-template-columns:1fr}.desa-section{padding:17px}.desa-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.desa-form,.desa-detail-grid{grid-template-columns:1fr}.desa-form-full,.desa-detail-full{grid-column:auto}.desa-actions button{flex:1}}.lokasi-page{flex-direction:column;gap:24px;display:flex}.lokasi-header{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;box-shadow:0 10px 30px #0f172a0d}.lokasi-eyebrow{color:#2563eb;letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.lokasi-header h2{color:#0f172a;margin:7px 0;font-size:27px}.lokasi-header p{color:#64748b;margin:0}.lokasi-primary-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:11px;padding:12px 17px;font-weight:700}.lokasi-primary-button:hover{background:#1d4ed8}.lokasi-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.lokasi-summary article{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:21px}.lokasi-summary span,.lokasi-summary strong{display:block}.lokasi-summary span{color:#64748b;font-size:12px;font-weight:700}.lokasi-summary strong{color:#0f172a;margin-top:7px;font-size:28px}.lokasi-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px}.lokasi-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.lokasi-section-heading h3{margin:6px 0 0}.lokasi-section-heading input{background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;outline:none;width:280px;padding:11px 13px}.lokasi-section-heading input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.lokasi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.lokasi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:17px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.lokasi-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 14px 30px #0f172a12}.lokasi-card-top{justify-content:space-between;align-items:center;display:flex}.lokasi-icon{background:#dbeafe;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.lokasi-status{border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.status-suspended{color:#a16207;background:#fef3c7}.status-disabled{color:#b91c1c;background:#fee2e2}.lokasi-card h4{color:#0f172a;margin:17px 0 6px}.lokasi-card p{color:#64748b;margin:0;font-size:12px}.lokasi-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.lokasi-stats div{text-align:center;background:#fff;border:1px solid #e8edf4;border-radius:10px;padding:11px 6px}.lokasi-stats span,.lokasi-stats strong{display:block}.lokasi-stats span{color:#94a3b8;font-size:9px}.lokasi-stats strong{color:#0f172a;margin-top:4px}.lokasi-actions{grid-template-columns:1fr auto;gap:9px;margin-top:18px;display:grid}.lokasi-detail-button,.lokasi-live-button,.lokasi-more-button{cursor:pointer;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:800}.lokasi-detail-button{color:#fff;background:#2563eb;border:0}.lokasi-live-button{color:#fff;background:#0f172a;border:0}.lokasi-live-button:disabled{cursor:not-allowed;opacity:.4}.lokasi-more-button{color:#475569;background:#fff;border:1px solid #dbe3ef;grid-column:1/-1}.lokasi-empty{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;margin-top:16px;padding:25px;display:flex}.lokasi-empty div{margin-bottom:10px;font-size:35px}.lokasi-empty span{color:#64748b;margin-top:6px;font-size:12px}.lokasi-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.lokasi-modal{background:#fff;border-radius:20px;width:min(610px,100%);overflow:hidden;box-shadow:0 30px 80px #0f172a4d}.lokasi-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 18px;display:flex}.lokasi-modal-header h3{color:#0f172a;margin:7px 0 0;font-size:22px}.lokasi-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:10px;width:36px;height:36px;font-size:24px;line-height:1}.lokasi-form{gap:17px;padding:24px 26px 26px;display:grid}.lokasi-form label{gap:7px;display:grid}.lokasi-form label>span{color:#475569;font-size:12px;font-weight:800}.lokasi-form input,.lokasi-form select{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;outline:none;width:100%;padding:12px 13px}.lokasi-form input:focus,.lokasi-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.lokasi-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 13px;font-size:12px;font-weight:700}.lokasi-delete-area{background:#fff7f7;border:1px solid #fecaca;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.lokasi-delete-area p{color:#7f1d1d;margin:0;font-size:11px}.lokasi-delete-button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:9px;flex:none;padding:10px 13px;font-size:11px;font-weight:800}.lokasi-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.lokasi-cancel-button,.lokasi-save-button{cursor:pointer;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:800}.lokasi-cancel-button{color:#475569;background:#fff;border:1px solid #cbd5e1}.lokasi-save-button{color:#fff;background:#2563eb;border:1px solid #2563eb}@media (width<=1150px){.lokasi-grid,.lokasi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.lokasi-header,.lokasi-section-heading{flex-direction:column;align-items:stretch}.lokasi-grid,.lokasi-summary{grid-template-columns:1fr}.lokasi-section-heading input,.lokasi-primary-button{width:100%}.lokasi-actions{grid-template-columns:1fr}.lokasi-more-button{grid-column:auto}.lokasi-modal-backdrop{place-items:start center;padding:14px}.lokasi-delete-area{flex-direction:column;align-items:stretch}.lokasi-form-actions{grid-template-columns:1fr;display:grid}}.kamera-page{flex-direction:column;gap:24px;display:flex}.kamera-header{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;box-shadow:0 10px 30px #0f172a0d}.kamera-eyebrow{color:#2563eb;letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.kamera-header h2{color:#0f172a;margin:7px 0;font-size:27px}.kamera-header p{color:#64748b;margin:0}.kamera-primary-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:11px;padding:12px 17px;font-weight:700}.kamera-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.kamera-summary article{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:21px}.kamera-summary span,.kamera-summary strong{display:block}.kamera-summary span{color:#64748b;font-size:12px;font-weight:700}.kamera-summary strong{color:#0f172a;margin-top:7px;font-size:28px}.kamera-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px}.kamera-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.kamera-section-heading h3{margin:6px 0 0}.kamera-section-heading input{background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;width:250px;padding:11px 13px}.kamera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.kamera-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:17px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.kamera-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14}.kamera-card-active{border-color:#2563eb;box-shadow:0 16px 35px #2563eb24}.kamera-card-top{justify-content:space-between;align-items:center;display:flex}.kamera-icon{background:#dbeafe;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.kamera-status{border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.kamera-card h4{color:#0f172a;margin:17px 0 6px}.kamera-card>p{color:#64748b;margin:0 0 18px;font-size:12px}.kamera-standby{text-align:center;background:#eef2f7;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:25px;display:flex}.standby-icon{margin-bottom:10px;font-size:36px}.kamera-standby strong{color:#172033}.kamera-standby span{color:#64748b;margin-top:6px;font-size:12px}.kamera-player{aspect-ratio:16/9;background:#020617;border-radius:14px;overflow:hidden}.kamera-player iframe{border:0;width:100%;height:100%}.kamera-actions{grid-template-columns:1fr auto;gap:9px;margin-top:18px;display:grid}.kamera-open-button,.kamera-close-button,.kamera-more-button{cursor:pointer;border-radius:9px;padding:11px 13px;font-size:11px;font-weight:800}.kamera-open-button{color:#fff;background:#2563eb;border:0}.kamera-open-button:disabled{cursor:not-allowed;opacity:.45}.kamera-close-button{color:#fff;background:#dc2626;border:0}.kamera-more-button{color:#475569;background:#fff;border:1px solid #dbe3ef}@media (width<=1000px){.kamera-grid{grid-template-columns:1fr}.kamera-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.kamera-header,.kamera-section-heading{flex-direction:column;align-items:stretch}.kamera-summary{grid-template-columns:1fr}.kamera-section-heading input,.kamera-primary-button{width:100%}}.kamera-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a9e;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow-y:auto}.kamera-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(100%,860px);max-height:calc(100vh - 56px);padding:26px;overflow-y:auto;box-shadow:0 30px 80px #0f172a47}.kamera-modal-heading{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.kamera-modal-heading h3{color:#172033;margin:7px 0;font-size:23px}.kamera-modal-heading p{color:#64748b;margin:0;line-height:1.5}.kamera-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:25px;display:grid}.kamera-add-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.kamera-add-form label{color:#526078;flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.kamera-add-form input,.kamera-add-form select{color:#263249;background:#fff;border:1px solid #dbe3ee;border-radius:10px;outline:none;width:100%;min-height:44px;padding:0 12px}.kamera-add-form input:focus,.kamera-add-form select:focus{border-color:#2f76ff;box-shadow:0 0 0 3px #2f76ff1f}.kamera-stream-field{grid-column:1/-1}.kamera-stream-field small{color:#8b95a7;font-weight:500}.kamera-form-error{color:#b42318;background:#fef3f2;border-radius:10px;grid-column:1/-1;padding:12px 14px;font-size:12px;font-weight:700}.kamera-form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.kamera-form-actions button{cursor:pointer;border:0;border-radius:10px;min-height:43px;padding:0 18px;font-weight:800}.kamera-form-cancel{color:#475569;background:#edf1f7}.kamera-form-save{color:#fff;background:#2474ff}@media (width<=820px){.kamera-add-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.kamera-modal-backdrop{padding:12px}.kamera-modal{padding:19px}.kamera-add-form{grid-template-columns:1fr}}.kamera-manage-button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;grid-column:1/-1;padding:11px 13px;font-size:11px;font-weight:800}.kamera-manage-button:hover{color:#fff;background:#2563eb;border-color:#2563eb}.kamera-delete-area{background:#fff7f7;border:1px solid #fecaca;border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.kamera-delete-area div{flex-direction:column;gap:4px;display:flex}.kamera-delete-area strong{color:#991b1b;font-size:12px}.kamera-delete-area span{color:#b91c1c;font-size:11px}.kamera-delete-button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:9px;flex:none;min-height:40px;padding:0 15px;font-size:11px;font-weight:800}.kamera-delete-button:hover{background:#b91c1c}@media (width<=580px){.kamera-delete-area{flex-direction:column;align-items:stretch}.kamera-delete-button{width:100%}}.kamera-preview{aspect-ratio:16/9;background:#020617;border:1px solid #dbe3ef;border-radius:14px;width:100%;position:relative;overflow:hidden}.kamera-preview iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.kamera-preview-overlay{z-index:2;pointer-events:none;color:#fff;background:linear-gradient(#02061705 52%,#020617d1);flex-direction:column;justify-content:flex-end;gap:4px;padding:14px;display:flex;position:absolute;inset:0}.kamera-preview-overlay span{color:#86efac;letter-spacing:.08em;font-size:9px;font-weight:900}.kamera-preview-overlay strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.kamera-preview:hover{border-color:#60a5fa;box-shadow:0 12px 30px #2563eb1f}.kamera-thumbnail{aspect-ratio:16/9;background:#eaf0f7;border:1px solid #dbe3ef;border-radius:14px;width:100%;position:relative;overflow:hidden}.kamera-thumbnail-fallback{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.kamera-thumbnail-fallback span{font-size:38px}.kamera-thumbnail-fallback strong{font-size:12px}.kamera-thumbnail img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.kamera-thumbnail-overlay{z-index:2;pointer-events:none;color:#fff;background:linear-gradient(#0000 52%,#020617c7);flex-direction:column;justify-content:flex-end;gap:4px;padding:14px;display:flex;position:absolute;inset:0}.kamera-thumbnail-overlay strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.kamera-thumbnail-overlay span{font-size:8px}.kamera-thumbnail-overlay strong{font-size:12px}.kamera-thumbnail img,.kamera-thumbnail-fallback{background:#eaf0f7}.kamera-thumbnail-button{color:inherit;text-align:left;cursor:pointer;padding:0;display:block}.kamera-thumbnail-button:hover{border-color:#60a5fa;box-shadow:0 12px 28px #2563eb26}.kamera-thumbnail-button img{transition:transform .25s}.kamera-thumbnail-button:hover img{transform:scale(1.015)}.kamera-thumbnail-play{z-index:4;color:#fff;opacity:0;background:#0f172ab8;border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:54px;height:54px;padding-left:3px;font-size:19px;transition:opacity .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kamera-thumbnail-button:hover .kamera-thumbnail-play{opacity:1}.kamera-thumbnail-overlay{background:linear-gradient(#0000,#020617d1);min-height:55px;padding:15px;inset:auto 0 0}.kamera-thumbnail-overlay span{color:#bfdbfe;letter-spacing:.1em;font-size:8px;font-weight:900}.device-center-page{flex-direction:column;gap:24px;display:flex}.device-center-header,.device-filter-card,.device-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 30px #0f172a0d}.device-center-header{justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.device-center-header h2,.device-filter-heading h3,.device-list-heading h3{color:#14213d;margin:5px 0 0}.device-center-header p{color:#64748b;margin:8px 0 0}.device-center-eyebrow{color:#2563eb;letter-spacing:.14em;font-size:11px;font-weight:800}.device-primary-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:11px;padding:12px 18px;font-weight:800}.device-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.device-summary article{background:#fff;border:1px solid #e2e8f0;border-radius:17px;flex-direction:column;gap:7px;padding:21px;display:flex;box-shadow:0 10px 24px #0f172a0a}.device-summary span{color:#64748b;font-size:12px;font-weight:700}.device-summary strong{color:#14213d;font-size:29px}.device-summary small{color:#94a3b8}.device-filter-card,.device-list-card{padding:24px}.device-filter-heading,.device-list-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.device-reset-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 14px}.device-filter-grid{grid-template-columns:2fr 1fr 1fr;gap:18px;display:grid}.device-filter-grid label{flex-direction:column;gap:8px;display:flex}.device-filter-grid label>span{color:#475569;font-size:12px;font-weight:700}.device-filter-grid input,.device-filter-grid select{color:#14213d;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;padding:0 13px}.device-filter-grid input:focus,.device-filter-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.device-result-count{color:#2563eb;background:#eff6ff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.device-table-wrapper{overflow-x:auto}.device-table{border-collapse:collapse;width:100%;min-width:1050px}.device-table th{color:#64748b;letter-spacing:.04em;text-align:left;border-bottom:1px solid #e2e8f0;padding:13px 12px;font-size:11px}.device-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:14px 12px;font-size:12px}.device-table tbody tr:hover{background:#f8fafc}.device-name-cell{align-items:center;gap:11px;display:flex}.device-name-cell>div:last-child{flex-direction:column;gap:4px;display:flex}.device-name-cell strong,.device-table td>strong{color:#14213d}.device-name-cell span,.device-model{color:#94a3b8;font-size:11px;display:block}.device-icon{background:#eff6ff;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.device-status{border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.device-status-online{color:#15803d;background:#dcfce7}.device-status-offline{color:#b91c1c;background:#fee2e2}.device-status-maintenance{color:#b45309;background:#fef3c7}.device-actions{gap:6px;display:flex}.device-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}.device-actions button:hover{color:#2563eb;border-color:#93c5fd}.device-empty{color:#64748b;text-align:center;align-content:center;place-items:center;gap:7px;min-height:230px;display:grid}.device-empty span{font-size:38px}.device-empty strong{color:#14213d}.device-empty p{margin:0}@media (width<=1050px){.device-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.device-filter-grid{grid-template-columns:1fr}}@media (width<=650px){.device-center-header{flex-direction:column;align-items:flex-start}.device-summary{grid-template-columns:1fr}}.device-success-message{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:13px;align-items:center;gap:10px;padding:14px 17px;font-size:13px;display:flex}.device-success-message>span{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.device-filter-actions{flex-wrap:wrap;gap:8px;display:flex}.device-delete-button{color:#dc2626!important;border-color:#fecaca!important}.device-delete-button:hover{background:#fef2f2!important;border-color:#ef4444!important}.device-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.device-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 25px 70px #0f172a4d}.device-modal-small{width:min(590px,100%)}.device-modal-header{z-index:2;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex;position:sticky;top:0}.device-modal-header h3{color:#14213d;margin:5px 0 0;font-size:21px}.device-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;font-size:24px;display:grid}.device-modal-close:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.device-form{padding:24px}.device-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;margin-bottom:18px;padding:12px 14px;font-size:12px;font-weight:700}.device-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.device-form-grid label{flex-direction:column;gap:8px;display:flex}.device-form-grid label>span{color:#475569;font-size:12px;font-weight:750}.device-form-grid input,.device-form-grid select,.device-form-grid textarea{color:#14213d;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;padding:11px 13px}.device-form-grid textarea{resize:vertical}.device-form-grid input:focus,.device-form-grid select:focus,.device-form-grid textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.device-form-full{grid-column:1/-1}.device-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:20px 24px;display:flex}.device-secondary-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:11px;padding:11px 17px;font-weight:750}.device-secondary-button:hover{background:#f8fafc}.device-detail-icon{background:#eff6ff;border-radius:20px;place-items:center;width:76px;height:76px;margin:25px auto 5px;font-size:35px;display:grid}.device-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px;display:grid}.device-detail-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.device-detail-grid span{color:#64748b;font-size:11px;font-weight:700}.device-detail-grid strong{color:#14213d;word-break:break-word;font-size:13px}.device-detail-full{grid-column:1/-1}.device-monitoring-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:13px;margin:24px;padding:17px;display:flex}.device-monitoring-status>div{flex-direction:column;gap:4px;display:flex}.device-monitoring-status strong{color:#14213d}.device-monitoring-status span:last-child{color:#64748b;font-size:12px}.device-monitoring-dot{border-radius:50%;flex:0 0 15px;width:15px;height:15px}.device-monitoring-online{background:#22c55e;box-shadow:0 0 0 6px #22c55e21}.device-monitoring-offline{background:#ef4444;box-shadow:0 0 0 6px #ef444421}.device-monitoring-maintenance{background:#f59e0b;box-shadow:0 0 0 6px #f59e0b21}.device-monitoring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 24px 20px;display:grid}.device-monitoring-grid article{border:1px solid #e2e8f0;border-radius:13px;flex-direction:column;gap:7px;padding:15px;display:flex}.device-monitoring-grid span{color:#64748b;font-size:11px;font-weight:700}.device-monitoring-grid strong{color:#14213d;font-size:14px}.device-monitoring-note{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:0 24px 24px;padding:14px;font-size:12px;line-height:1.6}@media (width<=700px){.device-modal-backdrop{align-items:end;padding:0}.device-modal{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.device-form-grid,.device-detail-grid,.device-monitoring-grid{grid-template-columns:1fr}.device-form-full,.device-detail-full{grid-column:auto}.device-modal-footer{flex-direction:column-reverse}.device-modal-footer button{width:100%}}.liveview-page{flex-direction:column;gap:20px;display:flex}.liveview-header{background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex;box-shadow:0 10px 30px #0f172a0d}.liveview-eyebrow,.liveview-card-eyebrow{color:#2563eb;letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.liveview-header h2{color:#0f172a;margin:7px 0;font-size:26px}.liveview-header p{color:#64748b;margin:0;font-size:13px}.liveview-header-actions{align-items:center;gap:12px;display:flex}.liveview-online-badge{color:#15803d;background:#dcfce7;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.liveview-header-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:11px 15px;font-weight:700;transition:background .2s,border-color .2s}.liveview-header-actions button:hover{background:#f8fafc;border-color:#93c5fd}.liveview-layout{grid-template-columns:minmax(0,4fr) minmax(260px,1fr);align-items:start;gap:18px;display:grid}.liveview-player-panel,.liveview-info-card,.liveview-camera-list{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 30px #0f172a0d}.liveview-player-panel{min-width:0;padding:16px}.liveview-player-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.liveview-player-heading span,.liveview-player-heading strong{display:block}.liveview-player-heading>div>span{color:#64748b;letter-spacing:.12em;font-size:10px;font-weight:800}.liveview-player-heading strong{color:#0f172a;margin-top:5px;font-size:15px}.live-indicator{color:#dc2626;font-size:11px;font-weight:900}.liveview-player{aspect-ratio:16/9;background:#020617;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.liveview-player iframe{border:0;width:100%;height:100%;display:block}.liveview-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.liveview-controls button{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;min-height:42px;padding:10px 8px;font-size:11px;font-weight:700;transition:color .2s,background .2s,border-color .2s,transform .2s}.liveview-controls button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.liveview-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex}.liveview-info-card,.liveview-camera-list{padding:17px}.liveview-info-card dl{flex-direction:column;margin:14px 0 0;display:flex}.liveview-info-card dl div{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.liveview-info-card dl div:last-child{border-bottom:0}.liveview-info-card dt{color:#64748b;font-size:11px}.liveview-info-card dd{overflow-wrap:anywhere;color:#0f172a;text-align:right;max-width:58%;margin:0;font-size:11px;font-weight:700}.online-text{color:#15803d!important}.liveview-camera-items{flex-direction:column;gap:7px;margin-top:14px;display:flex}.liveview-camera-item{color:#172033;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:10px;transition:background .2s,border-color .2s,transform .2s;display:grid}.liveview-camera-item:hover{background:#f1f5f9;border-color:#bfdbfe;transform:translate(2px)}.liveview-camera-item.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 6px 16px #2563eb1a}.camera-list-icon{background:#dbeafe;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.liveview-camera-item strong,.liveview-camera-item small{display:block}.liveview-camera-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.liveview-camera-item small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.camera-list-status{color:#22c55e;font-size:9px}@media (width<=1250px){.liveview-layout{grid-template-columns:minmax(0,3fr) minmax(250px,1fr)}.liveview-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.liveview-layout{grid-template-columns:1fr}.liveview-camera-items{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=700px){.liveview-header,.liveview-header-actions{flex-direction:column;align-items:stretch}.liveview-controls,.liveview-camera-items{grid-template-columns:1fr}}.liveview-player{isolation:isolate;position:relative;overflow:hidden}.liveview-player iframe{z-index:1;border:0;width:100%;height:100%;position:relative}.liveview-watermark{z-index:30;pointer-events:none;position:absolute;top:18px;left:18px}.liveview-watermark img{filter:drop-shadow(0 2px 6px #00000073);width:105px;height:auto;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.liveview-camera-title{z-index:31;text-align:right;color:#fff;text-shadow:0 2px 8px #000000f2;background:linear-gradient(270deg,#00000059,#0000);border-radius:8px;padding:8px 12px;font-size:22px;font-weight:700;line-height:1.25;position:absolute;top:18px;right:18px}.liveview-player:fullscreen .liveview-camera-title{font-size:26px;top:24px;right:24px}.liveview-player:fullscreen .liveview-watermark img{width:130px}.liveview-watermark.left-top{inset:18px auto auto 18px}.liveview-watermark.right-top{inset:18px 18px auto auto}.liveview-watermark.left-bottom{inset:auto auto 18px 18px}.liveview-watermark.right-bottom{inset:auto 18px 18px auto}.liveview-watermark.center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.liveview-watermark img{opacity:1!important}.liveview-status-badge{border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.liveview-status-online{color:#15803d;background:#dcfce7}.liveview-status-offline{color:#b91c1c;background:#fee2e2}.liveview-status-checking{color:#a16207;background:#fef3c7}.live-indicator.inactive{color:#a16207}.liveview-stream-unavailable{box-sizing:border-box;color:#e2e8f0;text-align:center;background:#172033;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;padding:30px;display:flex}.liveview-stream-unavailable div{font-size:40px}.liveview-stream-unavailable strong{font-size:18px}.liveview-stream-unavailable span{color:#94a3b8;max-width:520px;font-size:12px}.liveview-info-status.status-online{color:#15803d}.liveview-info-status.status-offline{color:#b91c1c}.liveview-info-status.status-checking{color:#a16207}.camera-list-status.status-online{color:#22c55e}.camera-list-status.status-offline{color:#ef4444}.camera-list-status.status-checking{color:#f59e0b}.liveview-api-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:700}.liveview-state-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;max-width:720px;margin:80px auto;padding:36px}.liveview-state-card>div{font-size:48px}.liveview-state-card p{color:#64748b}.liveview-state-card button{color:#fff;cursor:pointer;background:#2474ff;border:0;border-radius:10px;margin-top:14px;padding:11px 18px;font-weight:800}.liveview-state-danger{border-color:#fecaca}.liveview-state-danger h2{color:#991b1b}.liveview-controls button:disabled{cursor:not-allowed;opacity:.45;transform:none}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.peta-page{flex-direction:column;gap:20px;display:flex}.peta-header,.peta-map-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 30px #0f172a0d}.peta-header{justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.peta-eyebrow{color:#2563eb;letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.peta-header h2,.peta-map-heading h3{color:#0f172a;margin:7px 0}.peta-header h2{font-size:26px}.peta-header p{color:#64748b;margin:0;font-size:13px}.peta-status-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;min-width:190px;padding:14px 16px}.peta-status-summary span,.peta-status-summary strong{display:block}.peta-status-summary span{color:#64748b;font-size:11px}.peta-status-summary strong{color:#1d4ed8;margin-top:5px;font-size:14px}.peta-map-card{padding:18px}.peta-map-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.peta-map-heading h3{font-size:18px}.peta-legend{align-items:center;gap:14px;display:flex}.peta-legend span{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.legend-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.legend-online{background:#22c55e}.legend-offline{background:#ef4444}.peta-map-container{border:1px solid #dbe3ef;border-radius:16px;overflow:hidden}.peta-map{width:100%;height:620px}.cctv-map-marker-wrapper{background:0 0;border:0}.cctv-map-marker{color:#fff;background:#2563eb;border:4px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-45deg);box-shadow:0 8px 18px #2563eb59}.cctv-map-marker span{font-size:16px;transform:rotate(45deg)}.cctv-popup{min-width:220px;padding:4px}.cctv-popup-label{color:#2563eb;letter-spacing:.12em;font-size:9px;font-weight:800}.cctv-popup h4{color:#0f172a;margin:7px 0 5px;font-size:16px}.cctv-popup p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.cctv-popup-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.cctv-popup-stats div{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:9px}.cctv-popup-stats span,.cctv-popup-stats strong{display:block}.cctv-popup-stats span{color:#94a3b8;font-size:9px}.cctv-popup-stats strong{color:#0f172a;margin-top:4px;font-size:14px}.cctv-popup-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.cctv-popup-actions button{cursor:pointer;border-radius:8px;min-height:36px;padding:8px;font-size:10px;font-weight:800}.cctv-popup-actions button:first-child{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.cctv-popup-actions button:last-child{color:#fff;background:#2563eb;border:1px solid #2563eb}@media (width<=900px){.peta-header,.peta-map-heading{flex-direction:column;align-items:stretch}.peta-status-summary{min-width:0}.peta-map{height:520px}}@media (width<=600px){.peta-map{height:440px}.peta-legend{flex-wrap:wrap}}.playback-page{flex-direction:column;gap:24px;display:flex}.playback-header,.playback-filter-card,.playback-results-card,.playback-player-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 30px #0f172a0d}.playback-header{justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.playback-header h2,.playback-section-title h3{color:#14213d;margin:5px 0 0}.playback-header p{color:#64748b;margin:8px 0 0}.playback-eyebrow{color:#2563eb;letter-spacing:.14em;font-size:11px;font-weight:800}.playback-header-status{color:#64748b;background:#f8fafc;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;min-width:180px;padding:14px 16px;font-size:12px;display:grid}.playback-header-status strong{color:#14213d;grid-column:2}.playback-status-dot{background:#f59e0b;border-radius:50%;width:9px;height:9px}.playback-filter-card,.playback-results-card,.playback-player-card{padding:24px}.playback-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.playback-reset-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 14px}.playback-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.playback-filter-grid label{flex-direction:column;gap:8px;display:flex}.playback-filter-grid label>span{color:#475569;font-size:12px;font-weight:700}.playback-filter-grid select,.playback-filter-grid input{color:#14213d;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;padding:0 13px}.playback-filter-grid select:focus,.playback-filter-grid input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.playback-camera-info{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;align-items:center;gap:13px;margin-top:20px;padding:15px;display:flex}.playback-camera-icon{background:#dbeafe;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.playback-camera-info div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.playback-camera-info strong{color:#14213d}.playback-camera-info span{color:#64748b;font-size:12px}.playback-camera-status{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.playback-camera-status-online{background:#dcfce7;color:#15803d!important}.playback-camera-status-offline{background:#fee2e2;color:#b91c1c!important}.playback-camera-status-maintenance{background:#fef3c7;color:#b45309!important}.playback-search-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;min-width:190px;margin:20px auto 0;padding:13px 22px;font-weight:800;display:block}.playback-search-button:hover{background:#1d4ed8}.playback-content-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start;gap:24px;display:grid}.playback-result-count{color:#2563eb;background:#eff6ff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.playback-empty,.playback-player-empty{color:#64748b;text-align:center;align-content:center;place-items:center;gap:8px;min-height:260px;display:grid}.playback-empty div,.playback-player-empty div{font-size:42px}.playback-empty strong,.playback-player-empty strong{color:#14213d}.playback-empty p,.playback-player-empty p{max-width:330px;margin:0;font-size:13px}.playback-recording-list{flex-direction:column;gap:12px;display:flex}.playback-recording-item{border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:14px;padding:15px;transition:all .2s;display:grid}.playback-recording-item:hover,.playback-recording-active{background:#f8fbff;border-color:#93c5fd}.playback-recording-time{flex-direction:column;gap:4px;display:flex}.playback-recording-time strong{color:#14213d}.playback-recording-time span,.playback-recording-meta span{color:#64748b;font-size:11px}.playback-recording-type{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.playback-type-normal{color:#15803d;background:#dcfce7}.playback-type-motion{color:#b45309;background:#fef3c7}.playback-type-alarm{color:#b91c1c;background:#fee2e2}.playback-recording-meta{flex-direction:column;gap:4px;display:flex}.playback-recording-actions{gap:8px;display:flex}.playback-recording-actions button{cursor:pointer;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.playback-play-button{color:#fff;background:#2563eb;border:0}.playback-download-button{color:#475569;background:#fff;border:1px solid #cbd5e1}.playback-video-placeholder{background:radial-gradient(circle,#334155,#0f172a);border-radius:16px;min-height:290px;position:relative;overflow:hidden}.playback-video-overlay{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:30px;display:flex;position:absolute;inset:0}.playback-large-play{background:#ffffff24;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:66px;height:66px;font-size:28px;display:grid}.playback-video-overlay span,.playback-video-overlay small{color:#cbd5e1}.playback-timeline{margin-top:18px}.playback-timeline-labels{color:#64748b;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.playback-timeline-track{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.playback-timeline-progress{border-radius:inherit;background:#2563eb;width:42%;height:100%}.playback-player-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.playback-player-controls button{color:#14213d;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-width:42px;height:38px}@media (width<=1100px){.playback-content-grid{grid-template-columns:1fr}.playback-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.playback-header{flex-direction:column;align-items:flex-start}.playback-filter-grid,.playback-recording-item{grid-template-columns:1fr}.playback-recording-actions{width:100%}.playback-recording-actions button{flex:1}}.playback-api-message{border:1px solid;border-radius:12px;flex-direction:column;gap:4px;margin-top:16px;padding:13px 15px;font-size:12px;display:flex}.playback-api-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.playback-api-success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.playback-search-button:disabled,.playback-recording-actions button:disabled{cursor:not-allowed;opacity:.65}.playback-video{background:#0f172a;border-radius:16px;width:100%;min-height:290px;max-height:460px;display:block}.alarm-history{flex-direction:column;gap:20px;display:flex}.alarm-history-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.alarm-history-header h1{color:#172033;margin:0;font-size:28px}.alarm-history-header p{color:#6b7280;margin:7px 0 0}.alarm-header-actions{align-items:flex-end;gap:16px;display:flex}.alarm-last-update{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:210px;padding:11px 14px}.alarm-last-update span{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.alarm-last-update strong{color:#334155;margin-top:4px;font-size:12px;display:block}.alarm-action-buttons{gap:9px;display:flex}.alarm-button{min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .15s}.alarm-button:hover:not(:disabled){transform:translateY(-1px)}.alarm-button:disabled{cursor:not-allowed;opacity:.55}.alarm-button-refresh{color:#fff;background:#2563eb;box-shadow:0 8px 18px #2563eb2e}.alarm-button-export{color:#fff;background:#15803d;box-shadow:0 8px 18px #15803d29}.alarm-button-reset{color:#475569;background:#f8fafc;border:1px solid #d7dfeb;align-self:end}.alarm-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.alarm-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a09}.alarm-summary-card:before{content:"";width:5px;height:100%;position:absolute;top:0;left:0}.alarm-summary-card span{color:#64748b;font-size:12px;font-weight:700;display:block}.alarm-summary-card strong{color:#172033;margin-top:5px;font-size:28px;line-height:1;display:block}.alarm-summary-card small{color:#94a3b8;margin-top:8px;font-size:11px;display:block}.summary-total:before{background:#2563eb}.summary-online:before{background:#22c55e}.summary-offline:before{background:#ef4444}.summary-alarm:before{background:#f97316}.summary-checking:before{background:#eab308}.alarm-filters{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:minmax(260px,1fr) 180px 180px auto;align-items:end;gap:12px;padding:16px;display:grid}.alarm-filter-field{flex-direction:column;gap:7px;display:flex}.alarm-filter-field label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.alarm-filter-field input,.alarm-filter-field select{color:#172033;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d7dfeb;border-radius:10px;padding:10px 12px}.alarm-filter-field input:focus,.alarm-filter-field select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.alarm-result-info{color:#64748b;margin-top:-8px;font-size:12px}.alarm-result-info strong{color:#334155}.alarm-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.alarm-table{border-collapse:collapse;width:100%;min-width:1080px}.alarm-table th,.alarm-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f7;padding:13px 15px}.alarm-table th{z-index:1;color:#536079;background:#f7f9fc;font-size:12px;font-weight:700;position:sticky;top:0}.alarm-table td{color:#3b465c;font-size:13px}.alarm-row{transition:background .15s}.alarm-row-online{background:#f0fdf4b8}.alarm-row-offline{background:#fef2f2e0}.alarm-row-checking{background:#fffbebe6}.alarm-row-maintenance{background:#eef2ffcc}.alarm-table tbody tr:hover{background:#f3f7ff}.alarm-time-cell{white-space:nowrap}.alarm-message-cell{min-width:230px}.alarm-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-online{color:#15803d;background:#dcfce7}.status-offline{color:#b91c1c;background:#fee2e2}.status-checking{color:#a16207;background:#fef3c7}.status-maintenance{color:#4338ca;background:#e0e7ff}.status-neutral{color:#64748b;background:#eef2f7}.alarm-state,.alarm-empty{text-align:center;color:#64748b;padding:28px}.alarm-error{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;flex-direction:column;align-items:center;gap:9px;display:flex}.alarm-error span{font-size:13px}@media (width<=1180px){.alarm-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.alarm-filters{grid-template-columns:minmax(240px,1fr) 180px 180px}.alarm-button-reset{width:100%}}@media (width<=850px){.alarm-history-header{flex-direction:column}.alarm-header-actions{justify-content:space-between;align-items:stretch;width:100%}.alarm-filters{grid-template-columns:1fr 1fr}.alarm-search-field{grid-column:1/-1}}@media (width<=620px){.alarm-summary-grid{grid-template-columns:1fr 1fr}.alarm-header-actions,.alarm-action-buttons{flex-direction:column}.alarm-last-update,.alarm-action-buttons,.alarm-action-buttons .alarm-button{width:100%}.alarm-filters{grid-template-columns:1fr}.alarm-search-field{grid-column:auto}}.alarm-content-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.alarm-content-grid:has(.alarm-detail-panel){grid-template-columns:minmax(0,1fr) 330px}.alarm-row{cursor:pointer}.alarm-row-selected{box-shadow:inset 4px 0 #2563eb}.alarm-detail-panel{background:#fff;border:1px solid #dbe4f0;border-radius:16px;position:sticky;top:20px;overflow:hidden;box-shadow:0 14px 35px #0f172a14}.alarm-detail-header{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.alarm-detail-header span{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.alarm-detail-header h2{color:#172033;margin:6px 0 0;font-size:19px;line-height:1.3}.alarm-detail-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;width:32px;height:32px;font-size:22px}.alarm-detail-close:hover{color:#172033;background:#e2e8f0}.alarm-detail-status{padding:16px 18px 0}.alarm-detail-list{flex-direction:column;gap:0;margin:0;padding:12px 18px 18px;display:flex}.alarm-detail-list div{border-bottom:1px solid #edf1f7;padding:12px 0}.alarm-detail-list div:last-child{border-bottom:0}.alarm-detail-list dt{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.alarm-detail-list dd{color:#334155;margin:5px 0 0;font-size:13px;font-weight:600;line-height:1.5}.alarm-detail-actions{grid-template-columns:1fr;gap:9px;padding:0 18px 18px;display:grid}.alarm-detail-button{width:100%;min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700}.detail-live{color:#15803d;background:#dcfce7}.detail-playback{color:#1d4ed8;background:#dbeafe}.detail-map{color:#a16207;background:#fef3c7}.alarm-detail-button:hover{filter:brightness(.97)}.alarm-detail-note{color:#64748b;background:#f8fafc;border-top:1px solid #edf1f7;margin:0;padding:14px 18px;font-size:11px;line-height:1.5}@media (width<=1200px){.alarm-content-grid:has(.alarm-detail-panel){grid-template-columns:1fr}.alarm-detail-panel{order:-1;position:static}}.users-page{flex-direction:column;gap:22px;display:flex}.users-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.users-heading h1{color:#172033;margin:6px 0 8px;font-size:28px}.users-heading p,.users-toolbar p,.form-card-heading p{color:#778198;margin:0}.users-eyebrow{color:#2777ff;letter-spacing:1.5px;font-size:11px;font-weight:800}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-weight:700}.primary-button{color:#fff;background:#2474ff}.secondary-button{color:#45516a;background:#eef2f8}.user-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.user-stat-card,.user-form-card,.users-table-card{background:#fff;border:1px solid #e3e8f1;border-radius:16px;box-shadow:0 8px 24px #1426460d}.user-stat-card{flex-direction:column;padding:20px;display:flex}.user-stat-card span{color:#707b91;font-size:13px;font-weight:700}.user-stat-card strong{color:#182238;margin:8px 0 5px;font-size:30px}.user-stat-card small{color:#97a0b2}.user-form-card{padding:22px}.form-card-heading,.users-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.form-card-heading h2,.users-toolbar h2{color:#1b263b;margin:0 0 5px;font-size:18px}.close-form-button{color:#657087;cursor:pointer;background:#f0f3f8;border:0;border-radius:50%;width:36px;height:36px;font-size:24px}.user-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.user-form-grid label{color:#566177;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.user-form-grid input,.user-form-grid select,.users-filter input,.users-filter select{color:#263249;background:#fff;border:1px solid #dce3ee;border-radius:9px;outline:none;min-height:42px;padding:0 12px}.user-form-grid input:focus,.user-form-grid select:focus,.users-filter input:focus,.users-filter select:focus{border-color:#4087ff;box-shadow:0 0 0 3px #4087ff1f}.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.users-table-card{overflow:hidden}.users-toolbar{border-bottom:1px solid #edf0f5;padding:20px 22px}.users-filter{gap:10px;display:flex}.users-filter input{width:260px}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:1000px}.users-table th{color:#798399;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:#f7f9fc;padding:13px 18px;font-size:11px}.users-table td{color:#536077;border-top:1px solid #edf0f5;padding:16px 18px;font-size:13px}.user-profile-cell{align-items:center;gap:12px;display:flex}.user-profile-cell>div:last-child{flex-direction:column;gap:3px;display:flex}.user-profile-cell strong{color:#1d2940}.user-profile-cell span,.user-profile-cell small{color:#8a94a7}.user-avatar{color:#fff;background:linear-gradient(135deg,#2676ff,#54a3ff);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.role-badge{color:#2866cf;background:#eaf2ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.status-button{cursor:pointer;border:0;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800}.status-active{color:#16804d;background:#e5f8ef}.status-inactive{color:#a65d13;background:#fff1df}.user-action-buttons{gap:7px;display:flex}.user-action-buttons button{color:#3764a9;cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.user-action-buttons .danger-action{color:#c34646}.empty-users{text-align:center;padding:40px!important}@media (width<=1100px){.user-stat-grid,.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.users-heading,.users-toolbar{flex-direction:column;align-items:stretch}.user-stat-grid,.user-form-grid{grid-template-columns:1fr}.users-filter{flex-direction:column}.users-filter input{width:auto}}.user-region-field{grid-column:1/-1;min-width:0}.user-region-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.user-region-heading>span strong,.user-region-heading>span small{display:block}.user-region-heading>span strong{color:#0f172a;margin-bottom:4px;font-size:12px}.user-region-heading>span small{color:#64748b;font-size:11px}.user-all-region-option{color:#1e40af;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.user-region-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.user-region-option{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:11px;min-width:0;padding:13px;display:flex}.user-region-option:hover{background:#eff6ff;border-color:#bfdbfe}.user-region-option input,.user-all-region-option input{accent-color:#2563eb;width:17px;height:17px;margin:1px 0 0}.user-region-option span{min-width:0}.user-region-option strong,.user-region-option small{display:block}.user-region-option strong{color:#0f172a;margin-bottom:4px;font-size:12px}.user-region-option small{color:#64748b;font-size:10px;line-height:1.4}.user-region-empty{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:10px;grid-column:1/-1;padding:14px;font-size:12px}.user-region-summary strong,.user-region-summary small{display:block}.user-region-summary strong{color:#334155;font-size:12px}.user-region-summary small{color:#64748b;max-width:260px;margin-top:4px;font-size:10px;line-height:1.4}@media (width<=1100px){.user-region-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.user-region-heading{flex-direction:column;align-items:stretch}.user-all-region-option{justify-content:center}.user-region-options{grid-template-columns:1fr}}.user-password-help{color:#64748b;margin-top:6px;font-size:10px;font-weight:500;display:block}.settings-page{grid-template-columns:260px 1fr;gap:24px;padding:24px;display:grid}.settings-sidebar{background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex;box-shadow:0 10px 25px #00000014}.settings-sidebar h2{margin-bottom:10px}.settings-sidebar button{cursor:pointer;text-align:left;background:#f3f6fb;border:none;border-radius:10px;padding:12px;font-weight:600;transition:all .2s}.settings-sidebar button:hover{background:#dfeeff}.settings-sidebar button.active{color:#fff;background:#1565c0}.settings-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 25px #00000014}.subtitle{color:#6b7280;margin-bottom:20px}.settings-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{margin-bottom:8px;font-weight:600}.form-group input,.form-group select{border:1px solid #d7dce5;border-radius:10px;padding:12px;font-size:14px}.form-actions{grid-column:1/-1;gap:12px;margin-top:10px;display:flex}.btn-save{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:10px;padding:12px 22px}.btn-reset{cursor:pointer;background:#eceff3;border:none;border-radius:10px;padding:12px 22px}.settings-sidebar{align-self:start;min-width:0}.settings-sidebar-title{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.settings-sidebar-title>span{margin-top:3px;font-size:22px;line-height:1}.settings-sidebar-title h2{margin:0;font-size:22px;line-height:1.2}.settings-sidebar-title p{color:#64748b;margin:6px 0 0;font-size:13px}.settings-menu{flex-direction:column;gap:8px;width:100%;display:flex}.settings-menu button{color:#111827;text-align:left;cursor:pointer;white-space:nowrap;background:#f3f6fb;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:42px;padding:11px 13px;font-size:14px;font-weight:600;display:flex}.settings-menu button span{text-align:center;flex:0 0 22px;width:22px;font-size:15px}.settings-menu button:hover{background:#e5eefc}.settings-menu button.active{color:#fff;background:#1769c2}.settings-content{min-width:0}.settings-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.settings-heading h1{margin:0 0 8px}.settings-heading p{color:#64748b;margin:0}@media (width<=1100px){.settings-page{grid-template-columns:220px minmax(0,1fr)}.settings-menu button{font-size:13px}}@media (width<=820px){.settings-page{grid-template-columns:1fr}.settings-menu{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=560px){.settings-menu,.settings-card{grid-template-columns:1fr}}.upload-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;align-items:center;gap:18px;width:100%;padding:16px;display:flex}.upload-box>img{object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:0 0 120px;width:120px;height:78px;padding:8px;display:block}.upload-box>div{flex:1;min-width:0}.upload-box>div strong{margin-bottom:5px;display:block}.upload-box>div p{color:#64748b;margin:0;font-size:13px}.logo-upload-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:none;justify-content:center;align-items:center;min-height:40px;padding:10px 16px;font-weight:700;display:inline-flex}.logo-upload-button:hover{color:#1769c2;background:#eff6ff;border-color:#1769c2}.watermark-preview{background:linear-gradient(135deg,#172033 0%,#27364f 48%,#111827 100%);border:1px solid #dbe3ef;border-radius:14px;width:100%;min-height:340px;position:relative;overflow:hidden}.preview-watermark{z-index:2;width:150px;max-width:30%;transition:all .2s;position:absolute}.preview-watermark img{object-fit:contain;width:100%;height:auto;max-height:90px;display:block}.preview-watermark.left-top{top:18px;left:18px}.preview-watermark.right-top{top:18px;right:18px}.preview-watermark.left-bottom{bottom:18px;left:18px}.preview-watermark.right-bottom{bottom:18px;right:18px}.preview-watermark.center{top:50%;left:50%;transform:translate(-50%,-50%)}.preview-camera-name{color:#fff;background:#0f172abf;border-radius:8px;padding:7px 11px;font-size:12px;position:absolute;bottom:14px;right:16px}@media (width<=700px){.upload-box{flex-direction:column;align-items:stretch}.upload-box>img{width:100%;height:100px}.logo-upload-button{width:100%}}.access-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.access-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:18px}.access-summary-card span,.access-summary-card small{color:#64748b;display:block}.access-summary-card span{letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:800}.access-summary-card strong{color:#0f172a;margin-bottom:5px;font-size:28px;display:block}.access-summary-card small{font-size:12px}.access-layout{grid-template-columns:250px minmax(0,1fr);gap:18px;display:grid}.access-role-panel,.access-detail-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.access-panel-heading{margin-bottom:14px}.access-role-button{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 8px;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.access-role-button:hover{background:#eff6ff;border-color:#93c5fd}.access-role-button strong{margin-bottom:3px;font-size:13px}.access-dot.active{background:#22c55e}.access-detail-heading h2{color:#0f172a;margin:0 0 6px;font-size:24px}.access-detail-heading p{color:#64748b;margin:0;font-size:13px}.access-status-control{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;align-items:center;gap:14px;min-width:170px;padding:11px 13px;display:flex}.access-status-control span{flex:1}.access-status-control input,.access-permission-item input,.access-region-item input{accent-color:#2563eb;width:18px;height:18px}.access-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.access-permission-item,.access-region-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:13px;display:flex}.access-permission-item span,.access-region-item span{flex:1}.access-region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}@media (width<=1050px){.access-layout{grid-template-columns:1fr}.access-role-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=760px){.access-summary-grid,.access-permission-grid,.access-region-grid{grid-template-columns:1fr}.access-detail-heading{flex-direction:column}.access-status-control{width:100%}}@media (width<=560px){.access-role-list{grid-template-columns:1fr}}.access-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px;display:grid}.access-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:0;padding:18px 20px;box-shadow:0 8px 24px #0f172a0d}.access-summary-card span,.access-summary-card strong,.access-summary-card small{display:block}.access-summary-card span{color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.access-summary-card strong{color:#0f172a;margin-bottom:4px;font-size:30px;line-height:1}.access-summary-card small{color:#64748b;font-size:12px;line-height:1.4}.access-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;display:grid}.access-role-panel,.access-detail-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;min-width:0;box-shadow:0 10px 28px #0f172a0d}.access-role-panel{padding:16px}.access-panel-heading{padding:4px 4px 14px}.access-panel-heading span,.access-detail-heading>div>span,.access-section-title span{color:#2563eb;letter-spacing:.12em;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.access-panel-heading strong{color:#0f172a;font-size:18px}.access-role-list{flex-direction:column;gap:9px;display:flex}.access-role-button{appearance:none;color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;grid-template-columns:42px minmax(0,1fr) 9px;align-items:center;gap:11px;width:100%;min-height:66px;padding:11px;transition:border-color .18s,background .18s,transform .18s;display:grid}.access-role-button:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.access-role-button.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.access-role-icon{color:#1d4ed8;background:#dbeafe;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:inline-flex}.access-role-button>span:nth-child(2){min-width:0}.access-role-button strong,.access-role-button small{display:block}.access-role-button strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:13px;overflow:hidden}.access-role-button small{color:#64748b;font-size:11px}.access-dot{background:#cbd5e1;border-radius:50%;width:9px;height:9px}.access-dot.active{background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.access-detail-panel{padding:22px}.access-detail-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.access-detail-heading>div{min-width:0}.access-detail-heading h2{color:#0f172a;margin:0 0 7px;font-size:26px;line-height:1.15}.access-detail-heading p{color:#64748b;max-width:620px;margin:0;font-size:13px;line-height:1.5}.access-status-control{background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;flex:0 0 190px;align-items:center;gap:14px;padding:12px 14px;display:flex}.access-status-control>span{flex:1;min-width:0}.access-status-control strong,.access-status-control small{display:block}.access-status-control strong{color:#0f172a;font-size:12px}.access-status-control small{color:#64748b;margin-top:3px;font-size:11px}.access-section{border-bottom:1px solid #e2e8f0;padding:22px 0}.access-section-title h3{color:#0f172a;margin:0;font-size:18px}.access-permission-grid,.access-region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px;display:grid}.access-permission-item,.access-region-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:13px;min-width:0;padding:14px;transition:border-color .18s,background .18s;display:flex}.access-permission-item:hover,.access-region-item:hover{background:#eff6ff;border-color:#bfdbfe}.access-permission-item>span,.access-region-item>span{flex:1;min-width:0}.access-permission-item strong,.access-permission-item small,.access-region-item strong,.access-region-item small{display:block}.access-permission-item strong,.access-region-item strong{color:#0f172a;margin-bottom:4px;font-size:13px}.access-permission-item small,.access-region-item small{color:#64748b;font-size:11px;line-height:1.45}.access-status-control input,.access-permission-item input,.access-region-item input{accent-color:#2563eb;cursor:pointer;flex:none;width:18px;height:18px;margin:0}.access-status-control input:disabled,.access-permission-item input:disabled,.access-region-item input:disabled{cursor:not-allowed;opacity:.55}.access-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:13px;margin-top:18px;padding:15px 16px}.access-warning strong{color:#92400e;margin-bottom:5px;font-size:13px;display:block}.access-warning p{color:#a16207;margin:0;font-size:12px;line-height:1.5}.access-detail-panel .form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.access-detail-panel .btn-save,.access-detail-panel .btn-reset{cursor:pointer;border-radius:11px;min-height:43px;padding:10px 18px;font-size:13px;font-weight:800}.access-detail-panel .btn-save{color:#fff;background:#2563eb;border:1px solid #2563eb}.access-detail-panel .btn-save:hover{background:#1d4ed8}.access-detail-panel .btn-reset{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.access-detail-panel .btn-reset:hover{background:#f1f5f9}@media (width<=1100px){.access-layout{grid-template-columns:1fr}.access-role-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=760px){.access-summary-grid,.access-permission-grid,.access-region-grid{grid-template-columns:1fr}.access-detail-heading{flex-direction:column}.access-status-control{flex-basis:auto;width:100%}}@media (width<=560px){.access-role-list{grid-template-columns:1fr}.access-detail-panel{padding:16px}.access-detail-panel .form-actions{flex-direction:column}.access-detail-panel .btn-save,.access-detail-panel .btn-reset{width:100%}}.manual-region-form{background:#f8fbff;border:1px dashed #bfdbfe;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:end;gap:12px;margin-top:16px;padding:15px;display:grid}.manual-region-form .form-group{min-width:0}.manual-region-form label{color:#334155;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.manual-region-form input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:42px;padding:10px 12px}.manual-region-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-add-region{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;min-height:42px;padding:10px 16px;font-weight:800}.btn-add-region:hover{background:#1d4ed8}.access-region-manual-card{min-width:0;position:relative}.access-region-manual-card .access-region-item{height:100%;padding-right:75px}.access-region-delete{color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.access-region-delete:hover{background:#ffe4e6}.access-region-delete:disabled{cursor:not-allowed;opacity:.4}@media (width<=900px){.manual-region-form{grid-template-columns:1fr}.btn-add-region{width:100%}}.login-page{background:#f4f7fc;grid-template-columns:minmax(420px,560px) 1fr;min-height:100vh;display:grid}.login-panel{background:#fff;flex-direction:column;min-height:100vh;padding:34px 68px;display:flex}.login-brand{align-items:center;gap:14px;display:flex}.login-brand-centered{text-align:center;flex-direction:column;justify-content:center;gap:10px;width:100%}.login-logo{background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.login-logo-large{width:230px;height:125px;box-shadow:none;border:0;border-radius:0}.login-logo img{object-fit:contain;display:block}.login-logo-large img{width:100%;height:100%}.login-brand-text{flex-direction:column;gap:4px;display:flex}.login-brand-text-centered{align-items:center;gap:5px}.login-brand-text strong{color:#172237;letter-spacing:.2px;font-size:19px;font-weight:900}.login-brand-text-centered strong{font-size:23px}.login-brand-text span{color:#7d899e;font-size:12px;font-weight:600}.login-brand-text-centered span{color:#2878ff;letter-spacing:1.2px;font-size:11px;font-weight:800}.login-heading{margin-top:38px;padding-top:0}.login-eyebrow{color:#2878ff;letter-spacing:2px;margin-bottom:14px;font-size:11px;font-weight:900;display:inline-block}.login-heading h1{color:#172237;letter-spacing:-1px;margin:0;font-size:clamp(32px,3vw,42px);line-height:1.12}.login-heading p{color:#718097;max-width:430px;margin:16px 0 0;font-size:16px;line-height:1.7}.login-form{flex-direction:column;gap:20px;margin-top:30px;display:flex}.login-form label{color:#344056;flex-direction:column;gap:9px;font-size:13px;font-weight:800;display:flex}.login-form input{box-sizing:border-box;color:#172237;background:#fbfcff;border:1px solid #dbe4f1;border-radius:14px;outline:none;width:100%;min-height:52px;padding:0 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-form input::placeholder{color:#9aa6b9}.login-form input:focus{background:#fff;border-color:#2878ff;box-shadow:0 0 0 4px #2878ff1f}.password-field{position:relative}.password-field input{padding-right:100px}.password-toggle{color:#2878ff;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:12px;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-error{color:#b42318;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e6ff5 0%,#3187ff 100%);border:0;border-radius:14px;min-height:54px;font-family:inherit;font-size:15px;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 28px #2878ff3d}.login-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #2878ff4d}.login-button:active{transform:translateY(0)}.login-information{background:#f5f8fd;border:1px solid #e6edf7;border-radius:15px;flex-direction:column;gap:6px;margin-top:22px;padding:17px 18px;display:flex}.login-information strong{color:#27364d;font-size:13px}.login-information span{color:#718097;font-size:12px;line-height:1.6}.login-footer{color:#97a3b7;margin-top:auto;padding-top:28px;font-size:12px}.login-visual{background:radial-gradient(circle at 70% 20%,#347ef059,#0000 35%),linear-gradient(145deg,#071830 0%,#0c2a55 55%,#123b73 100%);justify-content:center;align-items:center;min-height:100vh;padding:64px;display:flex;position:relative;overflow:hidden}.visual-decoration{filter:blur(2px);background:#4891ff21;border-radius:999px;position:absolute}.visual-decoration-one{width:420px;height:420px;top:-140px;right:-120px}.visual-decoration-two{width:480px;height:480px;bottom:-180px;left:-160px}.visual-content{z-index:1;text-align:center;width:min(760px,100%);position:relative}.visual-eyebrow{color:#65a7ff;letter-spacing:2.6px;margin-bottom:22px;font-size:12px;font-weight:900;display:inline-block}.visual-content h2{color:#fff;letter-spacing:-2px;max-width:820px;margin:0 auto;font-size:clamp(46px,5.4vw,74px);line-height:1.08}.visual-content>p{color:#c7d4e8;max-width:680px;margin:30px auto 0;font-size:17px;line-height:1.7}.visual-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:54px;display:grid}.visual-status article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;gap:7px;padding:23px 18px;display:flex}.visual-status strong{color:#fff;font-size:20px}.visual-status span{color:#aebed7;font-size:12px}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-panel{min-height:auto;padding:34px 28px}.login-logo-large{width:210px;height:115px}.login-heading{margin-top:34px}.login-footer{margin-top:40px}.login-visual{min-height:560px;padding:64px 28px}}@media (width<=640px){.login-panel{padding:26px 20px}.login-logo-large{width:180px;height:100px}.login-brand-text-centered strong{font-size:20px}.login-heading{margin-top:30px}.login-heading h1{font-size:31px}.login-visual{min-height:520px}.visual-content h2{font-size:39px}.visual-status{grid-template-columns:1fr}}.login-password-toggle,.password-toggle,button[aria-label=Tampilkan\ password],button[aria-label=Sembunyikan\ password]{color:#315d91;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.login-password-toggle svg,.password-toggle svg,button[aria-label=Tampilkan\ password] svg,button[aria-label=Sembunyikan\ password] svg{width:22px;height:22px;display:block}.login-password-toggle:hover,.password-toggle:hover,button[aria-label=Tampilkan\ password]:hover,button[aria-label=Sembunyikan\ password]:hover{color:#1769e8}.login-password-toggle:focus-visible,.password-toggle:focus-visible,button[aria-label=Tampilkan\ password]:focus-visible,button[aria-label=Sembunyikan\ password]:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #2f78ff}.password-toggle{color:#315d91;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.password-toggle svg{width:22px;height:22px;display:block}.password-toggle:hover{color:#1769e8}.password-toggle:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #2f78ff}.public-village-page{color:#eaf2ff;background:radial-gradient(circle at 0 0,#1768ff3d,#0000 34%),radial-gradient(circle at 100% 0,#00c3ff1f,#0000 32%),linear-gradient(145deg,#061124 0%,#081a35 48%,#07162d 100%);min-height:100vh;padding:24px}.public-village-header,.public-village-hero,.public-camera-section,.public-village-footer{width:min(1440px,100%);margin-left:auto;margin-right:auto}.public-village-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081a35b8;border:1px solid #84b1ff26;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;display:flex;box-shadow:0 18px 60px #0000003b}.public-village-brand{align-items:center;gap:16px;display:flex}.public-village-logo{object-fit:contain;width:68px;height:68px}.public-village-brand span,.public-village-eyebrow,.public-camera-heading span{color:#70b8ff;letter-spacing:.16em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.public-village-brand h1,.public-village-hero h2,.public-camera-heading h2{margin:0}.public-village-brand h1{font-size:clamp(21px,3vw,31px)}.public-village-brand p,.public-village-hero p{color:#99aac4;margin:6px 0 0}.public-village-login{color:#dceaff;background:#1d5bb52e;border:1px solid #67adff47;border-radius:12px;flex:none;padding:11px 16px;font-size:13px;font-weight:750;text-decoration:none}.public-village-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:58px 10px 42px;display:grid}.public-village-hero h2{max-width:760px;font-size:clamp(30px,5vw,56px);line-height:1.04}.public-village-hero p{max-width:640px;font-size:16px;line-height:1.7}.public-village-summary{grid-template-columns:repeat(3,minmax(105px,1fr));gap:12px;display:grid}.public-village-summary article{text-align:center;background:#092042a8;border:1px solid #75acff29;border-radius:18px;min-width:110px;padding:20px}.public-village-summary span{color:#91a5c2;font-size:12px;display:block}.public-village-summary strong{margin-top:8px;font-size:31px;display:block}.public-camera-section{background:#081a35b3;border:1px solid #7aacff26;border-radius:26px;padding:26px;box-shadow:0 30px 80px #00000038}.public-camera-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.public-camera-heading h2{font-size:28px}.public-camera-heading small{color:#7f91aa}.public-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.public-camera-card{background:#0b203f;border:1px solid #77acff29;border-radius:20px;overflow:hidden}.public-camera-player{aspect-ratio:16/9;background:#020813;position:relative;overflow:hidden}.public-camera-player iframe{border:0;width:100%;height:100%}.public-camera-unavailable{color:#a8b9d1;text-align:center;background:radial-gradient(circle,#2f70ca1f,#0000 45%),#061124;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;display:flex}.public-camera-unavailable span{opacity:.72;font-size:34px}.public-camera-unavailable small{color:#7386a2;max-width:320px}.public-camera-watermark{z-index:4;color:#d9ebffd4;pointer-events:none;background:#010c1d6e;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:750;display:flex;position:absolute;top:16px;left:16px}.public-camera-watermark img{object-fit:contain;opacity:.78;width:28px;height:28px}.public-camera-status{z-index:4;letter-spacing:.07em;background:#030e1eb3;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:850;display:flex;position:absolute;top:16px;right:16px}.public-camera-status i{border-radius:50%;width:8px;height:8px}.public-camera-status.online{color:#8bffd0}.public-camera-status.online i{background:#38e99d;box-shadow:0 0 14px #38e99db8}.public-camera-status.offline{color:#ffadb4}.public-camera-status.offline i{background:#ff6674}.public-camera-info{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.public-camera-info h3{margin:0;font-size:17px}.public-camera-info p{color:#869ab7;margin:6px 0 0;font-size:13px}.public-camera-type{color:#8ac4ff;background:#2670ce1f;border:1px solid #57a4ff38;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:800}.public-camera-empty{text-align:center;padding:70px 20px}.public-camera-empty span{font-size:44px}.public-camera-empty h3{margin:14px 0 7px}.public-camera-empty p{color:#8496b1;margin:0}.public-village-footer{color:#788ba7;justify-content:space-between;align-items:center;gap:16px;padding:28px 8px 8px;font-size:12px;display:flex}.public-village-footer div{align-items:center;gap:9px;display:flex}.public-village-footer img{object-fit:contain;opacity:.75;width:32px;height:32px}.public-village-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.public-village-state-logo{object-fit:contain;width:94px;height:94px;margin-bottom:22px}.public-village-state h1{margin:12px 0 7px}.public-village-state p{color:#8799b4;max-width:460px;margin:0}.public-village-loader{border:3px solid #6eb3ff38;border-top-color:#71b8ff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite public-village-spin}.public-village-error-icon{color:#ffbbc1;background:#ff526424;border-radius:50%;place-items:center;width:54px;height:54px;font-size:25px;font-weight:900;display:grid}@keyframes public-village-spin{to{transform:rotate(360deg)}}@media (width<=900px){.public-village-hero{grid-template-columns:1fr}.public-village-summary{width:100%}.public-camera-grid{grid-template-columns:1fr}}@media (width<=620px){.public-village-page{padding:12px}.public-village-header{flex-direction:column;align-items:flex-start;padding:16px}.public-village-logo{width:55px;height:55px}.public-village-login{text-align:center;width:100%}.public-village-hero{padding:40px 4px 28px}.public-village-summary{grid-template-columns:repeat(3,1fr)}.public-village-summary article{min-width:0;padding:14px 8px}.public-village-summary strong{font-size:24px}.public-camera-section{border-radius:20px;padding:14px}.public-camera-heading,.public-village-footer{flex-direction:column;align-items:flex-start}.public-camera-watermark{top:10px;left:10px}.public-camera-status{top:10px;right:10px}}.public-camera-status.checking{color:#ffd98a}.public-camera-status.checking i{background:#ffbd45;box-shadow:0 0 14px #ffbd4599}.public-grid-controls{align-items:center;gap:12px;display:flex}.public-grid-controls small{color:#879ab7}.public-grid-controls>div{gap:6px;display:flex}.public-grid-controls button{color:#8ea5c5;cursor:pointer;background:#0b254ccc;border:1px solid #71aeff33;border-radius:9px;width:34px;height:34px;font-weight:800}.public-grid-controls button.active{color:#fff;background:#176ed1;border-color:#3e9cff}.public-camera-grid.grid-1{grid-template-columns:minmax(0,1fr)}.public-camera-grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.public-camera-grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.public-camera-preview{aspect-ratio:16/9;width:100%;color:inherit;cursor:pointer;background:#020813;border:0;padding:0;display:block;position:relative;overflow:hidden}.public-camera-preview:disabled{cursor:not-allowed}.public-camera-preview>img{object-fit:cover;width:100%;height:100%}.public-camera-preview>img.thumbnail-fallback{object-fit:contain;opacity:.22;padding:15%}.public-camera-preview-overlay{color:#fff;text-align:center;opacity:0;background:#010a181f;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:opacity .2s;display:flex;position:absolute;inset:0}.public-camera-preview:hover .public-camera-preview-overlay{opacity:1;background:#010a188c}.public-play-button{background:#1470e0db;border:1px solid #ffffff57;border-radius:50%;place-items:center;width:58px;height:58px;padding-left:4px;font-size:22px;display:grid;box-shadow:0 16px 38px #00000059}.public-camera-status.ready{color:#ffd98a}.public-camera-status.ready i{background:#ffbd45;box-shadow:0 0 14px #ffbd459e}.public-camera-map-link{color:#86bfff;text-align:center;background:#1857ac1a;border:1px solid #64a8ff26;border-radius:10px;margin:0 18px 18px;padding:10px 12px;font-size:12px;font-weight:750;text-decoration:none;display:block}.public-map-section{background:#081a35b3;border:1px solid #7aacff26;border-radius:26px;width:min(1440px,100%);margin:24px auto 0;padding:26px}.public-map-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.public-map-heading span{color:#70b8ff;letter-spacing:.16em;font-size:11px;font-weight:800}.public-map-heading h2{margin:6px 0 0}.public-map-heading a{color:#91c8ff;border:1px solid #5ea5ff3d;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:750;text-decoration:none}.public-map-frame{background:#061124;border-radius:18px;height:430px;overflow:hidden}.public-map-frame iframe{border:0;width:100%;height:100%}.public-map-note{color:#7f92ae;margin:14px 0 0;font-size:12px}.public-video-open{overflow:hidden}.public-video-modal{z-index:9999;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.public-video-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#010712e0;border:0;width:100%;position:absolute;inset:0}.public-video-dialog{z-index:2;background:#071a35;border:1px solid #68aaff40;border-radius:22px;width:min(1200px,100%);position:relative;overflow:hidden;box-shadow:0 40px 120px #0009}.public-video-heading{justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.public-video-heading span{color:#6fb8ff;letter-spacing:.16em;font-size:10px;font-weight:850}.public-video-heading h2{margin:5px 0 0}.public-video-heading p{color:#8196b4;margin:5px 0 0}.public-video-heading>button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #75aeff2e;border-radius:11px;width:42px;height:42px;font-size:27px}.public-video-player{aspect-ratio:16/9;background:#000;position:relative}.public-video-player iframe{border:0;width:100%;height:100%}.public-camera-watermark.modal{top:18px;left:18px}.public-camera-status.modal{top:18px;right:18px}@media (width<=1100px){.public-camera-grid.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.public-camera-grid.grid-1,.public-camera-grid.grid-2,.public-camera-grid.grid-3{grid-template-columns:1fr}.public-camera-heading,.public-map-heading{flex-direction:column;align-items:flex-start}.public-map-frame{height:340px}.public-video-modal{padding:8px}}.public-camera-watermark{background:0 0}.public-camera-watermark img{opacity:.33;width:115px;height:auto}.public-camera-watermark.modal img{width:150px}.public-camera-preview .public-camera-watermark img,.public-video-player .public-camera-watermark img{object-fit:contain;opacity:.33;width:150px;height:auto}.public-video-player .public-camera-watermark img{width:190px}.public-camera-preview{background:radial-gradient(circle,#2368be2e,#0000 36%),linear-gradient(145deg,#020914,#071a35)}.public-camera-preview:before{content:"Gambar terakhir kamera belum tersedia";color:#7890af;text-align:center;place-items:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0;content:none!important;display:none!important}.public-video-fullscreen{z-index:50;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030c1ab8;border:1px solid #ffffff3d;border-radius:10px;place-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:grid;position:absolute;bottom:18px;right:18px}.public-video-fullscreen:hover{background:#072041eb}.public-video-player:fullscreen{aspect-ratio:auto;background:#000;width:100vw;height:100vh;position:relative}.public-video-player:fullscreen iframe{border:0;width:100%;height:100%}.public-video-player:fullscreen .public-camera-watermark.modal{z-index:60;top:28px;left:28px}.public-video-player:fullscreen .public-camera-watermark.modal img{opacity:.33;width:190px;height:auto}.public-video-player:fullscreen .public-camera-status.modal{z-index:60;top:28px;right:28px}.public-video-player:fullscreen .public-video-fullscreen{z-index:60;bottom:28px;right:28px}.public-video-player:-webkit-full-screen{aspect-ratio:auto;background:#000;width:100vw;height:100vh}.public-video-player:-webkit-full-screen iframe{width:100%;height:100%}.public-video-player:-webkit-full-screen .public-camera-watermark.modal{z-index:60;top:28px;left:28px}.public-video-player:-webkit-full-screen .public-camera-status.modal{z-index:60;top:28px;right:28px}.public-camera-watermark,.public-camera-status,.public-video-fullscreen{pointer-events:auto}.public-camera-watermark,.public-camera-status{pointer-events:none}.public-video-fullscreen{z-index:80;color:#fff;cursor:pointer;background:#030c1ab8;border:1px solid #ffffff40;border-radius:10px;place-items:center;width:44px;height:44px;font-size:24px;display:grid;position:absolute;bottom:18px;right:18px}:-webkit-any(.public-video-player:fullscreen,.public-video-player:-webkit-full-screen){aspect-ratio:auto;background:#000;width:100vw;height:100vh;position:relative}:is(.public-video-player:fullscreen,.public-video-player:fullscreen){aspect-ratio:auto;background:#000;width:100vw;height:100vh;position:relative}:-webkit-any(.public-video-player:fullscreen iframe,.public-video-player:-webkit-full-screen iframe){width:100%;height:100%}:is(.public-video-player:fullscreen iframe,.public-video-player:fullscreen iframe){width:100%;height:100%}:-webkit-any(.public-video-player:fullscreen .public-camera-watermark.modal,.public-video-player:-webkit-full-screen .public-camera-watermark.modal){z-index:100;top:28px;left:28px}:is(.public-video-player:fullscreen .public-camera-watermark.modal,.public-video-player:fullscreen .public-camera-watermark.modal){z-index:100;top:28px;left:28px}:-webkit-any(.public-video-player:fullscreen .public-camera-watermark.modal img,.public-video-player:-webkit-full-screen .public-camera-watermark.modal img){opacity:.33;width:190px}:is(.public-video-player:fullscreen .public-camera-watermark.modal img,.public-video-player:fullscreen .public-camera-watermark.modal img){opacity:.33;width:190px}:-webkit-any(.public-video-player:fullscreen .public-camera-status.modal,.public-video-player:-webkit-full-screen .public-camera-status.modal){z-index:100;top:28px;right:28px}:is(.public-video-player:fullscreen .public-camera-status.modal,.public-video-player:fullscreen .public-camera-status.modal){z-index:100;top:28px;right:28px}:-webkit-any(.public-video-player:fullscreen .public-video-fullscreen,.public-video-player:-webkit-full-screen .public-video-fullscreen){z-index:100;bottom:28px;right:28px}:is(.public-video-player:fullscreen .public-video-fullscreen,.public-video-player:fullscreen .public-video-fullscreen){z-index:100;bottom:28px;right:28px}.public-leaflet-map{z-index:1;border-radius:18px;width:100%;height:460px}.asm-public-map-icon-wrapper{background:0 0;border:0}.asm-public-map-icon{border:3px solid #fff;border-radius:50% 50% 50% 8px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-45deg);box-shadow:0 10px 24px #00000057}.asm-public-map-icon span{display:block;transform:rotate(45deg)}.asm-public-map-icon.online{background:#16bf7f}.asm-public-map-icon.offline{background:#ef4050}.public-camera-popup{width:220px}.public-camera-popup img{object-fit:cover;border-radius:9px;width:100%;height:120px;margin-bottom:10px;display:block}.public-camera-popup strong,.public-camera-popup span,.public-camera-popup small{display:block}.public-camera-popup strong{color:#172033;margin-bottom:4px;font-size:14px}.public-camera-popup span{color:#64748b;font-size:12px}.public-camera-popup small{margin-top:7px;font-weight:800}.public-camera-popup small.online{color:#0a9f61}.public-camera-popup small.offline{color:#dc3344}.public-camera-popup button,.public-camera-popup a{box-sizing:border-box;text-align:center;cursor:pointer;border:0;border-radius:7px;width:100%;margin-top:9px;padding:9px;font-size:12px;font-weight:750;text-decoration:none;display:block}.public-camera-popup button{color:#fff;background:#1672d8}.public-camera-popup a{color:#1465ba;background:#edf5ff}.public-map-empty{color:#8296b4;text-align:center;background:#07182f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;height:420px;display:flex}.public-map-empty span{font-size:40px}.public-map-empty strong{color:#d9e7fb;margin-top:12px}.public-map-empty p{margin:7px 0 0}