@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--surface:#fff;--background:#f8fafc;--text:#1e293b;--text-secondary:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--border:#e2e8f0;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-lg:16px;--radius-md:10px;--radius-sm:8px;--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--background);color:#1e293b;color:var(--text);font-family:Inter,sans-serif;line-height:1.5}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;transition:all .2s ease;transition:var(--transition)}.glass-card:hover{box-shadow:0 20px 25px -5px #00000026}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;transition:var(--transition)}.btn-primary{background:#4f46e5;background:var(--primary);color:#fff}.btn-primary:hover{background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #4f46e5;border:2px solid var(--primary);color:#4f46e5;color:var(--primary)}.btn-outline:hover{background:#4f46e5;background:var(--primary);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6}.input-group{margin-bottom:1.5rem}.input-group label{color:#64748b;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-group input,.input-group select{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition);width:100%}.input-group input:focus,.input-group select:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:2rem}.status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-active{background:#dbeafe;color:#1e40af}@media (max-width:768px){.glass-card{padding:1.5rem}.dashboard-grid{grid-template-columns:1fr;padding:1rem}.btn{font-size:.9rem;padding:.6rem 1.2rem}}.navbar{flex-wrap:wrap;padding:.75rem 1rem}.navbar-brand{font-size:1rem}.nav-logo{height:24px}.navbar-links{flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.wallet-info{padding:.2rem .5rem}.user-name,.wallet-info{font-size:.9rem}@media (max-width:768px){.sidebar{border-radius:0 16px 16px 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;height:100vh;left:0;margin:0;position:fixed;top:0;transform:translateX(-100%);width:260px;z-index:130}.sidebar.open{transform:translateX(0)}.mobile-menu-toggle{display:flex}.sidebar-overlay{display:block}.dashboard-grid{grid-template-columns:1fr;padding:1rem}}main{padding:1rem}@media (max-width:480px){main{padding:.5rem}}.btn{font-size:.9rem;justify-content:center;padding:.6rem 1.2rem;width:100%}@media (min-width:481px){.btn{width:auto}}.input-group input,.input-group select{font-size:.95rem}.glass-card{padding:1rem}@media (max-width:480px){.glass-card{padding:.75rem}}.modal-content{max-height:85vh;max-width:95%;padding:1rem}.toast{bottom:1rem;font-size:.9rem;left:1rem;right:1rem}.spinner{height:30px;width:30px}.auth-page{padding:1rem}.auth-container{max-width:100%}.auth-title{font-size:1.5rem;margin-bottom:1.5rem}.auth-form{padding:0}.vehicle-grid{gap:.75rem;grid-template-columns:1fr}@media (min-width:600px){.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.report-table{display:block;font-size:.85rem;overflow-x:auto}.report-table td,.report-table th{padding:.5rem}.filter-bar{flex-wrap:wrap;gap:.5rem}input[type=text][placeholder="🔍 Search by plate number..."]{font-size:.95rem}select[size]{font-size:.9rem}.payment-list{padding:0}.payment-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem}.payment-item .passenger-info{flex-direction:column;gap:.25rem}.payment-item .actions{gap:.5rem;justify-content:flex-end;width:100%}.payment-item .actions .btn{font-size:.85rem;padding:.4rem .8rem;width:auto}.vehicle-badge{font-size:.85rem;padding:.2rem .6rem}.start-boarding-card{padding:1rem}.balance-display{font-size:2rem;margin:.75rem 0 1.5rem}.trip-grid{gap:1rem;grid-template-columns:1fr}@media (min-width:500px){.trip-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.trip-card{padding:1rem}.payment-init-form{padding:0}.transaction-table{display:block;font-size:.85rem;overflow-x:auto}.transaction-table td,.transaction-table th{padding:.5rem}.error-message{font-size:.9rem;padding:.5rem .75rem}
/*# sourceMappingURL=main.0ccff4ec.css.map*/