body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.login-container{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:40px;width:100%}.login-header{margin-bottom:40px;text-align:center}.logo-container{gap:16px;margin-bottom:16px}.logo-icon{animation:bounce 2s infinite;font-size:3rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;color:#1e3c72;font-size:2rem;margin:0}.login-subtitle{color:#666;font-size:1rem;margin:0}.login-form{margin-bottom:30px}.btn-login{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .3s;width:100%}.btn-login:hover:not(:disabled){box-shadow:0 8px 20px #1e3c7266;transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{cursor:not-allowed;opacity:.7}.spinner{border:3px solid #ffffff4d;height:20px;width:20px}.login-footer{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.demo-credentials h4{color:#666;font-size:.9rem;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.credentials-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.credential-card{border:2px solid;border-radius:8px;padding:15px}.credential-card.admin{background:linear-gradient(135deg,#1e3c720d,#2a52980d);border-color:#1e3c72}.credential-card.operator{background:linear-gradient(135deg,#28a7450d,#2188380d);border-color:#28a745}.credential-card h5{color:#333;font-size:.9rem;margin:0 0 10px}.credential-card p{color:#666;font-size:.8rem;margin:5px 0}.credential-card strong{color:#333}.login-notes{background-color:#f8f9fa;border-left:4px solid #1e3c72;border-radius:8px;margin-top:20px;padding:15px}.login-notes p{color:#666;font-size:.85rem;margin:0}@media (max-width:768px){.login-card{padding:30px 20px}.credentials-grid{grid-template-columns:1fr}.login-header h1{font-size:1.5rem}}.signup-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:800px;padding:40px;width:100%}.signup-header{margin-bottom:30px;text-align:center}.logo-container{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:10px}.logo-icon{font-size:40px}.signup-header h1{color:#333;font-size:24px;font-weight:600;margin:0}.signup-subtitle{color:#333;font-size:18px;font-weight:500;margin:10px 0 5px}.signup-note{color:#666;font-size:14px;font-style:italic;margin:0}.signup-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.form-section h3{border-bottom:2px solid #667eea;color:#333;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px 15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{color:#666;font-size:12px;margin-top:2px}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.form-row{grid-gap:15px;gap:15px;margin-bottom:15px}.password-match{align-items:center;display:flex;font-size:12px;gap:5px;padding:4px 0}.password-match.valid{color:#10b981}.password-match.invalid{color:#ef4444}.password-requirements{border:1px solid #e9ecef;border-radius:6px;margin-top:8px;padding:10px}.password-requirements p{color:#666;font-size:12px;font-weight:500;margin:0 0 5px}.password-requirements ul{padding-left:20px}.password-requirements li{color:#888;font-size:11px;margin-bottom:3px;transition:color .3s}.password-requirements li.valid{color:#10b981;list-style-type:"✓ "}.terms-agreement{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:10px 0;padding:15px}.checkbox-label{align-items:flex-start;color:#555;font-size:14px;gap:10px;line-height:1.5}.checkbox-label input[type=checkbox]{accent-color:#667eea;height:18px;margin-top:2px;width:18px}.checkbox-label a{color:#667eea;font-weight:500;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.btn-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:16px;transition:all .3s}.btn-submit:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.spinner{height:16px;width:16px}.alert{animation:slideDown .3s ease;border-radius:6px;font-size:14px;padding:12px 15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-danger{border:1px solid #fcc;color:#c00}.alert-success{background-color:#efe;border:1px solid #cfc;color:#090}.signup-footer{border-top:1px solid #eee;color:#666;font-size:14px;margin-top:30px;padding-top:20px;text-align:center}.login-link{color:#667eea;font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.signup-help{color:#888;font-size:13px;font-style:italic;margin-top:10px}@media (max-width:900px){.signup-card{margin:10px;max-width:100%;padding:30px 20px}.form-row{gap:20px;grid-template-columns:1fr}.logo-container{flex-direction:column;gap:10px}.logo-icon{font-size:32px}.signup-header h1{font-size:20px;text-align:center}.signup-subtitle{font-size:16px}.checkbox-label{font-size:13px}.form-section{padding:15px}}.dashboard-container{background-color:#f8fafc;min-height:calc(100vh - 60px);padding:20px}.dashboard-loading{align-items:center;background:#f8fafc;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:center}.loading-spinner{border:3px solid #e5e7eb}.dashboard-loading p{color:#6b7280;font-size:1rem}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:8px}.welcome-text{color:#666;font-size:1.1rem;margin:0 0 8px}.welcome-text strong{color:#1e3c72}.date-time{color:#94a3b8;font-size:.95rem;margin:0}.header-actions{align-items:center}.quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{border:1px solid #e5e7eb;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{border-color:#1e3c72}.stat-icon{border-radius:12px;color:#fff;flex-shrink:0;height:60px;width:60px}.stat-info{flex:1 1}.stat-number{color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1;margin:0 0 5px}.stat-trend{color:#666;font-size:.85rem;font-weight:500;margin:0}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.chart-card{border:1px solid #e5e7eb}.header-subtitle{color:#666;font-size:.9rem;margin:0}.status-distribution{margin-bottom:20px}.status-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 0}.status-item:last-child{border-bottom:none}.status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-dot.boarded{background:linear-gradient(135deg,#10b981,#059669)}.status-dot.unboarded{background:linear-gradient(135deg,#6b7280,#4b5563)}.status-dot.overdue{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-details{flex:1 1;margin-left:15px}.status-name{color:#333;display:block;font-size:.95rem;font-weight:600}.status-count{color:#666;font-size:.85rem}.status-percentage{color:#1e3c72;font-size:1.1rem;font-weight:700}.status-summary{border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.summary-item{align-items:center;display:flex;flex-direction:column}.summary-label{color:#666;font-size:.85rem;margin-bottom:5px;text-align:center}.summary-value{color:#1e3c72;font-size:1.3rem;font-weight:700}.activity-list{margin-bottom:20px}.activity-item{align-items:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s ease}.activity-item:hover{border-color:#1e3c72;box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.activity-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-title{color:#333;font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 4px}.activity-details{color:#666;font-size:.85rem;line-height:1.4;margin:0 0 4px}.activity-time{color:#94a3b8;display:block;font-size:.8rem}.activity-status{align-self:flex-start;border-radius:20px;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.activity-status.overdue{background-color:#fee2e2;color:#dc2626}.activity-status.active{background-color:#dcfce7;color:#16a34a}.activity-status.completed{background-color:#e0e7ff;color:#4f46e5}.activity-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:20px;padding-top:15px}.activity-count{color:#666;font-size:.9rem}.daily-activity-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.activity-day{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:15px;transition:all .3s ease}.activity-day.today{background:linear-gradient(135deg,#f8fafc,#f0f7ff);border-color:#1e3c72}.activity-day:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-5px)}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.day-name{color:#333;font-size:.9rem;font-weight:600}.today-badge{background:#1e3c72;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.day-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.stat-group{align-items:center;display:flex;flex-direction:column}.stat-label{color:#666;font-size:.75rem;margin-bottom:4px}.stat-value{font-size:1.1rem;font-weight:700}.stat-value.boarded{color:#10b981}.stat-value.unboarded{color:#6b7280}.stat-value.total{color:#1e3c72}.day-bar{background:#e5e7eb;border-radius:4px;display:flex;height:8px;overflow:hidden}.bar-segment{height:100%;transition:width .3s ease}.bar-segment.boarded{background:linear-gradient(135deg,#10b981,#059669)}.bar-segment.unboarded{background:linear-gradient(135deg,#6b7280,#4b5563)}.no-activity{align-items:center;background:#f8fafc;border:2px dashed #e5e7eb;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:40px 20px;text-align:center}.no-data-icon{color:#cbd5e1;font-size:3rem;margin-bottom:15px}.no-activity p{color:#666;margin:0 0 5px}.no-data-subtitle{color:#94a3b8;font-size:.9rem}.activity-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:25px}.summary-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.summary-card .summary-label{color:#666;font-size:.9rem;margin-bottom:10px;text-align:center}.summary-card .summary-value{color:#1e3c72;font-size:2rem;font-weight:700}.btn-refresh{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:10px 20px;transition:all .3s ease}.btn-refresh:hover{box-shadow:0 6px 20px #1e3c724d;transform:translateY(-2px)}.btn-view-all{background:#fff;border:2px solid #1e3c72;border-radius:6px;color:#1e3c72;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-view-all:hover{background:#1e3c72;color:#fff}@media (max-width:1200px){.charts-row{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column}.header-actions{align-self:flex-start}.quick-stats{grid-template-columns:1fr}.daily-activity-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.activity-summary{grid-template-columns:1fr}.summary-card .summary-value{font-size:1.5rem}.status-summary{align-items:stretch;flex-direction:column;gap:15px}.activity-item,.summary-item{align-items:flex-start}.activity-item{flex-direction:column}.activity-content{width:100%}.activity-status{align-self:flex-start;margin-top:10px}}@media (max-width:480px){.chart-card,.dashboard-container{padding:15px}.stat-card{padding:20px}.stat-icon{font-size:1.5rem;height:50px;width:50px}.stat-number{font-size:1.6rem}.daily-activity-grid{grid-template-columns:1fr}.activity-day{margin-bottom:10px}}@media print{.dashboard-container{padding:10px}.btn-refresh,.btn-view-all,.header-actions{display:none}.chart-card,.stat-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;margin-bottom:15px;page-break-inside:avoid}.stat-number{font-size:1.6rem}.activity-day:hover,.activity-item:hover{box-shadow:none;transform:none}}.vehicle-form{margin:0 auto;max-width:800px}@media (max-width:768px){.form-row{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.vehicle-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.vehicle-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.vehicle-card.boarded{border-top:4px solid #10b981}.vehicle-card.unboarded{border-top:4px solid #6b7280}.card-header{border-bottom:1px solid #f0f0f0;padding:20px}.vehicle-info-header{align-items:flex-start;display:flex;justify-content:space-between}.vehicle-number-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.vehicle-number-section h3{color:#1a1a1a;font-size:1.4rem;margin:0}.status-chip{font-size:.8rem;font-weight:600}.status-chip.boarded{border:1px solid #b7e4b9}.status-chip.unboarded{border:1px solid #dde0e3}.status-chip.overdue{border:1px solid #f1b0b7}.card-actions{position:relative}.btn-icon{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:5px;transition:background-color .3s}.btn-icon:hover{background-color:#f5f5f5;color:#333}.dropdown-menu{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 5px 20px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{background:none;border:none;font-size:.9rem;gap:10px;padding:12px 15px;text-align:left;width:100%}.dropdown-item.delete{color:#dc3545}.dropdown-item.delete:hover{background-color:#fee}.card-content{padding:20px}.driver-section,.vehicle-details{margin-bottom:20px}.info-row{margin-bottom:8px}.info-row:last-child{margin-bottom:0}.card-footer{background:#f8f9fa;border-top:1px solid #eee;padding:15px 20px}.time-info-section{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.time-info{display:flex;flex-direction:column}.time-label{color:#666;font-size:.8rem;margin-bottom:4px}.time-value{color:#333;font-size:.9rem;font-weight:500}.time-display{border-radius:6px;font-size:.9rem;font-weight:600;padding:8px 12px;text-align:center}.time-display.remaining{background-color:#d4f5d6;border:1px solid #b7e4b9;color:#155724}.time-display.overdue{animation:pulse 2s infinite;background-color:#f8d7da;border:1px solid #f1b0b7;color:#721c24}.card-created{background:#f0f0f0;border-top:1px solid #e0e0e0;padding:10px 20px}.created-by{color:#666;font-size:.8rem}.vehicles-container{padding:20px}.vehicles-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.vehicles-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:8px}.stat-card.overdue{border-left:4px solid #ef4444}.stat-card.overdue .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.filters-section{align-items:center;display:flex;justify-content:space-between}.search-box{flex:1 1;max-width:500px}.search-input{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 20px;transition:all .3s;width:100%}.search-input:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.search-input::placeholder{color:#999}.filter-buttons{gap:10px}.filter-btn{border-radius:8px;font-size:.9rem;padding:10px 20px}.vehicles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.modal{max-width:500px}.import-modal{max-width:600px}.result-stat.duplicate{border-left:4px solid #f59e0b}.result-stat span{background:#10b9811a}.result-stat.duplicate span{background:#f59e0b1a;color:#f59e0b}.error-details{margin-top:20px}.error-list{background-color:#fff;border-radius:8px;max-height:200px;overflow-y:auto;padding:16px}.error-item:last-child{border-bottom:none}.error-item span{display:inline-block;font-weight:600;min-width:60px}@media (max-width:768px){.vehicles-header{flex-direction:column;gap:15px}.header-actions{justify-content:flex-start;width:100%}.filters-section{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-buttons{flex-wrap:wrap;justify-content:center}.vehicles-grid{grid-template-columns:1fr}.stats-cards{grid-template-columns:1fr 1fr}.modal{margin:10px;width:95%}.import-modal{max-width:95%}.modal-content{max-height:50vh;padding:16px}.modal-header{padding:16px}.results-summary{grid-template-columns:1fr}.modal-actions{flex-direction:column;padding:16px}.modal-actions button{width:100%}.empty-state-actions{align-items:center;flex-direction:column}.empty-state-actions button{max-width:200px;width:100%}}.trip-card{background:#fff;border:2px solid;border-radius:12px;padding:20px;position:relative;transition:transform .3s,box-shadow .3s}.trip-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.trip-card.board{border-color:#10b981}.trip-card.unboard{border-color:#6b7280}.trip-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.trip-action,.trip-header{align-items:center;display:flex}.trip-action{gap:10px}.action-icon{font-size:1.5rem}.action-text{color:#333;font-size:1.1rem;font-weight:600}.sla-chip{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.sla-chip.on-time{background-color:#d4f5d6;border:1px solid #b7e4b9;color:#155724}.sla-chip.overdue{animation:pulse 2s infinite;background-color:#f8d7da;border:1px solid #f1b0b7;color:#721c24}.trip-time{align-items:center;display:flex;gap:8px}.time-icon{color:#666;font-size:1.2rem}.time-text{color:#666;font-size:.9rem;font-weight:500}.trip-content{display:flex;flex-direction:column;gap:15px}.route-info,.vehicle-info{display:flex;flex-direction:column;gap:10px}.info-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-value{font-size:.95rem;font-weight:500}.route-path{align-items:center;background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.destination,.origin{align-items:center;display:flex;flex:1 1;gap:10px}.origin{justify-content:flex-start}.destination{justify-content:flex-end}.location-icon{font-size:1.2rem}.location-text{color:#333;font-size:.95rem;font-weight:500}.arrow{color:#666;font-size:1.5rem;padding:0 20px}.notes-section{background:#f8f9fa;border-left:4px solid #1e3c72;border-radius:8px;padding:15px}.notes-label{color:#1e3c72;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.notes-text{color:#666;font-size:.9rem;line-height:1.5;margin:0}.trip-meta{border-top:2px solid #f0f0f0;display:flex;gap:20px;justify-content:space-between;padding-top:15px}.meta-item{display:flex;flex-direction:column;gap:5px}.meta-label{color:#666;font-size:.8rem}.meta-value{color:#333;font-size:.9rem;font-weight:500}.trip-footer{border-top:1px solid #eee;margin-top:15px;padding-top:15px;text-align:right}.trip-id{color:#999;font-size:.8rem}@media (max-width:768px){.trip-header{align-items:flex-start}.route-path,.trip-header{flex-direction:column;gap:10px}.route-path{text-align:center}.arrow{transform:rotate(90deg)}.trip-meta{flex-direction:column;gap:10px}}.trip-form{margin:0 auto;max-width:800px}.form-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.form-header h2{color:#1e3c72;font-size:1.8rem;margin:0}.btn-close{font-size:1.8rem;padding:0;transition:background-color .3s}.form-group{margin-bottom:25px}.hint{margin-left:8px}.vehicle-select{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:1rem;padding:12px 16px;transition:all .3s;width:100%}.vehicle-select:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.vehicle-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.action-buttons{display:flex;gap:15px}.action-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s}.action-btn:hover:not(:disabled){border-color:#1e3c72;color:#1e3c72}.action-btn.active{background:#1e3c72;border-color:#1e3c72;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.6}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group input,.form-group textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:1rem;padding:12px 16px;transition:all .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:flex-end;margin-top:40px;padding-top:20px}.btn-primary,.btn-secondary{min-width:120px}@media (max-width:768px){.action-buttons{flex-direction:column}.form-row{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.trips-container{padding:20px}.trips-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.trips-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:8px}.header-actions{align-items:flex-start;gap:10px}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;gap:15px;padding:20px;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.stat-card.total{border-left:4px solid #1e3c72}.stat-card.boarded{border-left:4px solid #10b981}.stat-card.unboarded{border-left:4px solid #6b7280}.stat-card.today{border-left:4px solid #8b5cf6}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.stat-card.total .stat-icon{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.stat-card.boarded .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card.unboarded .stat-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.stat-card.today .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-info h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.stat-info p{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0}.filters-section{grid-gap:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:10px}.filter-group label{color:#333;font-size:.9rem;font-weight:600}.filter-buttons{display:flex;gap:8px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s}.filter-btn:hover{border-color:#1e3c72;color:#1e3c72}.filter-btn.active{background:#1e3c72;border-color:#1e3c72;color:#fff}.filter-date,.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:.9rem;padding:10px 12px;transition:border-color .3s}.filter-date:focus,.filter-select:focus{border-color:#1e3c72;outline:none}.trips-timeline{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px}.trips-timeline h3{color:#333;font-size:1.3rem;margin-bottom:20px}.timeline{gap:15px}.loading-state,.timeline{display:flex;flex-direction:column}.loading-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;justify-content:center;padding:60px 20px}.loading-state .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1e3c72;height:50px;margin-bottom:20px;width:50px}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{color:#666;margin-bottom:10px}.empty-state p{color:#999;margin-bottom:30px}.empty-state-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.alert-success{background-color:#f0fdf4;border:1px solid #dcfce7;color:#16a34a}.btn-primary{font-size:.95rem;justify-content:center;padding:10px 24px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2a5298,#3b6cb9);box-shadow:0 4px 12px #1e3c724d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6}.btn-secondary{align-items:center;border:2px solid #e0e0e0;display:inline-flex;font-size:.95rem;gap:8px;justify-content:center;padding:10px 24px}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#1e3c72;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{animation:fadeIn .3s ease}.modal{animation:slideUp .3s ease;border-radius:16px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.import-modal{border-radius:12px;box-shadow:0 8px 32px #1e3c7233;max-width:700px}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px 12px;transition:all .2s}.close-btn:hover{background-color:#f1f5f9;color:#1e293b}.modal-content{max-height:60vh;overflow-y:auto;padding:24px}.import-instructions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.import-instructions h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-top:0}.import-instructions ol{color:#475569;margin:12px 0;padding-left:20px}.import-instructions li{line-height:1.5;margin-bottom:8px}.import-instructions strong{color:#1e3c72;font-weight:600}.template-section{display:flex;flex-direction:column;gap:12px;margin-top:20px}.template-note{color:#64748b;font-size:.875rem;font-style:italic;margin:0}.file-upload-section h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-top:0}.file-drop-area{background-color:#fff;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:40px 24px;position:relative;text-align:center;transition:all .3s ease}.file-drop-area:hover{background-color:#f8fafc;border-color:#1e3c72;box-shadow:0 4px 12px #1e3c721a}.file-drop-area.has-file{background-color:#f0fdf4;border-color:#10b981}.upload-icon{color:#94a3b8;display:block;font-size:48px;margin-bottom:12px}.file-drop-area:hover .upload-icon{color:#1e3c72}.file-types{color:#64748b;font-size:.875rem;margin-top:8px}.file-selected{align-items:center;display:flex;gap:16px;justify-content:center}.file-icon{color:#10b981;font-size:40px}.file-info{text-align:left}.file-info strong{color:#1e293b;display:block;font-size:.95rem;margin-bottom:4px}.file-info small{color:#64748b;font-size:.875rem}.remove-file-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:4px 8px;transition:all .2s;width:32px}.remove-file-btn:hover{background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.import-results{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;margin-top:24px;padding:20px}.import-results h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:20px;margin-top:0}.results-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.result-stat{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;gap:12px;padding:16px;transition:transform .2s}.result-stat:hover{transform:translateY(-2px)}.result-stat.success{border-left:4px solid #10b981}.result-stat.failed{border-left:4px solid #ef4444}.result-stat.invalid{border-left:4px solid #f59e0b}.result-stat span{align-items:center;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.result-stat.success span{background:#10b9811a;color:#10b981}.result-stat.failed span{background:#ef44441a;color:#ef4444}.result-stat.invalid span{background:#f59e0b1a;color:#f59e0b}.result-stat h4{color:#64748b;font-size:.75rem;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.result-stat p{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.error-details,.success-details{margin-top:20px}.error-details h4{color:#ef4444}.error-details h4,.success-details h4{font-size:.95rem;font-weight:600;margin:0 0 12px}.success-details h4{color:#10b981}.error-list,.success-list{background-color:#fff;border-radius:8px;max-height:150px;overflow-y:auto;padding:16px}.error-list{border:1px solid #fee2e2}.success-list{border:1px solid #dcfce7}.error-item{border-bottom:1px solid #fecaca;color:#7f1d1d}.error-item,.success-item{font-size:.875rem;padding:8px 0}.success-item{border-bottom:1px solid #bbf7d0;color:#14532d}.error-item:last-child,.success-item:last-child{border-bottom:none}.error-item span,.success-item span{display:inline-block;font-weight:600;min-width:60px}.error-item span{color:#991b1b}.success-item span{color:#15803d}.modal-actions{background-color:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}@media (max-width:768px){.trips-header{flex-direction:column;gap:15px}.header-actions{justify-content:flex-start;width:100%}.filters-section{gap:15px;grid-template-columns:1fr}.filter-group{width:100%}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.stats-cards{grid-template-columns:1fr 1fr}.modal{margin:10px;width:95%}.import-modal{max-width:95%}.modal-content{max-height:50vh;padding:16px}.modal-header{padding:16px}.results-summary{grid-template-columns:1fr}.modal-actions{flex-direction:column;padding:16px}.modal-actions button{width:100%}.empty-state-actions{align-items:center;flex-direction:column}.empty-state-actions button{max-width:200px;width:100%}}.excel-upload-container{padding:20px}.upload-header{margin-bottom:30px}.upload-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:8px}.upload-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px}.upload-instructions{background:#f8f9fa;border-left:4px solid #1e3c72;border-radius:8px;margin-bottom:30px;padding:20px}.upload-instructions h3{align-items:center;color:#333;display:flex;gap:10px;margin-bottom:15px}.upload-instructions ol{color:#555;margin:0;padding-left:20px}.upload-instructions li{line-height:1.5;margin-bottom:8px}.note-box{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.9rem;margin-top:15px;padding:12px}.upload-zone{background:#fafafa;border:3px dashed #e0e0e0;border-radius:12px;margin-bottom:30px;padding:40px 20px;text-align:center;transition:all .3s}.upload-zone:hover{background:#f8f9fa;border-color:#1e3c72}.zone-content{align-items:center;display:flex;flex-direction:column;gap:15px}.upload-icon{color:#1e3c72;font-size:3rem;margin-bottom:10px}.zone-content h3{color:#333;margin:0}.zone-content p{color:#666;margin:0}.file-types{color:#999;font-size:.9rem}.file-input{display:none}.btn-browse{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;margin-top:10px;padding:12px 24px;transition:all .3s}.btn-browse:hover{box-shadow:0 6px 20px #1e3c724d;transform:translateY(-2px)}.file-info{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-top:20px;max-width:500px;padding:15px;width:100%}.file-details{align-items:center;display:flex;gap:15px;margin-bottom:15px}.file-icon{color:#1e3c72;font-size:1.5rem}.file-detail{color:#666;font-size:.9rem}.file-detail strong{color:#333;margin-right:5px}.file-actions{display:flex;gap:10px;justify-content:center}.btn-clear,.btn-preview{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s}.btn-preview{background:#e3f2fd;border:1px solid #bbdefb;color:#1e3c72}.btn-preview:hover{background:#bbdefb}.btn-clear{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.btn-clear:hover{background:#f5c6cb}.upload-actions{border-top:2px solid #f0f0f0;display:flex;gap:20px;justify-content:center;padding-top:20px}.btn-primary,.btn-secondary{border-radius:8px;font-size:1rem;min-width:180px;padding:12px 30px}.history-card,.preview-card,.result-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:20px;padding:25px}.result-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.result-header h3{color:#333;margin:0}.result-status{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.result-status.success{background-color:#d4f5d6;border:1px solid #b7e4b9;color:#155724}.result-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.stat{align-items:center;border-radius:8px;display:flex;gap:15px;padding:15px}.stat.success{background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid #10b981}.stat.rejected{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef4444}.stat.total{background:linear-gradient(135deg,#1e3c721a,#2a52981a);border:2px solid #1e3c72}.stat-icon{font-size:1.8rem}.stat-content h4{color:#666;font-size:.9rem;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.stat-content p{color:#333;font-size:1.8rem;font-weight:700;margin:0}.rejected-details{background:#f8f9fa;border:2px solid #f0f0f0;border-radius:8px;padding:20px}.rejected-details h4{align-items:center;color:#333;display:flex;gap:10px;margin:0 0 15px}.rejected-list{display:flex;flex-direction:column;gap:10px}.rejected-item{align-items:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:6px;display:flex;gap:12px;padding:10px}.reject-icon{color:#ef4444;font-size:1rem;margin-top:2px}.reject-text{color:#666;font-size:.9rem;line-height:1.4}.preview-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.preview-header h3{color:#333;margin:0}.preview-header .btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .3s;width:30px}.preview-header .btn-close:hover{background-color:#f5f5f5;color:#333}.preview-content{display:flex;flex-direction:column;gap:30px}.sheet-preview h4{align-items:center;color:#1e3c72;display:flex;font-size:1.1rem;gap:10px;margin:0 0 15px}.sheet-icon{font-size:1.2rem}.sheet-count{color:#666;font-size:.9rem;font-weight:400;margin-left:auto}.preview-table-container{border:2px solid #e0e0e0;border-radius:8px;overflow:hidden}.preview-table{border-collapse:collapse;width:100%}.preview-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.preview-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:.9rem;padding:10px 15px}.preview-table tr:last-child td{border-bottom:none}.preview-table tr:hover{background-color:#f8f9fa}.empty-cell{color:#999;font-style:italic}.preview-more{background:#f8f9fa;border-top:2px dashed #e0e0e0;color:#666;font-size:.9rem;padding:10px 15px;text-align:center}.history-card h3{color:#333;margin:0 0 20px}.history-table{overflow-x:auto}.history-table table{border-collapse:collapse;width:100%}.history-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.history-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:.9rem;padding:12px 15px}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover{background-color:#f8f9fa}.filename{color:#1e3c72;font-family:monospace}.imported-count{color:#10b981;font-weight:600}.rejected-count{color:#ef4444;font-weight:600}.rejected-count.has-rejects{animation:pulse 2s infinite}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-badge.success{background-color:#d4f5d6;border:1px solid #b7e4b9;color:#155724}@media (max-width:768px){.upload-card{padding:20px}.upload-actions{flex-direction:column;gap:15px}.btn-primary,.btn-secondary{width:100%}.file-details{align-items:flex-start;flex-direction:column;gap:8px}.result-stats{grid-template-columns:1fr}.stat{justify-content:space-between}}.reports-container{padding:20px}.reports-loading{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:center}.reports-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.reports-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:8px}.header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:15px}.time-range-selector{align-items:center;display:flex;gap:10px}.time-range-selector label{color:#333;font-size:.9rem;font-weight:600}.range-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;font-size:.9rem;min-width:150px;padding:8px 12px;transition:border-color .3s}.range-select:focus{border-color:#1e3c72;outline:none}.export-buttons{display:flex;gap:10px}.alert{gap:10px;margin-bottom:20px;padding:12px 16px}.alert-danger{background-color:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.alert span{font-size:1.2rem}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;gap:20px;padding:25px;transition:transform .3s,box-shadow .3s}.metric-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.metric-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.metric-content{flex:1 1}.metric-content h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.metric-value{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 5px}.metric-trend{color:#666;font-size:.85rem;font-weight:500;margin:0}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px}.chart-card.full-width{grid-column:1/-1}.chart-header{margin-bottom:25px}.chart-header h3{color:#333;font-size:1.3rem;margin:0 0 5px}.chart-subtitle{color:#666;font-size:.9rem}.no-data{align-items:center;background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;color:#666;display:flex;font-style:italic;height:300px;justify-content:center}.peak-hours{display:flex;flex-direction:column;gap:15px}.peak-hour-item{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .3s}.peak-hour-item:hover{background:#f0f7ff;border-color:#1e3c72}.peak-time{align-items:center;display:flex;gap:12px}.time-icon{font-size:1.5rem}.time-slot{color:#333;font-size:1rem;font-weight:600}.peak-label{color:#666;font-size:.85rem}.peak-stats{text-align:right}.peak-stats .stat{color:#1e3c72;font-size:1.1rem;font-weight:700;margin-bottom:4px}.peak-stats .percentage{color:#666;font-size:.85rem}.insights-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px}.insights-card h3{color:#333;font-size:1.3rem;margin:0 0 25px}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-item{border:2px solid;border-radius:8px;padding:20px}.insight-item.positive{background:linear-gradient(135deg,#10b9810d,#0596690d);border-color:#10b981}.insight-item.warning{background:linear-gradient(135deg,#f59e0b0d,#d977060d);border-color:#f59e0b}.insight-item.suggestion{background:linear-gradient(135deg,#8b5cf60d,#7c3aed0d);border-color:#8b5cf6}.insight-item.action{background:linear-gradient(135deg,#ef44440d,#dc26260d);border-color:#ef4444}.insight-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.insight-icon{font-size:1.5rem}.insight-header h4{color:#333;font-size:1rem;margin:0}.insight-item.positive .insight-icon{color:#10b981}.insight-item.warning .insight-icon{color:#f59e0b}.insight-item.suggestion .insight-icon{color:#8b5cf6}.insight-item.action .insight-icon{color:#ef4444}.insight-item p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.btn-primary,.btn-secondary{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:10px 20px;transition:all .3s}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#1e3c72}@media print{.btn-primary,.btn-secondary,.export-buttons,.header-actions{display:none}.reports-container{padding:10px}.chart-card,.insights-card,.metric-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;margin-bottom:15px;page-break-inside:avoid}.charts-grid{display:block}.metric-value{font-size:1.6rem}.range-select,.time-range-selector label{display:none}.reports-header:after{color:#666;content:" | " attr(data-time-range);font-size:.9rem;margin-left:10px}}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}}@media (max-width:768px){.reports-header{flex-direction:column}.header-actions,.reports-header{align-items:stretch}.time-range-selector{justify-content:space-between}.export-buttons{flex-wrap:wrap;justify-content:center}.insights-grid,.metrics-grid{grid-template-columns:1fr}.range-select{min-width:120px}}@media (max-width:480px){.reports-header h1{font-size:1.8rem}.metric-card{flex-direction:column;gap:15px;text-align:center}.metric-icon{font-size:1.5rem;height:50px;width:50px}.metric-value{font-size:1.6rem}.chart-card{padding:15px}.export-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.settings-container{padding:20px}.settings-header{margin-bottom:30px}.settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:8px}.page-subtitle{color:#666;font-size:1rem;margin:0}.settings-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:250px 1fr}.settings-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:100px}.sidebar-section{margin-bottom:30px}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h4{border-bottom:2px solid #f0f0f0;color:#666;font-size:.9rem;letter-spacing:.5px;margin:0 0 15px;padding-bottom:10px;text-transform:uppercase}.sidebar-btn{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.95rem;gap:10px;margin-bottom:5px;padding:12px 15px;text-align:left;transition:all .3s;width:100%}.sidebar-btn:hover{background:#f8f9fa;color:#1e3c72}.sidebar-btn.active{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.sidebar-btn:disabled{cursor:not-allowed;opacity:.6}.sidebar-btn span{font-size:1.1rem}.settings-content{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:30px}.settings-section{border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:30px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{color:#333;font-size:1.5rem;margin:0 0 10px}.section-description{color:#666;font-size:.95rem;margin:0 0 25px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group label{color:#333;font-size:.95rem;font-weight:600}.hint{color:#666;display:block;font-size:.85rem;font-weight:400;margin-top:4px}.form-group input,.form-group select,.form-group textarea{color:#333;transition:all .3s}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.disabled-input{background-color:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#333;cursor:pointer;font-size:.95rem;font-weight:500;padding-left:35px;position:relative}.checkbox-label input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;height:22px;left:0;position:absolute;top:0;transition:all .3s;width:22px}.checkbox-label:hover input~.checkmark{border-color:#1e3c72}.checkbox-label input:checked~.checkmark{background:linear-gradient(135deg,#1e3c72,#2a5298);border-color:#1e3c72}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.checkbox-label input:checked~.checkmark:after{display:block}.profile-header{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.profile-info h4{color:#333;font-size:1.3rem;margin:0 0 5px}.profile-role{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:8px;padding:4px 10px}.profile-email{color:#666;font-size:.95rem;margin:0}.profile-actions,.security-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;margin-top:30px;padding-top:20px}.system-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.info-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.info-label{color:#666;font-size:.9rem;font-weight:500}.info-value{color:#333;font-size:1rem;font-weight:600}.status-active{color:#10b981}.system-actions{display:flex;gap:15px;margin-top:30px}.settings-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:flex-end;margin-top:40px;padding-top:30px}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 30px;transition:all .3s}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #1e3c724d;transform:translateY(-2px)}.btn-secondary:hover:not(:disabled){background:#1e3c72;color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#c82333);box-shadow:0 6px 20px #dc35454d;transform:translateY(-2px)}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:1024px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static}}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.profile-header{text-align:center}.profile-header,.settings-actions{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{width:100%}.profile-actions,.security-actions,.system-actions{flex-direction:column}}.form-group.full-width{grid-column:1/-1}.btn-danger-outline{background:#0000;border:1px solid #dc3545;color:#dc3545}.btn-danger-outline:hover{background:#dc3545;color:#fff}.disabled-input{background:#f8f9fa;cursor:not-allowed}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9em;padding:0;text-decoration:underline}.btn-link:hover{color:#0056b3;text-decoration:none}.password-form{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.password-strength{position:relative}.strength-bar{background:#e9ecef;border-radius:2px;height:4px;margin:.5rem 0;overflow:hidden;width:100%}.strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background .3s ease}.strength-fill,.strength-very-weak .strength-fill{background:#dc3545}.strength-weak .strength-fill{background:#ffc107}.strength-medium .strength-fill{background:#fd7e14}.strength-strong .strength-fill{background:#28a745}.password-requirements{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;margin:1rem 0;padding:1rem}.password-requirements h4{color:#495057;font-size:.9em;margin:0 0 .5rem}.password-requirements ul{list-style:none;margin:0;padding-left:1.2rem}.password-requirements li{color:#6c757d;font-size:.85em;margin:.25rem 0}.password-requirements li.valid{color:#28a745}.password-match{border-radius:.25rem;font-size:.85em;font-weight:500;margin:.5rem 0;padding:.5rem}.password-match.valid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.password-match.invalid{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.password-actions{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1rem}@media (max-width:768px){.password-actions{flex-direction:column}.password-actions .btn-primary,.password-actions .btn-secondary{width:100%}}.password-form input[type=password]{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.password-form input[type=password]:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffff2;box-shadow:0 2px 20px #0000001a;height:60px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:20px}.navbar-logo{align-items:center;cursor:pointer;display:flex;gap:12px}.logo-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.navbar-right{align-items:center;display:flex;gap:25px}.notification-icon{border-radius:50%;cursor:pointer;font-size:1.2rem;padding:8px;position:relative;transition:background-color .3s}.notification-icon:hover{background-color:#f5f5f5}.notification-badge{align-items:center;animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#ff4757,#ff3838);border-radius:50%;box-shadow:0 2px 5px #ff47574d;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-info{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:25px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;position:relative;transition:all .3s}.user-info:hover{background:#f8f9fa;border-color:#e0e0e0}.user-avatar{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:50%;box-shadow:0 4px 10px #1e3c7233;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-details{display:flex;flex-direction:column}.user-name{color:#333;font-size:.9rem;font-weight:600}.user-role{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dropdown-arrow{color:#666;font-size:.7rem;transition:transform .3s}.user-info:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{animation:dropdownFade .3s ease;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1001}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;color:#555;cursor:pointer;display:flex;gap:12px;padding:15px 20px;transition:background-color .3s}.dropdown-item:hover{background-color:#f8f9fa;color:#1e3c72}.dropdown-item span:first-child{font-size:1.1rem}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background-color:#fee;color:#c82333}.dropdown-divider{background:#eee;height:1px;margin:5px 0}@media (max-width:768px){.navbar{padding:0 15px}.dropdown-arrow,.user-name,.user-role{display:none}}.sidebar{background:linear-gradient(135deg,#1a1a2e,#16213e);bottom:0;box-shadow:5px 0 30px #0003;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:60px;transition:all .3s cubic-bezier(.4,0,.2,1);width:250px;z-index:999}.sidebar.collapsed{width:70px}.sidebar-toggle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 3px 15px #0003;color:#1e3c72;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;position:absolute;right:-15px;top:30px;transition:all .3s;width:30px;z-index:1001}.sidebar-toggle:hover{box-shadow:0 5px 20px #0000004d;transform:scale(1.1)}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:30px 20px 20px}.sidebar-logo{align-items:center;display:flex;gap:15px;transition:all .3s}.logo-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4cc9f0,#4361ee);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;min-width:30px;text-align:center}.logo-text{color:#f0f0f0;font-size:1.1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .logo-text{display:none}.sidebar-menu{flex:1 1;overflow-y:auto;padding:20px 0}.menu-item{align-items:center;border-radius:10px;color:#ffffffb3;display:flex;gap:15px;margin:5px 10px;padding:15px 25px;position:relative;text-decoration:none;transition:all .3s;white-space:nowrap}.menu-item:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}.menu-item.active{background:linear-gradient(135deg,#4361ee,#3a0ca3);box-shadow:0 5px 15px #4361ee66;color:#fff}.menu-item.active:before{background:#4cc9f0;border-radius:0 4px 4px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.menu-icon{font-size:1.3rem;min-width:30px;text-align:center;transition:transform .3s}.menu-item:hover .menu-icon{transform:scale(1.2)}.menu-text{font-size:.95rem;font-weight:500;transition:all .3s}.sidebar.collapsed .menu-text{display:none}.sidebar.collapsed .menu-item{justify-content:center;padding:15px}.sidebar.collapsed .menu-item:hover:after{background:#16213e;border-radius:6px;box-shadow:0 5px 15px #0000004d;color:#fff;content:attr(title);font-size:.85rem;left:calc(100% + 15px);padding:8px 15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.user-profile{align-items:center;animation:fadeIn .5s ease;display:flex;gap:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-avatar{align-items:center;background:linear-gradient(135deg,#4cc9f0,#4361ee);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.profile-info{flex:1 1;overflow:hidden}.profile-name{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:#fff9;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.sidebar.collapsed .user-profile{justify-content:center}.sidebar.collapsed .profile-info{display:none}.sidebar.collapsed .profile-avatar{font-size:.8rem;height:35px;width:35px}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:250px}.sidebar-toggle{display:none}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}.App,.loading-screen{display:flex;flex-direction:column}.loading-screen{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.main-content{margin-left:250px;margin-top:60px;min-height:calc(100vh - 60px);padding:30px;transition:all .3s ease}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalFadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto;padding:30px;position:relative;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:20px;top:20px;transition:color .3s;width:30px}.btn-close:hover{background-color:#f5f5f5;color:#333}.btn-primary{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;box-shadow:0 4px 12px #1e3c7233;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px #1e3c724d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;border:2px solid #1e3c72;border-radius:8px;color:#1e3c72;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s}.btn-secondary:hover{background:#1e3c72;color:#fff}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;gap:12px;margin:16px 0;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.alert-danger{background-color:#fee;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.form-group input::placeholder{color:#999}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:20px;padding:24px;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.status-chip{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-chip.boarded{background-color:#d4f5d6;color:#155724}.status-chip.unboarded{background-color:#e9ecef;color:#495057}.status-chip.overdue{background-color:#f8d7da;color:#721c24}@media (max-width:768px){.main-content{margin-left:0;padding:20px}.modal{padding:20px;width:95%}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.c4437b2b.css.map*/