@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0a0f1c;--surface:#111827;--surface2:#1a2235;--surface3:#232d42;--border:#2a3550;--border-light:#354160;--text:#e8ecf4;--text-dim:#9ba3b8;--text-muted:#6b7690;--green:#22c55e;--green-dim:#16a34a;--green-bg:#22c55e14;--green-border:#22c55e33;--amber:#f59e0b;--amber-bg:#f59e0b14;--amber-border:#f59e0b33;--blue:#3b82f6;--blue-bg:#3b82f614;--red:#ef4444;--red-bg:#ef444414;--on-accent:#000;--header-bg:#0a0f1cd9;--tab-bg:#111827eb;--radius:14px;--radius-sm:10px;--font:"Plus Jakarta Sans",-apple-system,sans-serif;--mono:"JetBrains Mono",monospace}[data-theme=light]{--bg:#f5f7fa;--surface:#fff;--surface2:#f0f2f5;--surface3:#e8ebf0;--border:#d8dde6;--border-light:#c8ced8;--text:#1a1d26;--text-dim:#4a5060;--text-muted:#7882a0;--green:#16a34a;--green-dim:#15803d;--green-bg:#16a34a14;--green-border:#16a34a33;--amber:#d97706;--amber-bg:#d9770614;--amber-border:#d9770633;--blue:#2563eb;--blue-bg:#2563eb14;--red:#dc2626;--red-bg:#dc262614;--on-accent:#fff;--header-bg:#f5f7fae6;--tab-bg:#ffffffeb}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}.app-root,body,html{background:#0a0f1c;background:var(--bg)}.app-root{color:#e8ecf4;color:var(--text);font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);margin:0 auto;max-width:480px;min-height:100vh;overflow-x:hidden;position:relative}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0f1cd9;background:var(--header-bg);border-bottom:1px solid #2a3550;border-bottom:1px solid var(--border);justify-content:space-between;padding:calc(env(safe-area-inset-top, 0px) + 10px) 16px 8px;position:sticky;top:0;z-index:50}.header,.logo{align-items:center;display:flex}.logo{gap:8px}.logo-icon{border-radius:8px;height:32px;object-fit:cover;width:32px}.logo-text{font-size:18px;font-weight:800;letter-spacing:-.5px}.logo-sub{color:#6b7690;color:var(--text-muted);font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.header-btn{align-items:center;background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:8px;color:#9ba3b8;color:var(--text-dim);cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;width:34px}.header-btn:hover{background:#1a2235;background:var(--surface2);color:#e8ecf4;color:var(--text)}.avatar-fallback,.avatar-img,.avatar-wrap{border-radius:50%}.header-btn--avatar .avatar-fallback,.header-btn--avatar .avatar-img,.header-btn--avatar .avatar-wrap{border-radius:0}.announcement-banner{align-items:center;background:#25d3661a;border-bottom:1px solid #25d36640;display:flex;gap:10px;padding:10px 16px}.announcement-text{color:#25d366;flex:1 1;font-size:13px;line-height:1.4}.announcement-text strong{font-weight:700}.announcement-btn{background:#25d366;border-radius:6px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;padding:5px 14px;text-decoration:none;white-space:nowrap}.announcement-close{background:none;border:none;color:#25d366;cursor:pointer;flex-shrink:0;font-size:16px;opacity:.7;padding:4px 8px}.announcement-close:hover{opacity:1}[data-theme=light] .announcement-banner{background:#15803d14;border-bottom-color:#15803d33}[data-theme=light] .announcement-close,[data-theme=light] .announcement-text{color:#15803d}.auth-screen{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:90vh;min-height:90dvh;overflow-y:auto;padding:32px 24px 48px;text-align:center}.auth-screen.auth-screen--profile{justify-content:flex-start;padding-bottom:48px}.auth-hero-icon{align-items:center;border-radius:16px;display:flex;font-size:32px;height:64px;justify-content:center;margin-bottom:20px;overflow:hidden;width:64px}.auth-logo-img{border-radius:16px;height:100%;object-fit:cover;width:100%}.auth-title{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.auth-sub{color:#9ba3b8;color:var(--text-dim);font-size:13px;line-height:1.6;margin-bottom:28px;max-width:300px}.auth-input-group{margin-bottom:16px;max-width:320px;position:relative;width:100%}.auth-input-label{color:#9ba3b8;color:var(--text-dim);display:block;font-size:12px;font-weight:600;margin-bottom:6px;text-align:left}.auth-input{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#e8ecf4;color:var(--text);font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.auth-input:focus{border-color:#22c55e;border-color:var(--green)}.auth-input::placeholder{color:#6b7690;color:var(--text-muted)}.auth-input-wrap{position:relative;width:100%}.auth-input-wrap .auth-input{padding-right:42px}.password-toggle{align-items:center;background:none;border:none;color:#6b7690;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.auth-phone-row{display:flex;gap:8px}.auth-phone-prefix{background:#1a2235;background:var(--surface2);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#e8ecf4;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:14px;font-weight:500;padding:12px 0;text-align:center;width:70px}.auth-phone-input{flex:1 1}.auth-btn{background:#22c55e;background:var(--green);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#000;color:var(--on-accent);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;margin-top:8px;max-width:320px;padding:12px;transition:all .2s;width:100%}.auth-btn:hover{background:#16a34a;background:var(--green-dim);transform:translateY(-1px)}.auth-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.auth-btn.secondary{background:#1a2235;background:var(--surface2);border:1.5px solid #2a3550;border:1.5px solid var(--border);color:#e8ecf4;color:var(--text)}.auth-otp-row{display:flex;gap:10px;justify-content:center}.auth-otp-box{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#e8ecf4;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:500;height:52px;outline:none;text-align:center;width:44px}.auth-otp-box:focus{border-color:#22c55e;border-color:var(--green)}.auth-footer{color:#6b7690;color:var(--text-muted);font-size:12px;line-height:1.5;margin-top:24px;max-width:280px}.auth-tabs{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);display:flex;margin-bottom:24px;max-width:320px;overflow:hidden;width:100%}.auth-tab{background:#0000;border:none;color:#9ba3b8;color:var(--text-dim);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;padding:10px 0;transition:all .2s}.auth-tab.active{background:#22c55e;background:var(--green);color:#000;color:var(--on-accent)}.auth-tab:not(.active):hover{background:#1a2235;background:var(--surface2);color:#e8ecf4;color:var(--text)}.auth-tab-hint{color:#9ba3b8;color:var(--text-dim);font-size:12px;margin-bottom:20px;max-width:320px}.auth-role-pick{display:flex;gap:10px;margin:16px 0;max-width:320px;width:100%}.role-card{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius);cursor:pointer;flex:1 1;padding:16px 12px;text-align:center;transition:all .2s}.role-card:hover{background:#1a2235;background:var(--surface2);border-color:#354160;border-color:var(--border-light)}.role-card.active{background:#22c55e14;background:var(--green-bg);border-color:#22c55e;border-color:var(--green)}.role-card-icon{font-size:24px;margin-bottom:6px}.role-card-title{color:#e8ecf4;color:var(--text);font-size:14px;font-weight:700;margin-bottom:4px}.role-card-desc{color:#9ba3b8;color:var(--text-dim);font-size:11px}.tab-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827eb;background:var(--tab-bg);border-top:1px solid #2a3550;border-top:1px solid var(--border);bottom:0;display:flex;left:50%;max-width:480px;padding:6px 0 env(safe-area-inset-bottom,8px);position:fixed;transform:translateX(-50%);width:100%;z-index:50}.tab-item{align-items:center;background:none;border:none;color:#6b7690;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);gap:3px;padding:8px 4px;transition:color .2s}.tab-item.active{color:#22c55e;color:var(--green)}.tab-item span{font-size:11px;font-weight:600}.page{padding:10px 14px 100px}.page-title{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:2px}.page-sub{color:#9ba3b8;color:var(--text-dim);font-size:12px;margin-bottom:12px}.search-bar{display:flex;gap:8px;margin-bottom:12px}.search-input-wrap{flex:1 1;position:relative}.search-input{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#e8ecf4;color:var(--text);font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:10px 12px 10px 36px;width:100%}.search-input:focus{border-color:#22c55e;border-color:var(--green)}.search-icon,.search-input::placeholder{color:#6b7690;color:var(--text-muted)}.search-icon{font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.ride-card{background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);cursor:pointer;margin-bottom:10px;padding:14px;transition:all .2s}.ride-card:hover{border-color:#354160;border-color:var(--border-light)}.ride-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.ride-driver{gap:8px}.ride-avatar,.ride-driver{align-items:center;display:flex}.ride-avatar{background:#232d42;background:var(--surface3);border-radius:8px;color:#22c55e;color:var(--green);font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.ride-driver-name{font-size:13px;font-weight:700}.ride-driver-vehicle{color:#9ba3b8;color:var(--text-dim);font-size:11px}.ride-time-badge{align-items:center;background:#22c55e14;background:var(--green-bg);border:1px solid #22c55e33;border:1px solid var(--green-border);border-radius:6px;color:#22c55e;color:var(--green);display:inline-flex;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.ride-time-badge.soon{background:#f59e0b14;background:var(--amber-bg);border-color:#f59e0b33;border-color:var(--amber-border);color:#f59e0b;color:var(--amber)}.ride-route{margin-bottom:10px}.ride-route-line{align-items:stretch;display:flex;gap:10px}.ride-route-dots{align-items:center;display:flex;flex-direction:column;padding:2px 0;width:12px}.dot-from{background:#22c55e;background:var(--green);border-radius:50%;flex-shrink:0;height:8px;width:8px}.dot-line{background:#354160;background:var(--border-light);flex:1 1;margin:2px 0;min-height:14px;width:1.5px}.dot-to{background:#f59e0b;background:var(--amber);border-radius:2px;flex-shrink:0;height:8px;width:8px}.ride-route-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.ride-loc{font-size:13px;font-weight:600}.ride-via{color:#6b7690;color:var(--text-muted);font-size:11px;padding:4px 0}.ride-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ride-tag{background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:5px;color:#9ba3b8;color:var(--text-dim);font-size:11px;font-weight:600;padding:3px 8px}.ride-tag.fare{background:#22c55e14;background:var(--green-bg);border-color:#22c55e33;border-color:var(--green-border);color:#22c55e;color:var(--green)}.ride-tag.women-only{background:#ec489914;border-color:#ec489933;color:#ec4899}.recurring-badge{align-items:center;background:#4f46e50f;border:1px solid #4f46e526;border-radius:6px;color:var(--primary);display:flex;font-size:11px;font-weight:600;gap:5px;margin-bottom:8px;padding:4px 10px}.recurring-schedule{background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.recurring-schedule-header{align-items:center;color:var(--primary);display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:8px}.recurring-schedule-dates{display:flex;flex-wrap:wrap;gap:4px}.recurring-date-chip{background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:5px;color:#9ba3b8;color:var(--text-dim);font-size:11px;padding:3px 8px}.recurring-date-chip.past{opacity:.5;text-decoration:line-through}.ride-desc{color:#9ba3b8;color:var(--text-dim);font-size:12px;line-height:1.5;margin-bottom:10px}.ride-actions{display:flex;gap:6px}.ride-action-btn{align-items:center;background:#1a2235;background:var(--surface2);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:8px;color:#e8ecf4;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:8px;text-decoration:none;transition:all .15s}.ride-action-btn:hover{background:#232d42;background:var(--surface3)}.ride-action-btn.primary{background:#22c55e;background:var(--green);border-color:#22c55e;border-color:var(--green);color:#000;color:var(--on-accent)}.ride-action-btn.primary:hover{background:#16a34a;background:var(--green-dim)}.ride-action-btn.share{background:#3b82f614;background:var(--blue-bg);border-color:#3b82f633;color:#3b82f6;color:var(--blue)}.ride-action-btn.share:hover{background:#3b82f626}.form-section{margin-bottom:20px}.form-label{color:#9ba3b8;color:var(--text-dim);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-input{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#e8ecf4;color:var(--text);font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:12px 14px;width:100%}.form-input:focus{border-color:#22c55e;border-color:var(--green)}.form-input::placeholder{color:#6b7690;color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235A6580' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-textarea{font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);min-height:80px;resize:vertical}.form-row{display:flex;gap:10px}.form-row>*{flex:1 1}.via-stops{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.via-chip{align-items:center;background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:6px;color:#9ba3b8;color:var(--text-dim);display:flex;font-size:12px;font-weight:500;gap:5px;padding:5px 10px}.via-chip button{border:none;color:#6b7690;color:var(--text-muted);font-size:14px;line-height:1;padding:0}.add-via-btn,.via-chip button{background:none;cursor:pointer}.add-via-btn{border:1px dashed #22c55e33;border:1px dashed var(--green-border);border-radius:6px;color:#22c55e;color:var(--green);font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s}.add-via-btn:hover{background:#22c55e14;background:var(--green-bg)}.profile-card{background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);margin-bottom:10px;padding:20px 16px;text-align:center}.mode-toggle{border:1px solid #2a3550;border:1px solid var(--border);border-radius:8px;display:flex;margin-top:12px;overflow:hidden}.mode-toggle-btn{align-items:center;background:#0000;border:none;color:#9ba3b8;color:var(--text-dim);cursor:pointer;display:inline-flex;flex:1 1;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:6px 16px;transition:all .15s}.settings-card{background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.settings-row{align-items:center;background:none;border:none;border-bottom:1px solid var(--border);color:#e8ecf4;color:var(--text);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;justify-content:space-between;padding:12px 14px;text-decoration:none;width:100%}.settings-row:last-child{border-bottom:none}.settings-row-red{color:#ef4444;color:var(--red)}.profile-avatar{align-items:center;background:#22c55e14;background:var(--green-bg);border:2px solid #22c55e33;border:2px solid var(--green-border);border-radius:14px;color:#22c55e;color:var(--green);display:flex;font-size:22px;font-weight:800;height:56px;justify-content:center;margin:0 auto 10px;width:56px}.profile-name{font-size:18px;font-weight:700;margin-bottom:2px}.profile-phone{color:#9ba3b8;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px}.profile-badge{align-items:center;background:#22c55e14;background:var(--green-bg);border:1px solid #22c55e33;border:1px solid var(--green-border);border-radius:6px;color:#22c55e;color:var(--green);display:inline-flex;font-size:11px;font-weight:600;gap:5px;margin-top:10px;padding:5px 12px}.profile-stat-row{display:flex;gap:10px;margin-bottom:16px}.profile-stat{background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);flex:1 1;padding:12px;text-align:center}.profile-stat-num{color:#22c55e;color:var(--green);font-size:20px;font-weight:800}.profile-stat-label{color:#9ba3b8;color:var(--text-dim);font-size:11px;margin-top:2px}.logout-btn{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#ef4444;color:var(--red);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;padding:12px;width:100%}.security-notice{align-items:flex-start;background:#f59e0b14;background:var(--amber-bg);border:1px solid #f59e0b33;border:1px solid var(--amber-border);border-radius:8px;color:#f59e0b;color:var(--amber);display:flex;font-size:11px;gap:6px;line-height:1.5;margin-bottom:12px;padding:10px 12px}.modal-overlay{align-items:flex-end;animation:fadeIn .2s;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-sheet{animation:slideUp .3s;background:#111827;background:var(--surface);border-radius:16px 16px 0 0;max-height:85vh;max-width:480px;overflow-x:hidden;overflow-y:auto;padding:10px 16px 14px;position:relative;width:100%}.modal-sheet .page{padding:0}.modal-handle{background:#354160;background:var(--border-light);border-radius:2px;height:4px;margin:0 auto 10px;width:32px}.modal-close-btn{align-items:center;background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:8px;color:#9ba3b8;color:var(--text-dim);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:12px;top:12px;width:30px;z-index:5}.modal-close-btn:hover{background:#232d42;background:var(--surface3);color:#e8ecf4;color:var(--text)}.modal-sticky-header{border-bottom:1px solid #2a3550;border-bottom:1px solid var(--border);margin:-10px -16px 10px;padding:10px 16px;top:-10px}.modal-sticky-footer,.modal-sticky-header{background:#111827;background:var(--surface);position:sticky;z-index:2}.modal-sticky-footer{border-top:1px solid #2a3550;border-top:1px solid var(--border);bottom:0;margin:10px -16px 0;padding:10px 16px 20px}.datalist-wrap{position:relative}.datalist-dropdown{background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:0 0 10px 10px;border-radius:0 0 var(--radius-sm) var(--radius-sm);left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.datalist-option{cursor:pointer;font-size:13px;padding:10px 14px;transition:background .1s}.datalist-option:hover{background:#232d42;background:var(--surface3)}.filter-row{display:flex;gap:6px;margin-bottom:4px;overflow-x:auto;padding-bottom:12px}.filter-chip{background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:20px;color:#9ba3b8;color:var(--text-dim);cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .15s;white-space:nowrap}.filter-chip:hover{border-color:#354160;border-color:var(--border-light)}.filter-chip.active{background:#22c55e14;background:var(--green-bg);border-color:#22c55e33;border-color:var(--green-border);color:#22c55e;color:var(--green)}.empty-state{padding:36px 20px;text-align:center}.empty-icon{display:flex;font-size:40px;justify-content:center;margin-bottom:12px;opacity:.5}.empty-title{font-size:15px;font-weight:700;margin-bottom:4px}.empty-desc{color:#9ba3b8;color:var(--text-dim);font-size:12px}.toast{animation:fadeIn .2s;background:#22c55e;background:var(--green);border-radius:10px;box-shadow:0 8px 30px #22c55e4d;color:#000;color:var(--on-accent);font-size:14px;font-weight:600;left:50%;padding:12px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:200}.toast.error{background:#ef4444;background:var(--red);box-shadow:0 8px 30px #ef44444d;color:#fff}.loading-spinner{align-items:center;color:#6b7690;color:var(--text-muted);display:flex;font-size:14px;gap:10px;justify-content:center;padding:40px}.spinner{animation:spin .6s linear infinite;border:2px solid #2a3550;border-top-color:#22c55e;border:2px solid var(--border);border-radius:50%;border-top-color:var(--green);height:20px;width:20px}.fab{align-items:center;border-radius:14px;bottom:calc(72px + env(safe-area-inset-bottom, 0px));cursor:pointer;display:flex;font-size:24px;font-weight:700;height:46px;justify-content:center;line-height:1;position:fixed;right:max(14px,calc(50vw - 226px));transition:transform .15s;width:46px;z-index:40}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.95)}.fab-rides{background:#22c55e;background:var(--green)}.fab-requests,.fab-rides{border:none;color:#000;color:var(--on-accent)}.fab-requests{background:#f59e0b;background:var(--amber)}.request-card{border-color:#f59e0b33;border-color:var(--amber-border)}.request-card:hover{border-color:#f59e0b;border-color:var(--amber)}.phone-hint{color:#6b7690;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;margin-top:4px}.phone-hint-error{color:#ef4444;color:var(--red)}.phone-edit-row{margin:4px auto 0;max-width:280px;width:100%}.auth-modal-inner{width:100%}.auth-modal-inner .auth-screen{min-height:auto;padding:16px 20px 14px}.auth-modal-inner .auth-hero-icon{font-size:24px;height:48px;margin-bottom:12px;width:48px}.auth-modal-inner .auth-title{font-size:20px}.auth-modal-inner .auth-sub{margin-bottom:20px}.auth-close-btn{align-items:center;background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:8px;color:#9ba3b8;color:var(--text-dim);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px;z-index:10}.auth-close-btn:hover{background:#232d42;background:var(--surface3);color:#e8ecf4;color:var(--text)}.disclaimer-title{font-size:18px;font-weight:800;margin-bottom:20px;text-align:center}.disclaimer-section{margin-bottom:16px}.disclaimer-section h3{color:#e8ecf4;color:var(--text);font-size:14px;font-weight:700;margin-bottom:6px}.disclaimer-section p{color:#9ba3b8;color:var(--text-dim);font-size:13px;line-height:1.6}.theme-toggle-row{align-items:center;background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:16px;padding:14px}.theme-toggle-btn{background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:8px;color:#e8ecf4;color:var(--text);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:6px 14px}.offline-bar{background:#f59e0b14;background:var(--amber-bg,#f59e0b1f);border-bottom:1px solid #f59e0b33;border-bottom:1px solid var(--amber-border,#f59e0b40);color:#f59e0b;color:var(--amber,#f59e0b);font-size:12px;font-weight:600;padding:8px 16px;text-align:center}.update-bar{align-items:center;animation:slideUp .3s;background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);bottom:70px;box-shadow:0 8px 30px #0000004d;color:#e8ecf4;color:var(--text);display:flex;font-size:13px;font-weight:600;justify-content:space-between;left:50%;max-width:448px;padding:12px 16px;position:fixed;transform:translateX(-50%);width:calc(100% - 32px);z-index:150}.update-bar-btn{background:#22c55e;background:var(--green);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#000;color:var(--on-accent);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;padding:6px 16px;white-space:nowrap}.update-bar-btn:hover{background:#16a34a;background:var(--green-dim)}.install-banner{align-items:center;background:#22c55e14;background:var(--green-bg,#22c55e1a);border-bottom:1px solid #22c55e33;border-bottom:1px solid var(--green-border,#22c55e33);display:flex;gap:10px;padding:12px 16px}.install-banner-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.install-banner-text strong{color:#22c55e;color:var(--green);font-size:13px;font-weight:700}.install-banner-text span{color:#9ba3b8;color:var(--text-dim);font-size:11px}.install-banner-btn{background:#22c55e;background:var(--green);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#000;color:var(--on-accent);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;padding:6px 14px;white-space:nowrap}.install-banner-btn:hover{background:#16a34a;background:var(--green-dim)}.install-banner-close{background:none;border:none;color:#6b7690;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:14px;padding:4px 8px}.install-banner-close:hover{color:#e8ecf4;color:var(--text)}.conversations-list{display:flex;flex-direction:column;gap:8px}.conversation-card{align-items:center;background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#e8ecf4;color:var(--text);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);gap:12px;padding:12px 14px;text-align:left;transition:background .15s;width:100%}.conversation-card:hover{background:#1a2235;background:var(--surface2)}.conversation-card:active{background:#232d42;background:var(--surface3)}.conversation-end{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.conversation-end-top{align-items:center;display:flex;gap:6px}.conversation-end .conversation-badge{margin:0}.conversation-delete-icon{align-items:center;background:none;border:none;border-radius:6px;color:#6b7690;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.3;padding:4px;transition:opacity .15s,color .15s}.conversation-delete-icon:active,.conversation-delete-icon:hover{color:#ef4444;color:var(--red);opacity:1}.confirm-dialog-overlay{align-items:center;animation:fadeIn .15s;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.confirm-dialog{animation:scaleIn .15s;background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:14px;max-width:90vw;padding:20px;width:280px}.confirm-dialog-text{color:#e8ecf4;color:var(--text);font-size:14px;line-height:1.5;margin:0 0 16px;text-align:center}.confirm-dialog-actions{display:flex;gap:10px}.confirm-dialog-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;padding:10px;transition:opacity .15s}.confirm-dialog-btn.cancel{background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);color:#e8ecf4;color:var(--text)}.confirm-dialog-btn.cancel:hover{background:#232d42;background:var(--surface3)}.confirm-dialog-btn.delete{background:#ef4444;background:var(--red);color:#fff}.confirm-dialog-btn.delete:hover{opacity:.9}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.conversation-avatar{align-items:center;background:#22c55e14;background:var(--green-bg);border:1px solid #22c55e33;border:1px solid var(--green-border);border-radius:50%;color:#22c55e;color:var(--green);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:42px;justify-content:center;width:42px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;gap:8px;margin-bottom:2px}.conversation-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-name.unread{font-weight:700}.conversation-time{color:#6b7690;color:var(--text-muted);flex-shrink:0;font-size:11px}.conversation-preview{color:#9ba3b8;color:var(--text-dim);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview.unread{color:#e8ecf4;color:var(--text);font-weight:600}.conversation-badge{align-items:center;background:#22c55e;background:var(--green);border-radius:10px;color:#000;color:var(--on-accent);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.chat-view{background:#0a0f1c;background:var(--bg);bottom:calc(58px + env(safe-area-inset-bottom, 8px));display:flex;flex-direction:column;left:50%;max-width:480px;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:55}.chat-header{background:#111827;background:var(--surface);border-bottom:1px solid #2a3550;border-bottom:1px solid var(--border);flex-shrink:0;gap:10px;padding:calc(env(safe-area-inset-top, 0px) + 10px) 12px 10px}.chat-back-btn,.chat-header{align-items:center;display:flex}.chat-back-btn{background:none;border:none;color:#9ba3b8;color:var(--text-dim);cursor:pointer;padding:4px}.chat-back-btn:hover{color:#e8ecf4;color:var(--text)}.chat-header-avatar{align-items:center;background:#22c55e14;background:var(--green-bg);border:1px solid #22c55e33;border:1px solid var(--green-border);border-radius:50%;color:#22c55e;color:var(--green);display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.chat-header-name{font-size:15px;font-weight:700}.chat-profile-btn{align-items:center;background:none;border:none;color:#e8ecf4;color:var(--text);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);gap:10px;padding:4px 8px 4px 0}.chat-profile-btn:active{opacity:.7}.user-profile-page{display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(100dvh - 120px)}.modal-sheet .user-profile-page{height:auto}.modal-sheet .user-profile-page>.chat-header{display:none}.user-profile-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0 16px 24px}.user-profile-hero{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px 0 20px}.user-profile-avatar{align-items:center;background:#22c55e14;background:var(--green-bg);border:2px solid #22c55e33;border:2px solid var(--green-border);border-radius:50%;color:#22c55e;color:var(--green);display:flex;font-size:28px;font-weight:800;height:72px;justify-content:center;width:72px}.user-profile-name{font-size:20px;font-weight:800}.user-profile-vehicle{color:#9ba3b8;color:var(--text-dim);font-size:13px;margin-top:2px}.user-profile-section{background:#111827;background:var(--surface);border:1px solid #2a3550;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);margin-top:12px;padding:16px}.user-profile-section-title{align-items:center;color:#6b7690;color:var(--text-muted);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.user-profile-details{display:flex;flex-direction:column;gap:10px}.user-profile-detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.user-profile-detail-label{color:#9ba3b8;color:var(--text-dim);font-weight:500}.chat-messages{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px 16px 8px}.chat-messages-spacer{flex:1 1}.chat-empty{align-items:center;color:#6b7690;color:var(--text-muted);display:flex;flex:1 1;font-size:13px;justify-content:center}.message-bubble{border-radius:16px;font-size:14px;line-height:1.4;max-width:78%;padding:8px 12px;word-break:break-word}.message-bubble.sent{align-self:flex-end;background:#22c55e;background:var(--green);border-bottom-right-radius:4px;color:#000;color:var(--on-accent)}.message-bubble.received{align-self:flex-start;background:#1a2235;background:var(--surface2);border-bottom-left-radius:4px;color:#e8ecf4;color:var(--text)}.message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:2px}.message-time{font-size:10px;opacity:.7}.message-check-wrap{flex-shrink:0;height:12px;position:relative;width:12px}.message-check-icon{inset:0;opacity:.7;position:absolute;transition:opacity .3s ease}.message-check-icon.read{opacity:0}.message-read-icon{inset:0;opacity:0;position:absolute;transform:scale(.6);transition:opacity .3s ease,transform .3s ease}.message-read-icon.read{opacity:.85;transform:scale(1)}.message-bubble.sent .message-time{color:#000;color:var(--on-accent)}.chat-input-bar{align-items:center;background:#111827;background:var(--surface);border-top:1px solid #2a3550;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.chat-input{background:#1a2235;background:var(--surface2);border:1px solid #2a3550;border:1px solid var(--border);border-radius:20px;color:#e8ecf4;color:var(--text);flex:1 1;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:10px 14px}.chat-input:focus{border-color:#22c55e;border-color:var(--green)}.chat-input::placeholder{color:#6b7690;color:var(--text-muted)}.chat-send-btn{align-items:center;background:#22c55e;background:var(--green);border:none;border-radius:50%;color:#000;color:var(--on-accent);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:background .15s;width:38px}.chat-send-btn:hover{background:#16a34a;background:var(--green-dim)}.chat-send-btn:disabled{cursor:default;opacity:.4}.tab-item{position:relative}.tab-unread-badge{align-items:center;background:#ef4444;background:var(--red);border-radius:8px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:50%;top:2px;transform:translateX(14px)}.avatar-glare-wrap{cursor:pointer;display:inline-block;position:relative}.avatar-glare{border-radius:50%;inset:0;overflow:hidden;pointer-events:none;position:absolute}.avatar-glare:after{animation:glare-sweep .5s ease-out .05s forwards;background:linear-gradient(105deg,#0000 30%,#ffffff73 50%,#0000 70%);content:"";height:140%;left:-60%;opacity:0;position:absolute;top:-20%;transform:translateX(-100%);width:40%}@keyframes glare-sweep{0%{opacity:1;transform:translateX(-100%)}80%{opacity:1}to{opacity:0;transform:translateX(350%)}}.avatar-edit-badge{align-items:center;background:#22c55e;background:var(--green);border:2px solid #111827;border:2px solid var(--surface);border-radius:50%;bottom:0;color:#000;color:var(--on-accent);display:flex;height:22px;justify-content:center;position:absolute;right:0;width:22px;z-index:2}.avatar-picker-panel{align-items:center;display:flex;flex-direction:column;padding-bottom:15px;width:100%}.avatar-carousel{gap:16px;padding:8px 0}.avatar-carousel,.avatar-carousel-arrow{align-items:center;display:flex;justify-content:center}.avatar-carousel-arrow{background:#1a2235;background:var(--surface2);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:50%;color:#9ba3b8;color:var(--text-dim);cursor:pointer;flex-shrink:0;height:36px;transition:all .15s;width:36px}.avatar-carousel-arrow:hover{background:#232d42;background:var(--surface3);border-color:#354160;border-color:var(--border-light);color:#e8ecf4;color:var(--text)}.avatar-carousel-arrow:active{transform:scale(.92)}.avatar-carousel-hint{color:#6b7690;color:var(--text-muted);font-size:11px;margin:2px 0 0;text-align:center}.color-picker{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:2px 0}.color-picker-item{border:2px solid #0000;border-radius:50%;cursor:pointer;flex-shrink:0;height:22px;padding:0;transition:transform .15s;width:22px}.color-picker-item:hover{transform:scale(1.15)}.color-picker-item.selected{border-color:#e8ecf4;border-color:var(--text);box-shadow:inset 0 0 0 2px #111827;box-shadow:inset 0 0 0 2px var(--surface)}.color-picker-none{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);overflow:hidden;position:relative}.color-picker-none:after{background:#6b7690;background:var(--text-muted);content:"";height:1.5px;left:-2px;position:absolute;right:-2px;top:50%;transform:rotate(-45deg)}.color-picker-none.selected{border-color:#e8ecf4;border-color:var(--text)}.color-picker-none.selected:after{background:#e8ecf4;background:var(--text)}.profile-link-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:8px;padding:0}.profile-link-btn:active{opacity:.7}.whats-new-overlay{align-items:center;animation:fadeIn .3s;background:#000000e0;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:300}.whats-new-modal{animation:whatsNewPop .5s cubic-bezier(.34,1.56,.64,1);background:#111827;background:var(--surface);border-radius:20px;box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;max-width:420px;overflow:hidden;width:100%}@keyframes whatsNewPop{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.whats-new-header{background:linear-gradient(135deg,#22c55e,#16a34a 40%,#0ea5e9);overflow:hidden;padding:32px 24px 28px;position:relative;text-align:center}.whats-new-header:before{animation:wnFloat 3s ease-in-out infinite;background:#ffffff1a;border-radius:50%;content:"";height:120px;position:absolute;right:-30px;top:-30px;width:120px}.whats-new-header:after{animation:wnFloat 3s ease-in-out 1.5s infinite;background:#ffffff14;border-radius:50%;bottom:-20px;content:"";height:80px;left:-20px;position:absolute;width:80px}@keyframes wnFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.whats-new-sparkle{align-items:center;animation:wnPulse 2s ease-in-out infinite;background:#fff3;border-radius:16px;color:#fff;display:inline-flex;height:56px;justify-content:center;margin-bottom:12px;width:56px}@keyframes wnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.whats-new-title{color:#fff;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px;position:relative;z-index:1}.whats-new-version{color:#ffffffbf;font-family:JetBrains Mono,monospace;font-family:var(--mono,monospace);font-size:13px;font-weight:500;margin:0;position:relative;z-index:1}.whats-new-features{flex:1 1;overflow-y:auto;padding:20px 20px 8px}.whats-new-feature{align-items:flex-start;animation:wnSlideIn .4s ease-out both;border-bottom:1px solid #2a3550;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:12px 0}.whats-new-feature:last-child{border-bottom:none}@keyframes wnSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.whats-new-feature-icon{align-items:center;background:#22c55e14;background:var(--green-bg);border:1px solid #22c55e33;border:1px solid var(--green-border);border-radius:10px;color:#22c55e;color:var(--green);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.whats-new-feature-title{color:#e8ecf4;color:var(--text);font-size:14px;font-weight:700;margin-bottom:2px}.whats-new-feature-desc{color:#9ba3b8;color:var(--text-dim);font-size:12px;line-height:1.4}.whats-new-cta{padding:16px 20px 24px;text-align:center}.whats-new-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 4px 20px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:transform .15s,box-shadow .15s;width:100%}.whats-new-btn:hover{box-shadow:0 6px 28px #22c55e66;transform:translateY(-1px)}.whats-new-btn:active{transform:translateY(0)}.whats-new-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.whats-new-hint{color:#6b7690;color:var(--text-muted);font-size:11px;margin:10px 0 0}.post-ride-flow{background:#0a0f1c;background:var(--bg);display:flex;flex-direction:column;inset:0;left:0;margin:0 auto;max-width:480px;position:fixed;right:0;z-index:100}.prf-topbar{gap:12px;padding:calc(env(safe-area-inset-top, 0px) + 12px) 16px 12px}.prf-back-btn,.prf-close-btn,.prf-topbar{align-items:center;display:flex;flex-shrink:0}.prf-back-btn,.prf-close-btn{background:none;border:none;color:#9ba3b8;color:var(--text-dim);cursor:pointer;padding:4px}.prf-back-btn:hover,.prf-close-btn:hover{color:#e8ecf4;color:var(--text)}.prf-close-btn{margin-left:auto}.prf-progress{background:#2a3550;background:var(--border);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.prf-progress-fill{background:#22c55e;background:var(--green);border-radius:2px;height:100%;transition:width .3s ease}.prf-step-container{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:24px 20px 48px;position:relative}.prf-blob{border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none;position:absolute;z-index:0}.prf-blob-1{animation:prfBlobFloat1 14s ease-in-out infinite;background:#22c55e;background:var(--green);height:320px;right:10%;top:8%;width:320px}.prf-blob-2{animation:prfBlobFloat2 18s ease-in-out infinite;background:#0ea5e9;bottom:12%;height:260px;left:5%;width:260px}@keyframes prfBlobFloat1{0%{transform:translate(0) scale(1)}25%{transform:translate(-80px,60px) scale(1.15)}50%{transform:translate(-40px,120px) scale(.95)}75%{transform:translate(40px,50px) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes prfBlobFloat2{0%{transform:translate(0) scale(1)}25%{transform:translate(60px,-50px) scale(1.12)}50%{transform:translate(30px,-100px) scale(1)}75%{transform:translate(-40px,-40px) scale(1.15)}to{transform:translate(0) scale(1)}}.prf-step{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;width:90%;z-index:1}.prf-step--enter-forward{animation:prfSlideInRight .25s ease-out}.prf-step--enter-back{animation:prfSlideInLeft .25s ease-out}.prf-icon{color:#22c55e;color:var(--green);margin-bottom:16px}.prf-question{color:#e8ecf4;color:var(--text);font-size:22px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}.prf-question-sub{color:#9ba3b8;color:var(--text-dim);font-size:13px;line-height:1.5;margin-bottom:28px}.prf-role-cards{display:flex;gap:12px;width:100%}.prf-role-card{background:#111827;background:var(--surface);border:2px solid #2a3550;border:2px solid var(--border);border-radius:14px;border-radius:var(--radius);cursor:pointer;flex:1 1;padding:24px 16px;text-align:center;transition:all .2s}.prf-role-card:active{transform:scale(.97)}.prf-role-card.selected{background:#22c55e14;background:var(--green-bg);border-color:#22c55e;border-color:var(--green)}.prf-role-card-icon{color:#9ba3b8;color:var(--text-dim);margin-bottom:10px}.prf-role-card.selected .prf-role-card-icon{color:#22c55e;color:var(--green)}.prf-role-card-title{color:#e8ecf4;color:var(--text);font-size:16px;font-weight:700;margin-bottom:4px}.prf-role-card-desc{color:#9ba3b8;color:var(--text-dim);font-size:12px}.prf-seats{gap:10px}.prf-seat-btn,.prf-seats{display:flex;justify-content:center}.prf-seat-btn{align-items:center;background:#111827;background:var(--surface);border:2px solid #2a3550;border:2px solid var(--border);border-radius:14px;color:#e8ecf4;color:var(--text);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:20px;font-weight:700;height:56px;transition:all .2s;width:56px}.prf-seat-btn.selected{background:#22c55e14;background:var(--green-bg);border-color:#22c55e;border-color:var(--green);color:#22c55e;color:var(--green)}.prf-seat-btn:active{transform:scale(.93)}.prf-actions{align-items:center;display:flex;flex-direction:column;margin-top:24px;width:100%}.prf-next-btn{background:#22c55e;background:var(--green);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#000;color:var(--on-accent);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:15px;font-weight:700;padding:14px;transition:all .2s;width:100%}.prf-next-btn:hover{background:#16a34a;background:var(--green-dim)}.prf-next-btn:disabled{cursor:not-allowed;opacity:.4}.prf-next-btn.amber,.prf-next-btn.amber:hover{background:#f59e0b;background:var(--amber)}.prf-next-btn.amber:hover{opacity:.9}.prf-skip-btn{background:none;border:none;color:#6b7690;color:var(--text-muted);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:13px;margin-top:10px;padding:6px 12px}.prf-skip-btn:hover{color:#9ba3b8;color:var(--text-dim)}.prf-cancel-btn{background:none;border:none;color:#6b7690;color:var(--text-muted);cursor:pointer;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;margin-top:16px;padding:8px 16px}.prf-cancel-btn:hover{color:#9ba3b8;color:var(--text-dim)}.prf-datetime-row{display:flex;gap:10px;width:100%}.prf-datetime-row .prf-input{flex:1 1;text-align:center}.prf-input{background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#e8ecf4;color:var(--text);font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);font-size:16px;outline:none;padding:14px 16px;text-align:center;transition:border-color .2s;width:100%}.prf-input:focus{border-color:#22c55e;border-color:var(--green)}.prf-input::placeholder{color:#6b7690;color:var(--text-muted)}.prf-toggle-row{align-items:center;background:#111827;background:var(--surface);border:1.5px solid #2a3550;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:16px;width:100%}.prf-toggle-label{font-size:15px;font-weight:600;text-align:left}.prf-toggle-sub{color:#9ba3b8;color:var(--text-dim);font-size:11px;margin-top:2px}.prf-toggle{background:#2a3550;background:var(--border);border:none;border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;position:relative;transition:background .2s;width:48px}.prf-toggle.active{background:#22c55e;background:var(--green)}.prf-toggle:after{background:#fff;border-radius:50%;content:"";height:22px;left:3px;position:absolute;top:3px;transition:transform .2s;width:22px}.prf-toggle.active:after{transform:translateX(20px)}.prf-review-ride-card{box-sizing:border-box;cursor:default;margin-bottom:0;padding:16px;text-align:left;width:100%}.prf-review-ride-card .ride-card-top{margin-bottom:14px}.prf-review-ride-card .ride-card-top,.prf-review-ride-card .ride-meta .ride-tag,.prf-review-ride-card .ride-route{cursor:pointer}.prf-review-ride-card .ride-card-top:active,.prf-review-ride-card .ride-route:active{background:#1a2235;background:var(--surface2);border-radius:10px;border-radius:var(--radius-sm)}.prf-review-ride-card .ride-meta .ride-tag:active{opacity:.7}.prf-review-hint{align-items:center;color:#9ba3b8;color:var(--text-dim);display:flex;font-size:11px;gap:4px;justify-content:center;margin-top:12px}@keyframes prfSlideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes prfSlideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.82ecdcb0.css.map*/