.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:#0a0e1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);z-index:100}.navbar-left{display:flex;align-items:center;gap:var(--space-md)}.navbar-toggle{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.navbar-toggle:hover{background:var(--bg-glass-hover)}.navbar-toggle span{width:20px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all var(--transition-base)}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm)}.brand-icon{font-size:1.8rem}.brand-name{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.brand-sub{font-size:var(--fs-xs);color:var(--text-muted);display:block}.navbar-right{display:flex;align-items:center;gap:var(--space-lg)}.navbar-status{display:flex;align-items:center;gap:var(--space-sm);padding:6px 14px;background:#00b89414;border:1px solid rgba(0,184,148,.2);border-radius:100px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-success);animation:pulse-glow 2s ease-in-out infinite}.status-text{font-size:var(--fs-xs);color:var(--accent-success);font-weight:500}.navbar-user{display:flex;align-items:center;gap:var(--space-sm);padding:6px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--border-radius-xl)}.user-avatar{font-size:1.5rem}.user-info{display:flex;flex-direction:column}.user-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.user-role{font-size:var(--fs-xs);color:var(--text-muted);text-transform:capitalize}.logout-btn{padding:6px;border-radius:50%;color:var(--text-muted);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.logout-btn:hover{color:var(--accent-danger);background:#e170551a}@media (max-width: 768px){.navbar{padding:0 var(--space-md)}.navbar-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.navbar-status,.user-info,.brand-sub{display:none}.navbar-right{gap:var(--space-sm)}}.sidebar{position:fixed;top:var(--navbar-height);left:0;bottom:0;background:#0a0e1aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);z-index:90;display:flex;flex-direction:column;transition:width var(--transition-base);overflow:hidden}.sidebar-open{width:var(--sidebar-width)}.sidebar-closed{width:var(--sidebar-collapsed)}.sidebar-header{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-glass)}.sidebar-role-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);background:var(--gradient-card);border:1px solid var(--border-glow);border-radius:var(--border-radius-md)}.role-icon{font-size:1.5rem;flex-shrink:0}.role-details{display:flex;flex-direction:column;overflow:hidden}.role-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);text-transform:capitalize;white-space:nowrap}.role-id{font-size:var(--fs-xs);color:var(--text-muted)}.sidebar-nav{flex:1;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-md);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;transition:all var(--transition-fast);text-decoration:none;position:relative;overflow:hidden;white-space:nowrap}.sidebar-link:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.sidebar-link-active{color:var(--text-primary);background:#6c5ce71f}.sidebar-link-icon{font-size:1.2rem;flex-shrink:0;width:28px;text-align:center}.sidebar-link-label{overflow:hidden;text-overflow:ellipsis}.sidebar-active-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);border-radius:0 4px 4px 0}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-glass)}.sidebar-footer-text{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-xs);color:var(--text-muted)}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:85}.sidebar,.sidebar-open,.sidebar-closed{width:var(--sidebar-width)}.sidebar-link{min-height:48px}}.app-layout{min-height:100vh;position:relative}.main-content{margin-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));transition:margin-left var(--transition-base);position:relative;z-index:1}.main-sidebar-open{margin-left:var(--sidebar-width)}.main-sidebar-closed{margin-left:var(--sidebar-collapsed)}@media (max-width: 768px){.main-content{margin-left:0!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-lg)}.login-container{position:relative;z-index:1;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl)}.login-hero{text-align:center}.login-logo{font-size:4rem;display:block;margin-bottom:var(--space-md);animation:float 4s ease-in-out infinite}.login-title{font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.login-subtitle{font-size:var(--fs-md);color:var(--text-secondary);margin-top:var(--space-sm)}.login-form-container{width:100%}.login-form-card{padding:var(--space-xl)}.form-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.form-role-icon{font-size:2rem}.form-header h2{font-size:var(--fs-xl);font-weight:700}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-hint{display:block;font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.login-error{padding:var(--space-sm) var(--space-md);background:#e170551a;border:1px solid rgba(225,112,85,.3);border-radius:var(--border-radius-sm);color:var(--accent-danger);font-size:var(--fs-sm)}.login-submit-btn{padding:14px;border-radius:var(--border-radius-md);color:#fff;font-size:var(--fs-base);font-weight:600;letter-spacing:.03em;margin-top:var(--space-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:filter var(--transition-fast);background:var(--accent-primary)}.login-submit-btn:hover:not(:disabled){filter:brightness(1.15)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-demo-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-glass);text-align:center}.demo-label{display:block;font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.demo-buttons{display:flex;gap:var(--space-sm);justify-content:center}.demo-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);font-size:var(--fs-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-transform:capitalize}.demo-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--accent-primary)}@media (max-width: 600px){.login-title{font-size:var(--fs-2xl)}.login-container{max-width:100%}.demo-buttons{flex-wrap:wrap}}.quick-section{padding:var(--space-lg)}.quick-section h3{font-size:var(--fs-lg);margin-bottom:var(--space-md);color:var(--text-primary)}.fleet-list{display:flex;flex-direction:column;gap:var(--space-sm)}.fleet-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.fleet-item:hover{background:var(--bg-glass-hover)}.fleet-bus-info{display:flex;align-items:center;gap:var(--space-sm)}.fleet-bus-number{font-weight:700;font-size:var(--fs-sm);color:var(--accent-primary);background:#6c5ce71a;padding:2px 10px;border-radius:6px}.fleet-bus-name{font-size:var(--fs-sm);color:var(--text-secondary)}.fleet-meta{display:flex;align-items:center;gap:var(--space-sm)}.fleet-driver{font-size:var(--fs-xs);color:var(--text-muted)}.recent-complaints{display:flex;flex-direction:column;gap:var(--space-sm)}.complaint-preview{padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border-radius:var(--border-radius-sm);border-left:3px solid var(--accent-warning)}.complaint-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.complaint-student{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.complaint-subject{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:4px}.complaint-date{font-size:var(--fs-xs);color:var(--text-muted)}@media (max-width: 768px){.quick-section{padding:var(--space-md)}.fleet-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.fleet-meta{width:100%;justify-content:space-between}.complaint-preview-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.tracking-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-lg);min-height:550px}.tracking-sidebar{padding:var(--space-lg)}.tracking-sidebar h3{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.bus-list{display:flex;flex-direction:column;gap:var(--space-sm)}.bus-list-item{display:flex;flex-direction:column;gap:4px;padding:var(--space-md);background:var(--bg-glass);border:1px solid transparent;border-radius:var(--border-radius-md);text-align:left;transition:all var(--transition-fast);width:100%}.bus-list-item:hover{background:var(--bg-glass-hover)}.bus-list-item-active{border-color:var(--accent-primary);background:#6c5ce714}.bus-list-header{display:flex;justify-content:space-between;align-items:center}.bus-number-tag{font-weight:700;font-size:var(--fs-sm);color:var(--accent-primary);background:#6c5ce71a;padding:2px 8px;border-radius:6px}.bus-speed{font-size:var(--fs-xs);color:var(--accent-success);font-weight:600}.bus-route-name{font-size:var(--fs-xs);color:var(--text-secondary)}.bus-driver-name{font-size:var(--fs-xs);color:var(--text-muted)}.tracking-map-area{display:flex;flex-direction:column;overflow:hidden}.tracking-map-area .map-container{flex:1;min-height:400px}.route-info-bar{display:flex;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#6c5ce70f;border-top:1px solid var(--border-glass)}.route-info-item{display:flex;flex-direction:column;gap:2px}.rib-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.rib-value{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600}.leaflet-popup-content-wrapper{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-radius:var(--border-radius-md)!important;border:1px solid var(--border-glass)!important}.leaflet-popup-tip{background:var(--bg-secondary)!important}.leaflet-popup-content{margin:10px 14px!important;font-family:var(--font-body)!important;font-size:var(--fs-sm)!important}.leaflet-control-zoom{border:1px solid var(--border-glass)!important;border-radius:var(--border-radius-md)!important;overflow:hidden}.leaflet-control-zoom a{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-glass)!important;width:36px!important;height:36px!important;line-height:36px!important;font-size:18px!important;transition:background var(--transition-fast)!important}.leaflet-control-zoom a:hover{background:var(--bg-glass-hover)!important;color:var(--accent-primary)!important}@media (max-width: 768px){.tracking-layout{grid-template-columns:1fr}.route-info-bar{flex-wrap:wrap;gap:var(--space-md)}}@media (max-width: 480px){.bus-list-item{padding:var(--space-sm)}.route-info-bar{padding:var(--space-sm) var(--space-md)}.route-info-item{flex:1 1 45%}}.dd-card{padding:var(--space-lg);position:relative;overflow:hidden}.dd-status-bar{position:absolute;top:0;left:0;right:0;height:3px}.dd-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.dd-header h3{font-size:var(--fs-lg)}.dd-edit-btn{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#6c5ce71a;border:1px solid rgba(108,92,231,.2);cursor:pointer;font-size:1rem;transition:all .2s}.dd-edit-btn:hover{background:#6c5ce740;transform:scale(1.1)}.dd-info{display:flex;flex-direction:column;gap:var(--space-sm)}.dd-divider{border-top:1px solid var(--border-glass);padding-top:var(--space-sm);margin-top:var(--space-xs)}.dd-edit-form{padding-top:var(--space-sm)}.dd-edit-form h4{margin-bottom:var(--space-md);font-size:var(--fs-md);color:var(--accent-primary)}.dd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.dd-field{display:flex;flex-direction:column;gap:4px}.dd-field label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dd-field input,.dd-field select{padding:8px 12px;background:var(--bg-secondary, rgba(0, 0, 0, .2));color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--border-radius-sm, 6px);font-size:var(--fs-sm);transition:border-color .2s}.dd-field input:focus,.dd-field select:focus{border-color:var(--accent-primary);outline:none}.dd-edit-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.dd-save-btn{padding:8px 20px;background:#00b894;color:#fff;border:none;border-radius:var(--border-radius-sm, 6px);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all .2s}.dd-save-btn:hover{background:#00a884}.dd-cancel-btn{padding:8px 20px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:var(--border-radius-sm, 6px);font-size:var(--fs-sm);cursor:pointer;transition:all .2s}.dd-cancel-btn:hover{background:#ffffff0a}.dd-add-btn{padding:10px 24px;background:var(--accent-primary, #6c5ce7);color:#fff;border:none;border-radius:var(--border-radius-md, 8px);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all .2s}.dd-add-btn:hover{filter:brightness(1.15)}.dd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.dd-modal{width:90%;max-width:520px;padding:var(--space-xl)}.dd-modal h3{margin-bottom:var(--space-lg);font-size:var(--fs-xl)}.dd-toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);padding:var(--space-md) var(--space-xl);background:#00b89426;border:1px solid rgba(0,184,148,.4);color:var(--accent-success);border-radius:var(--border-radius-md, 8px);font-weight:600;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 600px){.dd-form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dd-card{padding:var(--space-md)}.dd-modal{width:95%;padding:var(--space-md)}.dd-edit-actions{flex-direction:column}.dd-save-btn,.dd-cancel-btn{width:100%;min-height:44px;text-align:center}.dd-toast{left:var(--space-md);right:var(--space-md);bottom:var(--space-md);text-align:center}.dd-header{flex-wrap:wrap}}.complaints-filters{display:flex;gap:var(--space-sm);padding:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:var(--space-sm);padding:8px 18px;border-radius:100px;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-glass);border:1px solid transparent;transition:all var(--transition-fast);text-transform:capitalize}.filter-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.filter-btn-active{background:#6c5ce726;border-color:var(--accent-primary);color:var(--accent-primary)}.filter-count{background:var(--bg-glass);padding:1px 8px;border-radius:8px;font-size:var(--fs-xs);font-weight:600}.complaints-list{display:flex;flex-direction:column;gap:var(--space-md)}.complaint-card{padding:var(--space-lg)}.cc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.cc-id{font-size:var(--fs-xs);color:var(--text-muted);font-family:monospace}.cc-header h4{font-size:var(--fs-md);margin-top:4px}.cc-meta{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px;display:block}.cc-body p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.cc-response{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#00cec90f;border:1px solid rgba(0,206,201,.15);border-radius:var(--border-radius-sm);font-size:var(--fs-sm);color:var(--text-secondary)}.cc-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-glass)}.cc-respond-form{display:flex;flex-direction:column;gap:var(--space-sm)}.cc-btn{padding:8px 18px;border-radius:var(--border-radius-sm);font-size:var(--fs-sm);font-weight:600;transition:all var(--transition-fast)}.cc-btn-respond{background:#6c5ce726;color:var(--accent-primary);border:1px solid rgba(108,92,231,.3)}.cc-btn-respond:hover{background:#6c5ce740}.cc-btn-resolve{background:#00b89426;color:var(--accent-success);border:1px solid rgba(0,184,148,.3)}.cc-btn-resolve:hover{background:#00b89440}.cc-btn-send{background:var(--accent-primary);color:#fff}.cc-btn-cancel{background:var(--bg-glass);color:var(--text-secondary)}@media (max-width: 768px){.cc-header{flex-direction:column;gap:var(--space-sm)}.complaints-filters{gap:var(--space-xs)}.filter-btn{padding:10px 14px;font-size:var(--fs-xs)}.complaint-card{padding:var(--space-md)}.cc-footer{display:flex;flex-direction:column;gap:var(--space-sm)}.cc-btn{min-height:44px;display:flex;align-items:center;justify-content:center}}.sm-layout{display:grid;grid-template-columns:300px 1fr 280px;gap:var(--space-lg);min-height:600px}.sm-student-panel{display:flex;flex-direction:column;padding:0;overflow:hidden}.sm-search{padding:var(--space-md);border-bottom:1px solid var(--border-glass)}.sm-student-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.sm-student-item{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);border:1px solid transparent;margin-bottom:var(--space-xs);transition:all var(--transition-fast)}.sm-student-item:hover{background:var(--bg-glass-hover)}.sm-student-active{background:#6c5ce714;border-color:var(--accent-primary)}.sm-stu-top{display:flex;align-items:center;gap:var(--space-sm)}.sm-stu-avatar{font-size:1.4rem}.sm-stu-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);display:block}.sm-stu-id{font-size:var(--fs-xs);color:var(--text-muted);font-family:monospace}.sm-stu-meta{display:flex;gap:var(--space-sm);margin-top:6px;font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;align-items:center}.sm-seat-panel{padding:var(--space-lg)}.sm-bus-selector{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.sm-bus-selector h3{font-size:var(--fs-lg)}.sm-bus-selector .form-select{max-width:220px}.seat-map-wrapper{display:flex;flex-direction:column;align-items:center}.seat-map-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.seat-legend{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-md);font-size:var(--fs-xs);color:var(--text-muted)}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:middle}.legend-available{background:#00b8944d;border:1px solid rgba(0,184,148,.5)}.legend-booked{background:#e170554d;border:1px solid rgba(225,112,85,.5)}.legend-selected{background:#6c5ce766;border:1px solid var(--accent-primary)}.seat-detail-card{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-glass);border-radius:var(--border-radius-md);border:1px solid var(--border-glass)}.seat-detail-card h4{margin-bottom:var(--space-sm)}.seat-detail-info p{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:4px}.sm-detail-panel{padding:var(--space-lg)}.sm-detail-panel h3{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.sm-detail-rows{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.detail-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:var(--fs-sm);color:var(--text-primary);font-weight:500}@media (max-width: 1024px){.sm-layout{grid-template-columns:1fr}}@media (max-width: 768px){.sm-layout{grid-template-columns:1fr;gap:var(--space-md)}.sm-seat-panel,.sm-detail-panel,.sm-student-panel{padding:var(--space-md)}.sm-bus-selector{flex-direction:column;align-items:flex-start}.sm-bus-selector .form-select{max-width:100%;width:100%}.seat-legend{flex-wrap:wrap;gap:var(--space-sm)}.detail-row{flex-direction:column;gap:2px}}.route-mgmt{padding:1rem}.route-mgmt .page-header h1{font-size:1.8rem;margin-bottom:.3rem}.route-mgmt .page-header p{color:var(--text-secondary);margin-bottom:1.5rem}.routes-grid{display:flex;flex-direction:column;gap:1rem}.route-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--primary);border-radius:var(--radius-lg);padding:1.2rem;cursor:pointer;transition:all .3s ease}.route-card:hover{transform:translate(4px);background:#ffffff0f}.route-card.expanded{background:#ffffff0f}.route-card-header{display:flex;align-items:center;gap:1rem}.route-badge{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff;flex-shrink:0}.route-info h3{font-size:1rem;margin:0;color:var(--text-primary)}.route-city{font-size:.8rem;color:var(--text-secondary)}.route-meta{margin-left:auto;display:flex;gap:.8rem;align-items:center}.stop-count{font-size:.8rem;color:var(--text-secondary);background:#ffffff0d;padding:4px 10px;border-radius:var(--radius-sm)}.bus-status{font-size:.75rem;padding:3px 8px;border-radius:var(--radius-sm);font-weight:600}.bus-status.active{background:#00b89426;color:#00b894}.bus-status.maintenance{background:#fdcb6e26;color:#fdcb6e}.route-driver{display:flex;gap:1rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--glass-border);font-size:.85rem;color:var(--text-secondary);flex-wrap:wrap}.driver-phone{color:var(--primary)}.conductor{color:var(--text-secondary)}.route-detail{overflow:hidden;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.stops-timeline h4,.route-actions h4{font-size:1rem;margin-bottom:.8rem;color:var(--text-primary)}.stop-item{display:flex;align-items:center;gap:.8rem;position:relative;padding:.4rem 0 .4rem 1.5rem}.stop-item:before{content:"";position:absolute;left:7px;top:24px;bottom:-8px;width:2px;background:var(--glass-border)}.stop-item:last-child:before{display:none}.stop-dot{width:14px;height:14px;border-radius:50%;border:3px solid var(--primary);background:var(--bg-primary);position:absolute;left:0;flex-shrink:0}.stop-content{display:flex;justify-content:space-between;width:100%}.stop-name{font-size:.85rem;color:var(--text-primary)}.stop-time{font-size:.8rem;color:var(--accent);font-weight:600;white-space:nowrap}.route-actions{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.assignment-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary)}.assignment-info strong{color:var(--text-primary)}.assignment-info .active{color:#00b894}.assignment-info .maintenance{color:#fdcb6e}.btn-reassign{background:#6c5ce726;color:var(--primary);border:1px solid var(--primary);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;transition:all .2s}.btn-reassign:hover{background:var(--primary);color:#fff}.driver-select{display:flex;gap:.5rem;align-items:center}.driver-select select{flex:1;padding:8px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:.85rem}.btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border);padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem}@media (max-width: 768px){.route-card-header{flex-wrap:wrap}.route-meta{width:100%;margin-left:0;margin-top:.5rem}.stop-content{flex-direction:column}}.approvals-page{padding:1rem}.approvals-page .page-header h1{font-size:1.8rem;margin-bottom:.3rem}.approvals-page .page-header p{color:var(--text-secondary);margin-bottom:1.5rem}.filter-btn{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.2rem}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.student-info{display:flex;align-items:center;gap:.8rem}.student-avatar{font-size:1.5rem}.student-info h4{margin:0;font-size:1rem;color:var(--text-primary)}.student-id{font-size:.8rem;color:var(--text-secondary)}.request-status{padding:4px 12px;border:1px solid;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.transfer-visual{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:var(--radius-md);margin-bottom:1rem}.from-bus,.to-bus{flex:1}.transfer-visual .label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.3rem}.transfer-visual .bus-name{font-size:.9rem;color:var(--text-primary);font-weight:600}.arrow{font-size:1.5rem;color:var(--primary)}.request-reason{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.approval-actions{border-top:1px solid var(--glass-border);padding-top:1rem}.note-input{width:100%;padding:10px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:.85rem;margin-bottom:.8rem;box-sizing:border-box}.action-btns{display:flex;gap:.5rem}.btn-approve{flex:1;padding:10px;background:#00b89426;color:#00b894;border:1px solid #00b894;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .2s}.btn-approve:hover{background:#00b894;color:#fff}.btn-reject{flex:1;padding:10px;background:#e1705526;color:#e17055;border:1px solid #e17055;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .2s}.btn-reject:hover{background:#e17055;color:#fff}.admin-note{font-size:.85rem;color:var(--accent);margin-top:.5rem}.request-date{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;display:block}@media (max-width: 768px){.request-header{flex-direction:column;align-items:flex-start;gap:.5rem}.transfer-visual{flex-direction:column;text-align:center}.arrow{transform:rotate(90deg)}.from-bus,.to-bus{width:100%}.action-btns{flex-direction:column}.btn-approve,.btn-reject{min-height:44px}.request-card{padding:1rem}}.visit-approvals-page{padding:1rem;max-width:900px}.visit-approvals-page .page-header h1{font-size:1.8rem;margin-bottom:.3rem}.visit-approvals-page .page-header p{color:var(--text-secondary);margin-bottom:1.5rem}.filter-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{padding:8px 18px;border-radius:var(--radius-md, 8px);font-size:.85rem;font-weight:600;background:var(--glass-bg, rgba(255, 255, 255, .04));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-btn:hover{background:#6c5ce714}.filter-btn.active{background:var(--primary, #6c5ce7);color:#fff;border-color:var(--primary, #6c5ce7)}.empty-state{text-align:center;padding:3rem}.empty-state p{color:var(--text-secondary);margin-top:.8rem}.visits-list{display:flex;flex-direction:column;gap:1rem}.visit-card{padding:1.2rem;border-radius:var(--radius-lg, 12px)}.visit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.faculty-info h4{margin:0;font-size:1rem}.faculty-id{font-size:.8rem;color:var(--text-secondary)}.visit-status{font-size:.75rem;font-weight:700;padding:3px 12px;border:1px solid;border-radius:var(--radius-sm, 6px)}.visit-details{display:flex;gap:1.5rem;margin-bottom:.8rem;flex-wrap:wrap}.detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-label{font-size:.75rem;color:var(--text-secondary)}.detail-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.visit-purpose{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.approval-actions{border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08));padding-top:1rem;margin-top:.5rem}.assign-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap}.assign-row label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.assign-row select{flex:1;padding:10px;background:var(--bg-secondary, #1a1a2e);color:var(--text-primary);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);font-size:.85rem}.note-input{width:100%;padding:10px;margin-bottom:.8rem;background:var(--bg-secondary, #1a1a2e);color:var(--text-primary);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);font-size:.85rem;box-sizing:border-box}.action-btns{display:flex;gap:.8rem}.btn-approve{padding:10px 20px;background:#00b894;color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.btn-approve:hover{background:#00a884}.btn-reject{padding:10px 20px;background:transparent;color:#e17055;border:1px solid #e17055;border-radius:var(--radius-md, 8px);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.btn-reject:hover{background:#e170551a}.approved-route-card{margin-top:.8rem;padding:1rem;background:#00b8940f;border:1px solid rgba(0,184,148,.15);border-radius:var(--radius-md, 8px)}.approved-route-card h5{margin:0 0 .8rem;font-size:.9rem;color:#00b894}.temp-route-stops{display:flex;align-items:center;margin-bottom:.8rem}.temp-stop{display:flex;align-items:center;gap:.6rem}.stop-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.stop-dot.start{background:#6c5ce7;border:2px solid #a29bfe}.stop-dot.end{background:#e17055;border:2px solid #fab1a0}.route-line{flex:1;height:2px;min-width:40px;background:repeating-linear-gradient(90deg,#6c5ce7,#6c5ce7 6px,transparent 6px,transparent 12px);margin:0 .5rem}.stop-info{display:flex;flex-direction:column}.stop-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:700}.stop-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.temp-route-meta{display:flex;gap:1.2rem;font-size:.8rem;color:var(--text-secondary)}.visit-date-meta{font-size:.75rem;color:var(--text-secondary);display:block;margin-top:.5rem;text-align:right}@media (max-width: 768px){.visit-header{flex-direction:column;align-items:flex-start;gap:.5rem}.action-btns{flex-direction:column}.btn-approve,.btn-reject{width:100%;min-height:44px;text-align:center}.assign-row{flex-direction:column;align-items:stretch}.assign-row select{width:100%}.temp-route-stops{flex-direction:column;align-items:flex-start;gap:.5rem}.route-line{display:none}.visit-date-meta{text-align:left}}.sd-section{padding:var(--space-lg)}.sd-section h3{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.route-details{display:flex;flex-direction:column}.rd-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.rd-meta{display:flex;gap:var(--space-md);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.rd-stops{display:flex;flex-direction:column;gap:0;position:relative}.rd-stop{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;position:relative}.rd-stop:not(:last-child):after{content:"";position:absolute;top:28px;left:6px;width:2px;height:calc(100% - 16px);background:var(--border-glass)}.rd-stop-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:3px;box-shadow:0 0 8px currentColor}.rd-stop-info{display:flex;justify-content:space-between;width:100%}.rd-stop-name{font-size:var(--fs-sm);color:var(--text-primary);font-weight:500}.rd-stop-time{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.fee-info{display:flex;flex-direction:column;gap:var(--space-sm)}.fee-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm);color:var(--text-secondary)}.fee-amount{font-weight:600;color:var(--text-primary)}.driver-info-card{display:flex;flex-direction:column;gap:var(--space-sm)}.dic-row{display:flex;justify-content:space-between;font-size:var(--fs-sm)}.dic-row span:first-child{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase}.dic-row span:last-child{color:var(--text-primary);font-weight:500}@media (max-width: 768px){.sd-section{padding:var(--space-md)}.rd-meta{flex-direction:column;gap:var(--space-xs)}.fee-row{font-size:var(--fs-xs)}.dic-row{flex-direction:column;gap:2px}}.sb-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-lg)}.sb-controls{padding:var(--space-lg)}.sb-controls h3{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.sb-bus-list{display:flex;flex-direction:column;gap:var(--space-sm)}.sb-bus-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;border-radius:var(--border-radius-md);border:1px solid transparent;transition:all var(--transition-fast)}.sb-bus-item:hover{background:var(--bg-glass-hover)}.sb-bus-active{border-color:var(--accent-primary);background:#6c5ce714}.sb-bus-num{font-weight:700;font-size:var(--fs-xs);color:var(--accent-primary);background:#6c5ce71a;padding:2px 8px;border-radius:6px;flex-shrink:0}.sb-bus-name{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.sb-bus-route{display:block;font-size:var(--fs-xs);color:var(--text-muted)}.sb-bus-cap{font-size:var(--fs-xs);color:var(--text-muted);margin-left:auto}.sb-map-area{padding:var(--space-lg);position:relative}.sb-map-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.sb-map-header h3{font-size:var(--fs-lg)}.sb-route-tag{font-size:var(--fs-sm);font-weight:600}.sb-confirm-bar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#6c5ce714;border:1px solid var(--border-glow);border-radius:var(--border-radius-md)}.sb-confirm-info{display:flex;gap:var(--space-lg);font-size:var(--fs-sm);color:var(--text-secondary)}.sb-confirm-btn{padding:10px 28px;background:var(--accent-primary);color:#fff;font-weight:600;border-radius:var(--border-radius-md);transition:filter var(--transition-fast)}.sb-confirm-btn:hover{filter:brightness(1.15)}.sb-success-toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);background:#00b89426;border:1px solid rgba(0,184,148,.4);color:var(--accent-success);padding:var(--space-md) var(--space-xl);border-radius:var(--border-radius-md);font-weight:600;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seat-locked:not(.seat-booked){opacity:.4;cursor:not-allowed!important}@media (max-width: 768px){.sb-layout{grid-template-columns:1fr}.sb-confirm-bar{flex-direction:column;gap:var(--space-md);text-align:center}}@media (max-width: 480px){.sb-controls,.sb-map-area{padding:var(--space-md)}.sb-confirm-info{flex-direction:column;gap:var(--space-xs)}.sb-confirm-btn{width:100%}}.bus-change-page{padding:1rem;max-width:800px}.bus-change-page .page-header h1{font-size:1.8rem;margin-bottom:.3rem}.bus-change-page .page-header p{color:var(--text-secondary);margin-bottom:1.5rem}.current-bus-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.2rem;margin-bottom:1.5rem}.current-bus-card h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px}.current-bus-info{display:flex;align-items:center;gap:1rem}.bus-badge{background:var(--primary);color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-weight:700;font-size:1rem}.current-bus-info strong{display:block;font-size:1.1rem;color:var(--text-primary)}.current-bus-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.change-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.change-form h3,.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-group select,.form-group textarea{width:100%;padding:12px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;box-sizing:border-box}.form-group textarea{resize:vertical}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.btn-submit{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--primary-dark, #5a4bd1);transform:translateY(-1px)}.btn-submit:disabled{opacity:.7;cursor:default}.history-section h3{margin-bottom:1rem}.history-list{display:flex;flex-direction:column;gap:.8rem}.history-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem}.history-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.history-status{font-size:.75rem;font-weight:700;padding:3px 10px;border:1px solid;border-radius:var(--radius-sm)}.history-date{font-size:.8rem;color:var(--text-secondary)}.history-transfer{font-size:.9rem;color:var(--primary);font-weight:600;margin-bottom:.3rem}.history-reason{font-size:.85rem;color:var(--text-secondary)}.history-note{font-size:.85rem;color:var(--accent);margin-top:.5rem}@media (max-width: 768px){.current-bus-info{flex-direction:column;align-items:flex-start;gap:.5rem}.history-header{flex-direction:column;gap:.3rem}.change-form{padding:1rem}.btn-submit{min-height:48px}}.fd-section{padding:var(--space-lg)}.fd-section h3{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.fd-visit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.fd-visit-dest{font-size:var(--fs-lg);font-weight:700}.fd-visit-meta{display:flex;gap:var(--space-md);font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--space-md);flex-wrap:wrap}.fd-route-timeline{display:flex;flex-direction:column;gap:0;padding:var(--space-sm) 0}.fd-route-stop{display:flex;align-items:flex-start;gap:var(--space-md);position:relative;padding-bottom:var(--space-sm)}.fd-route-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:3px;z-index:1}.fd-route-dot.start{background:#6c5ce7;border:2px solid #a29bfe}.fd-route-dot.mid{background:#fdcb6e;border:2px solid #ffeaa7}.fd-route-dot.end{background:#e17055;border:2px solid #fab1a0}.fd-route-connector{position:absolute;left:6px;top:18px;bottom:0;width:2px;background:repeating-linear-gradient(180deg,var(--text-muted) 0,var(--text-muted) 4px,transparent 4px,transparent 8px)}.fd-route-info{display:flex;flex-direction:column}.fd-route-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.fd-route-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.fd-empty{text-align:center;padding:var(--space-xl)}.fd-empty span{font-size:2.5rem;display:block;margin-bottom:var(--space-sm)}.fd-empty p{color:var(--text-muted);font-size:var(--fs-sm)}.fd-requests-list{display:flex;flex-direction:column;gap:var(--space-sm)}.fd-req-card{padding:var(--space-md);background:var(--bg-glass, rgba(255, 255, 255, .02));border-radius:var(--border-radius-sm, 8px);border-left:3px solid var(--accent-primary)}.fd-req-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fd-req-header h4{font-size:var(--fs-sm);margin:0}.fd-req-meta{display:flex;gap:var(--space-sm);font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:6px;flex-wrap:wrap}.fd-mini-route{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:var(--fs-xs);color:var(--text-secondary);padding:6px 8px;background:#6c5ce70f;border-radius:6px}.fd-mini-stop{white-space:nowrap}.fd-mini-arrow{color:var(--accent-primary);margin:0 4px;font-weight:700}@media (max-width: 768px){.fd-section{padding:var(--space-md)}.fd-visit-header,.fd-req-header{flex-direction:column;gap:var(--space-xs)}.fd-visit-meta{font-size:.65rem}}.iv-section{padding:var(--space-lg)}.iv-section h3{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.iv-form{display:flex;flex-direction:column;gap:var(--space-md)}.iv-submit-btn{padding:12px 24px;background:var(--accent-primary);color:#fff;border-radius:var(--border-radius-md);font-weight:600;transition:filter var(--transition-fast)}.iv-submit-btn:hover{filter:brightness(1.15)}.iv-toast{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#00b8941a;border:1px solid rgba(0,184,148,.3);border-radius:var(--border-radius-sm);color:var(--accent-success);font-size:var(--fs-sm)}.iv-stop-input-row{display:flex;gap:var(--space-sm)}.iv-stop-input-row .form-input{flex:1}.iv-add-stop-btn{padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--border-radius-sm, 6px);font-weight:600;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;transition:all .2s}.iv-add-stop-btn:hover{filter:brightness(1.15)}.iv-stops-preview{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#6c5ce70f;border-radius:var(--border-radius-sm, 6px);border:1px solid rgba(108,92,231,.1)}.iv-preview-route{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:var(--fs-xs)}.iv-preview-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.iv-preview-dot.start{background:#6c5ce7}.iv-preview-dot.mid{background:#fdcb6e}.iv-preview-dot.end{background:#e17055}.iv-preview-name{font-weight:600;color:var(--text-primary)}.iv-preview-arrow{color:var(--accent-primary);font-weight:700;margin:0 2px}.iv-preview-stop{display:flex;align-items:center;gap:4px}.iv-remove-stop{background:#e1705526;color:#e17055;border:none;border-radius:50%;width:18px;height:18px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.iv-remove-stop:hover{background:#e170554d}.iv-list{display:flex;flex-direction:column;gap:var(--space-md)}.iv-card{padding:var(--space-md);background:var(--bg-glass);border-radius:var(--border-radius-md);border-left:3px solid var(--accent-primary)}.iv-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.iv-card-header h4{font-size:var(--fs-md)}.iv-card-meta{display:flex;gap:var(--space-md);font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--space-sm);flex-wrap:wrap}.iv-card-purpose{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.iv-route-card{margin-top:var(--space-sm);padding:var(--space-md);background:#00b8940f;border:1px solid rgba(0,184,148,.15);border-radius:var(--border-radius-md)}.iv-route-card h5{margin:0 0 var(--space-sm) 0;font-size:var(--fs-sm);color:var(--accent-success)}.iv-route-stops-full{display:flex;flex-direction:column}.iv-route-stop-item{display:flex;align-items:flex-start;gap:var(--space-sm);position:relative;padding-bottom:var(--space-xs, 6px)}.iv-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:3px;z-index:1}.iv-dot.start{background:#6c5ce7;border:2px solid #a29bfe}.iv-dot.mid{background:#fdcb6e;border:2px solid #ffeaa7}.iv-dot.end{background:#e17055;border:2px solid #fab1a0}.iv-connector{position:absolute;left:5px;top:16px;bottom:0;width:2px;background:repeating-linear-gradient(180deg,var(--text-muted) 0,var(--text-muted) 3px,transparent 3px,transparent 6px)}.iv-stop-detail{display:flex;flex-direction:column}.iv-stop-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.iv-stop-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.iv-bus-tag{display:inline-block;margin-top:var(--space-xs, 4px);font-size:var(--fs-xs);color:var(--accent-success);font-weight:600}.iv-validation-error{padding:var(--space-sm) var(--space-md);background:#e170551a;border:1px solid rgba(225,112,85,.3);border-radius:var(--border-radius-sm);color:#e17055;font-size:var(--fs-sm);font-weight:500}@media (max-width: 768px){.iv-section{padding:var(--space-md)}.iv-card-header{flex-direction:column;gap:var(--space-xs)}.iv-stop-input-row{flex-direction:column}.iv-add-stop-btn{width:100%;min-height:44px}.iv-card-meta{font-size:.65rem}}.parent-tracking-page{min-height:100vh;position:relative;padding:var(--space-lg)}.pt-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.pt-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.pt-logo{font-size:2.5rem;animation:float 4s ease-in-out infinite}.pt-title{font-family:var(--font-heading);font-size:var(--fs-2xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pt-subtitle{font-size:var(--fs-sm);color:var(--text-secondary)}.pt-info-bar{display:flex;gap:var(--space-xl);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.pt-info-item{display:flex;flex-direction:column;gap:2px}.pt-info-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.pt-info-value{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600}.pt-map{margin-bottom:var(--space-lg);overflow:hidden;padding:0}.pt-stops{padding:var(--space-lg);margin-bottom:var(--space-lg)}.pt-stops h3{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.pt-stops-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pt-stop-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0}.pt-stop-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pt-stop-name{flex:1;font-size:var(--fs-sm);font-weight:500}.pt-stop-time{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.pt-footer{text-align:center;padding:var(--space-xl) 0;font-size:var(--fs-xs);color:var(--text-muted)}@media (max-width: 768px){.pt-info-bar{gap:var(--space-md)}.pt-map .map-container{height:350px!important}}@media (max-width: 480px){.parent-tracking-page{padding:var(--space-md)}.pt-header{flex-direction:column;text-align:center}.pt-info-bar{flex-direction:column;gap:var(--space-sm)}.pt-map .map-container{height:280px!important}}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1a2035;--bg-card: rgba(17, 25, 45, .75);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--accent-primary: #6c5ce7;--accent-secondary: #00cec9;--accent-tertiary: #fd79a8;--accent-warning: #fdcb6e;--accent-success: #00b894;--accent-danger: #e17055;--gradient-primary: linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-secondary: linear-gradient(135deg, #00cec9, #81ecec);--gradient-accent: linear-gradient(135deg, #fd79a8, #e84393);--gradient-dark: linear-gradient(135deg, #0a0e1a, #1a2035);--gradient-card: linear-gradient(135deg, rgba(108, 92, 231, .1), rgba(0, 206, 201, .05));--gradient-hero: linear-gradient(180deg, #0a0e1a 0%, #141b2d 50%, #0a0e1a 100%);--text-primary: #f0f0f7;--text-secondary: #a0a3b1;--text-muted: #636e83;--text-accent: #a29bfe;--border-glass: rgba(255, 255, 255, .08);--border-glow: rgba(108, 92, 231, .3);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(108, 92, 231, .15);--shadow-glow-lg: 0 0 40px rgba(108, 92, 231, .25);--shadow-cyan-glow: 0 0 20px rgba(0, 206, 201, .15);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-4xl: 3.5rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--sidebar-width: 260px;--sidebar-collapsed: 72px;--navbar-height: 64px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}#root{min-height:100vh}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;background:none}input,select,textarea{font-family:var(--font-body);font-size:var(--fs-base);outline:none;border:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6c5ce74d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6c5ce780}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.glass-panel-glow{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md),var(--shadow-glow)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#00b89426;color:var(--accent-success);border:1px solid rgba(0,184,148,.3)}.badge-warning{background:#fdcb6e26;color:var(--accent-warning);border:1px solid rgba(253,203,110,.3)}.badge-danger{background:#e1705526;color:var(--accent-danger);border:1px solid rgba(225,112,85,.3)}.badge-info{background:#00cec926;color:var(--accent-secondary);border:1px solid rgba(0,206,201,.3)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.form-input{background:#ffffff0a;border:1px solid var(--border-glass);border-radius:var(--border-radius-md);padding:12px 16px;color:var(--text-primary);font-size:var(--fs-base);transition:all var(--transition-base)}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce726,var(--shadow-glow);background:#ffffff0f}.form-input::placeholder{color:var(--text-muted)}.form-select{background:#ffffff0a;border:1px solid var(--border-glass);border-radius:var(--border-radius-md);padding:12px 16px;color:var(--text-primary);font-size:var(--fs-base);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a0a3b1' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce726}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-textarea{background:#ffffff0a;border:1px solid var(--border-glass);border-radius:var(--border-radius-md);padding:12px 16px;color:var(--text-primary);font-size:var(--fs-base);resize:vertical;min-height:100px;transition:all var(--transition-base)}.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce726}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.page-container{padding:var(--space-xl);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:var(--fs-2xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);margin-top:var(--space-xs)}.stat-card{padding:var(--space-lg);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.stat-card .stat-value{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card .stat-label{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.1em}.stat-card .stat-icon{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:2rem;opacity:.2}.data-table-container{overflow-x:auto;border-radius:var(--border-radius-lg)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{background:#6c5ce714;padding:14px 18px;text-align:left;font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border-glass);white-space:nowrap}.data-table tbody td{padding:14px 18px;font-size:var(--fs-sm);color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.03);transition:background var(--transition-fast)}.data-table tbody tr:hover td{background:#6c5ce70a}.seat-map{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);max-width:500px;margin:0 auto}.seat-row{display:flex;justify-content:center;gap:var(--space-xs)}.seat{width:44px;height:44px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;position:relative}.seat-available{background:#00b89426;border-color:#00b89466;color:var(--accent-success)}.seat-available:hover{background:#00b8944d;transform:scale(1.1);box-shadow:0 0 15px #00b8944d}.seat-booked{background:#e1705526;border-color:#e170554d;color:var(--accent-danger);cursor:default}.seat-selected{background:#6c5ce74d;border-color:var(--accent-primary);color:#fff;box-shadow:0 0 20px #6c5ce766;transform:scale(1.1)}.seat-aisle{width:24px;background:none;border:none;cursor:default}.seat-driver{background:#fdcb6e26;border-color:#fdcb6e4d;color:var(--accent-warning);cursor:default}.map-container{border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--border-glass);height:450px}.map-container .leaflet-container{height:100%;width:100%;background:var(--bg-secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #6c5ce733}50%{box-shadow:0 0 25px #6c5ce766}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}@media (hover: none) and (pointer: coarse){button,.sidebar-link,.filter-btn,.seat-available,a{-webkit-tap-highlight-color:transparent}}@media (max-width: 1024px){.page-container{padding:var(--space-lg)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){:root{--fs-3xl: 2rem;--fs-2xl: 1.5rem;--fs-xl: 1.25rem;--fs-4xl: 2.5rem}.page-container{padding:var(--space-md)}.stats-row{grid-template-columns:1fr 1fr}.map-container{height:300px}.seat{width:40px;height:40px}.data-table thead th,.data-table tbody td{padding:10px 12px;font-size:var(--fs-xs)}.stat-card .stat-value{font-size:var(--fs-2xl)}.page-header h1{font-size:var(--fs-xl)}}@media (max-width: 480px){.page-container{padding:var(--space-sm)}.stats-row{grid-template-columns:1fr}.seat{width:36px;height:36px;font-size:.65rem}.seat-legend{flex-wrap:wrap;gap:var(--space-sm)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}}