:root{--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--bg-page:var(--color-zinc-100);--bg-card:#fff;--bg-header:var(--color-zinc-800);--header-text:var(--color-zinc-100);--header-control-bg:#ffffff1a;--header-control-border:#fff3;--text-primary:var(--color-zinc-900);--text-secondary:var(--color-zinc-600);--text-muted:var(--color-zinc-500);--border-color:var(--color-zinc-200);--accent:var(--color-amber-500);--accent-hover:var(--color-amber-600)}.dark,.dark-mode{--bg-page:var(--color-zinc-950);--bg-card:var(--color-zinc-900);--bg-header:var(--color-zinc-900);--header-text:var(--color-zinc-100);--header-control-bg:var(--color-zinc-800);--header-control-border:var(--color-zinc-700);--text-primary:var(--color-zinc-100);--text-secondary:var(--color-zinc-400);--text-muted:var(--color-zinc-500);--border-color:var(--color-zinc-700);--accent:var(--color-amber-400);--accent-hover:var(--color-amber-500)}.App h2,.analytics-header h2,.projects-header h2{color:#18181b!important;color:var(--text-primary)!important}.analytics-header,.projects-header{border-bottom-color:#e4e4e7!important;border-bottom-color:var(--border-color)!important}.chart-export-btn.primary,.create-button,button.primary{background:#f59e0b!important;background:var(--accent)!important;border-color:#f59e0b!important;border-color:var(--accent)!important;color:#18181b!important;color:var(--color-zinc-900)!important}.chart-export-btn.primary:hover,.create-button:hover{background:#d97706!important;background:var(--accent-hover)!important}.analytics-container .chart-container,.projects-table-container,.table-container{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e4e4e7!important;border:1px solid var(--border-color)!important;box-shadow:0 1px 3px #0000000f!important}.projects-table thead{background:#f4f4f5!important;background:var(--bg-page)!important;border-bottom-color:#e4e4e7!important;border-bottom-color:var(--border-color)!important}.projects-table td,.projects-table th{border-color:#e4e4e7!important;border-color:var(--border-color)!important;color:#18181b!important;color:var(--text-primary)!important}.analytics-container .chartjs-tooltip,[data-chartjs-tooltip]{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-size:12px!important;padding:8px 12px!important}.analytics-container canvas{max-width:100%}#root,body,html{max-width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.travel-time-table{padding:20px}.travel-time-table h2{color:#333;font-size:1.5rem;margin:0 0 20px}.no-data{font-style:italic;padding:40px}.table-wrapper{overflow-x:auto}table{background-color:#fff}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}th{background-color:#f8f9fa;color:#333;position:-webkit-sticky;position:sticky;top:0;z-index:1}tr:hover{background-color:#f5f5f5}.delete-button{background:none;border-radius:3px;font-size:16px;padding:5px}.delete-button:hover{background-color:#ffebee}@media (max-width:768px){.table-wrapper{font-size:14px}td,th{padding:8px}.travel-time-table h2{font-size:1.3rem}}@media (max-width:480px){.table-wrapper{font-size:12px}td,th{padding:6px}}.search-history{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.search-history h2{color:#333;font-size:1.8rem;margin-bottom:20px}.stats-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.stat-card{flex:1 1;min-width:200px}.stat-card h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-number{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.search-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.search-type-tag{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.8rem;font-weight:500;padding:4px 8px}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.filters-section h3{color:#333;font-size:1.1rem;margin:0 0 15px}.filter-controls{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;min-width:150px}.filter-group label{color:#555;font-size:.9rem;font-weight:500;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.clear-filters-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;height:-webkit-fit-content;height:fit-content;padding:8px 16px;transition:background-color .2s}.clear-filters-btn:hover{background:#5a6268}.clear-selection-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;height:-webkit-fit-content;height:fit-content;padding:8px 16px;transition:background-color .2s}.clear-selection-btn:hover{background:#c82333}.table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}table{border-collapse:collapse;font-size:.9rem;width:100%}thead{background:#f8f9fa}th{border-bottom:2px solid #dee2e6;color:#555;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #dee2e6;padding:12px;vertical-align:top}tbody tr:hover{background:#f8f9fa}.search-row{cursor:pointer;transition:background-color .2s}.search-row:hover{background:#e3f2fd!important}.search-row.selected{background:#bbdefb!important;border-left:4px solid #2196f3}.search-row.selected:hover{background:#90caf9!important}.search-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.search-type-badge.travel_time{background:#d4edda;color:#155724}.search-type-badge.saved_route{background:#d1ecf1;color:#0c5460}.search-params{display:flex;flex-wrap:wrap;gap:4px;max-width:200px}.param-tag{background:#e9ecef;border-radius:8px;color:#495057;font-size:.7rem;padding:2px 6px;white-space:nowrap}.delete-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 10px;transition:background-color .2s}.delete-button:hover{background:#c82333}.no-data{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;padding:40px 20px;text-align:center}.no-data p{font-size:1.1rem;margin:0}.loading{box-shadow:0 2px 4px #0000001a;padding:40px 20px}.error-message{background:#f8d7da;color:#721c24}.error-message button{background:#dc3545;font-size:.8rem}.error-message button:hover{background:#c82333}.search-history-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.search-history-table{grid-column:1/-1}@media (max-width:1024px){.search-history-layout{grid-template-columns:1fr}}@media (max-width:768px){.filter-controls,.stats-section{flex-direction:column}.filter-controls{align-items:stretch}.filter-group{min-width:auto}.table-wrapper{overflow-x:auto}table{min-width:800px}.search-params{max-width:150px}}.minimap-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.minimap-header{background:#f8f9fa;border-bottom:1px solid #dee2e6}.minimap-header h3{font-size:1.2rem;font-weight:600}.minimap-controls{display:flex;gap:10px}.fit-markers-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.fit-markers-btn:hover:not(:disabled){background:#0056b3}.fit-markers-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.minimap-wrapper{border-radius:0 0 8px 8px;overflow:hidden;position:relative}.minimap-loading{align-items:center;background:#f8f9fa;color:#666;display:flex;font-size:1.1rem;height:300px;justify-content:center}.info-window-content{max-width:300px;min-width:200px}.info-window-content h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 10px}.info-window-content p{color:#555;font-size:.9rem;line-height:1.4;margin:5px 0}.info-window-content strong{color:#333;font-weight:600}.selected-search-info{background:#e3f2fd;border-top:1px solid #bbdefb;padding:15px 20px}.selected-search-info h4{color:#1976d2;font-size:1.1rem;font-weight:600;margin:0 0 15px}.search-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item .label{color:#666;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{color:#333;font-size:.9rem;font-weight:500}@media (max-width:768px){.minimap-header{align-items:stretch;flex-direction:column;gap:10px}.minimap-controls{justify-content:center}.search-details{grid-template-columns:1fr}.minimap-container{margin-bottom:15px}}@media (max-width:480px){.minimap-header{padding:12px 15px}.minimap-header h3{font-size:1.1rem}.fit-markers-btn{font-size:.8rem;padding:6px 12px}.selected-search-info{padding:12px 15px}.info-window-content{max-width:250px;min-width:150px}.info-window-content h4{font-size:1rem}.info-window-content p{font-size:.8rem}}.sms-alerts-modal{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.sms-alerts-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.sms-alerts-header{align-items:center;background-color:#f9f9f9;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.sms-alerts-header h2{color:#333;font-size:24px;margin:0}.sms-alerts-header .close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:color .2s;width:40px}.sms-alerts-header .close-btn:hover{color:#333}.sms-alerts-body{padding:20px}.alert-config-section,.alert-history-section,.setup-instructions{margin-bottom:30px}.alert-config-section h3,.alert-history-section h3,.setup-instructions h3{border-bottom:2px solid #ff9800;color:#333;font-size:18px;margin:0 0 15px;padding-bottom:8px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff9800}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.form-group textarea{min-height:60px}.checkbox-label{background-color:#f9f9f9;border-radius:4px;padding:10px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background-color:#f0f0f0}.checkbox-label span{color:#333}.form-group small.hint{color:#777;display:block;font-size:12px;margin-top:5px}.form-actions{flex-wrap:wrap}.form-actions button{border-radius:4px;flex:1 1;font-weight:600;min-width:150px;transition:all .2s}.form-actions .test-btn{background-color:#ff9800;color:#fff}.form-actions .test-btn:hover:not(:disabled){background-color:#f57c00}.form-actions .delete-btn{background-color:#f44336;color:#fff}.form-actions .delete-btn:hover{background-color:#da190b}.form-actions button:disabled{cursor:not-allowed;opacity:.5}.alert-history-table{border-collapse:collapse;font-size:14px;width:100%}.alert-history-table thead{background-color:#f9f9f9}.alert-history-table th{border-bottom:2px solid #e0e0e0;color:#555;font-weight:600;padding:12px;text-align:left}.alert-history-table td{border-bottom:1px solid #f0f0f0;padding:12px}.alert-history-table tbody tr:hover{background-color:#f9f9f9}.exceeded-value{color:#f44336;font-weight:600}.sms-info-section{background:#f5f5f5;border-left:4px solid #2196f3;border-radius:6px;margin-top:20px;padding:16px}.info-note{color:#555;font-size:13px;line-height:1.6;margin:8px 0}.info-note:first-child{margin-top:0}.info-note:last-child{margin-bottom:0}.status-badge.status-sent{background-color:#4caf50}.status-badge.status-failed{background-color:#f44336}.status-badge.status-delivered{background-color:#2196f3}.setup-instructions ol{padding-left:20px}.setup-instructions li{line-height:1.6;margin-bottom:12px}.setup-instructions pre{background-color:#f5f5f5;border-left:3px solid #ff9800;border-radius:4px;font-size:13px;margin:10px 0;overflow-x:auto;padding:15px}.setup-instructions a{color:#ff9800;font-weight:600;text-decoration:none}.setup-instructions a:hover{text-decoration:underline}.cost-note{background-color:#fff3e0;border-left:4px solid #ff9800;padding:12px}.dark-mode .sms-alerts-content{background-color:#0d1117;color:#c9d1d9}.dark-mode .sms-alerts-header{background-color:#161b22;border-bottom:2px solid #30363d}.dark-mode .sms-alerts-header h2{color:#c9d1d9}.dark-mode .sms-alerts-header .close-btn{color:#8b949e}.dark-mode .sms-alerts-header .close-btn:hover{color:#c9d1d9}.dark-mode .alert-config-section h3,.dark-mode .alert-history-section h3,.dark-mode .setup-instructions h3{border-bottom-color:#ff9800;color:#c9d1d9}.dark-mode .form-group label{color:#8b949e}.dark-mode .form-group input[type=number],.dark-mode .form-group input[type=text],.dark-mode .form-group select,.dark-mode .form-group textarea{background-color:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{border-color:#ff9800}.dark-mode .form-group input:disabled,.dark-mode .form-group select:disabled,.dark-mode .form-group textarea:disabled{background-color:#0d1117;color:#6e7681}.dark-mode .checkbox-label{background-color:#161b22}.dark-mode .checkbox-label:hover{background-color:#21262d}.dark-mode .form-group small.hint{color:#8b949e}.dark-mode .alert-history-table thead{background-color:#161b22}.dark-mode .alert-history-table th{border-bottom-color:#30363d;color:#c9d1d9}.dark-mode .alert-history-table td{border-bottom-color:#21262d;color:#8b949e}.dark-mode .alert-history-table tbody tr:hover{background-color:#161b22}.dark-mode .exceeded-value{color:#ff6b6b}.dark-mode .sms-info-section{background:#161b22;border-left-color:#2196f3}.dark-mode .info-note{color:#8b949e}@media (max-width:768px){.sms-alerts-content{max-height:95vh;width:95%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.alert-history-table{font-size:12px}.alert-history-table td,.alert-history-table th{padding:8px}}.routes-container{margin:0 auto;max-width:1400px;padding:20px}.routes-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.routes-header h2{color:#333;font-size:28px;margin:0}.routes-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.create-route-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.create-route-btn:hover{background-color:#45a049}.routes-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.routes-table{border-collapse:collapse;min-width:800px;width:100%}.routes-table thead{background-color:#f5f5f5;border-bottom:2px solid #ddd}.routes-table th{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.routes-table td{border-bottom:1px solid #eee;color:#555;font-size:14px;padding:15px}.routes-table tr:last-child td{border-bottom:none}.routes-table tbody tr:hover{background-color:#f9f9f9}.route-color-indicator{border:2px solid #ddd;display:inline-block;height:20px;width:20px}.route-status-cell{align-items:center;display:flex;gap:8px}.route-status-toggle-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px;transition:background-color .2s ease}.route-status-toggle-btn.deactivate{background:#ff9800;color:#fff}.route-status-toggle-btn.deactivate:hover{background:#f57c00}.route-status-toggle-btn.activate{background:#4caf50;color:#fff}.route-status-toggle-btn.activate:hover{background:#388e3c}.route-actions{display:flex;gap:8px}.delete-route-btn,.edit-route-btn,.view-route-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.view-route-btn{background-color:#2196f3;color:#fff}.view-route-btn:hover{background-color:#1976d2}.edit-route-btn{background-color:#4caf50;color:#fff}.edit-route-btn:hover{background-color:#45a049}.delete-route-btn{background-color:#f44336;color:#fff}.delete-route-btn:hover{background-color:#d32f2f}.modal-content{max-width:none!important;width:66vw!important}.modal-content h2{color:#1a1a1a;font-size:24px;margin:0 0 20px}.close-modal-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;width:30px}.close-modal-btn:hover{color:#333}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.modal-actions .save-btn{background-color:#4caf50;color:#fff}.modal-actions .save-btn:hover{background-color:#45a049}.modal-actions .cancel-btn{background-color:#f5f5f5;color:#333}.modal-actions .cancel-btn:hover{background-color:#e0e0e0}.route-map-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:20px}.route-map-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.route-map-header h3{color:#333;font-size:20px;margin:0}.back-to-list-btn{background-color:#f5f5f5;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.back-to-list-btn:hover{background-color:#e0e0e0}.map-wrapper{border:1px solid #ddd;border-radius:8px;height:600px;overflow:hidden}.route-details{background:#f9f9f9;border-radius:8px;margin-top:20px;padding:20px}.route-details h4{color:#333;font-size:18px;margin:0 0 15px}.route-details p{color:#555;font-size:14px;margin:8px 0}.route-details strong{color:#333;font-weight:600}.route-form-map-container{background:#0000;border:1px solid #ddd;border-radius:6px;height:auto;margin-top:10px;min-height:400px;overflow:hidden}.route-form-map-instructions{background:#f6f8fa;border-bottom:1px solid #ddd;padding:10px 12px}.route-form-map-instructions p{color:#24292f;font-size:14px;margin:0}.dark-mode .route-form-map-container{border-color:#30363d}.dark-mode .route-form-map-instructions{background:#21262d;border-bottom-color:#30363d}.dark-mode .route-form-map-instructions p{color:#c9d1d9}.fit-route-btn{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:8px 16px;transition:background-color .2s ease}.fit-route-btn:hover{background-color:#1976d2}.help-text{color:#666;margin-top:5px}@media (max-width:768px){.routes-container{max-width:100%;overflow-x:hidden}.routes-header{align-items:flex-start;flex-direction:column}.routes-header-actions{width:100%}.project-filter,.routes-header-actions{align-items:stretch;flex-direction:column}.create-route-btn,.project-filter select{width:100%}.routes-table-container{max-width:100%;overflow-x:hidden}.modal-content{max-height:85vh;max-width:95vw!important;padding:20px;width:95vw!important}.route-actions{flex-direction:column}.route-actions button{width:100%}.map-wrapper{height:400px}.route-map-header{align-items:stretch;flex-direction:column;gap:10px}.fit-route-btn{width:100%}}.routes-container.dark-mode{background:#0d1117;color:#c9d1d9}.dark-mode .routes-header h2{color:#e0e0e0}.dark-mode .routes-table-container{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .routes-table thead{background:#0d1117!important;border-bottom-color:#30363d}.dark-mode .routes-table th,.dark-mode .routes-table thead tr{background:#0d1117!important}.dark-mode .routes-table th{color:#e0e0e0}.dark-mode .routes-table td{border-bottom-color:#21262d;color:#c9d1d9}.dark-mode .routes-table tbody,.dark-mode .routes-table tbody tr{background:#161b22}.dark-mode .routes-table tbody tr:hover{background:#1c2128}.dark-mode .route-status-toggle-btn.deactivate{background:#d97706}.dark-mode .route-status-toggle-btn.deactivate:hover{background:#f59e0b}.dark-mode .route-status-toggle-btn.activate{background:#238636}.dark-mode .route-status-toggle-btn.activate:hover{background:#2ea043}.dark-mode .edit-route-btn{background:#238636}.dark-mode .edit-route-btn:hover{background:#2ea043}.dark-mode .delete-route-btn{background:#da3633}.dark-mode .delete-route-btn:hover{background:#f44}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{color:#c9d1d9!important}.dark-mode .back-to-list-btn,.dark-mode .modal-actions .cancel-btn{background:#21262d;color:#c9d1d9}.dark-mode .back-to-list-btn:hover,.dark-mode .modal-actions .cancel-btn:hover{background:#30363d}.dark-mode .route-map-container{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .route-map-header h3{color:#e0e0e0}.dark-mode .map-wrapper{border-color:#30363d}.dark-mode .route-details{background:#0d1117}.dark-mode .route-details h4{color:#e0e0e0}.dark-mode .route-details p{color:#8b949e}.dark-mode .route-details strong{color:#c9d1d9}.cost-summary{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:20px}.cost-summary-header{border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.cost-summary-header h4{color:#333;font-size:18px;margin:0}.cost-summary-section{background:#f9f9f9;border-radius:6px;margin-bottom:20px;padding:15px}.cost-section-title{color:#333;font-size:14px;font-weight:600;margin-bottom:15px}.cost-summary-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.cost-summary-content.three-col{grid-template-columns:repeat(3,1fr)}.cost-stat{background:#fff;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:10px}.cost-stat.highlight{background:#e3f2fd;border-left:3px solid #2196f3}.cost-stat.highlight.forecast{background:#fff3e0;border-left-color:#ff9800}.cost-label{color:#666;font-size:12px;font-weight:500}.cost-value{color:#333;font-size:18px;font-weight:700}.cost-sublabel{color:#999;font-size:11px;font-style:italic}.cost-note{background:#fffde7;border-left:3px solid #ffc107;border-radius:4px;margin-top:15px;padding:10px}.cost-note small{color:#666;font-size:12px;line-height:1.4}.dark-mode .cost-summary{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .cost-summary-header{border-bottom-color:#30363d}.dark-mode .cost-summary-header h4{color:#e0e0e0}.dark-mode .cost-summary-section{background:#0d1117}.dark-mode .cost-section-title{color:#e0e0e0}.dark-mode .cost-stat{background:#161b22}.dark-mode .cost-stat.highlight{background:#1a2332;border-left-color:#58a6ff}.dark-mode .cost-stat.highlight.forecast{background:#2d2416;border-left-color:#ff9800}.dark-mode .cost-label{color:#8b949e}.dark-mode .cost-value{color:#e0e0e0}.dark-mode .cost-sublabel{color:#6e7681}.dark-mode .cost-note{background:#2d2416;border-left-color:#ffc107}.dark-mode .cost-note small{color:#8b949e}@media (max-width:768px){.cost-summary-content,.cost-summary-content.three-col{grid-template-columns:1fr}}.route-color-cell{padding:8px!important;text-align:center;width:50px}.route-color-square{border:2px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0003;cursor:pointer;height:30px;margin:0 auto;transition:all .2s;width:30px}.route-color-square:hover{border-color:#999;box-shadow:0 2px 6px #0000004d;transform:scale(1.1)}.dark-mode .route-color-square{border-color:#30363d}.dark-mode .route-color-square:hover{border-color:#58a6ff}.color-picker-modal{max-width:500px}.modal-body{padding:10px 0}.route-name-display{color:#333;font-size:16px;font-weight:600;margin-bottom:20px;text-align:center}.color-palette{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);padding:10px}.color-option{border:3px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;height:60px;position:relative;transition:all .2s;width:60px}.color-option:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.05)}.color-option.selected{border-color:#2196f3;box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3;transform:scale(1.05)}.color-option.used{cursor:not-allowed;opacity:.3}.color-option.used:hover{box-shadow:0 2px 4px #0003;transform:none}.color-option.used:after{color:#fff;content:"✕";font-size:24px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 3px #00000080;top:50%;transform:translate(-50%,-50%)}.dark-mode .route-name-display{color:#e0e0e0}.dark-mode .color-option.selected{border-color:#58a6ff;box-shadow:0 0 0 2px #161b22,0 0 0 4px #58a6ff}.routes-map-container-fullwidth{margin-bottom:30px;max-width:100%;width:100%}.routes-map-container-fullwidth.dark-mode{background:#0d1117;border-color:#30363d;box-shadow:0 2px 8px #00000080}.map-control-buttons{right:30px;top:30px;z-index:10}.map-fit-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.map-fit-btn:hover:not(:disabled){background:#4caf50;border-color:#4caf50;color:#fff}.map-fit-btn:disabled{opacity:.5}.map-and-selection-wrapper{border-radius:4px;overflow:hidden;position:relative;width:100%}.routes-map-large{height:100%;width:100%}.dark-mode .map-fit-btn{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .map-fit-btn:hover:not(:disabled){background:#4caf50;border-color:#4caf50;color:#fff}.routes-table tbody tr{transition:background-color .2s ease,transform .1s ease}.routes-table tbody tr:hover{background-color:#4caf501a;cursor:pointer}.dark-mode .routes-table tbody tr:hover{background-color:#4caf5026}.move-down-btn,.move-up-btn{align-items:center;display:inline-flex;font-size:12px;height:28px;justify-content:center}.dark-mode .move-down-btn:hover:not(:disabled),.dark-mode .move-up-btn:hover:not(:disabled),.move-down-btn:hover:not(:disabled),.move-up-btn:hover:not(:disabled){background:#2196f3;border-color:#2196f3;color:#fff}.duplicate-route-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.duplicate-route-btn:hover{background:#1976d2}.duplicate-selector-modal{max-width:1200px!important;width:90%!important}.duplicate-route-list{padding:20px 0}.duplicate-routes-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.duplicate-route-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.duplicate-route-card:hover{background:#e3f2fd;border-color:#2196f3;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.duplicate-route-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.route-color-indicator-small{border-radius:3px;flex-shrink:0;height:40px;width:6px}.duplicate-route-info h4{color:#333;font-size:16px;font-weight:600;margin:0}.duplicate-route-project{color:#2196f3;font-size:12px;font-weight:500;margin:4px 0 0}.duplicate-route-addresses{background:#fff;border-radius:4px;font-size:12px;margin:10px 0;padding:10px}.address-line{color:#666;margin:2px 0}.duplicate-route-meta{display:flex;font-size:11px;gap:10px;margin-top:10px}.meta-item{background:#fff;border-radius:4px;color:#666;padding:4px 8px}.meta-item.status-active{color:#4caf50;font-weight:600}.meta-item.status-inactive{color:#999}.dark-mode .duplicate-route-btn{background:#1976d2}.dark-mode .duplicate-route-btn:hover{background:#2196f3}.dark-mode .duplicate-route-card{background:#0d1117;border-color:#30363d}.dark-mode .duplicate-route-card:hover{background:#161b22;border-color:#2196f3;box-shadow:0 4px 8px #00000080}.dark-mode .duplicate-route-info h4{color:#e0e0e0}.dark-mode .duplicate-route-addresses{background:#161b22}.dark-mode .address-line{color:#8b949e}.dark-mode .meta-item{background:#161b22;color:#8b949e}.dark-mode .duplicate-selector-modal{background:#161b22}.duplicate-reverse-btn{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.duplicate-reverse-btn:hover{background:#f57c00}.reverse-info-banner{background:#fff3e0;border:2px solid #ff9800;border-radius:6px;color:#e65100;font-size:14px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}.duplicate-route-card.reverse-card{border-left:4px solid #ff9800}.duplicate-route-card.reverse-card:hover{background:#fff3e0;border-color:#ff9800}.duplicate-route-addresses.reverse-preview{background:#fff3e0;border-left:3px solid #ff9800;position:relative}.reverse-arrow{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:20px;height:30px;justify-content:center;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:30px}.dark-mode .duplicate-reverse-btn{background:#f57c00}.dark-mode .duplicate-reverse-btn:hover{background:#ff9800}.dark-mode .reverse-info-banner{background:#ff980026;border-color:#ff9800;color:#ffb74d}.dark-mode .duplicate-route-card.reverse-card{border-left-color:#ff9800}.dark-mode .duplicate-route-card.reverse-card:hover{background:#ff98001a;border-color:#ff9800}.dark-mode .duplicate-route-addresses.reverse-preview{background:#ff98001a;border-left-color:#ff9800}.dark-mode .reverse-arrow{background:#161b22;box-shadow:0 2px 4px #00000080}.chart-export-btn.edit-annotation,.route-name:has-text("(inactive)"){background:#ff57221f;border:1px solid #ff572266;box-shadow:0 1px 2px #ff572226;color:#bf360c}.chart-export-btn.edit-annotation:hover:not(:disabled){background:#ff572233;border-color:#ff57228c;box-shadow:0 2px 6px #ff572238;color:#d84315}.chart-export-btn.edit-annotation:active:not(:disabled){background:#bf360c40;border-color:#bf360c99;box-shadow:0 1px 3px #bf360c4d}.chart-export-btn.export-all{background:#4caf501f;border:1px solid #4caf5066;box-shadow:0 1px 2px #4caf5026;color:#1b5e20}.chart-export-btn.export-all:hover:not(:disabled){background:#2e8b3933;border-color:#2e8b398c;box-shadow:0 2px 6px #2e8b3938;color:#0d3b1a}.chart-export-btn.export-all:active:not(:disabled){background:#1b5e2040;border-color:#1b5e2099;box-shadow:0 1px 3px #1b5e204d}.analytics-container{margin:0 auto;padding:20px;width:100%}.analytics-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.analytics-header h2{color:#333;font-size:2rem;margin:0}.analytics-controls{align-items:center;display:flex;gap:20px}.date-range-selector{align-items:center;display:flex;gap:10px}.date-range-selector label{color:#333;font-weight:500}.date-range-selector select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.analytics-content{gap:30px;width:100%}.charts-section{display:flex;flex-direction:column;gap:20px;width:100%}.route-selection{box-shadow:0 2px 4px #0000001a}.route-selection h3{color:#333;margin-bottom:15px;margin-top:0}.route-checkboxes{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.route-checkbox{align-items:center;border-radius:6px;gap:10px;padding:10px;transition:all .3s ease}.route-checkbox:hover{background:#f0f0f0;border-color:#4caf50}.route-checkbox input[type=checkbox]{accent-color:#4caf50}.route-color-box{border:2px solid #fff;border-radius:4px;box-shadow:0 1px 3px #0003;flex-shrink:0;height:20px;width:20px}.route-checkbox span{color:#333;font-weight:500}.route-checkbox small{color:#666;font-style:italic}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-left:4px solid #4caf50;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.stat-card h4{color:#333;font-size:1.1rem;margin:0 0 15px}.stat-values{display:flex;flex-direction:column;gap:8px}.stat-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:5px 0}.stat-item:last-child{border-bottom:none}.stat-label,.stat-value{font-size:14px}.analytics-content{align-items:stretch;display:flex;flex-direction:column;gap:20px}.route-overlay-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:none;padding:20px;width:100%}.route-overlay-panel h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.route-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.route-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex:1 1;max-width:300px;min-width:200px;padding:15px}.route-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.route-color-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003}.route-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.route-address{color:#666;font-size:12px;line-height:1.3;margin:0}.route-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.stat-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.stat-label{color:#666;font-size:12px;font-weight:500}.stat-value{color:#333;font-family:monospace;font-size:12px;font-weight:600}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000000f;padding:20px}.chart-card,.chart-container{position:relative}.chart-period-badge{background:#00000014;background:var(--header-control-bg,#00000014);border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:600;left:12px;letter-spacing:.5px;padding:4px 10px;pointer-events:none;position:absolute;text-transform:uppercase;top:10px;z-index:2}.chart-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.chart-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.chart-period-select{align-items:center;display:flex;gap:8px}.chart-period-select select{-webkit-appearance:none;appearance:none;background:#f6f8fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236e7681' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #d0d7de;border-radius:3px;color:#24292f;cursor:pointer;font-size:11px;font-weight:600;min-width:80px;padding:4px 24px 4px 8px}.chart-period-select select:hover{background-color:#eaeef2;border-color:#8c959f}.chart-period-select select:focus{border-color:#8c959f;box-shadow:0 0 0 2px #8c959f33;outline:none}.dark-mode .chart-period-select select{background-color:#161b22;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238b949e' d='M6 8 1 3h10z'/%3E%3C/svg%3E");border-color:#30363d;box-shadow:none;color:#c9d1d9}.dark-mode .chart-period-select select:hover{background-color:#21262d;border-color:#484f58}.dark-mode .chart-period-select select:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.chart-period-select.compact select{min-width:70px}.chart-period-change-dates{background:#0000;border:1px solid #d0d7de;border-radius:4px;color:#0969da;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.chart-period-change-dates:hover{background:#f6f8fa;border-color:#0969da}.dark-mode .chart-period-change-dates{border-color:#30363d;color:#58a6ff}.dark-mode .chart-period-change-dates:hover{background:#161b22;border-color:#58a6ff}.chart-period-custom-inputs{align-items:center;display:flex;gap:6px}.chart-period-custom-inputs input{background:#f6f8fa;border:1px solid #d0d7de;border-radius:3px;color:#24292f;font-size:11px;font-weight:600;padding:4px 8px}.chart-period-custom-inputs input:focus{border-color:#8c959f;box-shadow:0 0 0 2px #8c959f33;outline:none}.dark-mode .chart-period-custom-inputs input{background:#161b22;border-color:#30363d;color:#c9d1d9;color-scheme:dark}.chart-export-all-buttons,.chart-export-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.chart-export-all-buttons{margin-bottom:12px}.chart-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.chart-export-btn{background:#2196f31a;border:1px solid #2196f359;border-radius:3px;box-shadow:0 1px 2px #1565c01a;color:#1565c0;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;white-space:nowrap}.chart-export-btn:hover:not(:disabled){background:#1565c02e;border-color:#1565c080;box-shadow:0 2px 6px #1565c02e;color:#0d47a1;transform:translateY(-1px)}.chart-export-btn:active:not(:disabled){background:#0d47a138;border-color:#0d47a18c;box-shadow:0 1px 3px #0d47a133;transform:translateY(0)}.chart-export-btn:focus-visible{box-shadow:0 0 0 3px #2196f340;outline:none}.chart-export-btn:disabled{background:#bdbdbd40;border-color:#bdbdbd66;box-shadow:none;color:#9e9e9e;cursor:not-allowed}.chart-export-dropdown-wrapper{align-items:center;display:flex}.chart-export-dropdown{-webkit-appearance:none;appearance:none;background:#f6f8fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236e7681' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #d0d7de;border-radius:3px;color:#24292f;cursor:pointer;font-size:11px;font-weight:600;padding:4px 24px 4px 8px}.chart-export-dropdown:hover{background-color:#eaeef2;border-color:#8c959f}.chart-export-dropdown:focus{border-color:#8c959f;box-shadow:0 0 0 2px #8c959f33;outline:none}.dark-mode .chart-export-dropdown{background-color:#161b22;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238b949e' d='M6 8 1 3h10z'/%3E%3C/svg%3E");border-color:#30363d;box-shadow:none;color:#c9d1d9}.dark-mode .chart-export-dropdown:hover{background-color:#21262d;border-color:#484f58}.dark-mode .chart-export-dropdown:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.export-map-prompt-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.export-map-prompt{background:#fff;border-radius:8px;box-shadow:0 12px 30px #00000040;max-width:360px;padding:24px;text-align:center;width:100%}.export-map-prompt h3{color:#0b1626;font-size:18px;margin:0 0 12px}.export-map-prompt p{color:#444;font-size:14px;margin:0 0 20px}.custom-date-modal,.exceedance-export-prompt{text-align:left}.custom-date-modal-fields{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.custom-date-field{display:flex;flex-direction:column;gap:6px}.custom-date-field label{color:#444;font-size:14px;font-weight:500}.custom-date-field input[type=date]{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:160px;padding:8px 12px}.custom-date-field input[type=date]:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33;outline:none}.dark-mode .custom-date-field label{color:#c9d1d9}.dark-mode .custom-date-field input[type=date]{background:#0d1117;border-color:#30363d;color:#c9d1d9;color-scheme:dark}.exceedance-export-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.exceedance-export-checkbox{align-items:center;color:#444;cursor:pointer;display:flex;font-size:14px;gap:10px}.exceedance-export-checkbox input{cursor:pointer;height:18px;width:18px}.dark-mode .exceedance-export-checkbox{color:#c9d1d9}.export-map-prompt-buttons{display:flex;gap:12px;justify-content:center}.export-map-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.export-map-btn.yes{background:#2196f3;box-shadow:0 3px 6px #2196f34d;color:#fff}.export-map-btn.yes:hover{background:#1976d2;transform:translateY(-1px)}.export-map-btn.no{background:#e0e0e0;color:#333}.export-map-btn.no:hover{background:#c5c5c5;transform:translateY(-1px)}.export-map-btn:active{box-shadow:none;transform:translateY(0)}.chart-time-range-selector{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.date-range-main{align-items:center;display:flex;gap:10px}.chart-time-range-selector label{color:#333;font-size:14px;font-weight:500}.chart-time-range-selector select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:6px 10px}.custom-date-range{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:10px;padding:10px}.custom-date-range input[type=datetime-local]{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 10px}.custom-date-range span{color:#666;font-size:13px;font-weight:500}.apply-custom-range-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:background .2s}.apply-custom-range-btn:hover{background:#45a049}.apply-custom-range-btn:disabled{background:#ccc;cursor:not-allowed}.chart-wrapper{height:422px;position:relative;width:100%}.chart-wrapper-segment-analysis{height:auto!important;min-height:422px}.chart-wrapper canvas{cursor:pointer}.chart-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffb8;color:#333;display:flex;flex-direction:column;font-weight:600;gap:8px;inset:0;justify-content:center;position:absolute;z-index:5}.chart-loading-spinner{animation:chart-spinner 1s linear infinite;border:3px solid #4caf5033;border-radius:50%;border-top-color:#4caf50;height:32px;width:32px}@keyframes chart-spinner{to{transform:rotate(1turn)}}.chart-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:15px}.chart-action-buttons{align-items:center;display:flex;gap:10px}.chart-controls-group{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.control-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:8px 12px}.control-section-label{color:#555;font-size:13px;font-weight:600;white-space:nowrap}.control-section-toggles{align-items:center;display:flex;gap:10px}.add-annotation-btn,.export-csv-btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.export-csv-btn{background:#6c757d}.export-csv-btn:hover{background:#5a6268}.add-annotation-btn{background:#ff5722}.add-annotation-btn:hover{background:#e64a19}.add-annotation-btn:hover,.export-csv-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.add-annotation-btn:active,.export-csv-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.toggle-group{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.toggle-group-header{color:#555;font-size:13px;font-weight:600;white-space:nowrap}.toggle-group-items{gap:15px}.annotation-toggle,.toggle-group-items{align-items:center;display:flex}.annotation-toggle.compact{margin:0}.annotation-toggle.compact .toggle-slider{height:20px;width:40px}.annotation-toggle.compact .toggle-slider:before{height:16px;width:16px}.annotation-toggle.compact .toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(20px)}.annotation-toggle.compact .toggle-text{font-size:13px}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{display:none}.toggle-slider{background:#ccc;border-radius:24px;height:24px;position:relative;transition:background .3s ease;width:50px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-label input[type=checkbox]:checked+.toggle-slider{background:#ff5722}.toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-text{color:#333;font-size:14px;font-weight:600}.annotation-modal{max-height:90vh;max-width:700px;overflow-y:auto}.annotation-modal .form-group{margin-bottom:20px}.annotation-modal label{color:#333;display:block;font-weight:600;margin-bottom:5px}.annotation-modal input[type=datetime-local],.annotation-modal select,.annotation-modal textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.annotation-modal textarea{font-family:inherit;resize:vertical}.annotation-modal input[type=color]{cursor:pointer;height:40px;padding:2px}.form-actions{margin-top:20px}.cancel-btn,.submit-btn{border-radius:4px}.submit-btn{background:#ff5722}.submit-btn:hover{background:#e64a19}.annotations-list{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:20px}.annotations-list h4{color:#333;font-size:16px;margin:0 0 15px}.no-annotations{color:#999;font-style:italic;padding:20px;text-align:center}.annotations-table-container{border:1px solid #e0e0e0;border-radius:4px;max-height:400px;overflow-y:auto}.annotations-table{border-collapse:collapse;width:100%}.annotations-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.annotations-table th{color:#666;font-size:12px;font-weight:600;padding:10px;text-align:left;text-transform:uppercase}.annotations-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.annotations-table tbody tr:hover{background:#f8f9fa}.annotations-table td{font-size:13px;padding:10px}.annotation-color{text-align:center;width:30px}.color-indicator{border:2px solid #0000001a;border-radius:4px;display:inline-block;height:20px;width:20px}.annotation-timestamp{color:#666;font-size:12px;white-space:nowrap}.annotation-text-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-project-cell{color:#333;font-weight:600}.annotation-route-cell{color:#666;font-style:italic}.annotation-route-cell .all-routes{color:#999;font-style:italic}.annotation-actions-cell{display:flex;gap:6px;justify-content:flex-end}.annotation-callout-tooltip{border:2px solid;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#333;font-size:13px;line-height:1.4;max-width:280px;padding:8px 12px;pointer-events:none;position:fixed;z-index:10000}.dark-mode .annotation-callout-tooltip{color:#e0e0e0}.annotation-callout-tooltip-inner{border:2px solid;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#333;font-size:13px;line-height:1.4;padding:8px 12px}.dark-mode .annotation-callout-tooltip-inner{color:#e0e0e0}.annotation-callout-tooltip-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid;bottom:-8px;height:0;left:12px;position:absolute;width:0}.delete-annotation-btn,.edit-annotation-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .2s}.edit-annotation-btn{background:#2196f3;color:#fff}.edit-annotation-btn:hover{background:#1976d2}.delete-annotation-btn{background:#f44;color:#fff}.delete-annotation-btn:hover{background:#c00}.no-selection{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.no-selection p{color:#666;font-size:1.1rem;margin:0}.error-message p{color:#c62828;font-weight:500;margin:0}.error-message button{background:#f44336;border-radius:3px;font-size:12px;padding:5px 10px}.error-message button:hover{background:#d32f2f}.loading{align-items:center;display:flex;font-size:1.1rem;height:200px;justify-content:center}@media (max-width:1024px){.charts-grid,.route-checkboxes,.statistics-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-container{max-width:100%;overflow-x:hidden;padding:10px}.analytics-content{flex-direction:column;gap:15px;max-width:100%;min-width:0}.route-overlay-panel{min-width:auto;width:100%}.route-cards{flex-direction:column}.route-card{max-width:none}.route-stats{grid-template-columns:1fr}.analytics-header{align-items:stretch;flex-direction:column;gap:15px}.analytics-controls{justify-content:center}.chart-wrapper{height:211px}.chart-wrapper-segment-analysis{min-height:211px}.chart-container,.stat-card{padding:15px}}@media (max-width:480px){.analytics-header h2{font-size:1.5rem}.chart-wrapper{height:211px}.chart-wrapper-segment-analysis{min-height:211px}.stat-item{align-items:flex-start;flex-direction:column;gap:5px}.stat-value{font-size:16px}}.dark-mode .analytics-container{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .analytics-header{border-bottom-color:#30363d}.dark-mode .analytics-header h2{color:#e0e0e0}.dark-mode .route-selection,.dark-mode .route-selection-embedded{background:#0d1117;border-color:#30363d}.dark-mode .route-selection-embedded h4{color:#8b949e}.dark-mode .project-filter-embedded{border-bottom-color:#30363d}.dark-mode .project-filter-embedded label{color:#8b949e}.dark-mode .project-filter-embedded select{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .fullscreen-project-filter{background:#161b22;border-color:#30363d}.dark-mode .fullscreen-project-filter label{color:#c9d1d9}.dark-mode .fullscreen-project-filter select{background:#0d1117;border-color:#30363d;color:#c9d1d9}.dark-mode .fullscreen-project-filter select:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.dark-mode .auto-scan-controls{background:#161b22;border-color:#30363d}.dark-mode .auto-scan-toggle{color:#c9d1d9}.dark-mode .auto-scan-interval input[type=number]{background:#0d1117;border-color:#30363d;color:#c9d1d9}.dark-mode .auto-scan-interval input[type=number]:disabled{background:#161b22;opacity:.5}.dark-mode .interval-unit{color:#8b949e}.dark-mode .auto-scan-projects{border-top-color:#30363d}.dark-mode .auto-scan-projects-header label{color:#c9d1d9}.dark-mode .toggle-project-list-btn{color:#58a6ff}.dark-mode .toggle-project-list-btn:hover{color:#79c0ff}.dark-mode .auto-scan-project-checkbox{color:#c9d1d9}.dark-mode .auto-scan-project-checkbox:hover{background:#58a6ff26}.dark-mode .auto-scan-project-checkbox.all-projects-option{background:#58a6ff14;border-color:#58a6ff33}.dark-mode .auto-scan-project-checkbox.all-projects-option:hover{background:#58a6ff26;border-color:#58a6ff4d}.dark-mode .route-checkbox-compact,.dark-mode .route-checkbox-compact-extended{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .route-checkbox-compact-extended:hover,.dark-mode .route-checkbox-compact:hover{background:#1c2128;border-color:#58a6ff}.dark-mode .route-name-text{color:#fff!important}.dark-mode .speed-value,.dark-mode .time-value{color:#d1d9e0!important}.dark-mode .speed-unit{color:#8b949e}.dark-mode .chart-container,.dark-mode .routes-map-container,.dark-mode .routes-map-container-fullwidth,.dark-mode .stat-card{background:#0d1117;border-color:#30363d;box-shadow:0 2px 8px #00000080}.dark-mode .chart-export-btn{background:#388bfd26;border-color:#58a6ff73;box-shadow:0 1px 2px #01040980;color:#58a6ff}.dark-mode .chart-export-btn:hover:not(:disabled){background:#58a6ff40;border-color:#58a6ff99;box-shadow:0 2px 6px #0104098c;color:#79c0ff}.dark-mode .chart-export-btn.edit-annotation{background:#ff572233;border-color:#ff572280;box-shadow:0 1px 2px #0104098c;color:#ff8a65}.dark-mode .chart-export-btn.edit-annotation:hover:not(:disabled){background:#ff8a654d;border-color:#ff8a65a6;box-shadow:0 2px 6px #010409a6;color:#ffab91}.dark-mode .chart-export-btn.edit-annotation:active:not(:disabled){background:#ff572259;border-color:#ff5722b3;box-shadow:0 1px 3px #010409b3}.dark-mode .chart-export-btn.export-all{background:#2ea04333;border-color:#2ea04380;box-shadow:0 1px 2px #0104098c;color:#7ee787}.dark-mode .chart-export-btn.export-all:hover:not(:disabled){background:#3fb9504d;border-color:#3fb950a6;box-shadow:0 2px 6px #010409a6;color:#94f29f}.dark-mode .chart-export-btn.export-all:active:not(:disabled){background:#23863659;border-color:#238636b3;box-shadow:0 1px 3px #010409b3}.dark-mode .chart-export-btn:active:not(:disabled){background:#388bfd52;border-color:#58a6ffa6;box-shadow:0 1px 3px #01040999}.dark-mode .chart-export-btn:focus-visible{box-shadow:0 0 0 3px #58a6ff59}.dark-mode .chart-export-btn:disabled{background:#6e768140;border-color:#6e768159;box-shadow:none;color:#c9d1d973}.dark-mode .export-map-prompt{background:#161b22;box-shadow:0 12px 30px #01040999;color:#c9d1d9}.dark-mode .export-map-prompt h3{color:#e6edf3}.dark-mode .export-map-prompt p{color:#9ea7b3}.dark-mode .export-map-btn.yes{background:#1f6feb;box-shadow:0 3px 6px #1f6feb59}.dark-mode .export-map-btn.yes:hover{background:#388bfd}.dark-mode .export-map-btn.no{background:#30363d;color:#c9d1d9}.dark-mode .export-map-btn.no:hover{background:#3b434d}.dark-mode .chart-container h3,.dark-mode .stat-card h4{color:#e0e0e0}.dark-mode .chart-header{border-bottom-color:#30363d}.dark-mode .chart-time-range-selector label{color:#8b949e}.dark-mode .chart-time-range-selector select{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .custom-date-range{background:#161b22;border-color:#30363d}.dark-mode .custom-date-range input[type=datetime-local]{background:#0d1117;border-color:#30363d;color:#c9d1d9;color-scheme:dark}.dark-mode .custom-date-range span{color:#8b949e}.dark-mode .control-section{background:#161b22;border-color:#30363d}.dark-mode .control-section-label{color:#8b949e}.dark-mode .toggle-group{background:#161b22;border-color:#30363d}.dark-mode .toggle-group-header{color:#8b949e}.dark-mode .toggle-text{color:#c9d1d9}.dark-mode .checkbox-tooltip{background:#0d1117fa;border-color:#30363d}.dark-mode .tooltip-route-name{color:inherit}.dark-mode .tooltip-description{border-bottom-color:#30363d;color:#8b949e}.dark-mode .map-header h3{color:#e0e0e0}.dark-mode .map-bus-locations-btn,.dark-mode .map-minimize-btn{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .map-bus-locations-btn.active{background:#58a6ff;border-color:#58a6ff;color:#fff}.dark-mode .map-incidents-btn{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .map-incidents-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.dark-mode .map-nearby-bus-btn{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .map-nearby-bus-btn:hover:not(:disabled){background:#10b981;border-color:#10b981;color:#fff}.bus-info-window{font-size:13px;max-width:280px;min-width:180px}.bus-route-bubble{background:#fffffff2;border:1px solid #0f172a33;border-radius:10px;box-shadow:0 1px 3px #00000040;color:#0f172a;display:inline-block;font-size:10px;font-weight:700;letter-spacing:-.02em;line-height:1.2;max-width:4rem;min-width:1.25rem;overflow:hidden;padding:2px 6px;position:relative;text-overflow:ellipsis;white-space:nowrap}.bus-route-bubble.dark{background:#1e293bf2;border-color:#94a3b859;box-shadow:0 1px 4px #00000073;color:#e2e8f0}.bus-info-window h4{color:#06c;font-size:14px;margin:0 0 8px}.bus-info-window dl{grid-gap:4px 12px;display:grid;gap:4px 12px;grid-template-columns:auto 1fr;margin:0}.bus-info-window dt{color:#666;font-weight:600;margin:0}.bus-info-window dd{color:#333;margin:0}.dark-mode .bus-info-window h4{color:#58a6ff}.dark-mode .bus-info-window dt{color:#8b949e}.incident-info-window{font-size:12px;max-width:320px;min-width:220px}.incident-info-window h4{font-size:14px;margin:0 0 6px}.incident-info-window .incident-subtype{color:#f59e0b;font-weight:600;margin:0 0 8px}.incident-info-window dl{grid-gap:2px 12px;display:grid;gap:2px 12px;grid-template-columns:auto 1fr;margin:0}.incident-info-window dt{color:#666;font-weight:600}.incident-info-window dd{margin:0}.incident-info-window .incident-description{color:#555;font-size:11px;line-height:1.4;margin:8px 0 0;max-height:80px;overflow-y:auto}.incident-info-window .incident-link{color:#f59e0b;display:inline-block;font-size:11px;margin-top:8px}.dark-mode .incident-info-window h4{color:#f59e0b}.dark-mode .incident-info-window .incident-subtype{color:#fbbf24}.dark-mode .incident-info-window dt{color:#8b949e}.dark-mode .incident-info-window dd{color:#c9d1d9}.dark-mode .incident-info-window .incident-description{color:#8b949e}.dark-mode .incident-info-window .incident-link{color:#fbbf24}.dark-mode .bus-info-window dd{color:#c9d1d9}.dark-mode .gm-style-iw:has([data-custom-infowindow]){background-color:#161b22!important;border:1px solid #30363d!important;border-radius:4px}.dark-mode .gm-style-iw:has([data-custom-infowindow])+*,.dark-mode .gm-style-iw:has([data-custom-infowindow])~div{background-color:#161b22!important;border-color:#30363d!important}.dark-mode div:has(>.gm-style-iw:has([data-custom-infowindow]))>div:not(.gm-style-iw){background-color:#161b22!important;border-color:#30363d!important}.dark-mode .gm-style-iw:has([data-custom-infowindow]) .gm-style-iw-tc:after{border-bottom-color:#161b22!important}.dark-mode .gm-style-iw:has([data-custom-infowindow])+button,.dark-mode .gm-style-iw:has([data-custom-infowindow])~.gm-ui-hover-effect,.dark-mode div:has([data-custom-infowindow]) .gm-ui-hover-effect{background:#30363d!important;border-radius:4px;opacity:1!important}.dark-mode .gm-style-iw:has([data-custom-infowindow])~.gm-ui-hover-effect img,.dark-mode div:has([data-custom-infowindow]) .gm-ui-hover-effect img{filter:invert(1) brightness(1.2)}.dark-mode .map-fit-btn,.dark-mode .map-fullscreen-btn{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .map-fit-btn:hover:not(:disabled),.dark-mode .map-fullscreen-btn:hover,.dark-mode .map-minimize-btn:hover{background:#58a6ff;border-color:#58a6ff;color:#fff}.dark-mode .map-resize-btn{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .map-resize-btn:hover:not(:disabled){background:#58a6ff;border-color:#58a6ff;color:#fff}.dark-mode .map-height-display,.dark-mode .stat-label{color:#8b949e}.dark-mode .stat-value{color:#c9d1d9}.dark-mode .no-selection p{color:#8b949e}.dark-mode .error-message{background-color:#3d1a1a;border-color:#7d2424}.dark-mode .error-message p{color:#ff6b6b}.dark-mode .error-message button{background:#7d2424}.dark-mode .error-message button:hover{background:#9d3434}.dark-mode .add-annotation-btn,.dark-mode .export-csv-btn,.dark-mode .fit-routes-btn{box-shadow:0 2px 4px #0000004d}.dark-mode .add-annotation-btn:hover,.dark-mode .export-csv-btn:hover,.dark-mode .fit-routes-btn:hover{box-shadow:0 4px 8px #0006}.dark-mode .route-card{background:#161b22;border-color:#30363d}.dark-mode .route-info h4{color:#e0e0e0}.dark-mode .route-address{color:#8b949e}.dark-mode .annotation-modal{background:#0d1117;color:#c9d1d9}.dark-mode .annotation-modal label{color:#c9d1d9}.dark-mode .annotation-modal input,.dark-mode .annotation-modal select,.dark-mode .annotation-modal textarea{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .annotations-table{background:#0d1117}.dark-mode .annotations-table thead{background:#161b22;border-bottom-color:#30363d}.dark-mode .annotations-table th{color:#8b949e}.dark-mode .annotations-table tbody tr{border-bottom-color:#30363d}.dark-mode .annotations-table tbody tr:hover{background:#161b22}.dark-mode .annotation-project-cell,.dark-mode .annotations-table td{color:#c9d1d9}.dark-mode .annotation-route-cell{color:#8b949e}.dark-mode .routes-map-container-fullwidth.fullscreen{background:#0d1117}.dark-mode .fullscreen-charts-sidebar{background:#0d1117;border-right-color:#30363d}.dark-mode .chart-container-compact .chartjs-legend,.dark-mode .chart-container-compact div[style*=position],.dark-mode .chart-container-compact ul[class*=legend],.dark-mode .chart-wrapper-compact .chartjs-legend,.dark-mode .chart-wrapper-compact ul[class*=legend],.dark-mode .fullscreen-charts-sidebar .chart-wrapper-compact>div:not(.chartjs-size-monitor),.dark-mode .fullscreen-charts-sidebar .chartjs-legend,.dark-mode .fullscreen-charts-sidebar canvas+div,.dark-mode .fullscreen-charts-sidebar canvas~div,.dark-mode .fullscreen-charts-sidebar ul,.dark-mode .routes-map-container-fullwidth.fullscreen .chart-wrapper-compact .chartjs-legend,.dark-mode .routes-map-container-fullwidth.fullscreen .chart-wrapper-compact ul,.dark-mode .routes-map-container-fullwidth.fullscreen canvas+div{display:none!important;height:0!important;max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important}.dark-mode .chart-container-compact{background:#161b22;border-color:#30363d}.dark-mode .chart-header-compact h4{color:#e0e0e0}.dark-mode .chart-time-range-selector-compact select{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .custom-date-range-compact{background:#161b22}.dark-mode .custom-date-range-compact input[type=datetime-local]{background:#0d1117;border-color:#30363d;color:#c9d1d9;color-scheme:dark}.dark-mode .fullscreen-charts-sidebar::-webkit-scrollbar-track{background:#161b22}.dark-mode .fullscreen-charts-sidebar::-webkit-scrollbar-thumb{background:#30363d}.dark-mode .fullscreen-charts-sidebar::-webkit-scrollbar-thumb:hover{background:#484f58}.dark-mode .map-tooltip{background:#0d1117f2;border-color:#30363d}.dark-mode .map-tooltip .tooltip-route-name{border-bottom-color:#30363d}.dark-mode .map-tooltip .tooltip-description{border-bottom-color:#30363d;color:#8b949e}.dark-mode .tooltip-label{color:#8b949e}.dark-mode .tooltip-value{color:#c9d1d9}.map-route-info-panel{background:#fffffff2;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:10px;left:15px;max-height:calc(100vh - 30px);overflow-x:hidden;overflow-y:auto;padding:12px 8px 12px 12px;position:absolute;scrollbar-gutter:stable;top:15px;transition:width .3s ease,padding .3s ease;width:380px;z-index:1000}.map-route-info-panel.minimized{overflow:hidden;padding:8px;width:50px}.info-panel-toggle{align-items:center;background:#00000014;border:none;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#555;cursor:pointer;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:all .2s ease;width:24px;z-index:1001}.info-panel-toggle:hover{background:#00000026;box-shadow:0 2px 4px #00000026;color:#333;transform:scale(1.05)}.map-route-info-panel.minimized .info-panel-toggle{align-self:center;margin:0;position:static}.map-route-info-panel::-webkit-scrollbar{width:10px}.map-route-info-panel::-webkit-scrollbar-track{background:#0000001a;border-radius:5px;margin:4px 0}.map-route-info-panel::-webkit-scrollbar-thumb{background:#0006;background-clip:padding-box;border:2px solid #0000;border-radius:5px}.map-route-info-panel::-webkit-scrollbar-thumb:hover{background:#0009;background-clip:padding-box}.map-info-card{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;padding:12px;transition:transform .15s ease,box-shadow .15s ease}.map-info-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.map-info-route-name{border-bottom:1px solid #e0e0e0;font-size:13px;font-weight:700;margin-bottom:8px;padding-bottom:6px}.map-info-matrix{border-collapse:collapse;font-size:10.5px;table-layout:fixed;width:100%}.map-info-matrix thead th{background:#f5f5f5;border-bottom:2px solid #ddd;color:#555;font-size:9.5px;font-weight:600;white-space:nowrap}.map-info-matrix tbody td,.map-info-matrix thead th{overflow:hidden;padding:5px 8px;text-align:left;text-overflow:ellipsis}.map-info-matrix tbody td{border-bottom:1px solid #eee}.map-info-matrix tbody tr:last-child td{border-bottom:none}.map-info-matrix .metric-label{color:#333;font-weight:600}.map-info-stat{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin:3px 0}.map-info-label{color:#666;font-weight:500}.map-info-value{color:#333;font-weight:600}.dark-mode .map-route-info-panel{background:#0d1117f2;border-color:#30363d}.dark-mode .map-info-card{background:#161b22;box-shadow:0 2px 4px #0000004d}.dark-mode .map-info-card:hover{box-shadow:0 4px 8px #00000080}.dark-mode .map-info-route-name{border-bottom-color:#30363d}.dark-mode .map-info-matrix thead th{background:#0d1117;border-bottom-color:#30363d;color:#8b949e}.dark-mode .map-info-matrix tbody td{background:#0d1117;border-bottom-color:#21262d;color:#c9d1d9}.dark-mode .map-info-matrix .metric-label{color:#c9d1d9}.dark-mode .map-info-label{color:#8b949e}.dark-mode .map-info-value{color:#c9d1d9}.dark-mode .info-panel-toggle{background:#ffffff14;box-shadow:0 1px 2px #0000004d;color:#8b949e}.dark-mode .info-panel-toggle:hover{background:#ffffff26;box-shadow:0 2px 4px #0006;color:#c9d1d9;transform:scale(1.05)}.dark-mode .map-route-info-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.dark-mode .map-route-info-panel::-webkit-scrollbar-thumb{background:#fff3;background-clip:padding-box;border:2px solid #0000;border-radius:5px}.dark-mode .map-route-info-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:padding-box}.selection-and-map-container{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px;max-width:100%;min-width:0}.route-selection{display:flex;flex:1 1;flex-direction:column;min-width:300px}.route-selection,.routes-map-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.routes-map-container{margin-bottom:20px}.routes-map-container.inset{flex:2 1;margin-bottom:0;min-height:600px;min-width:600px}.map-and-routes-outer{align-items:stretch;display:flex;flex-direction:row;gap:15px;margin-bottom:30px;max-width:100%;min-width:0;width:100%}.map-and-routes-outer.no-routes-selected:not(.fullscreen){flex-direction:column;width:100%}.map-and-routes-outer.no-routes-selected:not(.fullscreen) .routes-map-container-fullwidth{flex:1 1 auto;max-width:100%;width:100%}.map-and-routes-outer.no-routes-selected:not(.fullscreen) .map-and-selection-wrapper{aspect-ratio:4/3;height:auto!important;min-height:300px;width:100%}.map-and-routes-outer.no-routes-selected:not(.fullscreen) .routes-map-large{min-width:0;width:100%}.map-and-routes-outer.no-routes-selected:not(.fullscreen) .route-selection-embedded{height:auto;width:100%}.map-and-routes-outer.fullscreen{bottom:0;display:flex;flex-direction:row;gap:0;height:100vh;left:0;margin:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.routes-map-container-fullwidth{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-width:0;overflow:hidden;padding:20px;position:relative}.routes-map-container-fullwidth.compact{padding:10px 20px}.map-control-buttons{display:flex;gap:6px;position:absolute;right:10px;top:10px;z-index:10000}.map-bus-locations-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;font-size:12px;gap:6px;height:26px;padding:4px 8px;transition:all .2s;white-space:nowrap}.map-bus-locations-btn:hover:not(:disabled){transform:scale(1.02)}.map-bus-locations-btn.active,.map-bus-locations-btn:hover:not(:disabled){background:#2196f3;border-color:#2196f3;color:#fff}.map-bus-locations-btn:disabled{cursor:wait;opacity:.6}.map-incidents-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;font-size:12px;gap:6px;height:26px;padding:4px 8px;transition:all .2s;white-space:nowrap}.map-incidents-btn:hover:not(:disabled){transform:scale(1.02)}.map-incidents-btn.active,.map-incidents-btn:hover:not(:disabled){background:#f59e0b;border-color:#f59e0b;color:#fff}.map-incidents-btn:disabled{cursor:wait;opacity:.6}.map-nearby-bus-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;font-size:12px;gap:6px;height:26px;padding:4px 8px;transition:all .2s;white-space:nowrap}.map-nearby-bus-btn:hover:not(:disabled){background:#10b981;border-color:#10b981;color:#fff;transform:scale(1.02)}.map-nearby-bus-btn:disabled{cursor:wait;opacity:.6}.map-bus-btn-label{font-size:11px}@media (max-width:600px){.map-bus-btn-label{display:none}}.map-fit-btn,.map-fullscreen-btn,.map-minimize-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;transition:all .2s;width:18px}.map-fit-btn:hover:not(:disabled),.map-fullscreen-btn:hover,.map-minimize-btn:hover{background:#2196f3;border-color:#2196f3;color:#fff;transform:scale(1.1)}.map-fit-btn:disabled{cursor:not-allowed;opacity:.3}.map-and-routes-outer.fullscreen .routes-map-container-fullwidth.fullscreen{border-radius:0;display:flex;flex:1 1;flex-direction:row;gap:0;margin:0;min-width:0;padding:0;position:relative;transition:all .3s ease}.fullscreen-charts-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;gap:15px;height:100vh;overflow-y:hidden;padding:50px 15px 15px;width:525px}.chart-container-compact .chartjs-legend,.chart-container-compact div[style*=position]:not(.chart-period-badge),.chart-container-compact li,.chart-container-compact ul,.chart-wrapper-compact .chartjs-legend,.chart-wrapper-compact li,.chart-wrapper-compact ul,.fullscreen-charts-sidebar .chart-wrapper-compact div:not(.chart-period-badge),.fullscreen-charts-sidebar .chart-wrapper-compact>div:not(.chart-period-badge),.fullscreen-charts-sidebar .chartjs-legend,.fullscreen-charts-sidebar canvas+div,.fullscreen-charts-sidebar canvas~div,.fullscreen-charts-sidebar li,.fullscreen-charts-sidebar ul,.routes-map-container-fullwidth.fullscreen .chart-wrapper-compact .chartjs-legend,.routes-map-container-fullwidth.fullscreen .chart-wrapper-compact li,.routes-map-container-fullwidth.fullscreen .chart-wrapper-compact ul,.routes-map-container-fullwidth.fullscreen .chart-wrapper-compact>div:not(:has(canvas)):not(.chart-period-badge),.routes-map-container-fullwidth.fullscreen canvas+div:not(.chart-period-badge){display:none!important;height:0!important;max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important}.fullscreen-charts-sidebar .chart-wrapper-compact canvas,.routes-map-container-fullwidth.fullscreen .chart-wrapper-compact canvas{display:block!important;visibility:visible!important}.fullscreen-charts-sidebar::-webkit-scrollbar{width:8px}.fullscreen-charts-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.fullscreen-charts-sidebar::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.fullscreen-charts-sidebar::-webkit-scrollbar-thumb:hover{background:#555}.chart-container-compact{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;padding:10px;position:relative}.chart-container-compact:first-child{flex:1 1;min-height:0}.chart-wrapper-compact .chart-period-badge{font-size:10px;left:12px;padding:3px 8px;top:8px}.chart-header-compact{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;margin-bottom:8px}.chart-header-compact h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.chart-title-wrapper{display:flex;flex-direction:column;gap:0}.chart-title-wrapper h4{margin:0}.chart-title-wrapper p{margin:2px 0 0}.chart-time-range-selector-compact{display:flex;flex-direction:column;gap:6px}.chart-time-range-selector-compact select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;min-width:60px;padding:4px 8px}.custom-date-range-compact{background:#f9f9f9;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:6px}.custom-date-range-compact input[type=datetime-local]{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:11px;padding:4px 6px}.apply-custom-range-btn-compact{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:background .2s}.apply-custom-range-btn-compact:hover:not(:disabled){background:#1976d2}.apply-custom-range-btn-compact:disabled{background:#ccc;cursor:not-allowed}.chart-wrapper-compact{flex-shrink:0;height:200px;position:relative}.chart-container-compact:first-child .chart-wrapper-compact{flex:1 1;height:100%}.chart-wrapper-compact canvas{cursor:pointer}.routes-map-container-fullwidth.fullscreen .map-and-selection-wrapper{flex:1 1;height:100vh!important}.map-and-routes-outer.fullscreen .route-selection-embedded{flex-shrink:0;height:100vh}.routes-map-container-fullwidth.fullscreen .map-control-buttons{position:fixed;right:15px;top:15px;z-index:10000}.map-resize-controls{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-bottom:10px}.map-resize-btn{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.map-resize-btn:hover:not(:disabled){background:#2196f3;border-color:#2196f3;color:#fff}.map-resize-btn:disabled{cursor:not-allowed;opacity:.3}.map-height-display{color:#666;font-size:13px;font-weight:500;min-width:60px;text-align:center}.map-and-selection-wrapper{display:flex;flex-direction:row;gap:15px;transition:height .3s ease-in-out}.routes-map-large{border-radius:4px;flex:1 1;min-width:0;overflow:hidden;position:relative}.map-tooltip{background:#fffffff2;border:2px solid #e0e0e0;border-radius:8px;bottom:10px;box-shadow:0 4px 12px #0000004d;left:10px;min-width:200px;padding:12px 16px;pointer-events:none;position:absolute;z-index:1000}.tooltip-route-name{font-size:15px;font-weight:700}.tooltip-description,.tooltip-route-name{border-bottom:1px solid #e0e0e0;margin-bottom:8px;padding-bottom:8px}.tooltip-description{color:#666;font-size:12px;font-style:italic;line-height:1.4;white-space:normal}.tooltip-stat{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin:4px 0}.tooltip-label{color:#666;font-weight:500}.tooltip-value{color:#333;font-weight:700;margin-left:12px}.checkbox-tooltip{background:#fffffffa;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:100%;margin-left:10px;min-width:200px;padding:12px 16px;pointer-events:none;position:absolute;top:0;white-space:nowrap;z-index:2000}.route-selection-embedded{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;flex-shrink:0;height:100%;padding:15px;width:265px}.project-filter-embedded{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:15px}.project-filter-embedded label{color:#555;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.project-filter-embedded select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:8px;width:100%}.fullscreen-project-filter{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;display:flex;gap:8px;margin-bottom:12px;padding:8px}.fullscreen-project-filter label{color:#555;font-size:12px;font-weight:600;white-space:nowrap}.fullscreen-project-filter select{background:#fff;border:1px solid #ccc;border-radius:3px;color:#333;flex:1 1;font-size:12px;min-width:120px;padding:6px 8px}.fullscreen-project-filter select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.fullscreen-charts-sidebar .project-filter-global select{background:#fff!important;border-color:#ccc!important;color:#333!important}.fullscreen-charts-sidebar .project-filter-global select option{background:#fff!important;color:#333!important}.dark-mode .fullscreen-charts-sidebar .project-filter-global select{background:#0d1117!important;border-color:#30363d!important;color:#c9d1d9!important}.dark-mode .fullscreen-charts-sidebar .project-filter-global select option{background:#0d1117!important;color:#c9d1d9!important}.auto-scan-controls{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:8px}.auto-scan-main-row{align-items:center;display:flex;gap:10px}.auto-scan-toggle{align-items:center;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;-webkit-user-select:none;user-select:none}.auto-scan-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.auto-scan-interval{align-items:center;display:flex;gap:4px;margin-left:auto}.auto-scan-interval input[type=number]{background:#fff;border:1px solid #ddd;border-radius:3px;font-size:12px;padding:4px 6px;text-align:center;width:50px}.auto-scan-interval input[type=number]:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.5}.interval-unit{color:#666;font-size:11px;font-weight:500}.auto-scan-projects{border-top:1px solid #ddd;padding-top:6px}.auto-scan-projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.include-scan-label{align-items:center;display:flex;gap:6px}.auto-scan-projects-header label{color:#555;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.toggle-project-list-btn{align-items:center;background:none;border:none;color:#2196f3;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:16px}.toggle-project-list-btn:hover{color:#1976d2;transform:scale(1.1)}.select-all-btn{background:#2196f3;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase;transition:background .2s}.select-all-btn:hover{background:#1976d2}.auto-scan-project-list{align-items:flex-start;display:flex;flex-direction:column;gap:3px;padding:2px}.auto-scan-project-checkbox{align-items:center;border-radius:3px;color:#333;cursor:pointer;display:flex;font-size:10px;gap:5px;justify-content:flex-start;padding:3px 4px;text-align:left;transition:background .2s;-webkit-user-select:none;user-select:none;width:auto}.auto-scan-project-checkbox:hover{background:#2196f31a}.auto-scan-project-checkbox input[type=checkbox]{cursor:pointer;height:13px;width:13px}.auto-scan-project-checkbox.all-projects-option{background:#2196f314;border:1px solid #2196f333;font-weight:600;margin-bottom:2px;padding:3px 4px}.auto-scan-project-checkbox.all-projects-option:hover{background:#2196f326;border-color:#2196f34d}.route-selection-embedded h4{color:#555;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.route-checkboxes-horizontal{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding-right:5px}.route-checkbox-wrapper{position:relative}.route-checkboxes-horizontal::-webkit-scrollbar{width:6px}.route-checkboxes-horizontal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.route-checkboxes-horizontal::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.route-checkboxes-horizontal::-webkit-scrollbar-thumb:hover{background:#555}.route-checkbox-compact{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:8px;overflow:hidden;padding:8px 10px;transition:all .2s;white-space:nowrap}.route-checkbox-compact:hover{background:#f0f7ff;border-color:#2196f3}.route-checkbox-compact input[type=checkbox]{cursor:pointer;flex-shrink:0}.route-checkbox-compact .route-color-box{flex-shrink:0;height:14px;width:14px}.route-checkbox-compact span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-checkbox-compact-extended{align-items:flex-start;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 10px;transition:all .2s;width:100%}.route-checkbox-compact-extended:hover{background:#f0f7ff;border-color:#2196f3}.route-checkbox-compact-extended input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.route-checkbox-compact-extended .route-color-box{flex-shrink:0;height:14px;margin-top:2px;width:14px}.route-info-stacked{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.route-name-row{align-items:center;display:flex}.route-name-row .route-name-text{color:#333;font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-stats-row{align-items:center;display:flex;gap:8px}.route-time-column{align-items:center;display:flex;flex-shrink:0;font-size:11px;gap:4px}.route-time-column .time-value{color:#333;font-weight:600}.route-time-column .time-comparison{font-size:10px;font-weight:600;white-space:nowrap}.route-speed-column{align-items:center;border-left:1px solid #e0e0e0;display:flex;flex-shrink:0;font-size:11px;gap:3px;padding-left:8px}.route-speed-column .speed-value{color:#333;font-weight:600}.route-speed-column .speed-unit{color:#666;font-size:10px}.route-speed-column .speed-comparison{font-size:10px;font-weight:600;white-space:nowrap}.map-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.map-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.fit-routes-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.fit-routes-btn:hover:not(:disabled){background-color:#45a049}.fit-routes-btn:active:not(:disabled){background-color:#3d8b40}.fit-routes-btn:disabled{background-color:#ccc;cursor:not-allowed}.routes-map{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}@media (max-width:1200px){.selection-and-map-container{flex-direction:column;gap:15px}.routes-map-container.inset{flex:1 1;min-width:0;min-width:auto}}@media (max-width:900px){.map-and-routes-outer:not(.fullscreen){align-items:stretch;flex-direction:column}.map-and-routes-outer:not(.fullscreen) .routes-map-container-fullwidth{margin-bottom:0}.map-and-routes-outer:not(.fullscreen) .map-and-selection-wrapper{align-items:stretch;flex-direction:column}.map-and-routes-outer:not(.fullscreen) .routes-map-large{flex:1 1 auto;min-height:350px}.map-and-routes-outer:not(.fullscreen) .route-selection-embedded{flex-shrink:0;height:auto;width:100%}.map-and-routes-outer:not(.fullscreen) .route-checkboxes-horizontal{flex:0 0 auto;max-height:none;min-height:auto;overflow-y:visible}}@media (max-width:768px){.selection-and-map-container{gap:10px;max-width:100%}.route-selection,.routes-map-container{max-width:100%;min-width:0;padding:15px}.route-selection{min-width:0}.routes-map-container.inset{min-height:400px;min-width:0}.routes-map{height:400px!important}.map-and-routes-outer,.routes-map-container-fullwidth{max-width:100%;min-width:0}.routes-map-container-fullwidth:not(.fullscreen) .routes-map-large{max-width:100%;min-height:300px}.map-and-selection-wrapper{max-width:100%;min-width:0}.map-header{align-items:stretch;flex-direction:column;gap:10px}.map-header h3{text-align:center}}.chart-loading-overlay.dark{background:#0d1117a6;color:#c9d1d9}.chart-loading-spinner.dark{border-color:#58a6ff #c9d1d940 #c9d1d940}.targets-container{margin:0 auto;max-width:1400px;padding:20px}.targets-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.targets-header h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.targets-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.project-filter label{color:#1a1a1a}.project-filter select{background:#fff;border-radius:6px;cursor:pointer;padding:8px 15px}.create-target-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.create-target-btn:hover{background-color:#45a049}.targets-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.targets-table{border-collapse:collapse;min-width:1200px;width:100%}.targets-table thead{background-color:#f5f5f5;border-bottom:2px solid #ddd}.targets-table th{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.targets-table td{word-wrap:break-word;border-bottom:1px solid #eee;color:#555;font-size:14px;max-width:200px;padding:15px}.targets-table tr:last-child td{border-bottom:none}.targets-table tbody tr:hover{background-color:#f9f9f9}.targets-table tbody tr.inactive{background:#ffebee;opacity:.7}.targets-table tbody tr.inactive:hover{background:#ffcdd2}.target-name{font-weight:600;max-width:200px}.target-project{max-width:150px}.target-route{max-width:180px}.target-baseline{max-width:250px}.target-metric{max-width:120px}.primary-indicator{max-width:120px;text-align:center}.target-created{max-width:120px}.target-actions{max-width:none;min-width:150px;white-space:nowrap}.target-name-text{color:#333;font-weight:600}.baseline-info{color:#666;font-size:13px;line-height:1.4}.metric-info{color:#4caf50;font-weight:600}.primary-badge{background:#fff3e0;border:1px solid #ffcc02;border-radius:8px;color:#f57c00;font-size:11px;font-weight:600;padding:4px 8px}.set-primary-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.set-primary-btn:hover{background:#e0e0e0;color:#333}.target-actions{display:flex;gap:8px}.delete-btn,.edit-btn{font-size:13px;transition:background-color .2s ease}.edit-btn{background-color:#4caf50}.edit-btn:hover{background-color:#45a049}.no-targets{background:#fff;border-radius:8px;color:#666;font-size:16px;padding:60px 20px;text-align:center}.modal-overlay{background:#00000080;padding:20px}.modal-content{max-height:90vh;max-width:800px;width:90vw}.modal-header{border-bottom:2px solid #e0e0e0;margin-bottom:20px}.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:700}.close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:32px}.close-btn:hover{color:#333}.form-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.section-header{margin-bottom:20px}.section-header h4{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 10px}.section-header h4:before{background:#4caf50;border-radius:2px;content:"";height:20px;width:4px}.section-divider{background:linear-gradient(90deg,#4caf50,#e0e0e0);border-radius:1px;height:2px;margin-top:5px}.form-group label{color:#1a1a1a!important}.form-group input,.form-group select,.form-group textarea{background:#fff!important;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#1a1a1a!important;font-size:14px;padding:10px;width:100%}.form-group input[type=number]{background:#fff!important}.form-row{grid-gap:20px;gap:20px}.checkbox-label{background:#f9f9f9;border-radius:6px;color:#1a1a1a!important;font-weight:500;padding:12px;transition:background .2s}.checkbox-label:hover{background:#f0f0f0}.checkbox-label input[type=checkbox]{height:20px;width:20px}.help-text{display:block;margin-top:4px}.form-actions{border-top:2px solid #e0e0e0;gap:15px}.form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.form-actions .save-btn{background-color:#4caf50;color:#fff}.form-actions .save-btn:hover:not(:disabled){background-color:#45a049}.form-actions .save-btn:disabled{background-color:#ccc;cursor:not-allowed}.form-actions .cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.form-actions .cancel-btn:hover{background-color:#e0e0e0}@media (max-width:768px){.targets-header{align-items:flex-start;flex-direction:column}.targets-header-actions{width:100%}.project-filter,.targets-header-actions{align-items:stretch;flex-direction:column}.create-target-btn,.project-filter select{width:100%}.targets-table-container{overflow-x:scroll}.modal-content{max-height:85vh;padding:20px}.form-row{grid-template-columns:1fr}.target-actions{flex-direction:column}.target-actions button{width:100%}}.targets-container.dark-mode{background:#0d1117;color:#c9d1d9}.dark-mode .targets-header h2{color:#e0e0e0}.dark-mode .targets-table-container{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .targets-table thead{background:#0d1117!important;border-bottom-color:#30363d}.dark-mode .targets-table thead tr{background:#0d1117!important}.dark-mode .targets-table th{background:#0d1117!important;color:#e0e0e0}.dark-mode .targets-table td{border-bottom-color:#21262d;color:#c9d1d9}.dark-mode .targets-table tbody,.dark-mode .targets-table tbody tr{background:#161b22}.dark-mode .targets-table tbody tr:hover{background:#1c2128}.dark-mode .targets-table tbody tr.inactive{background:#f443361a}.dark-mode .targets-table tbody tr.inactive:hover{background:#f4433633}.dark-mode .target-name-text{color:#e0e0e0}.dark-mode .baseline-info{color:#8b949e}.dark-mode .metric-info{color:#4caf50}.dark-mode .status-badge.active{background:#4caf5033;color:#4caf50}.dark-mode .status-badge.inactive{background:#f4433633;color:#f44336}.dark-mode .primary-badge{background:#ff980033;border-color:#ff9800;color:#ff9800}.dark-mode .set-primary-btn{background:#21262d;border-color:#30363d;color:#c9d1d9}.dark-mode .set-primary-btn:hover{background:#30363d;color:#e0e0e0}.dark-mode .modal-header h3{color:#e0e0e0}.dark-mode .form-section{background:#0d1117;border-color:#30363d}.dark-mode .section-header h4{color:#e0e0e0}.dark-mode .section-header h4:before{background:#58a6ff}.dark-mode .section-divider{background:linear-gradient(90deg,#58a6ff,#30363d)}.dark-mode .form-group label{color:#c9d1d9!important}.dark-mode .form-group input,.dark-mode .form-group input[type=number],.dark-mode .form-group input[type=text],.dark-mode .form-group select,.dark-mode .form-group textarea{background:#0d1117!important;border-color:#30363d;color:#c9d1d9!important}.dark-mode .checkbox-label{background:#0d1117;color:#c9d1d9!important}.dark-mode .checkbox-label:hover{background:#161b22}.dark-mode .help-text{color:#8b949e}.dark-mode .form-actions{border-top-color:#30363d}.dark-mode .form-actions .save-btn{background-color:#238636}.dark-mode .form-actions .save-btn:hover:not(:disabled){background-color:#2ea043}.dark-mode .form-actions .cancel-btn{background-color:#21262d;border-color:#30363d;color:#c9d1d9}.dark-mode .form-actions .cancel-btn:hover{background-color:#30363d}.dark-mode .loading,.dark-mode .no-targets{background:#161b22;color:#8b949e}.route-selection-placeholder{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;color:#666;font-style:italic;padding:20px;text-align:center}.route-selection-container{background:#fff;border:1px solid #ddd;border-radius:6px}.route-selection-controls{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:6px 6px 0 0;display:flex;gap:10px;padding:15px}.clear-all-routes-btn,.select-all-routes-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.select-all-routes-btn{background:#4caf50;border-color:#4caf50;color:#fff}.select-all-routes-btn:hover{background:#45a049}.clear-all-routes-btn{background:#f44336;border-color:#f44336;color:#fff}.clear-all-routes-btn:hover{background:#d32f2f}.route-checkboxes{max-height:300px;overflow-y:auto;padding:10px}.route-checkbox{align-items:flex-start;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.route-checkbox:hover{background:#e3f2fd;border-color:#2196f3}.route-checkbox:last-child{margin-bottom:0}.route-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.route-checkbox .route-name{color:#333;flex:1 1;font-weight:600}.route-checkbox .route-description{color:#666;font-size:12px;font-style:italic;margin-top:2px}.route-selection-error{background:#ffebee;border:1px solid #ef9a9a;border-radius:4px;color:#c62828;font-size:12px;margin-top:10px;padding:10px 15px}.dark-mode .route-selection-placeholder{background:#0d1117;border-color:#30363d;color:#8b949e}.dark-mode .route-selection-container{background:#161b22;border-color:#30363d}.dark-mode .route-selection-controls{background:#0d1117;border-bottom-color:#30363d}.dark-mode .clear-all-routes-btn,.dark-mode .select-all-routes-btn{background:#21262d;border-color:#30363d;color:#c9d1d9}.dark-mode .select-all-routes-btn{background:#238636;border-color:#238636;color:#fff}.dark-mode .select-all-routes-btn:hover{background:#2ea043}.dark-mode .clear-all-routes-btn{background:#da3633;border-color:#da3633;color:#fff}.dark-mode .clear-all-routes-btn:hover{background:#f85149}.dark-mode .route-checkbox{background:#0d1117;border-color:#30363d}.dark-mode .route-checkbox:hover{background:#1c2128;border-color:#58a6ff}.dark-mode .route-checkbox .route-name{color:#e0e0e0}.dark-mode .route-checkbox .route-description{color:#8b949e}.dark-mode .route-selection-error{background:#f443361a;border-color:#f44336;color:#f44336}.projects-container{margin:0 auto;max-width:1400px;padding:20px}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.projects-header h2{color:#333;font-size:28px;margin:0}.create-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.create-button:hover{background-color:#45a049}.error-message{background-color:#fee;border-radius:6px;color:#c33}.error-message button{color:#c33;font-size:24px}.loading{font-size:18px;padding:40px}.projects-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.projects-table{border-collapse:collapse;font-size:14px;width:100%}.projects-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.projects-table th{color:#333;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.projects-table td{border-bottom:1px solid #eee;color:#555;padding:12px 16px}.projects-table tbody tr:hover{background:#f9f9f9}.projects-table tbody tr:last-child td{border-bottom:none}.project-name{color:#333;font-weight:600}.project-actions{display:flex;flex-wrap:wrap;gap:8px}.move-down-btn,.move-up-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;min-width:28px;padding:4px 8px;transition:all .2s}.move-down-btn:hover:not(:disabled),.move-up-btn:hover:not(:disabled){background:#e0e0e0;border-color:#bbb}.move-down-btn:disabled,.move-up-btn:disabled{cursor:not-allowed;opacity:.4}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.edit-btn{background-color:#2196f3}.edit-btn:hover{background-color:#1976d2}.delete-btn{background-color:#f44336}.delete-btn:hover{background-color:#d32f2f}.projects-table tbody tr.selected{background:#e3f2fd!important;border-left:4px solid #2196f3}.minimap-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;overflow:hidden}.minimap-header{align-items:center;background:#f5f5f5;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.minimap-header h3{color:#333;font-size:18px;margin:0}.route-count{color:#666;font-size:14px;font-weight:400}.close-minimap-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-minimap-btn:hover{background:#e0e0e0;color:#333}.no-routes-message{background:#f9f9f9;color:#888;font-size:16px;padding:40px;text-align:center}.minimap-routes-list{background:#f9f9f9;border-top:1px solid #e0e0e0;padding:20px}.minimap-routes-list h4{color:#333;font-size:16px;margin:0 0 15px}.minimap-routes-list ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;margin:0;padding:0}.minimap-routes-list li{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:14px;gap:10px;padding:8px 12px}.route-color-indicator{border-radius:3px;flex-shrink:0;height:16px;width:16px}.route-status{border-radius:12px;font-size:12px;font-weight:600;margin-left:auto;padding:2px 8px}.route-status.active{background:#e8f5e9;color:#2e7d32}.route-status.inactive{background:#fff3e0;color:#e65100}.project-details p{color:#555;font-size:14px;margin:8px 0}.project-details strong{color:#333;font-weight:600}.project-dates{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:15px}.project-dates small{color:#999;font-size:12px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.modal-header h3{color:#333;font-size:22px;margin:0}.close-button{background:none;border:none;color:#999;cursor:pointer;font-size:32px;height:32px;line-height:32px;padding:0;transition:color .2s ease;width:32px}.close-button:hover{color:#333}.form-group{margin-bottom:20px}.form-group label{color:#333;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.form-actions{border-top:1px solid #f0f0f0;margin-top:25px}.cancel-button,.submit-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button{background-color:#f5f5f5;color:#666}.cancel-button:hover{background-color:#e0e0e0}.submit-button{background-color:#4caf50;color:#fff}.submit-button:hover{background-color:#45a049}@media (max-width:768px){.projects-container{padding:15px}.projects-header{align-items:stretch;flex-direction:column;gap:15px}.create-button{width:100%}.projects-grid{grid-template-columns:1fr}.modal-content{padding:20px;width:95%}}.projects-container.dark-mode{background:#0d1117;color:#c9d1d9}.dark-mode .projects-header h2,.projects-container.dark-mode .projects-header h2{color:#e0e0e0}.dark-mode .project-card{background:#161b22;border-color:#30363d;box-shadow:0 2px 8px #00000080}.dark-mode .project-card h3{color:#e0e0e0}.dark-mode .project-card p{color:#8b949e}.dark-mode .project-card strong{color:#c9d1d9}.dark-mode .modal-content{border-color:#30363d}.dark-mode .modal-actions .cancel-btn{background:#21262d;color:#c9d1d9}.dark-mode .modal-actions .cancel-btn:hover{background:#30363d}.dark-mode .error-message{border:1px solid #f85149}.dark-mode .projects-table-container{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .projects-table thead{background:#0d1117!important;border-bottom-color:#30363d}.dark-mode .projects-table thead tr{background:#0d1117!important}.dark-mode .projects-table th{background:#0d1117!important;color:#e0e0e0}.dark-mode .projects-table td{border-bottom-color:#21262d;color:#c9d1d9}.dark-mode .projects-table tbody,.dark-mode .projects-table tbody tr{background:#161b22}.dark-mode .projects-table tbody tr:hover{background:#1c2128}.dark-mode .project-name{color:#e0e0e0}.dark-mode .move-down-btn,.dark-mode .move-up-btn{background:#21262d;border-color:#30363d;color:#c9d1d9}.dark-mode .move-down-btn:hover:not(:disabled),.dark-mode .move-up-btn:hover:not(:disabled){background:#30363d;border-color:#58a6ff}.dark-mode .projects-table tbody tr.selected{background:#1c2128!important;border-left-color:#58a6ff}.dark-mode .minimap-section{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .minimap-header{background:#0d1117;border-bottom-color:#30363d}.dark-mode .minimap-header h3{color:#e0e0e0}.dark-mode .close-minimap-btn,.dark-mode .route-count{color:#8b949e}.dark-mode .close-minimap-btn:hover{background:#21262d;color:#c9d1d9}.dark-mode .no-routes-message{background:#0d1117;color:#8b949e}.dark-mode .minimap-routes-list{background:#0d1117;border-top-color:#30363d}.dark-mode .minimap-routes-list h4{color:#e0e0e0}.dark-mode .minimap-routes-list li{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .route-status.active{background:#1b4332;color:#6fdc8c}.dark-mode .route-status.inactive{background:#3d2817;color:#ffa94d}.users-container{margin:0 auto;max-width:1400px;padding:20px}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.users-header h2{color:#333;font-size:24px;margin:0}.create-user-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-user-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;overflow-y:hidden}.users-table{border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.users-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.users-table th{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr.suspended{background:#ffebee}.users-table tbody tr.suspended:hover{background:#ffcdd2}.users-table td{word-wrap:break-word;font-size:14px;max-width:150px;padding:15px}.users-table td:nth-child(6),.users-table td:nth-child(7){max-width:none;white-space:nowrap}.users-table td:nth-child(3){max-width:200px;word-break:break-all}.users-table td:nth-child(4),.users-table td:nth-child(5){max-width:120px}.users-table td:nth-child(8){max-width:100px}.users-table td:nth-child(9){max-width:150px}.users-table td:nth-child(10){max-width:none;min-width:200px;white-space:nowrap}.users-table td:first-child{max-width:150px}.users-table td:nth-child(2){max-width:120px}.user-username{color:#333;font-weight:600}.user-email{color:#666}.role-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.role-badge.admin{background:#e3f2fd;color:#1976d2}.role-badge.viewer{background:#f3e5f5;color:#7b1fa2}.user-projects .all-projects{color:#1976d2;font-weight:600}.user-projects .project-count{color:#7b1fa2;font-weight:500}.user-projects .no-projects{color:#999;font-style:italic}.user-actions{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end}.user-actions button{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.status-toggle-btn{background:#ff9800;color:#fff;font-size:16px;padding:6px 10px}.status-toggle-btn:hover{background:#f57c00}.status-toggle-btn.activate{background:#4caf50}.status-toggle-btn.activate:hover{background:#388e3c}.edit-btn{background:#2196f3;color:#fff}.edit-btn:hover{background:#1976d2}.delete-btn{background:#f44336;color:#fff}.delete-btn:hover{background:#d32f2f}.user-modal{max-height:90vh;max-width:700px;overflow-y:auto}.user-modal .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.user-modal .form-group{margin-bottom:20px}.user-modal label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.user-modal input[type=email],.user-modal input[type=password],.user-modal input[type=text],.user-modal select{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.checkbox-label{gap:10px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.project-access-list{background:#f8f9fa;border-radius:6px;flex-direction:column;max-height:300px;overflow-y:auto;padding:15px}.project-access-list,.project-checkbox{border:1px solid #e0e0e0;display:flex;gap:10px}.project-checkbox{align-items:center;background:#fff;border-radius:4px;cursor:pointer;padding:8px;transition:background .2s}.project-checkbox:hover{background:#e3f2fd}.project-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.project-number{color:#666;font-size:12px;margin-left:8px}.checkbox-label{align-items:flex-start}.checkbox-label input[type=checkbox]{margin-top:2px}.checkbox-label span{font-weight:600}.help-text{color:#888;font-size:12px;font-style:italic;margin-top:10px}.form-actions{border-top:1px solid #e0e0e0;gap:10px;justify-content:flex-end;margin-top:30px}.cancel-btn{background:#f0f0f0;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.submit-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.loading{background:#fff;border-radius:8px;color:#666;font-size:16px;padding:60px 20px;text-align:center}.error-message{align-items:center;background:#ffebee;border:1px solid #ef9a9a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px}.error-message button{background:none;color:#c62828;font-size:20px;padding:0 10px}@media (max-width:1200px){.users-table{font-size:13px}.users-table td,.users-table th{padding:12px 10px}}@media (max-width:768px){.users-container{padding:15px}.users-header{align-items:stretch;flex-direction:column;gap:15px}.create-user-btn{width:100%}.users-table-container{overflow-x:auto}.user-modal .form-row{grid-template-columns:1fr}.user-actions{flex-direction:column;gap:4px}.user-actions button{width:100%}}.users-container.dark-mode{background:#0d1117;color:#c9d1d9}.dark-mode .users-header h2{color:#e0e0e0}.dark-mode .users-table-container{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .users-table thead{background:#0d1117!important;border-bottom-color:#30363d}.dark-mode .users-table th,.dark-mode .users-table thead tr{background:#0d1117!important}.dark-mode .users-table th{color:#e0e0e0}.dark-mode .users-table td{border-bottom-color:#21262d;color:#c9d1d9}.dark-mode .users-table tbody,.dark-mode .users-table tbody tr{background:#161b22}.dark-mode .users-table tbody tr:hover{background:#1c2128}.dark-mode .edit-user-btn{background:#238636}.dark-mode .edit-user-btn:hover{background:#2ea043}.dark-mode .delete-user-btn{background:#da3633}.dark-mode .delete-user-btn:hover{background:#f44}.dark-mode .user-form-modal{background:#000000d9}.dark-mode .projects-list{background:#0d1117;border-color:#30363d}.dark-mode .project-checkbox-label{color:#c9d1d9}.dark-mode .project-checkbox-label:hover{background:#21262d}.dark-mode .project-access-list{background:#0d1117;border-color:#30363d}.dark-mode .project-checkbox{background:#161b22;border-color:#30363d}.dark-mode .project-checkbox:hover{background:#1c2128}.dark-mode .project-checkbox span{color:#c9d1d9}.dark-mode .project-number{color:#8b949e}.dark-mode .loading{background:#161b22;color:#8b949e}.dark-mode .error-message{background:#2d1517;border-color:#f85149;color:#f85149}.dark-mode .checkbox-label span{color:#c9d1d9}.contacts-container{margin:0 auto;max-width:1200px;padding:20px}.contacts-header{margin-bottom:30px}.contacts-header h1{color:#333;margin:0 0 10px}.contacts-header p{color:#666;margin:0 0 20px}.add-contact-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.add-contact-btn:hover{background:#45a049}.contacts-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.no-contacts{color:#666;padding:40px;text-align:center}.contacts-table{border-collapse:collapse;width:100%}.contacts-table thead{background:#f5f5f5}.contacts-table th{border-bottom:2px solid #ddd;color:#555;font-weight:600;padding:12px;text-align:left}.contacts-table td{border-bottom:1px solid #eee;padding:12px}.contacts-table tr:hover{background:#f9f9f9}.contacts-table tr.inactive{opacity:.6}.status-badge{padding:4px 12px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.actions-cell,.notes-cell{white-space:nowrap}.contacts-container .delete-btn,.contacts-container .edit-btn{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px;padding:6px 12px;transition:all .2s}.contacts-container .edit-btn:hover{background:#e3f2fd;border-color:#2196f3}.contacts-container .delete-btn:hover{background:#ffebee;border-color:#f44336}.contact-modal{max-width:90vw;width:500px}.contact-modal .form-group{margin-bottom:20px}.contact-modal label{color:#555;display:block;font-weight:600;margin-bottom:6px}.contact-modal input[type=email],.contact-modal input[type=tel],.contact-modal input[type=text],.contact-modal textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.contact-modal textarea{font-family:inherit;resize:vertical}.contact-modal .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.contact-modal .checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.contact-modal .hint{color:#888;display:block;font-size:12px;margin-top:4px}.contact-modal .form-actions{border-top:1px solid #eee;display:flex;gap:10px;margin-top:24px;padding-top:20px}.contact-modal .save-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.contact-modal .save-btn:hover{background:#45a049}.contact-modal .cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.contact-modal .cancel-btn:hover{background:#e0e0e0}.contacts-container.dark-mode{background:#0d1117;color:#c9d1d9}.dark-mode .contacts-header h1{color:#e0e0e0}.dark-mode .contacts-header p{color:#8b949e}.dark-mode .contacts-list{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .no-contacts{color:#8b949e}.dark-mode .contacts-table thead,.dark-mode .contacts-table thead tr{background:#0d1117!important}.dark-mode .contacts-table th{background:#0d1117!important;border-bottom-color:#30363d;color:#e0e0e0}.dark-mode .contacts-table td{border-bottom-color:#21262d;color:#c9d1d9}.dark-mode .contacts-table tbody,.dark-mode .contacts-table tbody tr{background:#161b22}.dark-mode .contacts-table tr:hover{background:#1c2128}.dark-mode .contact-card{background:#161b22;border-color:#30363d;box-shadow:0 2px 8px #00000080}.dark-mode .contact-card h3{color:#e0e0e0}.dark-mode .contact-card p{color:#8b949e}.dark-mode .contact-card strong{color:#c9d1d9}.dark-mode .contact-modal{background:#000000d9}.dark-mode .modal-content{background:#161b22}.dark-mode .form-group input,.dark-mode .form-group select{background:#0d1117;border-color:#30363d;color:#c9d1d9}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus{border-color:#58a6ff}.dark-mode .contact-modal .cancel-btn{background:#21262d;color:#c9d1d9}.dark-mode .contact-modal .cancel-btn:hover{background:#30363d}.alerts-container{margin:0 auto;max-width:1400px;padding:20px}.alerts-header{margin-bottom:30px}.alerts-header h1{color:#333;margin:0 0 10px}.alerts-header p{color:#666;margin:0 0 20px}.alerts-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.project-filter{align-items:center;display:flex;gap:10px}.project-filter label{color:#555;font-weight:600}.project-filter select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;padding:8px 12px}.add-alert-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.add-alert-btn:hover{background:#45a049}.alerts-list{margin-top:20px}.no-alerts{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;padding:60px 20px;text-align:center}.alerts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.alert-card{background:#fff;border-left:4px solid #4caf50;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .2s}.alert-card:hover{box-shadow:0 4px 8px #00000026}.alert-card.disabled{border-left-color:#ccc;opacity:.7}.alert-card-header{border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:16px}.alert-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.alert-title-row h3{color:#333;font-size:18px;margin:0}.alert-title-with-owner{display:flex;flex:1 1;flex-direction:column;gap:6px}.alert-owner-badge{align-self:flex-start;display:inline-block;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.alert-toggle{align-items:center;cursor:pointer;display:inline-flex;position:relative}.alert-toggle input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider-small{background-color:#ccc;border-radius:24px;height:24px;position:relative;transition:background-color .3s;width:44px}.toggle-slider-small:before{background-color:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .3s;width:18px}.alert-toggle input:checked+.toggle-slider-small{background-color:#4caf50}.alert-toggle input:checked+.toggle-slider-small:before{transform:translateX(20px)}.alert-toggle.disabled-toggle{cursor:not-allowed;opacity:.6}.alert-toggle.disabled-toggle input{cursor:not-allowed}.alert-toggle.disabled-toggle .toggle-slider-small{background-color:#e0e0e0;cursor:not-allowed}.alert-toggle.disabled-toggle input:checked+.toggle-slider-small{background-color:#a0a0a0}.alert-toggle.disabled-toggle:hover .toggle-slider-small{background-color:#e0e0e0}.alert-toggle.disabled-toggle input:checked:hover+.toggle-slider-small{background-color:#a0a0a0}.alert-project{color:#2196f3;font-size:13px;font-weight:600;margin:0}.alert-description{color:#666;font-size:13px;font-style:italic;margin:8px 0 0}.alert-card-body{margin-bottom:16px}.alert-detail{display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.alert-detail strong{color:#555}.alert-detail span{color:#333;text-align:right}.alert-card-actions{border-top:1px solid #eee;display:flex;gap:10px;padding-top:12px}.delete-alert-btn,.edit-alert-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.edit-alert-btn:hover{background:#e3f2fd;border-color:#2196f3}.delete-alert-btn:hover{background:#ffebee;border-color:#f44336}.alert-form-modal{max-height:90vh;max-width:95vw;overflow-y:auto;width:500px}.form-section{border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:24px}.form-section:last-of-type{border-bottom:none}.form-section h4{color:#555;font-size:15px;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#555;font-size:13px;margin-bottom:6px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;padding:10px;width:100%}.form-group textarea{font-family:inherit;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;color:#333;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.baseline-config{background:#f9f9f9;border-radius:6px;margin-top:12px;padding:16px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400!important;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.admin-only-note{color:#666;font-size:11px;font-style:italic;margin-left:8px}.dark-mode .admin-only-note{color:#999}.hint{color:#888;display:block;font-size:12px;margin-top:4px}.selection-grid{grid-gap:12px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:300px;overflow-y:auto;padding:12px}.recipient-table-container{margin-top:12px}.recipient-table-wrapper{background:#fdfdfd;border:1px solid #e0e0e0;border-radius:6px;max-height:320px;overflow:auto}.recipient-table{border-collapse:collapse;font-size:13px;width:100%}.recipient-table thead{background:#f1f1f1;position:-webkit-sticky;position:sticky;top:0;z-index:1}.recipient-table td,.recipient-table th{border-bottom:1px solid #eee;color:#333;padding:10px 12px;text-align:left}.recipient-table tbody tr{cursor:pointer;transition:background .15s}.recipient-table tbody tr:hover{background:#f3f7ff}.recipient-table tbody tr.selected{background:#e8f5e9}.recipient-table tbody tr.selected td:first-child:before{color:#4caf50;content:"●";display:inline-block;font-size:10px;margin-right:6px;vertical-align:middle;width:10px}.recipient-table tbody tr td:first-child{white-space:nowrap}.checkbox-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.checkbox-item:hover{background:#e3f2fd;border-color:#2196f3}.checkbox-item input[type=checkbox]{cursor:pointer}.checkbox-item span{color:#333;font-size:13px}.user-badge{background:#e8f5e9;border-radius:8px;color:#2e7d32;display:inline-block;font-size:10px;letter-spacing:.5px;margin-left:6px;padding:2px 6px;text-transform:uppercase}.user-badge.self-badge{background:#e3f2fd;color:#1976d2}.checkbox-item.self-contact{background:#f5f9ff;border:2px solid #2196f3}.contact-phone{color:#666;font-size:12px}.contact-badge{background:#fff3e0;color:#e65100}.recipient-group{margin-bottom:16px}.group-header{background:#f5f5f5;border-left:4px solid #2196f3;color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;padding:8px 12px;text-transform:uppercase}.group-items{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding-left:12px}.no-items{color:#888;grid-column:1/-1;padding:20px;text-align:center}.no-items a{color:#2196f3;text-decoration:none}.no-items a:hover{text-decoration:underline}.form-actions{border-top:1px solid #eee;display:flex;gap:12px;margin-top:24px;padding-top:20px}.alert-form-modal .save-btn,.alerts-container .save-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.alert-form-modal .save-btn:hover,.alerts-container .save-btn:hover{background:#45a049}.alert-form-modal .cancel-btn,.alerts-container .cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.alert-form-modal .cancel-btn:hover,.alerts-container .cancel-btn:hover{background:#e0e0e0}.alert-form-modal .test-alert-btn,.alerts-container .test-alert-btn{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.alert-form-modal .test-alert-btn:hover,.alerts-container .test-alert-btn:hover{background:#f57c00}.alert-form-modal .test-alert-btn:disabled,.alerts-container .test-alert-btn:disabled{background:#ccc;cursor:not-allowed}.alerts-container .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.alerts-container .modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003}.alerts-container .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.alerts-container .modal-header h3{color:#333;margin:0}.alerts-container .close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.alerts-container .close-btn:hover{color:#333}.alert-form-modal form{padding:20px}.alerts-container.dark-mode{background:#0d1117;color:#c9d1d9}.dark-mode .alerts-header h1{color:#e0e0e0}.dark-mode .alerts-header p{color:#8b949e}.dark-mode .project-filter label{color:#c9d1d9}.dark-mode .project-filter select{background:#161b22;border-color:#30363d;color:#c9d1d9}.dark-mode .no-alerts{color:#8b949e}.dark-mode .alert-card,.dark-mode .no-alerts{background:#161b22;box-shadow:0 2px 8px #00000080}.dark-mode .alert-card{border-color:#30363d}.dark-mode .alert-card h3{color:#e0e0e0}.dark-mode .alert-card p{color:#8b949e}.dark-mode .alert-card strong{color:#c9d1d9}.dark-mode .alert-detail span{color:#e0e0e0}.dark-mode .alert-card-actions{border-top-color:#30363d}.dark-mode .delete-alert-btn,.dark-mode .edit-alert-btn{background:#0d1117;border-color:#30363d;color:#c9d1d9}.dark-mode .edit-alert-btn:hover{background:#238636;border-color:#238636;color:#fff}.dark-mode .delete-alert-btn:hover{background:#da3633;border-color:#da3633;color:#fff}.dark-mode .edit-btn{background:#238636}.dark-mode .edit-btn:hover{background:#2ea043}.dark-mode .delete-btn{background:#da3633}.dark-mode .delete-btn:hover{background:#f44}.dark-mode .modal-overlay{background:#000000d9}.dark-mode .alert-form-modal,.dark-mode .alerts-container .modal-content,.dark-mode .modal-content,.dark-mode .modal-content.alert-form-modal{background:#161b22!important}.dark-mode .modal-content h2,.dark-mode .modal-content h3{color:#e0e0e0}.dark-mode .modal-header{border-bottom-color:#30363d}.dark-mode .close-btn{color:#8b949e}.dark-mode .close-btn:hover{background:#21262d;color:#c9d1d9}.dark-mode .form-group label{color:#c9d1d9}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:#0d1117;border-color:#30363d;color:#c9d1d9}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{background:#0d1117;border-color:#58a6ff;color:#c9d1d9}.dark-mode .cancel-btn{background:#21262d;color:#c9d1d9}.dark-mode .cancel-btn:hover{background:#30363d}.dark-mode .form-section{border-bottom-color:#30363d}.dark-mode .form-section h4{color:#c9d1d9}.dark-mode .selection-grid{background:#0d1117;border-color:#30363d}.dark-mode .checkbox-item{background:#161b22;border-color:#30363d}.dark-mode .checkbox-item:hover{background:#1c2128;border-color:#58a6ff}.dark-mode .checkbox-item span{color:#c9d1d9}.dark-mode .no-items{color:#8b949e}.dark-mode .no-items a{color:#58a6ff}.dark-mode .baseline-config{background:#0d1117;border:1px solid #30363d}.dark-mode .hint{color:#8b949e}.dark-mode .alert-owner-badge{background:#1c2d41;color:#58a6ff}.dark-mode .user-badge{background:#1b4332;color:#6fdc8c}.dark-mode .user-badge.self-badge{background:#1c2d41;color:#58a6ff}.dark-mode .checkbox-item.self-contact{background:#1c2128;border-color:#58a6ff}.dark-mode .contact-phone{color:#8b949e}.dark-mode .contact-badge{background:#3d2817;color:#ffa94d}.dark-mode .group-header{background:#0d1117;border-left-color:#58a6ff;color:#e0e0e0}.dark-mode .recipient-table-wrapper{background:#0d1117;border-color:#30363d}.dark-mode .recipient-table{background:#0d1117}.dark-mode .recipient-table thead{background:#0d1117!important}.dark-mode .recipient-table th{background:#0d1117;border-bottom-color:#30363d;color:#c9d1d9}.dark-mode .recipient-table td{border-bottom-color:#21262d;color:#c9d1d9}.dark-mode .recipient-table tbody tr{background:#161b22}.dark-mode .recipient-table tbody tr:hover{background:#1c2128}.dark-mode .recipient-table tbody tr.selected{background:#1b4332}.dark-mode .recipient-table tbody tr.selected td{color:#6fdc8c}.sent-alerts-section{border-top:2px solid #e0e0e0;margin-top:40px;padding-top:30px}.sent-alerts-section h2{color:#333;font-size:24px;margin:0 0 20px}.no-sent-alerts{color:#666;padding:40px 20px;text-align:center}.no-sent-alerts,.sent-alerts-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.sent-alerts-table-container{overflow-x:auto}.sent-alerts-table{border-collapse:collapse;font-size:14px;width:100%}.sent-alerts-table thead{background:#f5f5f5}.sent-alerts-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.sent-alerts-table td{border-bottom:1px solid #eee;color:#555;padding:12px 16px}.sent-alerts-table tbody tr:hover{background:#f9f9f9}.sent-alerts-table tbody tr:last-child td{border-bottom:none}.sent-at-cell{font-size:13px;white-space:nowrap}.alert-name-cell{color:#333;font-weight:600}.route-name-cell{color:#666}.baseline-time-cell,.travel-time-cell{font-family:Courier New,monospace;text-align:right}.threshold-cell{text-align:center}.threshold-badge{background:#ff5722;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.contacts-cell{text-align:center}.contacts-count{background:#2196f3;border-radius:12px;color:#fff;cursor:help;display:inline-block;font-size:12px;padding:4px 10px}.status-cell{text-align:center}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-badge.status-sent{background:#4caf50;color:#fff}.status-badge.status-failed{background:#f44336;color:#fff}.status-badge.status-delivered{background:#2196f3;color:#fff}.dark-mode .sent-alerts-section{border-top-color:#30363d}.dark-mode .sent-alerts-section h2{color:#e0e0e0}.dark-mode .no-sent-alerts{background:#161b22;color:#8b949e}.dark-mode .sent-alerts-table,.dark-mode .sent-alerts-table-container{background:#161b22}.dark-mode .sent-alerts-table thead{background:#0d1117!important}.dark-mode .sent-alerts-table tbody tr{background:#161b22}.dark-mode .sent-alerts-table th{background:#0d1117;border-bottom-color:#30363d;color:#c9d1d9}.dark-mode .sent-alerts-table td{border-bottom-color:#21262d;color:#8b949e}.dark-mode .sent-alerts-table tbody tr:hover{background:#0d1117}.dark-mode .alert-name-cell{color:#c9d1d9}.dark-mode .route-name-cell{color:#8b949e}.alert-owner-badge{background:#e3f2fd;color:#1976d2}.alert-owner-badge,.alert-status-badge{border-radius:12px;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px}.alert-status-badge.disabled{background:#fff3e0;border:1px solid #ffb74d;color:#f57c00}.dark-mode .alert-owner-badge{background:#1e3a8a;color:#93c5fd}.dark-mode .alert-status-badge.disabled{background:#451a03;border:1px solid #f59e0b;color:#fbbf24}.exceedances-container{margin:0 auto;max-width:1400px;padding:20px}.exceedances-header{margin-bottom:24px}.exceedances-header h1{color:#333;margin:0 0 8px}.exceedances-header p{color:#666;font-size:14px;margin:0}.exceedances-filters{margin-bottom:20px}.filter-row{flex-wrap:wrap;gap:20px}.filter-row,.filter-row label{align-items:center;display:flex}.filter-row label{color:#555;cursor:pointer;font-size:14px;gap:8px}.date-range-select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:140px;padding:8px 12px}.custom-dates{align-items:center;display:flex;gap:8px}.custom-dates input[type=date]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px}.export-csv-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:auto;padding:8px 16px}.export-csv-btn:hover:not(:disabled){background:#45a049}.export-csv-btn:disabled{background:#ccc;cursor:not-allowed}.exceedances-loading{color:#666;padding:40px;text-align:center}.no-exceedances{background:#f9f9f9;border-radius:8px;color:#666;padding:60px 20px;text-align:center}.no-exceedances .hint{color:#888;font-size:13px;margin-top:12px}.exceedances-table-wrapper{border-radius:8px;box-shadow:0 2px 4px #00000014;overflow-x:auto}.exceedances-table{background:#fff;border-collapse:collapse;width:100%}.exceedances-table td,.exceedances-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.exceedances-table th{background:#f5f5f5;color:#333;font-size:13px;font-weight:600}.exceedances-table td{color:#444;font-size:14px}.exceedances-table tbody tr:hover{background:#fafafa}.exceedances-table .active-row{background:#fff8e6}.exceedances-table .active-row:hover{background:#fff3d6}.exceedance-number-cell{color:#555;font-family:ui-monospace,monospace;font-size:13px}.exceedances-container.dark .exceedance-number-cell{color:#8b949e}.modal-exceedance-number{color:#1976d2;font-family:ui-monospace,monospace;font-weight:600}.exceedances-container.dark .modal-exceedance-number{color:#58a6ff}.route-cell{font-weight:500}.services-cell{font-size:13px;max-width:200px;word-break:break-word}.services-cell.clickable{cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.services-cell.clickable:hover{background:#4caf501a}.exceedances-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.exceedances-modal-content{border-radius:8px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:90vw;overflow:hidden;width:800px}.exceedances-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.exceedances-modal-header h3{font-size:16px;margin:0}.exceedances-modal-header .modal-subtitle{color:#666;font-size:14px;font-weight:400}.exceedances-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:0 4px}.exceedances-modal-close:hover{color:#333}.exceedances-modal-body{overflow:auto;padding:20px}.modal-services-summary{font-size:14px;margin:0 0 16px}.exceedances-bus-details-table-wrapper{border:1px solid #eee;border-radius:6px;overflow-x:auto}.exceedances-bus-details-table{border-collapse:collapse;font-size:13px;width:100%}.exceedances-bus-details-table td,.exceedances-bus-details-table th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left}.exceedances-bus-details-table th{background:#f5f5f5;font-weight:600;white-space:nowrap}.exceedances-bus-details-table tbody tr:hover{background:#fafafa}.modal-no-buses{color:#666;font-style:italic;margin:0}.exceedances-container.dark .exceedances-modal-header{border-color:#30363d}.exceedances-container.dark .exceedances-modal-close,.exceedances-container.dark .exceedances-modal-header .modal-subtitle{color:#8b949e}.exceedances-container.dark .exceedances-modal-close:hover{color:#c9d1d9}.exceedances-container.dark .exceedances-bus-details-table-wrapper{border-color:#30363d}.exceedances-container.dark .exceedances-bus-details-table td,.exceedances-container.dark .exceedances-bus-details-table th{border-color:#21262d}.exceedances-container.dark .exceedances-bus-details-table tbody tr:hover,.exceedances-container.dark .exceedances-bus-details-table th{background:#161b22}.exceedances-container.dark .modal-no-buses{color:#8b949e}.ongoing-badge{background:#ff9800;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.view-analytics-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px 12px}.view-analytics-btn:hover{background:#1976d2}.exceedances-container.dark .exceedances-header h1{color:#e0e0e0}.exceedances-container.dark .exceedances-header p,.exceedances-container.dark .filter-row label{color:#8b949e}.exceedances-container.dark .custom-dates input,.exceedances-container.dark .date-range-select{background:#21262d;border-color:#30363d;color:#c9d1d9}.exceedances-container.dark .no-exceedances{background:#161b22;color:#8b949e}.exceedances-container.dark .no-exceedances .hint{color:#6e7681}.exceedances-container.dark .exceedances-table{background:#0d1117}.exceedances-container.dark .exceedances-table th{background:#161b22;color:#c9d1d9}.exceedances-container.dark .exceedances-table td{border-color:#21262d;color:#c9d1d9}.exceedances-container.dark .exceedances-table tbody tr:hover{background:#161b22}.exceedances-container.dark .exceedances-table .active-row{background:#2d2208}.exceedances-container.dark .exceedances-table .active-row:hover{background:#3d2e0a}.login-container{align-items:center;background:var(--bg-page);display:flex;justify-content:center;max-width:100%;min-height:100vh;overflow:hidden;overflow-x:hidden;padding:20px;position:relative}.login-container:before{background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.login-background-decoration{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='1200' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.6'%3E%3Cpath stroke='rgba(255,255,255,0.3)' stroke-width='3' stroke-linecap='square' d='M0 250h1200M400 0v1000'/%3E%3Cpath stroke='rgba(255,255,255,0.25)' stroke-width='2.5' stroke-linecap='square' d='M0 550h1200'/%3E%3Cpath stroke='rgba(255,255,255,0.22)' stroke-width='2' stroke-linecap='square' d='M0 100h250M250 100v150M700 250v200M700 450h250M950 450v250M950 700h250'/%3E%3Cpath stroke='rgba(255,255,255,0.20)' stroke-width='2' stroke-linecap='square' d='M100 0v350M100 350h300M400 700h250M650 700v200M650 900h200'/%3E%3Cpath stroke='rgba(255,255,255,0.18)' stroke-width='1.5' stroke-linecap='square' d='M550 0v250M550 550v250M550 800h250M800 800v200M0 400h200M200 400v150M850 100h250M1100 100v300M1100 400h100'/%3E%3Ccircle cx='250' cy='100' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='250' cy='250' r='6' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'/%3E%3Ccircle cx='400' cy='250' r='7' fill='rgba(255,255,255,0.1)' stroke='rgba(255,255,255,0.6)' stroke-width='2'/%3E%3Ccircle cx='550' cy='250' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='700' cy='250' r='6' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='1.5'/%3E%3Ccircle cx='700' cy='450' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='950' cy='450' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='950' cy='700' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='100' cy='350' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='400' cy='350' r='6' fill='rgba(255,255,255,0.1)' stroke='rgba(255,255,255,0.5)' stroke-width='2'/%3E%3Ccircle cx='400' cy='550' r='7' fill='rgba(255,255,255,0.1)' stroke='rgba(255,255,255,0.6)' stroke-width='2'/%3E%3Ccircle cx='550' cy='550' r='6' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='400' cy='700' r='6' fill='rgba(255,255,255,0.1)' stroke='rgba(255,255,255,0.5)' stroke-width='2'/%3E%3Ccircle cx='650' cy='700' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='650' cy='900' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='550' cy='800' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='800' cy='800' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='200' cy='400' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='200' cy='550' r='6' fill='rgba(255,255,255,0.1)' stroke='rgba(255,255,255,0.5)' stroke-width='2'/%3E%3Ccircle cx='850' cy='100' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='1100' cy='100' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3Ccircle cx='1100' cy='400' r='5' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");background-position:-100px -50px;background-size:1200px 1000px;height:100%;left:0;-webkit-mask-image:radial-gradient(ellipse at center,#0000 0,#0000 20%,#0000004d 40%,#000000b3 70%,#000 100%);mask-image:radial-gradient(ellipse at center,#0000 0,#0000 20%,#0000004d 40%,#000000b3 70%,#000 100%);pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.decoration-circle{animation:pulse 8s ease-in-out infinite;background:#0000;border:1px solid #ffffff1a;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;border-style:dashed;height:450px;right:-200px;top:-200px;width:450px}.circle-2{animation-delay:2s;bottom:-150px;height:350px;left:-150px;width:350px}.circle-2,.circle-3{border-color:#ffffff14}.circle-3{animation-delay:4s;border-style:dashed;height:280px;left:-140px;top:40%;width:280px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.traffic-dot{background:#fff;border-radius:50%;box-shadow:0 0 10px #fff9;height:6px;position:absolute;width:6px;z-index:1}.traffic-blue-1{animation:moveBlueHighway1 16s linear infinite}@keyframes moveBlueHighway1{0%{left:-5%;opacity:0;top:25%}3%{opacity:1}97%{opacity:1}to{left:105%;opacity:0;top:25%}}.traffic-blue-2{animation:moveBlueHighway1 16s linear infinite;animation-delay:-8s}.traffic-blue-3{animation:moveBlueRoute3 22s linear infinite;animation-delay:-6s}@keyframes moveBlueRoute3{0%{left:58.33%;opacity:0;top:25%}4%{opacity:1}20%{left:58.33%;opacity:1;top:45%}35%{left:79.17%;opacity:1;top:45%}45%{left:79.17%;opacity:1;top:70%}96%{opacity:1}to{left:105%;opacity:0;top:70%}}.traffic-grey-1{animation:moveGreyHighway2 18s linear infinite}@keyframes moveGreyHighway2{0%{left:33.33%;opacity:0;top:-5%}3%{opacity:1}97%{opacity:1}to{left:33.33%;opacity:0;top:105%}}.traffic-grey-2{animation:moveGreyRoute2 20s linear infinite;animation-delay:-10s}@keyframes moveGreyRoute2{0%{left:33.33%;opacity:0;top:70%}4%{opacity:1}20%{left:54.17%;opacity:1;top:70%}30%{left:54.17%;opacity:1;top:90%}96%{opacity:1}to{left:70.83%;opacity:0;top:90%}}.traffic-lightblue-1{animation:moveLightBlueHighway3 18s linear infinite}@keyframes moveLightBlueHighway3{0%{left:-5%;opacity:0;top:55%}3%{opacity:1}97%{opacity:1}to{left:105%;opacity:0;top:55%}}.traffic-lightblue-2{animation:moveLightBlueRoute2 20s linear infinite;animation-delay:-8s}@keyframes moveLightBlueRoute2{0%{left:45.83%;opacity:0;top:55%}5%{opacity:1}20%{left:45.83%;opacity:1;top:80%}40%{left:66.67%;opacity:1;top:80%}95%{opacity:1}to{left:66.67%;opacity:0;top:105%}}.traffic-orange-1{animation:moveOrangeRoute 22s linear infinite}@keyframes moveOrangeRoute{0%{left:70.83%;opacity:0;top:10%}4%{opacity:1}25%{left:91.67%;opacity:1;top:10%}40%{left:91.67%;opacity:1;top:40%}96%{opacity:1}to{left:105%;opacity:0;top:40%}}.login-card{animation:slideUp .5s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #00000014;max-width:440px;padding:48px 40px;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-brand{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px;text-align:center}.brand-icon{animation:fadeIn .8s ease-out;margin:0 auto 16px}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.brand-title{color:var(--text-primary);font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.brand-subtitle{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.3px;margin:0}.login-header{margin-bottom:32px;text-align:center}.login-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.login-header p{color:var(--text-secondary);font-size:14px;font-weight:400;margin:0}.message{align-items:center;animation:shake .5s ease-out;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:24px;padding:14px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.message.error{background:#dc26261a;border:1px solid #dc26264d;color:#dc2626}.error-icon{font-size:18px}.message.success{background:#16a34a1a;border:1px solid #16a34a4d;color:#16a34a}.form-group{margin-bottom:24px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;letter-spacing:.2px;margin-bottom:8px}.form-group input,.form-group input[type=password],.form-group input[type=text]{background:var(--bg-page);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);display:block;font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;margin:0;padding:12px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f59e0b33;outline:none}.form-group input::placeholder,.form-group input[type=password]::placeholder,.form-group input[type=text]::placeholder{color:var(--text-muted);font-weight:400}.login-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:var(--color-zinc-900);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;margin-top:8px;padding:14px 24px;transition:all .2s ease;width:100%}.login-btn:hover:not(:disabled){background:var(--accent-hover)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.btn-arrow{display:inline-block;font-size:20px;transition:transform .3s ease}.login-btn:hover:not(:disabled) .btn-arrow{transform:translateX(4px)}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.login-footer{border-top:1px solid var(--border-color);margin-top:32px;padding-top:24px;text-align:center}.help-text{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin:0}.help-icon{font-size:16px}@media (max-width:480px){.login-container{padding:16px}.login-card{max-width:100%;padding:36px 24px}.brand-title{font-size:22px}.login-header h2{font-size:20px}.form-group input{padding:12px 14px}.login-btn{padding:14px 20px}}.App{background-color:var(--bg-page);min-height:100vh;text-align:center}.App,.app-with-sidebar{max-width:100%;overflow-x:hidden}.app-with-sidebar{display:flex;position:relative;text-align:left}.sidebar-toggle{align-items:center;background:var(--bg-header);border:1px solid var(--header-control-border);border-radius:8px;box-shadow:0 2px 8px #00000026;color:var(--header-text);cursor:pointer;display:none;height:40px;justify-content:center;left:12px;padding:0;position:fixed;top:12px;width:40px;z-index:1002}.sidebar-toggle-icon{font-size:1.25rem;line-height:1}.sidebar-overlay{background:#0006;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:1000}.app-sidebar{background:var(--bg-header);border-right:1px solid var(--header-control-border);bottom:0;flex-shrink:0;height:100vh;left:0;min-width:240px;overflow-y:auto;padding:20px 0;position:fixed;top:0;transition:transform .25s ease,box-shadow .25s ease;width:240px;z-index:999}.sidebar-brand{border-bottom:1px solid var(--header-control-border);margin-bottom:16px;padding:0 20px 20px}.sidebar-brand h1{color:var(--header-text);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.sidebar-nav-item{background:#0000;border:none;border-radius:6px;color:var(--header-text);cursor:pointer;display:block;font-size:.9rem;font-weight:500;opacity:.85;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.sidebar-nav-item:hover{background:var(--header-control-bg);opacity:1}.sidebar-nav-item.active{background:var(--accent);color:var(--color-zinc-900);font-weight:600;opacity:1}.app-body{display:flex;flex:1 1;flex-direction:column;margin-left:240px;max-width:100%;min-width:0;overflow-x:hidden;padding-top:56px}.header-subtitle{color:var(--header-text);font-size:.9rem;opacity:.9}.App-header{background-color:var(--bg-header);border-bottom:1px solid var(--header-control-border);box-shadow:0 1px 3px #0000001f;color:var(--header-text);left:240px;padding:8px 16px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.App-header.compact{box-shadow:0 2px 4px #0000001a;padding:8px 16px}.header-top{border-bottom:1px solid var(--header-control-border);justify-content:space-between;margin:0 auto;max-width:80rem;padding-bottom:8px}.header-title,.header-top{align-items:center;display:flex}.App-header h1{transition:all .3s ease}.App-header h1,.App-header.compact h1{font-size:1.4rem;margin:0}.user-info{align-items:center;display:flex;gap:10px}.project-filter-global{align-items:center;display:flex;gap:6px}.project-filter-global label{color:var(--header-text);font-size:12px;font-weight:600;opacity:.9}.project-filter-global select{background:var(--header-control-bg);border:1px solid var(--header-control-border);border-radius:6px;color:var(--header-text);font-size:12px;min-width:120px;padding:6px 10px}.project-filter-global select:focus{border-color:var(--accent);outline:none}.project-filter-global select option{background:var(--color-zinc-800);color:var(--color-zinc-100)}.project-filter-global input[type=datetime-local]{background:var(--header-control-bg);border:1px solid var(--header-control-border);border-radius:6px;color:var(--header-text);font-size:12px;padding:6px 10px}.project-filter-global input[type=datetime-local]:focus{border-color:var(--accent);outline:none}.project-filter-global input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.8}.user-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.dark-mode-toggle,.user-badge{background:var(--header-control-bg);border:1px solid var(--header-control-border);color:var(--header-text)}.dark-mode-toggle{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;letter-spacing:.5px;padding:6px 10px;text-transform:uppercase;transition:all .2s ease}.dark-mode-toggle:hover{background:#ffffff26;border-color:#ffffff4d}.logout-btn{background:var(--accent);border:none;border-radius:6px;color:var(--color-zinc-900);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.logout-btn:hover{background:var(--accent-hover)}.loading-screen{align-items:center;background:var(--bg-page);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent);height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.history-container{margin:0 auto;max-width:1200px}.App-main{box-sizing:border-box;margin:0 auto;max-width:80rem;padding:0 16px;width:100%}.error-message{background-color:#ffebee;border:1px solid #f44336;border-radius:4px;color:#c62828;margin:20px 0;padding:15px}.error-message button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.error-message button:hover{background-color:#d32f2f}.map-container{margin-bottom:30px;max-width:100%}.map-container,.table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}@media (max-width:768px){.sidebar-toggle{display:flex}.sidebar-overlay.open{display:block;opacity:1;pointer-events:auto}.app-sidebar{bottom:0;box-shadow:none;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1001}.app-sidebar.open{box-shadow:4px 0 20px #0003;transform:translateX(0)}.app-body{margin-left:0;padding-top:56px}.App-header{left:0;padding-left:64px}.App-header h1{font-size:2rem}.App-main{padding:0 10px}.header-top{gap:8px}.header-top,.user-info{flex-wrap:wrap}}@media (min-width:769px) and (max-width:1024px){.app-sidebar{min-width:200px;width:200px}.app-body{margin-left:200px}.App-header{left:200px}}.dark-mode{color-scheme:dark}.alerts-container .modal-overlay,.modal-overlay{z-index:2000000}
/*# sourceMappingURL=main.551baf3f.css.map*/