@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-app:#f5f5f7;--bg-card:#fff;--bg-input:#f9f9fb;--bg-sidebar:#1c1c1e;--border-color:#e4e4e7;--border-focus:#1e3a8a;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-sidebar:#ffffffbf;--text-sidebar-active:#fff;--brand-primary:#0e284d;--brand-primary-hover:#153c72;--brand-primary-glow:#0e284d26;--brand-owner:#d2af5f;--brand-owner-hover:#b59146;--brand-owner-glow:#d2af5f26;--brand-danger:#dc2626;--brand-warning:#d97706;--brand-success:#16a34a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #0000001a;--shadow-card:0 2px 8px #0000000a, 0 0 0 1px #00000008;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease-spring:cubic-bezier(.16, 1, .3, 1);--transition:all .22s var(--ease-spring)}.dark-theme,[data-theme=dark]{--bg-app:#0a0a0b;--bg-card:#18181b;--bg-input:#27272a;--bg-sidebar:#111113;--border-color:#ffffff12;--border-focus:#60a5fa;--text-primary:#fafafa;--text-secondary:#e4e4e7;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--text-sidebar:#ffffffb3;--text-sidebar-active:#fff;--brand-primary:#5c8bd6;--brand-primary-hover:#7ba7f2;--brand-primary-glow:#5c8bd626;--brand-owner:#e2c27c;--brand-owner-hover:#d2af5f;--brand-owner-glow:#e2c27c26;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #0009;--shadow-card:0 2px 8px #0000004d, 0 0 0 1px #ffffff0a}.high-contrast{--bg-app:#fff!important;--bg-card:#fff!important;--bg-input:#fff!important;--border-color:#000!important;--text-primary:#000!important;--text-secondary:#000!important;--text-muted:#222!important;--brand-primary:#00c!important;--brand-owner:#060!important;--shadow-sm:none!important;--shadow-md:none!important;--shadow-lg:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:700;line-height:1.2}#root,.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-topbar{z-index:200;background:var(--bg-card);border-bottom:1px solid var(--border-color);height:56px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-brand{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:8px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-accent-text{color:var(--brand-owner);font-weight:800}.brand-blue-text{color:var(--brand-primary);font-weight:800}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-user-info{flex-direction:column;align-items:flex-end;margin-right:8px;display:flex}.topbar-user-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.topbar-user-role{color:var(--text-muted);font-size:11px;line-height:1}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);width:34px;height:34px;color:var(--text-tertiary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--border-color);color:var(--text-primary)}.icon-btn--text{width:auto;padding:0 10px;font-size:11px;font-weight:700}.logout-btn{border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;transition:var(--transition);background:#dc26260f;border:1px solid #dc262640;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;display:flex}.logout-btn:hover{background:#dc26261f}.app-main{flex:1;width:100%}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);padding:16px;font-size:11px}.icon-btn--active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.passenger-topbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 0;display:flex}.passenger-greeting{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:2px;font-size:18px;font-weight:700}.passenger-id{color:var(--text-muted);font-size:12px}.passenger-topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wallet-chip{background:var(--brand-primary-glow);border:1px solid var(--brand-primary);border-opacity:.2;color:var(--brand-primary);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.wallet-add-btn{background:var(--brand-primary);color:#fff;cursor:pointer;width:20px;height:20px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.wallet-add-btn:hover{filter:brightness(1.15)}.passenger-tabs{border-bottom:1.5px solid var(--border-color);scrollbar-width:none;background:0 0;border-radius:0;gap:12px;margin-bottom:24px;padding:0 0 12px;display:flex;overflow-x:auto}.passenger-tabs::-webkit-scrollbar{display:none}.passenger-tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:#ffffff0d;border:1.5px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.passenger-tab:hover{color:var(--brand-primary);background:var(--brand-primary-glow);transform:translateY(-1px)}.passenger-tab--active{box-shadow:0 4px 12px var(--brand-primary-glow);font-weight:700;background:var(--brand-primary)!important;color:#fff!important}.dark-theme .passenger-tab{background:#ffffff0a}.dark-theme .passenger-tab:hover{color:#fff;background:#ffffff14}.notif-dot{background:var(--brand-danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.notif-dropdown{z-index:200;width:300px;max-height:340px;padding:12px;position:absolute;top:42px;right:0;overflow-y:auto;box-shadow:var(--shadow-lg)!important}.notif-dropdown-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;font-size:13px;font-weight:700;display:flex}.notif-item{border-bottom:1px solid var(--border-color);border-left:3px solid #0000;margin-bottom:2px;padding:8px 0 8px 8px}.notif-item--info{border-left-color:var(--brand-primary)}.notif-item--success{border-left-color:var(--brand-success)}.notif-item--warning{border-left-color:var(--brand-warning)}.notif-item--danger{border-left-color:var(--brand-danger)}.notif-item-title{color:var(--text-primary);font-size:12px;font-weight:600}.notif-item-msg{color:var(--text-muted);margin-top:2px;font-size:11px}.notif-item-time{color:var(--text-muted);text-align:right;margin-top:4px;font-size:9px}.owner-shell{height:calc(100vh - 57px);display:flex;overflow:hidden}.owner-sidebar{background:var(--bg-sidebar);flex-direction:column;flex-shrink:0;width:240px;padding:16px 0;display:flex;overflow-y:auto}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;padding:12px 20px 6px;font-size:10px;font-weight:700}.sidebar-tab{color:var(--text-sidebar);cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:9px 20px;font-size:13px;font-weight:500;display:flex;position:relative}.sidebar-tab.active{color:var(--text-sidebar-active);background:#ffffff1a;font-weight:600}.sidebar-tab.active:before{content:"";background:var(--brand-primary);border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-tab-badge{background:var(--brand-danger);color:#fff;text-align:center;border-radius:20px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.owner-content{background:var(--bg-app);flex:1;padding:28px;overflow-y:auto}.view-viewport{max-width:1100px;margin:0 auto;padding:28px 24px 80px}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition);margin-bottom:20px;padding:24px}.page-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.page-header-title{font-family:var(--font-sans);color:var(--text-primary);font-size:20px;font-weight:700}.page-header-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 1px 3px #00000026, 0 4px 16px var(--brand-primary-glow)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);box-shadow:0 4px 20px var(--brand-primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-owner{background:var(--brand-owner);color:#fff;box-shadow:0 1px 3px #00000026, 0 4px 16px var(--brand-owner-glow)}.btn-owner:hover:not(:disabled){background:var(--brand-owner-hover);transform:translateY(-1px)}.btn-owner:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-input);border-color:var(--border-focus);color:var(--text-primary)}.btn-danger{background:var(--brand-danger);color:#fff;animation:2s infinite sos-pulse}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02)}.btn-ghost{color:var(--text-tertiary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg-input);color:var(--text-primary)}.btn-full{width:100%}.btn-sm{padding:7px 14px;font-size:12px}.link-btn{color:var(--brand-primary);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.link-btn:hover{opacity:.8}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.form-hint{color:var(--text-muted);margin-top:2px;font-size:12px}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group .form-label,.form-group label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.input-field{background:var(--bg-input);border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-body);transition:var(--transition);outline:none;padding:11px 14px;font-size:14px}.input-field:hover{border-color:#c4c4d0}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-primary-glow);background:var(--bg-card)}.dark-theme .input-field:hover{border-color:#ffffff26}.input-otp{text-align:center;letter-spacing:8px;font-size:22px;font-weight:700}select.input-field{appearance:none}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .input-field{padding-right:42px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;transition:color .15s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--text-primary)}.phone-input-wrapper{display:flex}.phone-prefix{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--text-tertiary);white-space:nowrap;border-right:none;align-items:center;padding:11px 12px;font-size:14px;font-weight:500;display:flex}.phone-input{border-radius:0 var(--radius-sm) var(--radius-sm) 0!important}.seat-grid{background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);gap:10px;max-width:300px;margin:20px auto;padding:20px;display:grid;position:relative}.seat-grid:before{content:"DRIVER";letter-spacing:.12em;color:var(--text-muted);font-size:9px;font-weight:700;position:absolute;top:-22px;right:12px}.seat{aspect-ratio:1;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;color:var(--text-secondary);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.seat.available:hover{border-color:var(--brand-primary);background:var(--brand-primary-glow);color:var(--brand-primary);transform:scale(1.06)}.seat.selected{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 3px 10px var(--brand-primary-glow);transform:scale(1.08)}.seat.booked{background:var(--bg-input);color:var(--text-muted);cursor:not-allowed;border-color:#0000;font-size:10px}.seat.women-safety{color:#be123c;background:#fff1f2;border-color:#fecdd3}.dark-theme .seat.women-safety{color:#fb7185;background:#be123c1f;border-color:#be123c4d}.seat.women-safety:hover{background:#ffe4e6}.seat-gap{visibility:hidden;grid-column:3}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:18px}.kpi-card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.kpi-card-value{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--text-primary);font-size:26px;font-weight:800;line-height:1}.kpi-card-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.badge{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#16a34a;background:#16a34a1a}.badge-warning{color:#d97706;background:#d977061a}.badge-danger{color:#dc2626;background:#dc26261a}.badge-neutral{background:var(--bg-input);color:var(--text-tertiary)}.badge-primary{background:var(--brand-primary-glow);color:var(--brand-primary)}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:10px 14px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;padding:12px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-input)}.route-track{background:#6366f10a;border-radius:30px;align-items:center;height:60px;margin:30px 0;padding:0 20px;display:flex;position:relative}.route-progress-bar{background:var(--brand-primary);z-index:1;border-radius:2px;height:4px;position:absolute;left:20px;right:20px}.route-stop{background:var(--bg-card);border:2.5px solid var(--brand-primary);z-index:2;cursor:pointer;width:14px;height:14px;transition:var(--transition);border-radius:50%;position:absolute;transform:translate(-50%)}.route-stop:hover{transform:translate(-50%)scale(1.3)}.route-stop-label{white-space:nowrap;color:var(--text-tertiary);font-size:10px;font-weight:600;position:absolute;top:22px;left:50%;transform:translate(-50%)}.bus-marker{background:var(--brand-owner);color:#fff;z-index:3;width:30px;height:30px;box-shadow:0 4px 12px var(--brand-owner-glow);border-radius:50%;justify-content:center;align-items:center;transition:left 2s linear;display:flex;position:absolute;transform:translate(-50%,-10px)}@keyframes sos-pulse{0%{box-shadow:0 0 #dc262680}70%{box-shadow:0 0 0 14px #dc262600}to{box-shadow:0 0 #dc262600}}@keyframes live-pulse{0%{transform:scale(.95);box-shadow:0 0 #16a34a80}70%{transform:scale(1);box-shadow:0 0 0 8px #16a34a00}to{transform:scale(.95);box-shadow:0 0 #16a34a00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pulse-indicator{background:#16a34a;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.5s infinite live-pulse}.auth-shell{background:var(--bg-app);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-bg-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.auth-bg-orb--1{background:#4f46e50f;width:500px;height:500px;top:-200px;left:-150px}.auth-bg-orb--2{background:#0596690d;width:400px;height:400px;bottom:-100px;right:-100px}.auth-top-controls{z-index:100;background:var(--bg-app);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.auth-card-wrapper{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:860px;margin-top:56px;display:flex;position:relative}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:fade-in .35s var(--ease-spring);padding:36px}.auth-card--wide{max-width:860px}.auth-brand-hero{text-align:center;margin-bottom:36px}.auth-brand-icon{background:var(--brand-primary);color:#fff;width:60px;height:60px;box-shadow:0 8px 24px var(--brand-primary-glow);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.auth-brand-title{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--text-primary);font-size:28px;font-weight:800}.auth-brand-subtitle{color:var(--text-muted);margin-top:6px;font-size:13px}.portal-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.portal-card{background:var(--bg-app);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:var(--transition);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;padding:28px 24px;display:flex}.portal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.portal-card--passenger:hover{border-color:var(--brand-primary)}.portal-card--owner:hover{border-color:var(--brand-owner)}.portal-card-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.portal-card-icon--passenger{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 20px #4f46e540}.portal-card-icon--owner{background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 8px 20px #05966940}.portal-card-title{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:700}.portal-card-desc{color:var(--text-muted);flex:1;margin-bottom:16px;font-size:13px;line-height:1.5}.portal-card-features{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.portal-card-features span{color:var(--text-tertiary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:500}.portal-card-btn{pointer-events:none;width:100%}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-bottom:20px;padding:0;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.back-btn:hover{color:var(--text-primary)}.auth-form-title{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700}.auth-form-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:13px}.auth-tab-bar{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:24px;padding:3px;display:flex}.auth-tab{border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;display:flex}.auth-tab--active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.btn-google{border-radius:var(--radius-sm);border:1.5px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:10px;padding:11px 20px;font-size:14px;font-weight:600;display:flex}.btn-google:hover{background:var(--bg-input);border-color:#c4c4d0}.btn-google:disabled{opacity:.5;cursor:not-allowed}.auth-alert{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500;animation:.2s fade-in;display:flex}.auth-alert--error{color:#dc2626;background:#dc262614;border:1px solid #dc262633}.auth-alert--success{color:#16a34a;background:#16a34a14;border:1px solid #16a34a33}.auth-alert-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;margin-left:auto;font-size:16px}.auth-alert-close:hover{opacity:1}.auth-hint-text{color:var(--text-muted);background:var(--bg-input);border-radius:var(--radius-xs);border:1px solid var(--border-color);margin-bottom:16px;padding:10px 12px;font-size:12px;line-height:1.5}.twofa-hero{text-align:center;margin-bottom:24px}.twofa-icon{background:var(--brand-owner-glow);width:56px;height:56px;color:var(--brand-owner);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.auth-footer-text{color:var(--text-muted);text-align:center;margin-top:20px;font-size:12px}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}@media (width<=768px){.portal-grid{grid-template-columns:1fr}.auth-card{border-radius:var(--radius-lg);padding:24px}.owner-shell{flex-direction:column;height:auto}.owner-sidebar{flex-direction:row;width:100%;height:auto;padding:8px;overflow-x:auto}.sidebar-section-label{display:none}.sidebar-tab{border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:8px 14px}.sidebar-tab.active:before{display:none}.owner-content{padding:16px}.form-row{grid-template-columns:1fr}.view-viewport{padding:16px 16px 80px}.app-topbar{padding:0 16px}.topbar-user-info{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.auth-card{border-radius:var(--radius-md);margin:0 -8px}.kpi-grid{grid-template-columns:1fr 1fr}}.creative-loader-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;animation:fadeIn .3s var(--ease-spring);background:#0f172ad9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.orbit-spinner{perspective:800px;border-radius:50%;width:70px;height:70px;position:relative}.orbit-ring{border-radius:50%;width:100%;height:100%;position:absolute}.orbit-ring-one{border-bottom:3.5px solid #0e284d;animation:1.2s linear infinite orbit-rotate-one;top:0;left:0}.orbit-ring-two{border-right:3.5px solid #d2af5f;animation:1.2s linear infinite orbit-rotate-two;top:0;right:0}.orbit-ring-three{border-top:3.5px solid #cbd5e1;animation:1.2s linear infinite orbit-rotate-three;bottom:0;right:0}.loader-logo-center{color:#0e284d;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;animation:1.5s ease-in-out infinite pulse-logo;display:flex;position:absolute;top:calc(50% - 14px);left:calc(50% - 14px);box-shadow:0 0 10px #fffc}.loader-text{color:#f8fafc;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 4px #00000080;margin-top:24px;font-size:13px;font-weight:700;animation:1.5s ease-in-out infinite pulse-text}@keyframes orbit-rotate-one{0%{transform:rotateX(35deg)rotateY(-45deg)rotate(0)}to{transform:rotateX(35deg)rotateY(-45deg)rotate(360deg)}}@keyframes orbit-rotate-two{0%{transform:rotateX(50deg)rotateY(10deg)rotate(0)}to{transform:rotateX(50deg)rotateY(10deg)rotate(360deg)}}@keyframes orbit-rotate-three{0%{transform:rotateX(35deg)rotateY(55deg)rotate(0)}to{transform:rotateX(35deg)rotateY(55deg)rotate(360deg)}}@keyframes pulse-logo{0%,to{transform:scale(1);box-shadow:0 0 10px #fff9}50%{transform:scale(1.15);box-shadow:0 0 20px #2563ebe6}}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.btn-primary{background:var(--brand-primary)!important;box-shadow:0 4px 12px var(--brand-primary-glow)!important;border-radius:var(--radius-sm)!important;color:#fff!important;border:none!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important}.btn-primary:hover{box-shadow:0 6px 16px var(--brand-primary-glow)!important;background:var(--brand-primary-hover)!important;transform:translateY(-2px)!important}.btn-secondary{border:1px solid var(--border-color)!important;background:#ffffff0d!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.btn-secondary:hover{background:#ffffff1f!important;transform:translateY(-1px)!important}.glass-card{-webkit-backdrop-filter:blur(16px)saturate(120%)!important;backdrop-filter:blur(16px)saturate(120%)!important;box-shadow:var(--shadow-md)!important;background:#ffffffb3!important;border:1px solid #fff3!important;transition:all .3s!important}.dark-theme .glass-card,[data-theme=dark] .glass-card{background:#18181bbf!important;border:1px solid #ffffff0d!important}.glass-card:hover{box-shadow:var(--shadow-lg)!important}.input-field{border-radius:var(--radius-xs)!important;transition:all .22s!important}.input-field:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--brand-primary-glow)!important}.auth-shell:not(.dark-theme){background:#f4f5f8!important}.auth-shell:not(.dark-theme) .auth-card{-webkit-backdrop-filter:blur(24px)saturate(120%)!important;backdrop-filter:blur(24px)saturate(120%)!important;background:#ffffffa6!important;border:1px solid #e4e4e799!important;box-shadow:0 20px 40px #0000000a,inset 0 1px #fff9!important}.auth-shell:not(.dark-theme) .auth-brand-title,.auth-shell:not(.dark-theme) .auth-form-title{color:#0f172a!important}.auth-shell:not(.dark-theme) .auth-brand-subtitle,.auth-shell:not(.dark-theme) .auth-form-subtitle,.auth-shell:not(.dark-theme) .form-label{color:#475569!important}.auth-shell:not(.dark-theme) .portal-card{background:#fff6!important;border:1px solid #e4e4e780!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.auth-shell:not(.dark-theme) .portal-card:hover{background:#ffffffd9!important;transform:translateY(-5px)!important;box-shadow:0 12px 30px #0000000d!important}.auth-shell:not(.dark-theme) .portal-card--passenger:hover{border-color:#0e284d!important;box-shadow:0 12px 30px #0e284d26!important}.auth-shell:not(.dark-theme) .portal-card--owner:hover{border-color:#d2af5f!important;box-shadow:0 12px 30px #d2af5f26!important}.auth-shell:not(.dark-theme) .portal-card-title{color:#0f172a!important}.auth-shell:not(.dark-theme) .portal-card-desc{color:#475569!important}.auth-shell:not(.dark-theme) .portal-card-features span{color:#475569!important;background:#fffc!important;border-color:#e4e4e7cc!important}.auth-shell:not(.dark-theme) .auth-tab-bar{background:#f1f5f9cc!important;border-color:#e4e4e7cc!important}.auth-shell:not(.dark-theme) .auth-tab{color:#475569!important}.auth-shell:not(.dark-theme) .auth-tab--active{color:#0f172a!important;background:#fff!important;box-shadow:0 4px 12px #0000000d!important}.auth-shell:not(.dark-theme) .input-field{color:#0f172a!important;background:#fffc!important;border-color:#e4e4e7cc!important}.auth-shell:not(.dark-theme) .input-field:focus{border-color:#0e284d!important;box-shadow:0 0 0 3px #0e284d26!important}.auth-shell:not(.dark-theme) .auth-divider{color:#94a3b8!important}.auth-shell:not(.dark-theme) .auth-divider:before,.auth-shell:not(.dark-theme) .auth-divider:after{background-color:#e4e4e7cc!important}.auth-shell:not(.dark-theme) .auth-top-controls{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#f8fafccc!important;border-bottom:1px solid #e4e4e7cc!important}.auth-shell:not(.dark-theme) .topbar-brand{color:#0f172a!important}.auth-shell:not(.dark-theme) .auth-footer-text,.auth-shell:not(.dark-theme) .link-btn{color:#64748b!important}.auth-shell:not(.dark-theme) .link-btn:hover{color:#0f172a!important}.auth-shell:not(.dark-theme) .portal-card-icon--passenger{background:#0e284d!important;box-shadow:0 8px 20px #0e284d40!important}.auth-shell:not(.dark-theme) .portal-card-icon--owner{background:#d2af5f!important;box-shadow:0 8px 20px #d2af5f40!important}.auth-shell.dark-theme{background:#0b0f19!important}.auth-shell.dark-theme .auth-bg-orb--1,.auth-shell.dark-theme .auth-bg-orb--2{display:none!important}.auth-shell.dark-theme .auth-card{-webkit-backdrop-filter:blur(24px)saturate(120%)!important;backdrop-filter:blur(24px)saturate(120%)!important;background:#0f172a73!important;border:1px solid #ffffff14!important;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d!important}.auth-shell.dark-theme .auth-brand-title,.auth-shell.dark-theme .auth-form-title{color:#fff!important}.auth-shell.dark-theme .auth-brand-subtitle,.auth-shell.dark-theme .auth-form-subtitle,.auth-shell.dark-theme .form-label{color:#94a3b8!important}.auth-shell.dark-theme .portal-card{background:#1e293b40!important;border:1px solid #ffffff0d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.auth-shell.dark-theme .portal-card:hover{background:#1e293b73!important;transform:translateY(-5px)!important;box-shadow:0 12px 30px #0000004d!important}.auth-shell.dark-theme .portal-card--passenger:hover{border-color:#3b82f6!important;box-shadow:0 12px 30px #2563eb26!important}.auth-shell.dark-theme .portal-card--owner:hover{border-color:#fbbf24!important;box-shadow:0 12px 30px #fbbf2426!important}.auth-shell.dark-theme .portal-card-title{color:#f1f5f9!important}.auth-shell.dark-theme .portal-card-desc{color:#94a3b8!important}.auth-shell.dark-theme .portal-card-features span{color:#94a3b8!important;background:#0f172a99!important;border-color:#ffffff0f!important}.auth-shell.dark-theme .auth-tab-bar{background:#0f172a99!important;border-color:#ffffff0f!important}.auth-shell.dark-theme .auth-tab{color:#94a3b8!important}.auth-shell.dark-theme .auth-tab--active{color:#fff!important;background:#1e293bcc!important;box-shadow:0 4px 12px #0003!important}.auth-shell.dark-theme .input-field{color:#fff!important;background:#0f172a80!important;border-color:#ffffff14!important}.auth-shell.dark-theme .input-field:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f640!important}.auth-shell.dark-theme .auth-divider{color:#475569!important}.auth-shell.dark-theme .auth-divider:before,.auth-shell.dark-theme .auth-divider:after{background-color:#ffffff14!important}.auth-shell.dark-theme .auth-top-controls{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0f172a66!important;border-bottom:1px solid #ffffff0d!important}.auth-shell.dark-theme .topbar-brand{color:#fff!important}.auth-shell.dark-theme .auth-footer-text{color:#475569!important}.auth-shell.dark-theme .link-btn{color:#94a3b8!important}.auth-shell.dark-theme .link-btn:hover{color:#fff!important}.auth-shell.dark-theme .portal-card-icon--passenger{background:#0e284d!important;box-shadow:0 8px 20px #0e284d40!important}.auth-shell.dark-theme .portal-card-icon--owner{background:#d2af5f!important;box-shadow:0 8px 20px #d2af5f40!important}.owner-sidebar{background:#0b0f19!important;border-right:1px solid #ffffff0d!important}.sidebar-section-label{color:#475569!important;letter-spacing:.12em!important;padding:16px 20px 8px!important;font-size:9.5px!important;font-weight:800!important}.sidebar-tab{color:#94a3b8!important;border-left:3px solid #0000!important;border-radius:0!important;padding:12px 20px!important;font-size:13px!important;font-weight:600!important;transition:all .22s!important}.sidebar-tab:hover{color:#fff!important;background:#ffffff08!important}.sidebar-tab.active{color:var(--brand-owner)!important;border-left:3px solid var(--brand-owner)!important;background:#ffffff0f!important;font-weight:700!important}.sidebar-tab.active:before{display:none!important}.sidebar-tab-badge{background:var(--brand-owner)!important;color:#fff!important;border-radius:12px!important;padding:2px 6px!important;font-size:10px!important;font-weight:800!important;box-shadow:0 2px 8px #d9770633!important}.kpi-card{position:relative;overflow:hidden;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:16px!important;padding:20px!important;transition:all .25s!important}.kpi-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--brand-owner)!important;transform:translateY(-2px)!important}.kpi-card-label{color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:11px!important;font-weight:700!important}.kpi-card-value{margin-top:4px;letter-spacing:-.04em!important;color:var(--text-primary)!important;font-size:28px!important;font-weight:800!important}.kpi-card-sub{color:var(--text-secondary)!important;font-size:11.5px!important}select option{background:var(--bg-card)!important;color:var(--text-primary)!important}.pl-overlay{z-index:99999;background:#060b14;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.pl-glow{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.pl-glow--navy{background:radial-gradient(circle,#0e284d8c 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite alternate pl-glow-drift;top:-180px;left:-120px}.pl-glow--gold{background:radial-gradient(circle,#d2af5f38 0%,#0000 70%);width:380px;height:380px;animation:10s ease-in-out infinite alternate-reverse pl-glow-drift;bottom:-140px;right:-80px}@keyframes pl-glow-drift{0%{transform:translate(0)}to{transform:translate(30px,20px)}}.pl-particle{background:#d2af5f80;border-radius:50%;width:2px;height:2px;animation:linear infinite pl-float;position:absolute;bottom:-6px}@keyframes pl-float{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.7}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(.4)}}.pl-card{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a101cb3;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:380px;padding:36px 28px 28px;display:flex;box-shadow:0 32px 80px #0009,inset 0 1px #ffffff0f}.pl-logo-ring{width:80px;height:80px;margin-bottom:20px;position:relative}.pl-logo-ring__orbit{border-radius:50%;position:absolute;inset:0}.pl-logo-ring__orbit--1{border:2px solid #d2af5f;border-color:#d2af5f #d2af5f4d #0000 #0000;animation:1.4s linear infinite pl-spin}.pl-logo-ring__orbit--2{border:1.5px solid #0000;border-color:#0000 #0000 #5c8bd6 #5c8bd64d;animation:2s linear infinite reverse pl-spin;inset:8px}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-logo-ring__core{background:#0e1a2e;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:16px;box-shadow:0 0 20px #0e284d99}.pl-logo-img{object-fit:contain;border-radius:6px;width:28px;height:28px}.pl-brand{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:22px;font-weight:800}.pl-brand__andhra{color:#5c8bd6}.pl-brand__bus{color:#d2af5f}.pl-tagline-wrap{height:20px;margin-bottom:20px;overflow:hidden}.pl-tagline{font-family:var(--font-body);letter-spacing:.06em;color:#475569;text-transform:uppercase;margin:0;font-size:11.5px;font-weight:500}.pl-scene{background:#0d1b2e;border:1px solid #ffffff0d;border-radius:14px;width:100%;margin-bottom:24px;overflow:hidden;box-shadow:inset 0 2px 12px #00000080,0 8px 24px #0006}.pl-scene__svg{width:100%;height:auto;display:block}.pl-road-dash{animation:.45s linear infinite pl-road}@keyframes pl-road{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32px}}.pl-wheel{transform-origin:50%;animation:.3s linear infinite pl-spin}.pl-headlight{animation:1.8s ease-in-out infinite pl-headlight-pulse}@keyframes pl-headlight-pulse{0%,to{opacity:.6}50%{opacity:1}}.pl-headlight-bulb{animation:1.8s ease-in-out infinite pl-headlight-pulse}.pl-taillight{animation:1.2s ease-in-out infinite pl-tail-blink}@keyframes pl-tail-blink{0%,to{opacity:1}50%{opacity:.4}}.pl-bus-body{animation:.1s linear infinite pl-vibrate}@keyframes pl-vibrate{0%,to{transform:translateY(0)}50%{transform:translateY(-.7px)}}.pl-star{animation:2s ease-in-out infinite pl-twinkle}@keyframes pl-twinkle{0%,to{opacity:.2}50%{opacity:.8}}.pl-puff--1{animation:1.2s ease-out infinite pl-puff-drift}.pl-puff--2{animation:1.2s ease-out .4s infinite pl-puff-drift}@keyframes pl-puff-drift{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-18px,-10px)scale(2.5)}}.pl-progress-wrap{width:100%;margin-bottom:20px}.pl-progress-track{background:#ffffff12;border-radius:4px;width:100%;height:4px;margin-bottom:10px;position:relative;overflow:hidden}.pl-progress-fill{background:linear-gradient(90deg,#0e284d,#d2af5f);border-radius:4px;height:100%;position:relative}.pl-progress-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);animation:1.6s linear infinite pl-shimmer;position:absolute;inset:0}@keyframes pl-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.pl-progress-meta{justify-content:space-between;align-items:center;display:flex}.pl-progress-label{color:#334155;letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:500}.pl-progress-pct{font-family:var(--font-sans);color:#d2af5f;letter-spacing:-.02em;font-size:13px;font-weight:700}.pl-dots{gap:6px;display:flex}.pl-dot{background:#1e3a5f;border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite pl-bounce}@keyframes pl-bounce{0%,80%,to{background:#1e3a5f;transform:translateY(0)}40%{background:#d2af5f;transform:translateY(-6px)}}