.rider-header{z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;width:100%;position:sticky;top:0}.rider-header-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:25px;width:100%;max-width:1280px;min-height:72px;margin:0 auto;padding:0 28px;display:flex}.rider-header-menu-toggle{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:none}.rider-header-brand{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.rider-header-logo{color:#fff;background:#16a34a;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:23px;font-weight:800;display:flex}.rider-header-brand-text{flex-direction:column;display:flex}.rider-header-brand-text strong{color:#111827;font-size:19px;line-height:1.1}.rider-header-brand-text strong span{color:#16a34a}.rider-header-brand-text small{color:#6b7280;margin-top:3px;font-size:11px;font-weight:600}.rider-header-nav{align-items:center;gap:6px;display:flex}.rider-header-nav button{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 13px;font-family:inherit;font-size:13px;font-weight:600}.rider-header-nav button:hover{color:#111827;background:#f3f4f6}.rider-header-account{align-items:center;gap:12px;display:flex}.rider-header-profile{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:4px;display:flex}.rider-header-avatar{color:#15803d;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.rider-header-user{flex-direction:column;display:flex}.rider-header-user small{color:#9ca3af;font-size:10px}.rider-header-user strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12px;overflow:hidden}.rider-header-logout{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:600}.rider-header-logout:hover{background:#fef2f2}@media (width<=900px){.rider-header-container{padding:0 18px}.rider-header-nav{gap:2px}.rider-header-nav button{padding:8px 9px}.rider-header-user{display:none}}@media (width<=650px){.rider-header-container{gap:8px;min-height:64px;padding:0 12px}.rider-header-menu-toggle{display:inline-flex}.rider-header-brand{gap:8px;min-width:0}.rider-header-logo{width:36px;height:36px;font-size:19px}.rider-header-brand-text strong{font-size:16px}.rider-header-brand-text small{font-size:9px}.rider-header-nav{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:stretch;gap:4px;padding:12px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 16px #00000014}.rider-header-nav.mobile-menu-open{display:flex}.rider-header-nav button{text-align:left;border-radius:8px;width:100%;padding:13px 14px;font-size:14px}.rider-header-account{flex-shrink:0;margin-left:auto}.rider-header-profile{display:none}.rider-header-logout{padding:8px 11px;font-size:11px}}.rider-login-page{box-sizing:border-box;background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.rider-login-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:36px;box-shadow:0 10px 30px #0000000f}.rider-login-header{text-align:center;margin-bottom:28px}.rider-login-icon{margin-bottom:12px;font-size:44px}.rider-login-header h1{color:#111827;margin:0;font-size:28px}.rider-login-header p{color:#6b7280;margin:8px 0 0;font-size:14px}.rider-login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:11px 13px;font-size:13px}.rider-login-form{flex-direction:column;display:flex}.rider-login-form label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600}.rider-login-form input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:12px 14px;font-size:14px}.rider-login-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rider-login-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:8px;padding:13px 18px;font-size:14px;font-weight:600}.rider-login-form button:hover{background:#1d4ed8}.rider-login-form button:disabled{opacity:.6;cursor:not-allowed}.rider-login-register{text-align:center;color:#6b7280;margin:22px 0 0;font-size:13px}.rider-login-register span{color:#2563eb;cursor:pointer;font-weight:600}.rider-login-register span:hover{text-decoration:underline}@media (width<=480px){.rider-login-page{padding:20px 12px}.rider-login-card{padding:26px 20px}.rider-login-header h1{font-size:24px}}.rider-forgot-password{justify-content:flex-end;margin-top:-8px;margin-bottom:16px;display:flex}.rider-login-form .rider-forgot-password button{color:#16833b;cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:14px;font-weight:600}.rider-login-form .rider-forgot-password button:hover{background:0 0;text-decoration:underline}.rider-register-page{box-sizing:border-box;background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.rider-register-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:520px;padding:38px;box-shadow:0 10px 30px #0000000f}.rider-register-header{text-align:center;margin-bottom:28px}.rider-register-icon{margin-bottom:12px;font-size:44px}.rider-register-header h1{color:#111827;margin:0;font-size:28px}.rider-register-header p{color:#6b7280;margin:8px 0 0;font-size:14px}.rider-register-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:11px 13px;font-size:13px}.rider-register-message{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:11px 13px;font-size:13px}.rider-register-form{flex-direction:column;display:flex}.rider-register-form label{color:#374151;margin:11px 0 6px;font-size:13px;font-weight:600}.rider-register-form input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:14px}.rider-register-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rider-register-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:24px;padding:13px 18px;font-size:14px;font-weight:600}.rider-register-form button:hover{background:#1d4ed8}.rider-register-form button:disabled{opacity:.6;cursor:not-allowed}.rider-register-login{text-align:center;color:#6b7280;margin:22px 0 0;font-size:13px}.rider-register-login span{color:#2563eb;cursor:pointer;font-weight:600}.rider-register-login span:hover{text-decoration:underline}.rider-register-form input[name=otp]{text-align:center;letter-spacing:5px;font-size:20px}.rider-register-back{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-top:12px;padding:12px 18px;font-size:14px;font-weight:600}.rider-register-back:hover{background:#f9fafb}@media (width<=640px){.rider-register-page{padding:20px 12px}.rider-register-card{padding:26px 18px}.rider-register-header h1{font-size:24px}}.rider-resend-otp{text-align:center;margin-top:16px}.rider-resend-otp p{color:#64748b;margin:0;font-size:13px}.rider-resend-otp strong{color:#0f172a}.rider-resend-button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:6px;font-size:14px;font-weight:700}.rider-resend-button:hover{text-decoration:underline}.rider-resend-button:disabled{opacity:.6;cursor:not-allowed}.pending-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.pending-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:520px;padding:40px;box-shadow:0 10px 35px #0f172a14}.pending-logo{color:#fff;background:#111827;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 20px;font-size:22px;font-weight:800;display:flex}.pending-icon{background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:34px;display:flex}.pending-card h1{color:#0f172a;margin:0 0 14px;font-size:26px;font-weight:800}.pending-main-text{color:#334155;max-width:430px;margin:0 auto 10px;font-size:15px;line-height:1.6}.pending-sub-text{color:#64748b;max-width:430px;margin:0 auto;font-size:14px;line-height:1.6}.pending-status{color:#c2410c;background:#fff7ed;border-radius:999px;align-items:center;gap:9px;margin:25px 0;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.pending-dot{background:#f97316;border-radius:50%;width:8px;height:8px}.pending-info{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px;display:grid}.pending-info div{text-align:left;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.pending-info span{color:#94a3b8;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.pending-info strong{color:#0f172a;font-size:14px}.pending-logout,.pending-login{cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:700}.pending-logout{color:#fff;background:#0f172a}.pending-login{color:#334155;background:#f1f5f9;margin-top:10px}.pending-logout:hover{background:#1e293b}.pending-login:hover{background:#e2e8f0}@media (width<=600px){.pending-card{padding:30px 20px}.pending-card h1{font-size:23px}.pending-info{grid-template-columns:1fr}}.rider-dashboard-page{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:40px 24px 60px}.rider-dashboard-container{width:100%;max-width:1180px;margin:0 auto}.rider-dashboard-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px;display:flex}.rider-dashboard-greeting{color:#64748b;margin:0 0 6px;font-size:15px}.rider-dashboard-header h1{color:#0f172a;margin:0;font-size:32px;line-height:1.2}.rider-dashboard-subtitle{color:#64748b;margin:8px 0 0;font-size:15px}.rider-availability{color:#334155;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:28px;align-items:center;gap:9px;padding:13px 18px;font-size:14px;font-weight:600;display:flex}.rider-status-dot{border-radius:50%;width:10px;height:10px}.rider-status-dot.online{background:#22c55e}.rider-status-dot.delivery{background:#f59e0b}.rider-status-dot.offline{background:#94a3b8}.rider-dashboard-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:20px;padding:13px 16px;font-size:14px}.rider-pending-card,.rider-rejected-card{border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.rider-pending-card{background:#fffbeb;border:1px solid #fde68a}.rider-rejected-card{background:#fef2f2;border:1px solid #fecaca}.rider-pending-card h3,.rider-rejected-card h3{color:#1e293b;margin:0 0 6px;font-size:17px}.rider-pending-card p,.rider-rejected-card p{color:#64748b;margin:0;font-size:14px}.pending-badge{color:#92400e;background:#fef3c7;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}.rider-dashboard-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px;display:grid}.rider-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:116px;padding:20px;display:flex}.rider-stat-label{color:#64748b;text-align:center;margin-bottom:10px;font-size:14px}.rider-stat-card strong{color:#0f172a;font-size:26px}.rider-section-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.rider-section-header h2{color:#0f172a;margin:0;font-size:22px}.rider-section-header p{color:#64748b;margin:6px 0 0;font-size:14px}.rider-section-header button{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px 16px;font-size:14px;font-weight:600}.rider-section-header button:hover{background:#f8fafc}.rider-quick-access{margin-bottom:34px}.rider-quick-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.rider-quick-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;width:100%;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.rider-quick-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.rider-quick-icon{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.rider-quick-card h3{color:#0f172a;margin:0 0 5px;font-size:16px}.rider-quick-card p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.rider-quick-arrow{color:#64748b;margin-left:auto;font-size:20px}.rider-dashboard-actions{margin-bottom:34px}.rider-action-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.rider-action-card h2{color:#0f172a;margin:0 0 7px;font-size:20px}.rider-action-card p{color:#64748b;margin:0;font-size:14px}.availability-button{color:#fff;cursor:pointer;border:0;border-radius:9px;min-width:135px;padding:12px 18px;font-size:14px;font-weight:700}.availability-button:disabled{opacity:.55;cursor:not-allowed}.online-button{background:#22c55e}.online-button:hover:not(:disabled){background:#16a34a}.offline-button{background:#ef4444}.offline-button:hover:not(:disabled){background:#dc2626}.rider-dashboard-deliveries{margin-bottom:20px}.rider-delivery-list{flex-direction:column;gap:12px;display:flex}.rider-delivery-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:20px;transition:transform .18s,box-shadow .18s;display:flex}.rider-delivery-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #0f172a0f}.delivery-order-number{color:#2563eb;margin-bottom:7px;font-size:13px;font-weight:700;display:inline-block}.rider-delivery-card h3{color:#0f172a;margin:0 0 5px;font-size:16px}.rider-delivery-card p{color:#64748b;margin:0;font-size:13px}.delivery-card-right{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.delivery-status{color:#334155;background:#f1f5f9;border-radius:18px;padding:7px 10px;font-size:11px;font-weight:700}.status-delivered{color:#166534;background:#dcfce7}.status-assigned{color:#1d4ed8;background:#dbeafe}.status-accepted{color:#92400e;background:#fef3c7}.status-picked_up,.status-out_for_delivery{color:#6d28d9;background:#ede9fe}.status-cancelled{color:#b91c1c;background:#fee2e2}.delivery-card-right strong{color:#0f172a;font-size:15px}.rider-empty-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:45px 20px}.rider-empty-icon{margin-bottom:10px;font-size:38px}.rider-empty-card h3{color:#0f172a;margin:0 0 6px}.rider-empty-card p{color:#64748b;margin:0;font-size:14px}.rider-dashboard-loading{color:#64748b;justify-content:center;align-items:center;min-height:70vh;font-size:15px;display:flex}@media (width<=900px){.rider-dashboard-stats{grid-template-columns:repeat(2,1fr)}.rider-quick-grid{grid-template-columns:1fr}}@media (width<=600px){.rider-dashboard-page{padding:25px 14px 45px}.rider-dashboard-header{flex-direction:column}.rider-dashboard-header h1{font-size:27px}.rider-availability{align-self:flex-start}.rider-dashboard-stats{grid-template-columns:1fr 1fr;gap:10px}.rider-stat-card{min-height:100px;padding:14px 8px}.rider-stat-card strong{font-size:21px}.rider-action-card{flex-direction:column;align-items:flex-start}.availability-button{width:100%}.rider-delivery-card{align-items:flex-start}.delivery-card-right{flex-shrink:0}}.rider-deliveries-page{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:32px}.rider-deliveries-container{width:100%;max-width:1200px;margin:0 auto}.rider-deliveries-loading{text-align:center;color:#6b7280;padding:80px 20px;font-size:15px}.rider-deliveries-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.rider-deliveries-header h1{color:#111827;margin:0;font-size:30px}.rider-deliveries-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.rider-refresh-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.rider-refresh-button:hover{background:#f9fafb}.rider-deliveries-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.rider-delivery-filters{gap:8px;margin-bottom:20px;display:flex;overflow-x:auto}.rider-delivery-filters button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:9px 13px;font-size:13px;font-weight:600;display:flex}.rider-delivery-filters button:hover{background:#f9fafb}.rider-delivery-filters button.active{color:#fff;background:#2563eb;border-color:#2563eb}.rider-delivery-filters button span{color:#374151;text-align:center;background:#f3f4f6;border-radius:999px;min-width:20px;padding:2px 5px;font-size:11px}.rider-delivery-filters button.active span{color:#fff;background:#fff3}.rider-deliveries-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:70px 20px}.rider-deliveries-empty-icon{margin-bottom:12px;font-size:42px}.rider-deliveries-empty h2{color:#111827;margin:0 0 7px;font-size:18px}.rider-deliveries-empty p{color:#6b7280;margin:0;font-size:13px}.rider-deliveries-list{flex-direction:column;gap:12px;display:flex}.rider-delivery-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;gap:25px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.rider-delivery-item:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 5px 18px #0000000d}.rider-delivery-item-main{flex:1;min-width:0}.rider-delivery-item-top{align-items:center;gap:10px;margin-bottom:9px;display:flex}.rider-order-number{color:#2563eb;font-size:12px;font-weight:700}.rider-delivery-status{text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.rider-delivery-status.assigned{color:#2563eb;background:#eff6ff}.rider-delivery-status.accepted{color:#a16207;background:#fefce8}.rider-delivery-status.picked-up{color:#c2410c;background:#fff7ed}.rider-delivery-status.delivered{color:#15803d;background:#f0fdf4}.rider-delivery-status.cancelled{color:#b91c1c;background:#fef2f2}.rider-delivery-status.default{color:#4b5563;background:#f3f4f6}.rider-delivery-item-main h2{color:#111827;margin:0 0 5px;font-size:17px}.rider-customer-phone{color:#4b5563;margin:0 0 9px;font-size:12px}.rider-delivery-address{color:#374151;max-width:650px;margin:0;font-size:13px;line-height:1.5}.rider-delivery-location{color:#6b7280;margin:5px 0 0;font-size:12px}.rider-delivery-item-side{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:14px;min-width:145px;display:flex}.rider-delivery-item-side div{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.rider-delivery-item-side span{color:#6b7280;font-size:11px}.rider-delivery-item-side strong{color:#111827;font-size:15px}.rider-delivery-item-side strong.rider-earning{color:#15803d}.rider-delivery-item-side button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:600}.rider-delivery-item-side button:hover{background:#eff6ff;border-color:#bfdbfe}@media (width<=760px){.rider-deliveries-page{padding:20px 14px}.rider-deliveries-header{flex-direction:column;align-items:flex-start}.rider-refresh-button{width:100%}.rider-delivery-item{flex-direction:column}.rider-delivery-item-side{flex-flow:wrap;align-items:stretch;min-width:0}.rider-delivery-item-side div{align-items:flex-start}.rider-delivery-item-side button{width:100%}}.rider-delivery-details-page{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:32px}.rider-delivery-details-container{width:100%;max-width:1100px;margin:0 auto}.rider-delivery-details-loading{text-align:center;color:#6b7280;padding:80px 20px;font-size:15px}.delivery-back-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:22px;padding:9px 13px;font-size:13px;font-weight:600}.delivery-back-button:hover{background:#f9fafb}.delivery-details-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.delivery-details-error-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:50px 20px}.delivery-details-error-card h2{color:#111827;margin:0 0 8px}.delivery-details-error-card p{color:#6b7280;margin:0;font-size:14px}.delivery-details-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.delivery-details-order-number{color:#2563eb;margin:0 0 6px;font-size:13px;font-weight:700}.delivery-details-header h1{color:#111827;margin:0;font-size:29px}.delivery-details-header p:last-child{color:#6b7280;margin:7px 0 0;font-size:13px}.delivery-details-status{text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:8px 13px;font-size:11px;font-weight:700;display:inline-flex}.delivery-details-status.assigned{color:#2563eb;background:#eff6ff}.delivery-details-status.accepted{color:#a16207;background:#fefce8}.delivery-details-status.picked-up{color:#c2410c;background:#fff7ed}.delivery-details-status.delivered{color:#15803d;background:#f0fdf4}.delivery-details-status.cancelled{color:#b91c1c;background:#fef2f2}.delivery-details-status.default{color:#4b5563;background:#f3f4f6}.delivery-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.delivery-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:21px}.delivery-card-title{border-bottom:1px solid #f3f4f6;margin-bottom:18px;padding-bottom:13px}.delivery-card-title h2{color:#111827;margin:0;font-size:17px}.delivery-info-list{flex-direction:column;display:flex}.delivery-info-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:20px;padding:10px 0;display:flex}.delivery-info-row:last-child{border-bottom:none}.delivery-info-row span{color:#6b7280;flex-shrink:0;font-size:12px}.delivery-info-row strong{color:#111827;text-align:right;word-break:break-word;font-size:13px}.delivery-info-row.address-row{align-items:flex-start}.call-customer-button{color:#2563eb;text-align:center;background:#eff6ff;border-radius:8px;margin-top:17px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;display:block}.call-customer-button:hover{background:#dbeafe}.delivery-total-row{border-top:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:7px;padding-top:14px;display:flex}.delivery-total-row span{color:#111827;font-size:14px;font-weight:700}.delivery-total-row strong{color:#111827;font-size:18px}.delivery-earning-box{background:#f0fdf4;border-radius:10px;justify-content:space-between;align-items:center;padding:18px;display:flex}.delivery-earning-box span{color:#166534;font-size:13px;font-weight:600}.delivery-earning-box strong{color:#15803d;font-size:23px}.delivery-timeline{flex-direction:column;display:flex}.timeline-item{gap:13px;min-height:58px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:#e5e7eb;width:2px;height:42px;position:absolute;top:16px;left:6px}.timeline-item.completed:not(:last-child):before{background:#22c55e}.timeline-dot{z-index:1;box-sizing:border-box;background:#fff;border:2px solid #d1d5db;border-radius:50%;width:14px;height:14px;margin-top:2px;position:relative}.timeline-item.completed .timeline-dot{background:#22c55e;border-color:#22c55e}.timeline-item strong{color:#374151;font-size:13px;display:block}.timeline-item span{color:#9ca3af;margin-top:3px;font-size:11px;display:block}.timeline-item.completed strong{color:#15803d}.delivery-action-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;padding:22px}.delivery-action-card h2{color:#111827;margin:0 0 5px;font-size:18px}.delivery-action-card>p{color:#6b7280;margin:0 0 18px;font-size:13px}.delivery-action-buttons{flex-wrap:wrap;gap:10px;display:flex}.delivery-action-buttons button{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px 15px;font-size:13px;font-weight:600}.delivery-action-buttons button:disabled{opacity:.6;cursor:not-allowed}.accept-delivery-button{background:#16a34a}.accept-delivery-button:hover:not(:disabled){background:#15803d}.reject-delivery-button{background:#dc2626}.reject-delivery-button:hover:not(:disabled){background:#b91c1c}.pickup-delivery-button{background:#2563eb}.pickup-delivery-button:hover:not(:disabled){background:#1d4ed8}.deliver-delivery-button{background:#16a34a}.deliver-delivery-button:hover:not(:disabled){background:#15803d}.delivery-completed-card,.delivery-cancelled-card{border-radius:12px;align-items:center;gap:15px;margin-top:16px;padding:20px;display:flex}.delivery-completed-card{background:#f0fdf4;border:1px solid #bbf7d0}.delivery-cancelled-card{background:#fef2f2;border:1px solid #fecaca}.completed-icon,.cancelled-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.completed-icon{background:#16a34a}.cancelled-icon{background:#dc2626}.delivery-completed-card h2,.delivery-cancelled-card h2{color:#111827;margin:0 0 4px;font-size:16px}.delivery-completed-card p,.delivery-cancelled-card p{color:#6b7280;margin:0;font-size:13px}@media (width<=760px){.rider-delivery-details-page{padding:20px 14px}.delivery-details-header{flex-direction:column;align-items:flex-start}.delivery-details-header h1{font-size:25px}.delivery-details-grid{grid-template-columns:1fr}.delivery-info-row{flex-direction:column;align-items:flex-start;gap:5px}.delivery-info-row strong{text-align:left}.delivery-action-buttons{flex-direction:column}.delivery-action-buttons button{width:100%}}.rider-earnings-page{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:32px}.rider-earnings-container{width:100%;max-width:1100px;margin:0 auto}.rider-earnings-loading{text-align:center;color:#6b7280;padding:80px 20px;font-size:15px}.rider-earnings-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.rider-earnings-header h1{color:#111827;margin:0;font-size:30px}.rider-earnings-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.rider-earnings-refresh{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s}.rider-earnings-refresh:hover{background:#f9fafb}.rider-earnings-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.rider-earnings-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.rider-earnings-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.rider-earnings-stat-card span{color:#6b7280;margin-bottom:10px;font-size:13px;display:block}.rider-earnings-stat-card strong{color:#111827;font-size:26px}.rider-period-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.rider-period-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.rider-period-card-header h2{color:#111827;margin:0;font-size:18px}.rider-period-card-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.rider-period-amount{color:#15803d;margin:25px 0;font-size:30px;font-weight:700}.rider-period-info{border-top:1px solid #f3f4f6;justify-content:space-between;padding-top:13px;display:flex}.rider-period-info span{color:#6b7280;font-size:12px}.rider-period-info strong{color:#111827;font-size:13px}.rider-earnings-filter{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:22px}.rider-filter-header{margin-bottom:18px}.rider-filter-header h2{color:#111827;margin:0;font-size:18px}.rider-filter-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.rider-filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.rider-filter-buttons button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.rider-filter-buttons button:hover{background:#f9fafb}.rider-filter-buttons button.active{color:#fff;background:#2563eb;border-color:#2563eb}.rider-custom-date-form{border-top:1px solid #f3f4f6;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;margin-top:20px;padding-top:20px;display:grid}.rider-date-field{flex-direction:column;display:flex}.rider-date-field label{color:#374151;margin-bottom:6px;font-size:12px;font-weight:600}.rider-date-field input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-height:40px;padding:9px 11px;font-family:inherit;font-size:13px}.rider-date-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rider-apply-filter{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;min-height:40px;padding:9px 18px;font-size:13px;font-weight:600}.rider-apply-filter:hover{background:#1d4ed8}.rider-apply-filter:disabled{opacity:.6;cursor:not-allowed}.rider-filter-result{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:22px}.rider-filter-result-header{margin-bottom:18px}.rider-filter-result-header h2{color:#111827;margin:0;font-size:18px}.rider-filter-result-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.rider-filter-summary{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.rider-filter-summary>div{background:#f8fafc;border-radius:10px;padding:16px}.rider-filter-summary span{color:#6b7280;margin-bottom:7px;font-size:12px;display:block}.rider-filter-summary strong{color:#15803d;font-size:22px}.rider-earning-list{border-top:1px solid #f3f4f6;flex-direction:column;display:flex}.rider-earning-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.rider-earning-item:last-child{border-bottom:none}.rider-earning-item strong{color:#111827;margin-bottom:4px;font-size:15px;display:block}.rider-earning-item p{color:#6b7280;margin:0;font-size:12px}.rider-earning-item>div:last-child{flex-shrink:0}.rider-earning-item>div:last-child span{color:#6b7280;font-size:12px}.rider-no-earnings{text-align:center;color:#6b7280;padding:30px 15px;font-size:13px}.rider-payouts-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.rider-payouts-header{margin-bottom:18px}.rider-payouts-header h2{color:#111827;margin:0;font-size:18px}.rider-payouts-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.rider-payouts-empty{text-align:center;padding:45px 20px}.rider-payouts-empty-icon{margin-bottom:10px;font-size:38px}.rider-payouts-empty h3{color:#111827;margin:0 0 6px;font-size:16px}.rider-payouts-empty p{color:#6b7280;margin:0;font-size:13px}.rider-payouts-list{flex-direction:column;display:flex}.rider-payout-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.rider-payout-item:last-child{border-bottom:none}.rider-payout-main{flex-direction:column;gap:4px;display:flex}.rider-payout-main strong{color:#111827;font-size:15px}.rider-payout-main span{color:#6b7280;font-size:12px}.rider-payout-status{color:#4b5563;text-transform:uppercase;background:#f3f4f6;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.rider-payout-status.paid{color:#15803d;background:#f0fdf4}.rider-payout-status.pending{color:#c2410c;background:#fff7ed}.rider-payout-status.failed{color:#b91c1c;background:#fef2f2}@media (width<=800px){.rider-earnings-stats,.rider-period-grid{grid-template-columns:1fr}.rider-custom-date-form{grid-template-columns:1fr 1fr}.rider-apply-filter{width:100%}}@media (width<=600px){.rider-earnings-page{padding:20px 14px}.rider-earnings-header{flex-direction:column;align-items:flex-start}.rider-earnings-refresh{width:100%}.rider-earnings-stat-card strong{font-size:23px}.rider-period-amount{font-size:27px}.rider-filter-buttons{flex-direction:column}.rider-filter-buttons button{width:100%}.rider-custom-date-form,.rider-filter-summary{grid-template-columns:1fr}.rider-earning-item{flex-direction:column;align-items:flex-start;gap:8px}.rider-payout-item{flex-direction:column;align-items:flex-start;gap:10px}}.rider-profile-page{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:32px}.rider-profile-container{width:100%;max-width:1100px;margin:0 auto}.rider-profile-loading{text-align:center;color:#6b7280;padding:80px 20px;font-size:15px}.rider-profile-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.rider-profile-header h1{color:#111827;margin:0;font-size:30px}.rider-profile-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.rider-profile-refresh{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.rider-profile-refresh:hover{background:#f9fafb}.rider-profile-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.rider-profile-message{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.rider-profile-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px}.rider-profile-empty h2{color:#111827;margin:0 0 7px;font-size:18px}.rider-profile-empty p{color:#6b7280;margin:0;font-size:13px}.rider-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.rider-profile-main-card{align-items:center;gap:18px;margin-bottom:16px;display:flex}.rider-profile-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:27px;font-weight:700;display:flex}.rider-profile-main-info{flex:1}.rider-profile-main-info h2{color:#111827;margin:0 0 5px;font-size:21px}.rider-profile-main-info p{color:#6b7280;margin:0 0 8px;font-size:13px}.rider-profile-role{color:#4b5563;text-transform:uppercase;background:#f3f4f6;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.rider-profile-status-area{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.rider-profile-status-label{color:#6b7280;font-size:11px}.rider-profile-status{border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.rider-profile-status.available{color:#15803d;background:#f0fdf4}.rider-profile-status.on-delivery{color:#c2410c;background:#fff7ed}.rider-profile-status.offline{color:#4b5563;background:#f3f4f6}.rider-profile-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.rider-profile-card-header{border-bottom:1px solid #f3f4f6;margin-bottom:18px;padding-bottom:13px}.rider-profile-card-header h2{color:#111827;margin:0;font-size:17px}.rider-profile-card-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.rider-profile-info-list{flex-direction:column;display:flex}.rider-profile-info-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:20px;padding:11px 0;display:flex}.rider-profile-info-row:first-child{padding-top:0}.rider-profile-info-row:last-child{border-bottom:none;padding-bottom:0}.rider-profile-info-row span{color:#6b7280;font-size:12px}.rider-profile-info-row strong{color:#111827;text-align:right;word-break:break-word;font-size:13px}.verification-approved{color:#15803d!important}.verification-pending{color:#c2410c!important}.verification-rejected{color:#b91c1c!important}.rider-profile-actions-card{margin-bottom:16px}.rider-profile-action-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.rider-profile-action-content>div{flex-direction:column;gap:5px;display:flex}.action-status-label{color:#6b7280;font-size:11px}.rider-profile-action-content strong{color:#111827;font-size:15px}.profile-online-button,.profile-offline-button,.update-location-button{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:600}.profile-online-button{background:#16a34a}.profile-online-button:hover:not(:disabled){background:#15803d}.profile-offline-button{background:#dc2626}.profile-offline-button:hover:not(:disabled){background:#b91c1c}.profile-online-button:disabled,.profile-offline-button:disabled,.update-location-button:disabled{opacity:.55;cursor:not-allowed}.profile-action-note{color:#6b7280;background:#f9fafb;border-radius:7px;margin:15px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.rider-location-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.rider-location-values{gap:35px;display:flex}.rider-location-values>div{flex-direction:column;gap:5px;display:flex}.rider-location-values span{color:#6b7280;font-size:11px}.rider-location-values strong{color:#111827;font-size:13px}.update-location-button{background:#2563eb}.update-location-button:hover:not(:disabled){background:#1d4ed8}@media (width<=750px){.rider-profile-page{padding:20px 14px}.rider-profile-header{flex-direction:column;align-items:flex-start}.rider-profile-refresh{width:100%}.rider-profile-main-card{flex-wrap:wrap;align-items:flex-start}.rider-profile-status-area{align-items:flex-start;width:100%}.rider-profile-grid{grid-template-columns:1fr}.rider-profile-action-content,.rider-location-content{flex-direction:column;align-items:flex-start}.profile-online-button,.profile-offline-button,.update-location-button{width:100%}.rider-location-values{justify-content:space-between;gap:15px;width:100%}}@media (width<=450px){.rider-profile-main-card{flex-direction:column}.rider-profile-info-row{flex-direction:column;align-items:flex-start;gap:5px}.rider-profile-info-row strong{text-align:left}.rider-location-values{flex-direction:column}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.rider-access-check{color:#64748b;background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;font-size:14px;font-weight:600;display:flex}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}