.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;color:#111827;margin-bottom:8px;font-weight:700}.login-header p{font-size:16px;color:#6b7280;font-weight:400}.login-button{width:100%;padding:12px;font-size:16px;margin-top:8px}.login-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.test-credentials-label{font-size:13px;color:#6b7280;margin-bottom:12px;text-align:center}.test-credentials{font-size:13px;color:#374151;display:flex;flex-direction:column;gap:6px}.test-credentials div{padding:8px 12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.test-credentials strong{color:#111827;margin-right:8px}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:32px}.app-title{font-size:20px;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:12px}.version-badge{font-size:11px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.header-nav{display:flex;gap:4px}.nav-link{background:none;border:none;padding:8px 16px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s}.nav-link:hover{background:#f3f4f6;color:#111827}.nav-link.active{background:#eff6ff;color:#2563eb}.header-right{display:flex;align-items:center;gap:16px}.new-site-button{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.new-site-button:hover{background:#2563eb}.refresh-button{background:none;border:1px solid #e5e7eb;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s}.refresh-button:hover{background:#f3f4f6;color:#111827;border-color:#d1d5db}.user-menu{display:flex;align-items:center;gap:16px}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:14px;font-weight:500;color:#111827}.user-role{font-size:12px;color:#6b7280;text-transform:capitalize}.logout-button{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.logout-button:hover{background:#dc2626}.status-card{background:#fff;border-radius:8px;padding:16px;min-width:140px;border-left:4px solid #e5e7eb;transition:all .2s ease}.status-card.clickable{cursor:pointer}.status-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-card.status-online{border-left-color:#10b981}.status-card.status-warning,.status-card.status-degraded{border-left-color:#f59e0b}.status-card.status-offline{border-left-color:#ef4444}.status-card.status-neutral{border-left-color:#6b7280}.status-card.status-unknown{border-left-color:#9ca3af}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-label{font-size:13px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.card-icon{font-size:18px;opacity:.8}.card-value{font-size:32px;font-weight:700;color:#111827;line-height:1;margin-bottom:8px}.card-percentage{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:4px}.card-subtitle{font-size:12px;color:#9ca3af;margin-top:4px}.summary-bar{display:flex;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;overflow-x:auto}.summary-divider{width:1px;background:#e5e7eb;margin:0 8px}.marker-popup{min-width:200px;padding:4px}.popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.popup-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.status-online{background:#d1fae5;color:#059669}.status-badge.status-warning,.status-badge.status-degraded{background:#fef3c7;color:#d97706}.status-badge.status-offline{background:#fee2e2;color:#dc2626}.status-badge.status-unknown{background:#f3f4f6;color:#6b7280}.popup-row{display:flex;gap:8px;margin-bottom:8px;font-size:13px}.popup-row .label{color:#6b7280;font-weight:500}.popup-row .value{color:#111827}.popup-devices{display:flex;gap:12px;margin:12px 0;padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.device-stat{display:flex;flex-direction:column;align-items:center;flex:1}.device-stat .count{font-size:18px;font-weight:700;color:#111827}.device-stat .label{font-size:11px;color:#6b7280;margin-top:2px}.device-stat.online .count{color:#10b981}.device-stat.warning .count{color:#f59e0b}.device-stat.offline .count{color:#ef4444}.view-details-btn{width:100%;margin-top:12px;padding:8px;font-size:13px}.australia-map{width:100%;height:100%;position:relative}.map-empty{display:flex;align-items:center;justify-content:center;height:100%;background:#f9fafb;color:#6b7280;font-size:16px}.custom-div-icon{background:none;border:none}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background-color:#3b82f699}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background-color:#3b82f6cc;color:#fff;font-weight:700}.device-actions-menu{position:relative;display:inline-block}.actions-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #667eea33}.actions-trigger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.actions-trigger:active:not(:disabled){transform:translateY(0)}.actions-trigger:disabled{opacity:.6;cursor:not-allowed}.actions-trigger.loading{background:linear-gradient(135deg,#9ca3af,#6b7280)}.actions-trigger .icon{font-size:1rem}.actions-trigger .text{font-weight:600}.actions-trigger .arrow{font-size:.75rem;transition:transform .2s ease}.actions-trigger .spinner{animation:spin 1s linear infinite}.actions-dropdown{min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:8px 8px 0 0}.dropdown-header .device-name{font-size:.875rem;font-weight:600;color:#374151}.actions-list{padding:.5rem}.action-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease;text-align:left}.action-item:hover:not(:disabled){background:#f3f4f6;color:#667eea}.action-item:disabled{opacity:.5;cursor:not-allowed}.action-item .action-icon{font-size:1.25rem;width:1.5rem;text-align:center}.action-item .action-label{flex:1;font-weight:500}.action-message{position:absolute;top:calc(100% + .5rem);right:0;padding:.75rem 1rem;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:.875rem;font-weight:500;white-space:nowrap;z-index:1001;animation:fadeIn .2s ease}.action-message.success{color:#10b981;border-left:3px solid #10b981}.action-message.error{color:#ef4444;border-left:3px solid #ef4444}.snapshot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.snapshot-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0006;max-width:900px;width:100%;overflow:hidden}.snapshot-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.9rem;font-weight:600;color:#374151}.snapshot-close{background:none;border:none;font-size:1rem;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.snapshot-close:hover{background:#e5e7eb;color:#111827}.snapshot-modal-body{display:flex;align-items:center;justify-content:center;min-height:200px;padding:16px;background:#111}.snapshot-img{max-width:100%;max-height:70vh;display:block;border-radius:4px}.snapshot-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9ca3af;font-size:.875rem}.snapshot-loading p{margin:0}.snapshot-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.snapshot-error-msg{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af;font-size:.875rem}.snapshot-error-msg span{font-size:2rem}.snapshot-error-msg p{margin:0}@media (max-width: 768px){.actions-dropdown{right:auto;left:0}.action-message{right:auto;left:0;max-width:calc(100vw - 2rem);white-space:normal}}.diag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.diag-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0006;max-width:760px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.diag-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.diag-title{font-size:.9rem;font-weight:600;color:#374151}.diag-close{background:none;border:none;font-size:1rem;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.diag-close:hover{background:#e5e7eb;color:#111827}.diag-modal-body{flex:1;overflow-y:auto;padding:16px 20px}.diag-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}.diag-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#6b7280;font-size:.875rem}.diag-loading p{margin:0}.diag-loading-hint{color:#9ca3af;font-size:.8rem}.diag-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:diag-spin .8s linear infinite}@keyframes diag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.diag-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#ef4444;font-size:.875rem}.diag-error p{margin:0;text-align:center;color:#374151}.diag-error-icon{font-size:2rem;color:#ef4444}.diag-error-banner{background:#fee2e2;color:#991b1b;padding:10px 16px;border-radius:6px;font-size:.875rem;margin-bottom:12px}.diag-overall{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:8px;font-size:.875rem;font-weight:600}.diag-overall--healthy{background:#d1fae5;color:#065f46}.diag-overall--degraded{background:#fef3c7;color:#92400e}.diag-overall--issues_found{background:#fee2e2;color:#991b1b}.diag-overall-label{font-weight:700}.diag-duration{font-size:.8rem;opacity:.75;font-weight:400}.diag-recommendation{font-size:.875rem;color:#374151;margin:0 0 16px;line-height:1.5}.diag-checks-wrapper{position:relative}.diag-dimmed{opacity:.4;pointer-events:none}.diag-rerun-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;opacity:1;pointer-events:auto;gap:8px;color:#374151;font-size:.875rem}.diag-checks-table{width:100%;border-collapse:collapse;font-size:.85rem}.diag-checks-table thead th{text-align:left;padding:6px 8px;font-size:.75rem;font-weight:600;color:#9ca3af;border-bottom:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.05em}.check-row{border-bottom:1px solid #f3f4f6}.check-row:last-child{border-bottom:none}.check-icon{padding:10px 8px 10px 4px;font-size:1rem;width:24px;text-align:center}.check-label{padding:10px 8px;font-weight:500;color:#374151;white-space:nowrap}.check-value{padding:10px 8px;font-family:monospace;font-size:.8rem;color:#6b7280;white-space:nowrap}.check-duration{padding:10px 8px;font-size:.8rem;color:#9ca3af;white-space:nowrap}.check-message{padding:10px 8px;color:#374151;font-size:.8rem;line-height:1.4}.check-fix{margin-top:4px;color:#6b7280;font-style:italic;font-size:.78rem}.check-pass .check-icon{color:#10b981}.check-warn .check-icon{color:#f59e0b}.check-fail .check-icon,.check-error .check-icon{color:#ef4444}.check-skipped .check-icon{color:#9ca3af}.check-pass .check-label,.check-warn .check-label,.check-fail .check-label{color:#374151}.check-error .check-label,.check-skipped .check-label{color:#9ca3af}.diag-action-section{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.diag-action-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.diag-action-btn:disabled{opacity:.6;cursor:not-allowed}.diag-action-btn:hover:not(:disabled){opacity:.9}.diag-action-reason{font-size:.8rem;color:#6b7280;font-style:italic}.diag-action-msg{font-size:.8rem;font-weight:500}.diag-action-msg--success{color:#10b981}.diag-action-msg--error{color:#ef4444}.diag-rerun-btn{padding:8px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;margin-left:auto}.diag-rerun-btn:hover{background:#f9fafb;border-color:#9ca3af}.diag-retry-btn{padding:8px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer}.diag-retry-btn:hover{background:#f9fafb}@media (max-width: 640px){.diag-modal{max-width:100%;max-height:95vh;border-radius:8px}.diag-checks-table{font-size:.78rem}.check-duration{display:none}}.diag-upstream-banner{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b;padding:10px 14px;border-radius:0 6px 6px 0;font-size:.875rem;margin-bottom:12px;line-height:1.4}.device-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background .2s ease;gap:12px}.device-row:last-child{border-bottom:none}.device-row:hover{background:#f9fafb}.device-status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.device-info{flex:1;min-width:0}.device-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}.device-ip{font-family:Courier New,monospace}.separator{color:#d1d5db}.device-method{text-transform:uppercase;font-weight:500}.device-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.device-status{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.device-status.status-online{background:#d1fae5;color:#059669}.device-status.status-warning{background:#fef3c7;color:#d97706}.device-status.status-offline{background:#fee2e2;color:#dc2626}.device-status.status-unknown{background:#f3f4f6;color:#6b7280}.last-seen{font-size:11px;color:#9ca3af}.device-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.device-detail-panel{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.device-detail-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.device-detail-header .header-content{display:flex;flex-direction:column;gap:8px;flex:1}.device-detail-header .header-title-row{display:flex;align-items:center;gap:12px}.device-detail-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.device-detail-header .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.device-detail-header .header-actions{display:flex;align-items:center;gap:12px}.device-detail-header .last-refresh{font-size:12px;color:#6b7280;font-weight:500}.device-detail-header .refresh-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:16px;color:#374151;cursor:pointer;transition:all .2s;line-height:1}.device-detail-header .refresh-btn:hover:not(:disabled){background:#e5e7eb;color:#111827;border-color:#9ca3af}.device-detail-header .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.device-detail-header .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;line-height:1;border-radius:6px;transition:all .2s}.device-detail-header .close-btn:hover{background:#e5e7eb;color:#111827}.device-detail-body{flex:1;overflow-y:auto;padding:24px}.info-section{margin-bottom:32px}.info-section:last-child{margin-bottom:0}.info-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item.full-width{grid-column:1 / -1}.info-item .label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:14px;font-weight:500;color:#111827}.storage-container{display:flex;flex-direction:column;gap:12px}.storage-bar-container{width:100%;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden}.storage-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:12px}.storage-info{display:flex;justify-content:space-between;align-items:center;font-size:14px}.storage-info span{color:#374151;font-weight:500}.storage-percent{color:#6b7280}.sd-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:6px;font-size:13px}.sd-info .label{color:#6b7280;font-weight:500}.sd-info .value{color:#111827;font-weight:500}.recording-status-container{display:flex;flex-direction:column;gap:12px}.recording-status-box{padding:16px;border-radius:8px;border:2px solid}.recording-status-box.recording-on{background:#d1fae5;border-color:#10b981}.recording-status-box.recording-off{background:#fee2e2;border-color:#ef4444}.recording-indicator{display:flex;align-items:center;gap:10px;margin-bottom:8px}.recording-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}.recording-on .recording-dot{background:#10b981}.recording-off .recording-dot{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-weight:600;font-size:14px;color:#111827;line-height:1.4}.recording-triggers{font-size:13px;color:#6b7280;padding-left:22px}.warning-box{padding:12px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:13px;font-weight:500;line-height:1.5}.heartbeats-list{display:flex;flex-direction:column;gap:8px}.heartbeat-item{display:flex;align-items:center;gap:16px;padding:12px;background:#f9fafb;border-radius:6px;font-size:13px}.heartbeat-time{flex:1;color:#6b7280;font-weight:500}.heartbeat-status{padding:4px 10px;border-radius:12px;font-weight:500;font-size:12px}.heartbeat-status.online{background:#d1fae5;color:#065f46}.heartbeat-status.offline{background:#fee2e2;color:#991b1b}.heartbeat-response{color:#374151;font-weight:500;font-family:Courier New,monospace}.error-message{padding:16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-top:16px}@media (max-width: 768px){.device-detail-panel{max-width:100%;max-height:100vh;border-radius:0}.device-detail-overlay{padding:0}.info-grid{grid-template-columns:1fr}.heartbeat-item{flex-direction:column;align-items:flex-start;gap:8px}}.device-list{display:flex;flex-direction:column;gap:20px}.device-type-group{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.device-type-header{margin:0;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.device-rows{display:flex;flex-direction:column}.no-devices{padding:40px 20px;text-align:center;color:#6b7280;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.no-devices p{margin:0;font-size:14px}.bulk-actions-bar{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #667eea;box-shadow:0 -4px 12px #0000001a;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-actions-content{padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.selection-info{display:flex;align-items:center;gap:1rem;padding-right:1rem;border-right:1px solid #e5e7eb}.selection-count{font-weight:600;color:#667eea;font-size:1rem}.clear-selection{padding:.5rem 1rem;background:transparent;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.clear-selection:hover:not(:disabled){background:#f3f4f6;color:#374151;border-color:#d1d5db}.clear-selection:disabled{opacity:.5;cursor:not-allowed}.bulk-actions-list{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.bulk-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:2px solid var(--action-color, #667eea);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--action-color, #667eea);cursor:pointer;transition:all .2s ease}.bulk-action-btn:hover:not(:disabled){background:var(--action-color, #667eea);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.bulk-action-btn:active:not(:disabled){transform:translateY(0)}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-btn .action-icon{font-size:1.125rem}.progress-indicator{width:100%;display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;animation:shimmer 2s infinite}@keyframes shimmer{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.progress-text{font-size:.875rem;color:#6b7280;text-align:center}.bulk-message{padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:.875rem;font-weight:500}.bulk-message.success{background:#f0fdf4;border-top-color:#86efac;color:#166534}.bulk-message.error{background:#fef2f2;border-top-color:#fca5a5;color:#991b1b}.bulk-message.info{background:#eff6ff;border-top-color:#93c5fd;color:#1e40af}.bulk-message .message-icon{font-size:1.25rem}.bulk-message .message-text{flex:1}@media (max-width: 1024px){.bulk-actions-content{flex-direction:column;align-items:stretch}.selection-info{border-right:none;border-bottom:1px solid #e5e7eb;padding-right:0;padding-bottom:1rem;justify-content:space-between}.bulk-actions-list{justify-content:center}}@media (max-width: 640px){.bulk-action-btn{flex:1;justify-content:center;min-width:calc(50% - .375rem)}.bulk-action-btn .action-label{display:none}.bulk-action-btn .action-icon{font-size:1.5rem}}.site-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.site-detail-panel{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease}.site-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.header-content{display:flex;align-items:center;gap:12px}.site-detail-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.site-internal-name{font-size:12px;color:#9ca3af;margin-top:2px;font-family:monospace}.site-detail-header .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.site-detail-body{padding:24px;overflow-y:auto;flex:1}.info-section{margin-bottom:24px}.info-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:14px;color:#111827;font-weight:500}.device-stats{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1;padding:12px;background:#fff;border-radius:6px}.stat-value{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-item.online .stat-value{color:#10b981}.stat-item.warning .stat-value{color:#f59e0b}.stat-item.offline .stat-value{color:#ef4444}.devices-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.devices-section h3{margin:0;font-size:16px;font-weight:600;color:#111827}.devices-header-actions{display:flex;align-items:center;gap:8px}.btn-refresh{padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-select-mode{padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-select-mode:hover{background:#e5e7eb;border-color:#9ca3af}.btn-select-mode.active{background:#3b82f6;border-color:#2563eb;color:#fff}.loading,.error-message{padding:20px;text-align:center;color:#6b7280}.error-message{color:#ef4444;background:#fee2e2;border-radius:6px}.scan-subnet-input{padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:monospace;color:#374151;width:130px;background:#fff;transition:border-color .2s}.scan-subnet-input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f626}.scan-subnet-input:disabled{background:#f9fafb;opacity:.6}.btn-scan-network{padding:8px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-scan-network:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.btn-scan-network:disabled{opacity:.6;cursor:not-allowed}.scan-status{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:12px;color:#1d4ed8;font-size:14px}.scan-spinner{display:inline-block;font-size:18px;animation:spin 1s linear infinite}.scan-error{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:12px;color:#b91c1c;font-size:13px}.scan-results{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.scan-results-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f0fdf4;border-bottom:1px solid #d1fae5;font-size:13px;color:#065f46}.scan-new-count{font-weight:600;color:#2563eb}.btn-scan-dismiss{background:none;border:none;font-size:13px;color:#6b7280;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}.btn-scan-dismiss:hover{background:#e5e7eb;color:#111827}.scan-host-list{max-height:280px;overflow-y:auto}.scan-host-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #f3f4f6;font-size:13px;transition:background .15s}.scan-host-row:last-child{border-bottom:none}.scan-host-row:hover{background:#f9fafb}.scan-host-row.known{opacity:.7}.scan-badge{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;min-width:52px;text-align:center}.badge-known{background:#d1fae5;color:#065f46}.badge-new{background:#dbeafe;color:#1e40af}.scan-ip{font-family:monospace;font-size:13px;font-weight:600;color:#111827;flex-shrink:0;min-width:110px}.scan-type{flex-shrink:0;min-width:110px;color:#374151;font-weight:500}.scan-desc{flex:1;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-ms{flex-shrink:0;color:#9ca3af;font-size:12px;min-width:44px;text-align:right}.btn-add-discovered{flex-shrink:0;padding:4px 10px;background:#2563eb;border:none;border-radius:5px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-add-discovered:hover:not(:disabled){background:#1d4ed8}.btn-add-discovered:disabled{background:#93c5fd;cursor:not-allowed}.wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.wizard-panel{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0003;overflow:hidden}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.wizard-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.wizard-header .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;line-height:1;border-radius:6px;transition:all .2s}.wizard-header .close-btn:hover{background:#e5e7eb;color:#111827}.wizard-progress{display:flex;align-items:center;padding:32px;background:#fff;border-bottom:1px solid #e5e7eb}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s}.progress-step.active .step-number{background:#3b82f6;color:#fff}.progress-step.completed .step-number{background:#10b981;color:#fff}.progress-step span{font-size:12px;color:#6b7280;font-weight:500}.progress-step.active span{color:#111827;font-weight:600}.progress-line{flex:1;height:2px;background:#e5e7eb;margin:0 -20px 28px}.wizard-body{flex:1;overflow-y:auto;padding:32px}.wizard-step{max-width:700px;margin:0 auto}.wizard-step h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.step-description{margin:0 0 24px;color:#6b7280;font-size:14px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.device-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.device-input-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.device-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto}.device-icon.camera{background:linear-gradient(135deg,#3b82f6,#2563eb)}.device-icon.ubiquiti{background:linear-gradient(135deg,#10b981,#059669)}.device-icon.tplink{background:linear-gradient(135deg,#f59e0b,#d97706)}.device-icon.robustel{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.device-input-content{text-align:center}.device-input-content label{display:block;font-weight:600;color:#111827;margin-bottom:8px;font-size:14px}.device-input-control{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.device-input-control button{width:32px;height:32px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.device-input-control button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.device-input-control button:disabled{opacity:.4;cursor:not-allowed}.device-input-control input{width:60px;text-align:center;padding:6px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;font-weight:600}.device-range{font-size:12px;color:#6b7280}.device-summary{text-align:center;padding:16px;background:#f3f4f6;border-radius:8px;font-size:16px}.device-summary.near-limit{background:#fff3cd;border:1px solid #ffc107}.limit-warning{color:#856404;font-size:14px}.address-row{display:flex;gap:8px}.address-row input{flex:1}.btn-geocode{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap;flex-shrink:0}.btn-geocode:hover:not(:disabled){background:#2563eb}.btn-geocode:disabled{background:#9ca3af;cursor:not-allowed}.review-section{margin-bottom:32px}.review-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.review-item{display:flex;flex-direction:column;gap:4px}.review-item .label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.review-item .value{font-size:14px;font-weight:500;color:#111827}.review-devices{display:flex;flex-direction:column;gap:12px}.review-device{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:6px}.review-device .device-name{font-weight:500;color:#111827}.review-device .device-ips{font-size:13px;color:#6b7280;font-family:Courier New,monospace}.review-info{padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px}.review-info p{margin:0 0 8px;color:#1e40af;font-size:14px}.review-info p:last-child{margin-bottom:0}.monitoring-config{max-width:600px;margin:0 auto}.polling-rate-options{display:flex;gap:16px;margin-top:8px}.rate-option{flex:1;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;gap:12px;align-items:flex-start}.rate-option:hover,.rate-option.selected{border-color:#3b82f6;background:#eff6ff}.rate-option input[type=radio]{margin-top:2px}.rate-content{display:flex;flex-direction:column;gap:4px}.rate-content strong{color:#111827;font-size:16px}.rate-content span{color:#6b7280;font-size:13px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#111827}.help-text{margin:8px 0 0 26px;font-size:13px;color:#6b7280;line-height:1.5}.wizard-summary{margin-top:32px;padding:20px;background:#f0fdf4;border:2px solid #10b981;border-radius:8px}.wizard-summary h4{margin:0 0 8px;color:#065f46;font-size:16px}.wizard-summary p{margin:0;color:#065f46;font-size:14px;line-height:1.6}.wizard-error{margin-top:16px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px}.wizard-footer{display:flex;justify-content:space-between;padding:20px 32px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-primary,.btn-secondary{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.wizard-success{text-align:center;padding:16px 0}.success-icon{width:72px;height:72px;border-radius:50%;background:#10b981;color:#fff;font-size:36px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.wizard-success h3{font-size:24px;color:#065f46;margin-bottom:8px}.wizard-success .step-description{max-width:520px;margin:0 auto 28px;text-align:center}.success-summary{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #d1fae5;border-radius:8px;overflow:hidden;max-width:540px;margin:0 auto 28px;text-align:left}.success-row{display:flex;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #d1fae5}.success-row:nth-child(2n){background:#f0fdf4}.success-row:last-child,.success-row:nth-last-child(2):nth-child(odd){border-bottom:none}.success-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;width:110px;flex-shrink:0}.success-value{font-size:14px;color:#111827;font-weight:500}.success-value.mono{font-family:Courier New,monospace}.btn-download{padding:12px 28px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.btn-download:hover{background:#059669}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .15s;vertical-align:middle;margin-left:4px;padding:0;line-height:1}.btn-icon:hover{background:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.wizard-panel{max-width:100%;max-height:100vh;border-radius:0}.wizard-overlay{padding:0}.wizard-progress{padding:20px}.progress-step span{display:none}.device-input-grid{grid-template-columns:1fr}.polling-rate-options{flex-direction:column}.form-row{grid-template-columns:1fr}}.dashboard-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f3f4f6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.error-banner{background:#fee2e2;border-bottom:1px solid #fecaca;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;color:#991b1b;font-size:14px}.map-container{flex:1;position:relative;overflow:hidden}.comments-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.comments-panel h3{margin:0 0 20px;font-size:18px;color:#212529}.comments-panel.loading{text-align:center;padding:40px;color:#6c757d}.comments-list{max-height:400px;overflow-y:auto;margin-bottom:20px;padding-right:8px}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.comments-list::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}.no-comments{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.comment-item{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-item.system{opacity:.8}.comment-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.comment-item.system .comment-avatar{background:linear-gradient(135deg,#6c757d,#495057)}.comment-content{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.comment-author{font-weight:600;color:#212529;font-size:14px}.comment-timestamp{font-size:12px;color:#6c757d}.comment-text{color:#495057;font-size:14px;line-height:1.5;white-space:pre-wrap}.add-comment-form{border-top:2px solid #e9ecef;padding-top:20px}.add-comment-form textarea{width:100%;padding:12px;border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:12px}.add-comment-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-comment-form .btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-comment-form .btn:disabled{opacity:.6;cursor:not-allowed}.add-comment-form .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-comment-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.alert-row{display:grid;grid-template-columns:100px 1fr 1fr 2fr 140px 180px;gap:16px;padding:16px;border-bottom:1px solid #f3f4f6;transition:background .2s ease;align-items:center}.alert-row:hover{background:#f9fafb}.alert-row.acknowledged{opacity:.7}.alert-row.resolved{opacity:.5;background:#f9fafb}.alert-severity{display:flex;align-items:center}.severity-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff;display:inline-block}.alert-device,.alert-site{display:flex;flex-direction:column}.device-name,.site-name{font-size:14px;font-weight:500;color:#111827}.alert-message{display:flex;flex-direction:column;gap:6px}.message-text{font-size:14px;color:#374151;line-height:1.4}.resolved-tag,.acknowledged-tag{font-size:11px;color:#6b7280;font-style:italic}.resolved-tag{color:#059669}.acknowledged-tag{color:#d97706}.alert-timestamp{font-size:13px;color:#6b7280}.alert-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.btn-sm{padding:6px 12px;font-size:12px;white-space:nowrap}.resolved-label{font-size:12px;color:#059669;font-weight:500}@media (max-width: 768px){.alert-row{grid-template-columns:1fr;gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}.alert-row:last-child{margin-bottom:0}.alert-severity,.alert-device,.alert-site,.alert-message,.alert-timestamp,.alert-actions{width:100%}.alert-actions{justify-content:flex-start}.device-name:before{content:"Device: ";font-weight:400;color:#6b7280}.site-name:before{content:"Site: ";font-weight:400;color:#6b7280}}@media (max-width: 1024px){.alert-row{grid-template-columns:80px 1fr 1fr 1.5fr 120px 150px;gap:12px}}.alerts-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.alerts-table{width:100%}.table-header{display:grid;grid-template-columns:100px 1fr 1fr 2fr 140px 180px;gap:16px;padding:12px 16px;background:#f9fafb;border-bottom:2px solid #e5e7eb}.header-cell{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.table-body{max-height:calc(100vh - 300px);overflow-y:auto}.loading-state,.empty-state{padding:60px 20px;text-align:center}.loading-state{color:#6b7280;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{width:64px;height:64px;border-radius:50%;background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.empty-state h3{margin:0;font-size:18px;font-weight:600;color:#111827}.empty-state p{margin:0;font-size:14px;color:#6b7280}@media (max-width: 1024px){.table-header{grid-template-columns:80px 1fr 1fr 1.5fr 120px 150px;gap:12px}}@media (max-width: 768px){.table-header{display:none}.table-body{max-height:none}}.acknowledgment-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.acknowledgment-dialog{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;width:90%;max-width:600px;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;color:#fff}.dialog-header h2{margin:0;font-size:24px;font-weight:600}.close-button{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.close-button:hover{transform:scale(1.1)}.dialog-body{padding:24px;background:#fff;border-radius:0 0 12px 12px}.alert-summary{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.summary-item:last-child{border-bottom:none}.summary-item .label{font-weight:600;color:#495057}.summary-item .value{color:#212529}.severity-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.severity-critical{background-color:#dc3545;color:#fff}.severity-warning{background-color:#ffc107;color:#212529}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#495057}.form-group textarea{width:100%;padding:12px;border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.alert-filters-manager{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.alert-filters-manager.loading{text-align:center;padding:40px;color:#6c757d}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.description{margin:0 0 24px;color:#6c757d;font-size:14px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.filter-card{background:#f8f9fa;border-radius:8px;padding:20px;border:2px solid #e9ecef;transition:all .2s}.filter-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.filter-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.filter-header h3{margin:0;font-size:18px;color:#212529;flex:1}.btn-delete{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;transition:transform .2s}.filter-details{margin-bottom:16px}.filter-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.filter-item .label{font-weight:600;color:#495057;font-size:14px}.filter-item .value{color:#6c757d;font-size:14px}.badges{display:flex;gap:6px}.severity-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.filter-footer{padding-top:16px;border-top:1px solid #dee2e6}.no-filters{text-align:center;padding:60px 20px;color:#6c757d;font-style:italic;background:#f8f9fa;border-radius:8px}.form-group input[type=text]{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.severity-checkboxes{display:flex;gap:16px;margin-bottom:8px}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.help-text{color:#6c757d;font-size:12px;font-style:italic}.escalation-rules-manager{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.escalation-rules-manager.loading{text-align:center;padding:40px;color:#6c757d}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.manager-header h2{margin:0;font-size:24px;color:#212529}.rules-table{overflow-x:auto}.rules-table table{width:100%;border-collapse:collapse}.rules-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#495057;font-size:14px;border-bottom:2px solid #dee2e6}.rules-table td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px}.rules-table tr:hover{background:#f8f9fa}.level-badge{padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.severity-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.severity-badge.severity-critical{background:#dc3545;color:#fff}.severity-badge.severity-warning{background:#ffc107;color:#212529}.text-muted{color:#6c757d;font-style:italic}.recipients-cell{color:#6c757d}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.enabled{background:#d4edda;color:#155724}.status-badge.disabled{background:#f8d7da;color:#721c24}.actions-cell{display:flex;gap:8px}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;padding:4px 8px;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.no-rules{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.dialog{background:#fff;border-radius:12px;width:90%;max-width:600px;box-shadow:0 10px 40px #0000004d;max-height:90vh;overflow-y:auto}.close-button{background:none;border:none;font-size:28px;color:#6c757d;cursor:pointer;padding:0;width:28px;height:28px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.on-call-schedule{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.on-call-schedule.loading{text-align:center;padding:40px;color:#6c757d}.on-call-schedule h2{margin:0 0 24px;font-size:24px;color:#212529}.current-on-call-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;color:#fff;margin-bottom:32px;display:flex;align-items:center;gap:20px}.banner-icon{font-size:48px;background:#fff3;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.banner-content h3{margin:0 0 8px;font-size:14px;opacity:.9;text-transform:uppercase;letter-spacing:1px;font-weight:600}.on-call-name{font-size:28px;font-weight:700;margin-bottom:8px}.on-call-contact{display:flex;gap:16px;font-size:14px}.on-call-contact a{color:#fff;text-decoration:none;opacity:.9;transition:opacity .2s}.on-call-contact a:hover{opacity:1;text-decoration:underline}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.schedule-header h3{margin:0;font-size:18px;color:#495057}.schedules-list{display:flex;flex-direction:column;gap:12px}.schedule-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #e9ecef;transition:all .2s}.schedule-item:hover{background:#e9ecef}.schedule-item.current{background:#d4edda;border-left-color:#28a745}.schedule-info{flex:1}.schedule-user{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:16px;color:#212529}.current-badge{padding:2px 8px;background:#28a745;color:#fff;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.schedule-dates{font-size:14px;color:#6c757d;margin-bottom:4px;display:flex;align-items:center;gap:8px}.days-until{padding:2px 8px;background:#667eea;color:#fff;border-radius:10px;font-size:11px;font-weight:600}.schedule-notes{font-size:14px;color:#495057;font-style:italic;margin-top:8px}.schedule-contact{font-size:13px;margin-top:4px}.schedule-contact a{color:#667eea;text-decoration:none}.schedule-contact a:hover{text-decoration:underline}.btn-delete{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;transition:transform .2s;flex-shrink:0}.btn-delete:hover{transform:scale(1.2)}.no-schedules{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic;background:#f8f9fa;border-radius:8px}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 40px #0000004d}.dialog-header{padding:20px 24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.dialog-header h3{margin:0;font-size:20px;color:#212529}.close-button{background:none;border:none;font-size:28px;color:#6c757d;cursor:pointer;padding:0}.close-button:hover{color:#212529}.dialog form{padding:24px}.form-group select,.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:inherit}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.quiet-hours-config{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.quiet-hours-config h3{margin:0 0 8px;font-size:20px;color:#212529}.quiet-hours-config .description{margin:0 0 24px;color:#6c757d;font-size:14px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.form-group select,.form-group input[type=time]{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:inherit}.form-group select:focus,.form-group input[type=time]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.day-presets{display:flex;gap:8px;margin-bottom:12px}.btn-preset{padding:6px 12px;border:1px solid #ced4da;background:#fff;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.btn-preset:hover{background-color:#f8f9fa;border-color:#adb5bd}.days-selector{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-button{padding:12px 8px;border:2px solid #ced4da;background:#fff;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.day-button:hover{border-color:#667eea}.day-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label span{color:#495057;font-size:14px}.preview-box{background:#f8f9fa;border-left:4px solid #667eea;padding:16px;border-radius:6px;margin-bottom:20px;font-size:14px;color:#495057}.preview-box strong{color:#212529}.form-actions{display:flex;justify-content:flex-end}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.alerts-page{display:flex;flex-direction:column;height:100vh;background:#f3f4f6}.alerts-content{flex:1;overflow:auto;padding:24px}.alerts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.alerts-header h1{font-size:28px;color:#111827;font-weight:700}.alerts-summary{display:flex;gap:16px}.summary-item{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#fff;border-radius:8px;border:2px solid #e5e7eb;min-width:100px}.summary-item.critical{border-color:#ef4444}.summary-item.warning{border-color:#f59e0b}.summary-item.unack{border-color:#6b7280}.summary-item .count{font-size:24px;font-weight:700;color:#111827}.summary-item .label{font-size:12px;color:#6b7280;text-transform:uppercase;margin-top:4px}.alerts-filters{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.filter-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.filter-item input[type=checkbox]{width:auto;cursor:pointer}.alerts-filters select{max-width:200px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-panel{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column}.modal-panel.large{max-width:900px}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-body{padding:24px;overflow-y:auto;flex:1}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-bottom:20px}.info-box strong{display:block;margin-bottom:12px;color:#374151;font-size:14px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-grid>div{display:flex;flex-direction:column;gap:4px}.info-grid .label{font-size:12px;color:#6b7280;font-weight:500}.info-grid .value{font-size:14px;color:#111827;font-weight:500}.info-grid .value.mono{font-family:Courier New,monospace;color:#374151}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:12px;color:#991b1b;font-size:14px;margin-top:16px}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{padding:10px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 24px}.tab-btn{padding:12px 20px;background:none;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:#111827}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.devices-section{display:flex;flex-direction:column;gap:16px}.devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.devices-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.btn-add-device{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn-add-device:hover{background:#2563eb}.add-device-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-bottom:16px}.add-device-form h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#111827}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.add-device-error{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:10px 12px;color:#991b1b;font-size:13px;margin-top:12px}.devices-list{display:flex;flex-direction:column;gap:12px}.device-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.device-item:hover{border-color:#d1d5db}.device-info{flex:1;display:flex;flex-direction:column;gap:6px}.device-main{display:flex;align-items:center;gap:12px}.device-name{font-size:14px;font-weight:600;color:#111827}.device-type{font-size:12px;color:#6b7280;text-transform:capitalize;background:#e5e7eb;padding:2px 8px;border-radius:4px}.device-details{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.device-details .mono{font-family:Courier New,monospace;color:#374151;font-weight:500}.device-details .separator{color:#d1d5db}.status-online{color:#10b981;font-weight:600}.status-offline{color:#ef4444;font-weight:600}.status-degraded,.status-warning{color:#f59e0b;font-weight:600}.status-unknown{color:#6b7280;font-weight:600}.device-actions{display:flex;gap:8px}.btn-edit-small{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.btn-edit-small:hover{background:#2563eb}.btn-delete{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.btn-delete:hover{background:#dc2626}.device-edit-form{width:100%}.device-edit-form .form-row{margin-bottom:12px}.device-edit-form .form-group{margin-bottom:0}.loading-text{text-align:center;padding:32px;color:#6b7280;font-size:14px}.no-devices{text-align:center;padding:48px 16px;color:#6b7280;font-size:14px;background:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}@media (max-width: 768px){.modal-panel{max-width:100%;max-height:100vh;border-radius:0}.modal-panel.large{max-width:100%}.form-row,.info-grid{grid-template-columns:1fr}.device-item{flex-direction:column;align-items:flex-start;gap:12px}.device-actions{width:100%;justify-content:flex-end}}.sites-page{display:flex;flex-direction:column;height:100vh;background:#f9fafb}.sites-container{flex:1;overflow-y:auto;padding:32px}.sites-header{margin-bottom:24px}.sites-header h1{margin:0 0 8px;font-size:28px;font-weight:600;color:#111827}.sites-stats{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280}.sites-stats span{font-weight:500}.sites-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.sites-table{width:100%;border-collapse:collapse}.sites-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.sites-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.sites-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.sites-table tbody tr:hover{background:#f9fafb}.sites-table td{padding:16px;font-size:14px;color:#111827}.site-number{font-weight:600;color:#3b82f6}.site-name{font-weight:500}.mono{font-family:Courier New,monospace;font-size:13px;color:#374151}.coordinates .missing{color:#ef4444;font-style:italic;font-size:13px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize;display:inline-block}.device-counts{display:flex;align-items:center;gap:4px;font-family:Courier New,monospace}.count-online{color:#10b981;font-weight:600}.count-separator{color:#9ca3af}.count-total{color:#6b7280;font-weight:500}.toggle-monitoring{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.toggle-monitoring.enabled{background:#d1fae5;color:#065f46}.toggle-monitoring.enabled:hover{background:#a7f3d0}.toggle-monitoring.disabled{background:#fee2e2;color:#991b1b}.toggle-monitoring.disabled:hover{background:#fecaca}.actions{text-align:right;min-width:220px}.btn-edit{padding:6px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn-edit:hover{background:#2563eb}.action-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.btn-action-dl,.btn-action-ul{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:5px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.4}.btn-action-dl:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.btn-action-ul:hover{background:#f0fdf4;border-color:#10b981;color:#065f46}.btn-danger-sm{padding:5px 10px;background:#fff;color:#ef4444;border:1px solid #fca5a5;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-danger-sm:hover{background:#fee2e2;border-color:#ef4444}.import-status{display:block;margin-top:4px;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;background:#f3f4f6;color:#374151;white-space:nowrap;text-align:right}.import-status.ok{background:#d1fae5;color:#065f46}.import-status.err{background:#fee2e2;color:#991b1b}.no-sites{text-align:center;padding:48px 16px;color:#6b7280;font-size:14px}.error-banner{padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.sites-table{font-size:13px}.sites-table th,.sites-table td{padding:12px}}@media (max-width: 768px){.sites-container{padding:16px}.sites-table-container{overflow-x:auto}.sites-table{min-width:1000px}}.health-dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb}.page-content{flex:1;padding:32px 32px 64px}.page-content-inner{max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#111827}.page-subtitle{margin:0;font-size:16px;color:#6b7280;font-weight:400}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#6b7280;font-size:16px;margin:0}.error-banner{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-weight:500;font-size:14px}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.empty-state-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.empty-state p{margin:8px 0;font-size:16px;color:#6b7280}.empty-state .text-muted{font-size:14px;color:#9ca3af}.site-selector-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;padding:20px 24px;margin-bottom:32px;display:flex;align-items:flex-end;gap:24px}.site-selector-field{display:flex;flex-direction:column;gap:6px}.site-selector-field label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0}.search-input{width:260px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb}.search-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.site-select{width:360px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#111827;background:#fff;cursor:pointer}.site-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.device-count-badge{padding:10px 20px;background:#eff6ff;color:#1e40af;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;margin-left:auto}.site-section{margin-bottom:48px}.site-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.site-section-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.site-device-count{font-size:14px;color:#6b7280;font-weight:500;padding:6px 12px;background:#f3f4f6;border-radius:6px}.health-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px}.health-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.health-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:#d1d5db}.health-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.health-card-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.device-type{margin:0;font-size:13px;color:#6b7280;font-weight:500;text-transform:capitalize}.health-score-badge{min-width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;font-weight:700;box-shadow:0 2px 8px #00000026}.health-card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.health-status{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px}.health-status .label{font-size:14px;color:#6b7280;font-weight:500}.health-status .value{font-size:16px;font-weight:600}.health-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.health-metric .label{font-size:14px;color:#6b7280;font-weight:500}.health-metric .value{font-size:15px;font-weight:600;color:#111827}.health-issues{margin-top:8px;padding-top:12px;border-top:1px solid #f3f4f6}.issues-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:13px;font-weight:600}.health-card-footer{padding-top:16px;border-top:1px solid #f3f4f6}.btn-link{background:none;border:none;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;transition:color .2s ease}.btn-link:hover{color:#2563eb;text-decoration:underline}.page-info{text-align:center;padding:24px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.page-info p{margin:0;font-size:14px;color:#6b7280;line-height:1.6}@media (max-width: 1024px){.health-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.page-content{padding:20px 16px}.page-header h1{font-size:28px}.page-subtitle{font-size:15px}.site-selector-container{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.search-input,.site-select{width:100%}.device-count-badge{margin-left:0;text-align:center}.health-cards-grid{grid-template-columns:1fr;gap:16px}.health-card{padding:20px}.health-score-badge{min-width:48px;height:48px;font-size:20px}.health-card-header h3{font-size:16px}}.health-excellent{background:#10b981;color:#fff}.health-good{background:#f59e0b;color:#fff}.health-fair{background:#ef4444;color:#fff}.health-poor{background:#6b7280;color:#fff}.video-feed-monitor{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;position:relative}.video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.video-header h3{margin:0;font-size:18px;font-weight:600}.snapshot-container{position:relative;width:100%;padding-top:56.25%;background:#f3f4f6;border-radius:8px;overflow:hidden}.snapshot-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-loading,.snapshot-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#6b7280}.error-icon{font-size:48px;display:block;margin-bottom:8px;opacity:.5}.validation-results{margin-top:16px}.validation-status{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-weight:600;margin-bottom:12px}.validation-status.valid{background:#f0fdf4;color:#065f46}.validation-status.invalid{background:#fee2e2;color:#991b1b}.validation-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.metric-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.metric-badge.critical{background:#fee2e2;color:#991b1b}.metric-badge.warning{background:#fef3c7;color:#92400e}.metric-badge.info{background:#dbeafe;color:#1e40af}.quality-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quality-item{display:flex;justify-content:space-between;padding:8px;background:#f9fafb;border-radius:6px}.quality-item .label{font-size:12px;color:#6b7280}.quality-item .value{font-weight:600;font-size:14px}.video-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.hm-page{min-height:100vh;background:#f3f4f6;display:flex;flex-direction:column}.hm-header{position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hm-header-left{display:flex;align-items:center;gap:20px}.hm-back{background:none;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:13px;color:#374151;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.hm-back:hover{background:#f3f4f6;border-color:#9ca3af}.hm-title{margin:0 0 2px;font-size:22px;font-weight:700;color:#111827}.hm-header .hm-subtitle{margin:0;font-size:14px;color:#6b7280}.hm-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hm-autorefresh{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f9fafb;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:#374151;white-space:nowrap}.hm-autorefresh input{cursor:pointer}.hm-btn-primary{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.hm-btn-primary:hover:not(:disabled){background:#2563eb}.hm-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.hm-btn-secondary:hover:not(:disabled){background:#e5e7eb}.hm-btn-primary:disabled,.hm-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.hm-content{flex:1;padding:24px 32px 48px;max-width:1400px;margin:0 auto;width:100%}.hm-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px 18px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.hm-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 0;color:#6b7280;font-size:15px}.hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hm-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d;position:relative;min-width:0}.hm-grid>.video-feed-monitor{border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.hm-span2{grid-column:span 2}.hm-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:8px}.hm-card-head h2{margin:0 0 3px;font-size:17px;font-weight:600;color:#111827}.hm-muted{font-size:12px;color:#9ca3af}.hm-icon-btn{background:#f3f4f6;border:none;border-radius:6px;width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6b7280;transition:all .15s}.hm-icon-btn:hover:not(:disabled){background:#e5e7eb;color:#111827}.hm-icon-btn:disabled{opacity:.4;cursor:not-allowed}.hm-score-body{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px}.hm-score-num{font-size:88px;font-weight:800;line-height:1;letter-spacing:-2px}.hm-score-denom{font-size:24px;font-weight:500;color:#9ca3af;letter-spacing:0}.hm-score-badge{padding:6px 22px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hm-issues{list-style:none;padding:0;margin:8px 0 0;width:100%}.hm-issues li{padding:7px 12px;font-size:13px;color:#92400e;background:#fffbeb;border-radius:6px;margin-bottom:6px}.hm-all-ok{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f0fdf4;border-radius:8px;color:#065f46;font-weight:600;font-size:14px;margin-top:4px}.hm-net-row{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.hm-net-score-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;color:#fff;flex-shrink:0;min-width:80px}.hm-net-score-num{font-size:36px;font-weight:800;line-height:1}.hm-net-score-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.hm-net-stats{display:flex;gap:28px;flex-wrap:wrap}.hm-stat{display:flex;flex-direction:column;gap:3px}.hm-stat-lbl{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.hm-stat-val{font-size:26px;font-weight:700;color:#111827;line-height:1}.hm-unit{font-size:14px;font-weight:500;color:#6b7280}.hm-charts{margin-top:4px}.hm-chart-lbl{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.hm-stor-body{display:flex;flex-direction:column;gap:4px}.hm-stor-pct{font-size:52px;font-weight:800;line-height:1;letter-spacing:-1px}.hm-stor-pct-lbl{font-size:18px;font-weight:500;color:#9ca3af;letter-spacing:0}.hm-stor-bar{width:100%;height:10px;background:#f3f4f6;border-radius:5px;overflow:hidden;margin:8px 0 16px}.hm-stor-fill{height:100%;border-radius:5px;transition:width .5s ease}.hm-stor-stats{display:flex;gap:28px;flex-wrap:wrap}.hm-stor-pred{margin-top:16px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500}.hm-stor-normal{background:#f0fdf4;color:#065f46}.hm-stor-warning{background:#fffbeb;color:#92400e}.hm-stor-critical{background:#fff1f2;color:#be123c}.hm-signal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:20px}.hm-signal-tile{background:#f9fafb;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.hm-signal-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.hm-signal-val{font-size:20px;font-weight:700}.hm-signal-unit{font-size:12px;font-weight:400;color:#9ca3af}.hm-signal-history{border-top:1px solid #f3f4f6;padding-top:12px}.hm-htable{width:100%;border-collapse:collapse;font-size:13px}.hm-htable th{text-align:left;padding:6px 8px;color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e5e7eb}.hm-htable td{padding:5px 8px;color:#374151;border-bottom:1px solid #f9fafb}.hm-htable tr:last-child td{border-bottom:none}.hm-mono{font-family:monospace;color:#9ca3af;font-size:12px}.hm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 0;color:#9ca3af;font-size:14px}.hm-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:hm-spin .8s linear infinite;flex-shrink:0}.hm-spinner-sm{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:hm-spin .8s linear infinite;flex-shrink:0}@keyframes hm-spin{to{transform:rotate(360deg)}}.hm-not-found{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;color:#6b7280}@media (max-width: 900px){.hm-header{padding:12px 16px}.hm-header-left{flex-wrap:wrap;gap:10px}.hm-header-right{gap:8px}.hm-content{padding:16px 16px 40px}.hm-grid{grid-template-columns:1fr}.hm-span2{grid-column:span 1}.hm-score-num{font-size:64px}.hm-stat-val{font-size:20px}.hm-stor-pct{font-size:40px}}@media (max-width: 600px){.hm-btn-primary,.hm-btn-secondary{padding:8px 12px;font-size:13px}.hm-autorefresh{font-size:12px}}.scheduled-actions-manager{padding:2rem;max-width:1400px;margin:0 auto}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title h2{margin:0;font-size:1.75rem;font-weight:700;color:#1f2937}.action-count{padding:.375rem .875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;font-size:.875rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:1rem}.filter-tabs{display:flex;background:#f3f4f6;border-radius:8px;padding:.25rem}.filter-tabs .tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-tabs .tab:hover{color:#374151}.filter-tabs .tab.active{background:#fff;color:#667eea;box-shadow:0 1px 3px #0000001a}.create-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #667eea4d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea66}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;margin-bottom:1.5rem}.error-banner button{padding:.375rem .875rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.action-card{background:#fff;border-radius:12px;border:2px solid #e5e7eb;padding:1.5rem;transition:all .2s ease}.action-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.action-card.inactive{opacity:.7;border-color:#d1d5db}.card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.card-title{display:flex;align-items:center;gap:.75rem}.card-title .action-icon{font-size:1.5rem}.card-title h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.card-status{flex-shrink:0}.status-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.paused{background:#fee2e2;color:#991b1b}.card-description{margin:0 0 1rem;font-size:.9375rem;color:#6b7280;line-height:1.5}.card-details{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem;padding:1rem;background:#f9fafb;border-radius:8px}.detail-row{display:flex;justify-content:space-between;font-size:.875rem}.detail-row .label{font-weight:500;color:#6b7280}.detail-row .value{font-weight:600;color:#374151;text-transform:capitalize}.detail-row .value.due{color:#dc2626;font-weight:700}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{flex:1;min-width:fit-content;padding:.5rem .875rem;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.execute{background:#dbeafe;color:#1e40af}.action-btn.execute:hover{background:#3b82f6;color:#fff}.action-btn.pause{background:#fef3c7;color:#92400e}.action-btn.pause:hover{background:#f59e0b;color:#fff}.action-btn.resume{background:#d1fae5;color:#065f46}.action-btn.resume:hover{background:#10b981;color:#fff}.action-btn.delete{background:#fee2e2;color:#991b1b}.action-btn.delete:hover{background:#ef4444;color:#fff}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state p{margin:0 0 1.5rem;font-size:1.125rem;color:#6b7280}.create-first-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-first-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}@media (max-width: 768px){.scheduled-actions-manager{padding:1rem}.manager-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.actions-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.action-btn{width:100%}}.action-history-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.panel-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h3{margin:0;font-size:1.125rem;font-weight:600}.action-count{padding:.25rem .75rem;background:#fff3;border-radius:12px;font-size:.875rem;font-weight:500}.header-filters{display:flex;gap:.5rem;margin-left:auto}.filter-btn{padding:.375rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.filter-btn:hover{background:#fff3}.filter-btn.active{background:#fff;color:#667eea;border-color:#fff}.refresh-btn{padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:1.125rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#fff3;transform:rotate(180deg)}.actions-timeline{padding:1.5rem;max-height:600px;overflow-y:auto}.actions-timeline::-webkit-scrollbar{width:8px}.actions-timeline::-webkit-scrollbar-track{background:#f3f4f6}.actions-timeline::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.actions-timeline::-webkit-scrollbar-thumb:hover{background:#9ca3af}.action-item{display:flex;gap:1rem;margin-bottom:1.5rem}.action-item:last-child{margin-bottom:0}.action-timeline-marker{display:flex;flex-direction:column;align-items:center;padding-top:.25rem}.marker-dot{width:12px;height:12px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px currentColor;flex-shrink:0}.marker-line{width:2px;flex:1;background:#e5e7eb;margin-top:.5rem;min-height:20px}.action-content{flex:1;padding:1rem;background:#f9fafb;border-radius:8px;border-left:3px solid #e5e7eb}.action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.action-title{display:flex;align-items:center;gap:.5rem}.action-title .action-icon{font-size:1.25rem}.action-title .action-type{font-weight:600;color:#374151;font-size:.9375rem}.action-status{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600}.action-status .status-icon{font-size:1rem}.action-status .status-text{text-transform:capitalize}.action-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.detail-item{display:flex;gap:.5rem;font-size:.875rem}.detail-item .detail-label{font-weight:500;color:#6b7280;min-width:80px}.detail-item .detail-value{color:#374151}.detail-item.error .detail-value{color:#ef4444;font-weight:500}.action-result{margin-top:.75rem}.action-result details{cursor:pointer}.action-result summary{padding:.5rem .75rem;background:#fff;border-radius:6px;font-size:.875rem;font-weight:500;color:#667eea;transition:all .2s ease}.action-result summary:hover{background:#f3f4f6}.action-result pre{margin-top:.5rem;padding:.75rem;background:#1f2937;color:#10b981;border-radius:6px;font-size:.8125rem;overflow-x:auto;max-height:200px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:#6b7280}.loading-state .spinner{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p,.empty-state p{margin:.5rem 0;font-size:.9375rem}.retry-btn{margin-top:1rem;padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#5568d3;transform:translateY(-1px)}@media (max-width: 768px){.panel-header{flex-wrap:wrap}.header-filters{width:100%;margin-left:0;margin-top:.75rem}.filter-btn{flex:1}.actions-timeline{padding:1rem}.action-item{gap:.75rem}.action-content{padding:.75rem}.action-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.maintenance-window-manager{padding:24px}.maintenance-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.manager-header h2{margin:0;font-size:24px;font-weight:700;color:#111827}.btn-create{padding:10px 20px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-create:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f64d}.section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.active-windows-section,.upcoming-windows-section{margin-bottom:32px}.windows-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.window-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s}.window-card:hover{box-shadow:0 4px 6px -1px #0000001a}.window-card.active{border-color:#10b981;background:linear-gradient(to bottom,#ecfdf5,#fff)}.window-card.upcoming{border-color:#3b82f6;background:linear-gradient(to bottom,#eff6ff,#fff)}.window-card.past{opacity:.7}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#00000005;border-bottom:1px solid #e5e7eb}.window-name{font-size:16px;font-weight:600;color:#111827}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#10b981;color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-badge.upcoming{background:#3b82f6;color:#fff}.status-badge.past{background:#6b7280;color:#fff}.card-body{padding:20px}.window-description{margin:0 0 16px;padding:12px;background:#f9fafb;border-left:3px solid #3b82f6;color:#374151;font-size:14px;line-height:1.5;border-radius:4px}.window-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.info-row.countdown{padding:8px 12px;background:#fef3c7;border-radius:6px;border:1px solid #fde68a}.info-row .value{color:#111827;font-weight:600}.info-row .value.highlight{color:#f59e0b;font-weight:700}.window-info.compact{flex-direction:row;justify-content:center;gap:12px;color:#6b7280;font-size:13px}.window-settings{display:flex;flex-wrap:wrap;gap:8px}.setting-badge{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#374151;font-weight:500}.card-footer{display:flex;gap:8px;padding:16px 20px;background:#00000005;border-top:1px solid #e5e7eb}.btn-action{flex:1;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-action:hover{background:#f3f4f6;border-color:#9ca3af}.btn-action.warning{color:#f59e0b}.btn-action.warning:hover{background:#fffbeb;border-color:#fbbf24}.btn-action.danger{color:#dc2626}.btn-action.danger:hover{background:#fee2e2;border-color:#fca5a5}.past-windows-section{margin-top:32px;padding:16px;background:#f9fafb;border-radius:8px}.past-windows-section summary{cursor:pointer;font-size:16px;font-weight:600;color:#6b7280;padding:8px;list-style:none}.past-windows-section summary:hover{color:#111827}.past-windows-section .windows-list{margin-top:16px}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.empty-state p{color:#6b7280;font-size:14px;max-width:500px;margin:0 auto 24px;line-height:1.6}.btn-create-large{padding:12px 24px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-create-large:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px -1px #3b82f64d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#111827}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#111827}.form-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.form-group input[type=text],.form-group input[type=datetime-local],.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-weight:500;color:#111827}.help-text{margin:6px 0 0 26px;font-size:13px;color:#6b7280;line-height:1.4}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-cancel,.btn-submit{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#f3f4f6}.btn-submit{background:#3b82f6;color:#fff}.btn-submit:hover{background:#2563eb}@media (max-width: 768px){.windows-list,.form-row{grid-template-columns:1fr}.card-footer{flex-direction:column}.btn-action{width:100%}}.automation-page{min-height:100vh;background:#f3f4f6}.automation-container{max-width:1400px;margin:0 auto;padding:24px}.automation-header{margin-bottom:32px}.automation-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827}.automation-subtitle{margin:0;font-size:16px;color:#6b7280}.automation-tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.automation-tabs .tab{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.automation-tabs .tab:hover{background:#f3f4f6;color:#374151}.automation-tabs .tab.active{background:#3b82f6;color:#fff}.automation-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;min-height:600px}.tab-content{animation:fadeIn .3s ease}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.coming-soon h3{margin:0 0 12px;font-size:24px;font-weight:600;color:#111827}.coming-soon p{margin:0 0 24px;font-size:16px;color:#6b7280;max-width:500px;line-height:1.6}.coming-soon-badge{padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.automation-container{padding:16px}.automation-header h1{font-size:24px}.automation-tabs{flex-direction:column}.automation-tabs .tab{justify-content:flex-start}.automation-content{padding:16px}}.reports-page{min-height:100vh;background:#f9fafb}.reports-content-wrapper{padding:32px;max-width:1400px;margin:0 auto}.reports-tabs{display:flex;gap:10px;border-bottom:2px solid #e5e7eb;margin-bottom:30px}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s}.tab-button:hover{color:#1e40af;background-color:#f3f4f6}.tab-button.active{color:#1e40af;border-bottom-color:#1e40af}.tab-icon{font-size:18px}.reports-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.reports-tabs{overflow-x:auto;flex-wrap:nowrap}.tab-label{display:none}.tab-button{padding:12px}}.uptime-report{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.report-controls h2{font-size:20px;margin-bottom:20px;color:#1e40af}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.control-group{display:flex;flex-direction:column}.control-group label{font-size:14px;font-weight:500;margin-bottom:6px;color:#374151}.control-group input,.control-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.btn-primary{background:#1e40af;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#1e3a8a}.btn-secondary{background:#fff;color:#1e40af;border:1px solid #1e40af;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#eff6ff}.error-message{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;margin:16px 0}.report-results{margin-top:24px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.report-header h3{font-size:18px;color:#1e40af}.export-buttons{display:flex;gap:10px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:30px}.metric-card{background:#f9fafb;padding:20px;border-radius:8px;text-align:center;border:2px solid #e5e7eb}.metric-card.uptime{border-color:#10b981;background:#ecfdf5}.metric-card.health{border-color:#3b82f6;background:#eff6ff}.metric-value{font-size:28px;font-weight:700;color:#1e40af;margin-bottom:6px}.metric-label{font-size:13px;color:#6b7280;font-weight:500}.incidents-section,.devices-section{margin-top:30px}.incidents-section h4,.devices-section h4{font-size:16px;margin-bottom:16px;color:#1f2937}.incidents-table{width:100%;border-collapse:collapse}.incidents-table th{background:#f3f4f6;padding:10px;text-align:left;font-size:13px;font-weight:600;color:#374151}.incidents-table td{padding:10px;border-bottom:1px solid #e5e7eb;font-size:14px}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.device-card{background:#f9fafb;padding:16px;border-radius:6px;border:1px solid #e5e7eb}.device-name{font-weight:600;margin-bottom:8px;color:#1f2937;font-size:14px}.device-uptime{font-size:20px;font-weight:700;color:#10b981;margin-bottom:4px}.device-health{font-size:12px;color:#6b7280}@media (max-width: 768px){.control-grid{grid-template-columns:1fr}.report-header{flex-direction:column;align-items:flex-start;gap:12px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}.performance-charts{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.chart-controls h2{font-size:20px;margin-bottom:20px;color:#1e40af}.chart-container{margin-top:30px}.chart-container h3{font-size:18px;margin-bottom:20px;color:#1f2937}.chart-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.stat{background:#f9fafb;padding:16px;border-radius:6px;text-align:center}.stat-label{font-size:12px;color:#6b7280;margin-bottom:6px}.stat-value{font-size:24px;font-weight:700;color:#1e40af}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:#f3f4f6;padding:10px;text-align:left;font-size:13px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.data-table td{padding:10px;border-bottom:1px solid #e5e7eb;font-size:14px}.bar-container{width:100%;height:20px;background:#e5e7eb;border-radius:4px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#3b82f6,#1e40af);transition:width .3s ease}.chart-note{margin-top:20px;padding:12px;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:4px}.chart-note p{margin:0;font-size:14px;color:#1e40af}.chart-note code{background:#fff;padding:2px 6px;border-radius:3px;font-size:13px}.device-health-table{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.table-header h2{font-size:20px;color:#1e40af;margin:0}.table-controls{display:flex;gap:12px;align-items:center}.period-selector{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{background:#f3f4f6;padding:12px;text-align:left;font-size:13px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}th.sortable:hover{background:#e5e7eb}td{padding:12px;border-bottom:1px solid #e5e7eb;font-size:14px}.device-info{display:flex;flex-direction:column;gap:4px}.device-name{font-weight:500;color:#1f2937}.device-type{font-size:12px;color:#6b7280}.health-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-weight:600;font-size:13px}.health-badge.excellent{background:#d1fae5;color:#065f46}.health-badge.good{background:#dbeafe;color:#1e40af}.health-badge.fair{background:#fef3c7;color:#92400e}.health-badge.poor{background:#fee2e2;color:#991b1b}.uptime-value{color:#059669;font-weight:500}.high-incidents{color:#dc2626;font-weight:600}.table-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:14px;color:#6b7280;text-align:center}.loading{text-align:center;padding:40px;color:#6b7280}@media (max-width: 1024px){.table-header{flex-direction:column;align-items:flex-start;gap:16px}.table-container{overflow-x:scroll}table{min-width:800px}}.scheduled-reports{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reports-header h2{font-size:20px;color:#1e40af;margin:0}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state p{font-size:16px;margin-bottom:20px}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.report-card{border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:box-shadow .2s}.report-card:hover{box-shadow:0 4px 6px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.card-header h3{font-size:16px;color:#1f2937;margin:0;flex:1}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#e5e7eb;color:#6b7280}.card-body{margin-bottom:16px}.info-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.info-row .label{color:#6b7280;font-weight:500}.info-row .value{color:#1f2937;text-align:right}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-small{flex:1;min-width:80px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-small:hover{background:#f3f4f6;border-color:#9ca3af}.btn-small.btn-danger{color:#dc2626;border-color:#dc2626}.btn-small.btn-danger:hover{background:#fee2e2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:18px;color:#1f2937;margin:0}.close-btn{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;line-height:1;padding:0;width:30px;height:30px}.close-btn:hover{color:#1f2937}.modal-body{padding:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.reports-grid{grid-template-columns:1fr}.reports-header{flex-direction:column;align-items:stretch;gap:12px}}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#6b7280}.error{color:#ef4444;background-color:#fee2e2;padding:12px 16px;border-radius:6px;margin:10px 0;border:1px solid #fecaca}.success{color:#059669;background-color:#d1fae5;padding:12px 16px;border-radius:6px;margin:10px 0;border:1px solid #a7f3d0}button{cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;border:none;transition:all .2s}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-secondary{background-color:#6b7280;color:#fff}.btn-success{background-color:#10b981;color:#fff}.btn-danger{background-color:#ef4444;color:#fff}input,select,textarea{font-size:14px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;width:100%;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6}label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#374151}.form-group{margin-bottom:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;color:#111827}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100vw;min-height:100vh}.leaflet-container{height:100%;width:100%;z-index:0}.marker-online{background-color:#10b981;border:2px solid #059669}.marker-warning{background-color:#f59e0b;border:2px solid #d97706}.marker-offline{background-color:#ef4444;border:2px solid #dc2626}.marker-unknown{background-color:#6b7280;border:2px solid #4b5563}.custom-marker{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000004d}.status-online{color:#10b981}.status-warning{color:#f59e0b}.status-offline{color:#ef4444}.status-unknown{color:#6b7280}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background-color:#10b981}.status-dot.warning{background-color:#f59e0b}.status-dot.offline{background-color:#ef4444}.status-dot.unknown{background-color:#6b7280}button{font-family:inherit;cursor:pointer;outline:none;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:#2563eb}.btn-primary:active{background:#1d4ed8}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#fff;color:#374151;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid #d1d5db;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-secondary:active{background:#f3f4f6}.btn-secondary:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.btn-danger{background:#ef4444;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background .2s ease}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input:disabled,select:disabled,textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}