:root{--primary-blue: #3b82f6;--primary-blue-hover: #1d4ed8;--primary-green: #10b981;--primary-green-hover: #66bb6a;--accent-yellow: #ffc107;--error-red: #ff6b6b;--error-red-alt: #ffb4b4;--bg-dark-primary: #0f1419;--bg-dark-secondary: #1a1f2e;--bg-dark-card: #1f252b;--bg-dark-table-header: #212529;--bg-overlay: rgba(255, 255, 255, .05);--bg-overlay-hover: rgba(255, 255, 255, .1);--text-primary: #fff;--text-secondary: #e5e7eb;--text-muted: #a0a0a0;--text-success: #10b981;--text-error: #ff6b6b;--border-subtle: rgba(255, 255, 255, .1);--border-muted: rgba(108, 117, 125, .35);--border-accent: rgba(59, 130, 246, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-image:url(/images/V2X\ Background2.png);background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.evacuation-table-loading{height:200px;display:flex;align-items:center;justify-content:center}.evacuation-table-error{padding:16px;color:#ffb4b4}.evacuation-table-container{background-color:transparent}.evacuation-table-header-cell{font-size:.875rem}.evacuation-table-header-cell-mobile{font-size:.8rem}.evacuation-table-body-cell{font-size:.875rem;padding:16px;white-space:nowrap}.evacuation-table-body-cell-mobile{font-size:.75rem;padding:8px 4px;white-space:nowrap}.evacuation-table-name-cell{font-size:.875rem;padding:16px;word-break:break-word}.evacuation-table-name-cell-mobile{font-size:.75rem;padding:8px 4px;word-break:break-word;max-width:120px}.evacuation-table-directorate-cell{font-size:.875rem;padding:16px;word-break:break-word}.evacuation-table-directorate-cell-mobile{font-size:.75rem;padding:8px 4px;word-break:break-word;max-width:100px}.evacuation-table-badge-layout{display:flex;align-items:flex-start;gap:16px}.evacuation-table-pagination-spacer{width:auto;min-width:60px}.evacuation-table-pagination-container{display:flex;align-items:center;gap:16px}.evacuation-table-pagination-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 8px}.evacuation-table-page-info{color:#fff}.alerts-table-loading{height:200px;display:flex;align-items:center;justify-content:center}.alerts-table-error{padding:16px;color:#ffb4b4}.alerts-table-container{background-color:transparent}.alerts-table-empty-state{padding:32px;text-align:center;color:#a0a0a0;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.alerts-table-empty-title{margin-bottom:8px;color:#10b981}.alerts-table-empty-subtitle{opacity:.8}.alerts-table-header-cell{font-size:.875rem}.alerts-table-header-cell-mobile{font-size:.8rem}.alerts-table-header-acknowledged{font-size:.875rem}.alerts-table-body-cell{font-size:.875rem;padding:16px;white-space:nowrap}.alerts-table-body-cell-mobile{font-size:.75rem;padding:8px 4px;white-space:nowrap}.alerts-table-name-cell{font-size:.875rem;padding:16px;word-break:break-word}.alerts-table-name-cell-mobile{font-size:.75rem;padding:8px 4px;word-break:break-word;max-width:120px}.alerts-table-directorate-cell{font-size:.875rem;padding:16px;word-break:break-word}.alerts-table-directorate-cell-mobile{font-size:.75rem;padding:8px 4px;word-break:break-word;max-width:100px}.alerts-table-badge-layout{display:flex;align-items:flex-start;gap:16px}.alerts-table-pagination-spacer{width:auto;min-width:60px}.alerts-table-pagination-container{display:flex;align-items:center;gap:16px}.alerts-table-pagination-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 8px}.alerts-table-page-info{color:#fff}.homepage-container{padding:16px;margin-top:-55px;width:100%;min-height:100vh;box-sizing:border-box}.sound-icon-container{display:flex;justify-content:flex-end;margin-bottom:16px}.sound-icon-button{transform:translateY(70px) translate(-600px)}.mobile-container{min-height:100vh;background:linear-gradient(135deg,#0f1419,#1a1f2e,#0f1419)}.mobile-header{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:16px;position:sticky;top:0;z-index:100}.mobile-header-title{color:#fff;font-weight:700;text-align:center;margin-bottom:16px}.mobile-tab-navigation{display:flex;gap:8px}.mobile-tab{flex:1;padding:12px;text-align:center;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.mobile-tab-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #3b82f6}.mobile-tab-inactive{background:#ffffff1a}.mobile-tab-title{color:#fff;font-size:.875rem}.mobile-tab-title-active{font-weight:700}.mobile-tab-percentage{color:#fffc;font-size:.75rem}.mobile-dashboard-content{padding:16px}.mobile-metrics-cards{display:flex;gap:16px;margin-bottom:24px}.mobile-metric-card{flex:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;text-align:center}.mobile-metric-card-pending{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3)}.mobile-metric-card-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.mobile-metric-number{font-weight:700;font-size:2.25rem}.mobile-metric-number-pending{color:#ff6b6b}.mobile-metric-number-success{color:#10b981}.mobile-metric-label{color:#fff;opacity:.8;font-size:.875rem}.mobile-note{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:16px;text-align:center}.mobile-note-text{color:#ffc107;font-size:.875rem}.desktop-content-container{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}.desktop-table-container{flex:0 0 450px}.desktop-chart-container{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:85vh}.desktop-no-alert-container{display:flex;align-items:center;justify-content:center;min-height:85vh}.no-alert-card{text-align:center;background:linear-gradient(135deg,#10b9811a,#10b9810d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(16,185,129,.3);border-radius:16px;padding:48px;max-width:400px;box-shadow:0 20px 40px #10b9811a}.no-alert-title{color:#10b981;font-weight:700;margin-bottom:16px;text-shadow:0 0 20px rgba(16,185,129,.5);font-size:3rem}.no-alert-subtitle{color:#fff;margin-bottom:16px;font-weight:500;font-size:1.5rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}