@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#1db954;--primary-hover:#17a347;--primary-light:#e8f8ee;--secondary:#222;--secondary-hover:#111;--background:#fff;--surface:#f8faf8;--border:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--radius:18px;--radius-sm:8px;--radius-md:12px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 4px 12px #0000000a;--shadow-lg:0 10px 24px #0000000f;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fee2e2;--warning:#f59e0b;--success:#10b981;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-compact-width:72px;--navbar-height:60px;--bottom-nav-height:64px;--bottom-nav-safe:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));--content-padding:clamp(16px, 4vw, 40px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--surface);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:-webkit-fill-available;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}img,svg{max-width:100%;height:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}h1,h2,h3,h4,h5,h6{color:var(--secondary);letter-spacing:-.02em;font-weight:700;line-height:1.2}.app-layout{width:100%;min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);z-index:100;height:100vh;transition:var(--transition);background-color:#fff;flex-direction:column;padding:24px 20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{flex-shrink:0;align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-logo{background-color:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:flex}.brand-logo-small{background-color:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:800;display:flex}.brand-text{letter-spacing:-.03em;color:var(--secondary);white-space:nowrap;font-size:1.4rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:var(--transition);background-color:#0000;border:none;align-items:center;gap:14px;min-height:48px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.nav-item:hover{background-color:var(--surface);color:var(--secondary)}.nav-item.active{background-color:var(--primary-light);color:var(--primary-hover)}.nav-icon{flex-shrink:0}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;padding-top:16px;display:flex}.user-info-card{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;min-height:48px;padding:8px;display:flex}.user-info-card:hover{background-color:var(--surface)}.user-meta{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.user-name{color:var(--secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.logout-btn{border-radius:var(--radius-md);color:var(--danger);cursor:pointer;transition:var(--transition);text-align:left;background-color:#0000;border:none;align-items:center;gap:14px;width:100%;min-height:48px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.logout-btn:hover{background-color:var(--danger-light)}.app-navbar,.bottom-nav{display:none}.app-main-content{margin-left:var(--sidebar-width);padding:var(--content-padding);flex:1;min-height:100vh;transition:margin-left .25s}.content-container{width:100%;max-width:1200px;margin:0 auto}@media (width<=1024px){.app-sidebar{width:var(--sidebar-compact-width);align-items:center;padding:20px 10px}.brand-text,.nav-label,.user-meta{display:none}.sidebar-brand{justify-content:center;margin-bottom:24px}.nav-item,.logout-btn{border-radius:50%;justify-content:center;width:48px;height:48px;margin:0 auto;padding:12px}.user-info-card{justify-content:center;padding:4px}.app-main-content{margin-left:var(--sidebar-compact-width);padding:28px 24px}}@media (width<=768px){.app-sidebar{display:none}.app-navbar{height:var(--navbar-height);border-bottom:1px solid var(--border);padding:0 16px;padding-top:env(safe-area-inset-top);z-index:200;background-color:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 8px #0000000f}.app-main-content{padding:16px;padding-top:calc(var(--navbar-height) + env(safe-area-inset-top) + 12px);padding-bottom:calc(var(--bottom-nav-safe) + 16px);margin-left:0}.bottom-nav{height:var(--bottom-nav-height);border-top:1px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom);background-color:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #0000000f}.bottom-nav-item{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;height:100%;padding:4px 2px;font-size:.65rem;font-weight:600;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes rmPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes rmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rmRipple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.rm-ride-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:18px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #0000000a}.rm-ride-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000017}.flex-center{justify-content:center;align-items:center;display:flex}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px;display:grid}@media (width<=480px){.grid-responsive{grid-template-columns:1fr}}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--primary-light);color:var(--primary-hover)}.badge-secondary{color:#374151;background-color:#f3f4f6}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-warning{color:#d97706;background-color:#fef3c7}.page-title{color:var(--secondary);letter-spacing:-.03em;font-size:clamp(1.4rem,4vw,2rem);font-weight:800}button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,select{appearance:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}