:root{--driver-blue:#2563eb;--driver-blue-dark:#1d4ed8;--driver-blue-deep:#1e40af;--driver-blue-light:#eff6ff;--driver-blue-tint:#dbeafe;--driver-blue-border:#bfdbfe;--driver-sky:#0284c7;--driver-sky-light:#f0f9ff;--driver-indigo:#4f46e5;--driver-slate-900:#0f172a;--driver-slate-800:#1e293b;--driver-slate-700:#334155;--driver-slate-600:#475569;--driver-slate-500:#64748b;--driver-slate-400:#94a3b8;--driver-slate-300:#cbd5e1;--driver-slate-200:#e2e8f0;--driver-slate-100:#f1f5f9;--driver-slate-50:#f8fafc;--driver-white:#fff;--haaply-text-primary:var(--driver-slate-900);--haaply-text-secondary:var(--driver-slate-600);--haaply-text-muted:var(--driver-slate-500);--haaply-text-inverse:#fff;--haaply-bg:var(--driver-slate-50);--haaply-bg-secondary:#f1f5f9;--haaply-bg-card:#fff;--haaply-border:var(--driver-slate-200);--haaply-border-light:#f1f5f9;--haaply-border-brand:var(--driver-blue);--haaply-success:#059669;--haaply-success-bg:#ecfdf5;--haaply-success-border:#a7f3d0;--haaply-success-dark:#065f46;--haaply-warning:#d97706;--haaply-warning-bg:#fffbeb;--haaply-warning-border:#fde68a;--haaply-warning-dark:#92400e;--haaply-danger:#dc2626;--haaply-danger-bg:#fef2f2;--haaply-danger-border:#fecaca;--haaply-danger-dark:#991b1b;--haaply-info:#0284c7;--haaply-info-bg:#f0f9ff;--haaply-info-border:#bae6fd;--haaply-font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--haaply-font-size-xs:.75rem;--haaply-font-size-sm:.875rem;--haaply-font-size-md:1rem;--haaply-font-size-lg:1.125rem;--haaply-font-size-xl:1.25rem;--haaply-font-size-2xl:1.5rem;--haaply-radius-xs:6px;--haaply-radius-sm:10px;--haaply-radius-md:14px;--haaply-radius-lg:18px;--haaply-radius-xl:22px;--haaply-radius-pill:9999px;--haaply-shadow-xs:0 1px 2px 0 #0f172a0d;--haaply-shadow-sm:0 2px 4px -1px #0f172a0f, 0 1px 2px -1px #0f172a0a;--haaply-shadow-md:0 4px 12px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--haaply-shadow-lg:0 10px 24px -4px #0f172a1a, 0 4px 8px -2px #0f172a0d;--haaply-shadow-blue:0 6px 20px -4px #2563eb40;--haaply-touch-target:48px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:16px}body{background-color:var(--haaply-bg);min-width:320px;min-height:100dvh;color:var(--haaply-text-primary);font-family:var(--haaply-font-family);font-size:var(--haaply-font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}#root{min-height:100dvh}.pwa-update-overlay{z-index:99998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0003;position:fixed;inset:0;overflow:hidden}.pwa-update-sheet{z-index:99999;box-sizing:border-box;background:#fcfcfb;border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:440px;max-height:min(90dvh,520px);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 30px #0000001f}@media (width>=640px){.pwa-update-sheet{border-radius:28px;bottom:24px}}.pwa-update-close{color:#9ca3af;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.pwa-update-close:hover{color:#4b5563;background-color:#f3f4f6}.pwa-update-content-wrapper{padding:24px 24px calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;display:flex;position:relative;overflow-y:auto}.pwa-update-header{align-items:center;gap:12px;display:flex}.pwa-update-icon-wrapper{color:#1b4d3e;background-color:#e8f3ef;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pwa-update-eyebrow{letter-spacing:.05em;color:#1b4d3e;text-transform:uppercase;font-size:12px;font-weight:700}.pwa-update-content{margin-top:4px}.pwa-update-title{color:#111827;letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:700}.pwa-update-description{color:#4b5563;margin:0;font-size:14px;line-height:1.6}.pwa-update-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}@media (width>=640px){.pwa-update-actions{flex-direction:row-reverse}.pwa-update-actions button{flex:1;width:auto}}.pwa-update-primary{color:#fff;cursor:pointer;background-color:#1b4d3e;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pwa-update-primary:hover{background-color:#13382d}.pwa-update-primary:active{transform:scale(.98)}.pwa-update-secondary{color:#374151;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pwa-update-secondary:hover{background-color:#e5e7eb}.pwa-update-secondary:active{transform:scale(.98)}.driver-home{box-sizing:border-box;flex-direction:column;gap:16px;max-width:600px;margin:0 auto;padding:16px 16px 96px;display:flex}.driver-header-section{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.driver-greeting-block{flex-direction:column;gap:2px;display:flex}.driver-greeting-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:800}.driver-greeting-subtitle{color:#64748b;margin:0;font-size:13px;font-weight:500}.driver-duty-badge{letter-spacing:.4px;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.driver-duty-badge.online{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.driver-duty-badge.offline{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.driver-today-summary-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 8px;display:grid;box-shadow:0 2px 8px -2px #0f172a0a}.driver-summary-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4px;display:flex}.driver-summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:11px;font-weight:700}.driver-summary-value{color:#0f172a;font-size:15px;font-weight:800}.driver-summary-item.primary .driver-summary-value{color:#2563eb}.driver-summary-item.warning .driver-summary-value{color:#d97706}.driver-summary-item.info .driver-summary-value{color:#0284c7}.driver-summary-item.success .driver-summary-value{color:#059669}.driver-cod-card{background:#fffbeb;border:1px solid #fde68a;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.driver-cod-badge{color:#92400e;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.driver-cod-metrics-row{justify-content:space-around;align-items:center;display:flex}.driver-cod-col{flex-direction:column;align-items:center;gap:2px;display:flex}.driver-cod-col-label{color:#b45309;font-size:11px;font-weight:700}.driver-cod-col-val{font-size:18px;font-weight:800}.driver-cod-col-val.pending{color:#92400e}.driver-cod-col-val.collected{color:#059669}.driver-cod-divider{background-color:#fde68a;width:1px;height:28px}.driver-hero-card{background:#fff;border:1px solid #bfdbfe;border-radius:20px;flex-direction:column;gap:14px;padding:20px;animation:.3s ease-out heroPulseIn;display:flex;box-shadow:0 10px 30px -5px #2563eb1f,0 4px 12px -2px #0f172a0a}@keyframes heroPulseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.driver-hero-card.completed-state,.driver-hero-card.empty-state{text-align:center;border:1px dashed #cbd5e1;align-items:center;padding:36px 20px}.driver-completed-icon,.driver-empty-truck-icon{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;display:flex}.driver-completed-icon{background:#ecfdf5}.driver-empty-truck-icon{background:#f1f5f9}.driver-hero-header{justify-content:space-between;align-items:center;display:flex}.driver-hero-badge{color:#2563eb;letter-spacing:.6px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.driver-hero-pulse-dot{background-color:#2563eb;border-radius:50%;width:6px;height:6px;animation:1.5s infinite heroDot}@keyframes heroDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.driver-hero-seq{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:800}.driver-hero-meta-row{justify-content:space-between;align-items:center;display:flex}.driver-hero-order-id{color:#64748b;font-size:13px;font-weight:700}.driver-hero-status-pill{border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700}.driver-hero-status-pill.on_the_way{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.driver-hero-status-pill.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.driver-hero-customer-block{flex-direction:column;gap:4px;display:flex}.driver-hero-customer-name{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.driver-hero-address-row{color:#475569;align-items:flex-start;gap:6px;font-size:14px;line-height:1.4;display:flex}.driver-hero-address-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.driver-hero-details-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.driver-hero-detail-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.driver-hero-detail-chip.cod{color:#92400e;background:#fffbeb;border-color:#fde68a}.driver-hero-progress-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}.driver-hero-progress-title{color:#94a3b8;letter-spacing:.6px;margin-bottom:10px;font-size:10px;font-weight:800}.driver-hero-stepper{justify-content:space-between;align-items:center;display:flex;position:relative}.driver-hero-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.driver-hero-step-bullet{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.driver-hero-step.completed .driver-hero-step-bullet{color:#fff;background:#2563eb}.driver-hero-step.current .driver-hero-step-bullet{color:#2563eb;background:#eff6ff;border:2px solid #2563eb}.driver-hero-step-label{color:#64748b;text-align:center;white-space:nowrap;font-size:10px;font-weight:600}.driver-hero-step.completed .driver-hero-step-label,.driver-hero-step.current .driver-hero-step-label{color:#0f172a;font-weight:700}.driver-hero-actions-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:2px;display:grid}.driver-hero-action-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.driver-hero-action-btn.call{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.driver-hero-action-btn.call:hover{background:#dbeafe}.driver-hero-action-btn.call.disabled{opacity:.5;cursor:not-allowed}.driver-hero-action-btn.navigate{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1}.driver-hero-action-btn.navigate:hover{background:#f1f5f9}.driver-hero-primary-cta{flex-direction:column;gap:8px;margin-top:2px;display:flex}.driver-hero-cta-btn{letter-spacing:.3px;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:15px;font-weight:800;transition:all .15s;display:flex}.driver-hero-cta-btn.primary{color:#fff;background:#2563eb;box-shadow:0 4px 12px -2px #2563eb59}.driver-hero-cta-btn.primary:hover{background:#1d4ed8}.driver-hero-cta-btn.success{color:#fff;background:#059669;box-shadow:0 4px 12px -2px #05966959}.driver-hero-cta-btn.success:hover{background:#047857}.driver-hero-cta-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.driver-hero-secondary-btn{color:#dc2626;cursor:pointer;text-align:center;background:0 0;border:none;padding:6px;font-size:12px;font-weight:700;transition:opacity .15s}.driver-hero-secondary-btn:hover{opacity:.8;text-decoration:underline}.driver-stops-section{flex-direction:column;gap:12px;display:flex}.driver-stops-header{flex-direction:column;gap:8px;display:flex}.driver-stops-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.driver-stops-filter-tabs{align-items:center;gap:6px;display:flex;overflow-x:auto}.driver-stops-filter-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.driver-stops-filter-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.driver-stops-list{flex-direction:column;gap:10px;display:flex}.driver-stop-row-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:all .15s;display:flex;box-shadow:0 2px 6px -1px #0f172a0a}.driver-stop-row-card:hover{border-color:#bfdbfe;box-shadow:0 4px 12px -2px #2563eb1a}.driver-stop-seq-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.driver-stop-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.driver-stop-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.driver-stop-customer-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:800;overflow:hidden}.driver-stop-status-pill{text-transform:capitalize;border-radius:9999px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.driver-stop-status-pill.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.driver-stop-status-pill.on_the_way{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.driver-stop-status-pill.delivered{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.driver-stop-status-pill.failed{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.driver-stop-area-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.driver-stop-items-count{color:#94a3b8;align-items:center;gap:6px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.driver-stop-arrow{flex-shrink:0}.driver-stops-empty{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.driver-map-accordion{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.driver-map-toggle-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.driver-map-toggle-btn:hover{background:#f8fafc}.driver-map-viewport{border-top:1px solid #e2e8f0;width:100%;height:280px}.driver-action-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.driver-action-overlay{align-items:center;padding:20px}}.driver-action-sheet{background-color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:520px;max-height:85dvh;animation:.25s cubic-bezier(.16,1,.3,1) slideUpSheet;display:flex;overflow:hidden;box-shadow:0 -10px 30px #00000026}@media (width>=640px){.driver-action-sheet{border-radius:24px;box-shadow:0 20px 35px #0003}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.driver-action-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.driver-action-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:800}.driver-sheet-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.driver-action-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.driver-action-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;gap:10px;padding:16px 20px;display:flex}.driver-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.driver-detail-card-title{color:#94a3b8;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:800}.driver-detail-customer-name{color:#0f172a;margin-bottom:4px;font-size:17px;font-weight:800}.driver-detail-address-row{color:#475569;align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;display:flex}.driver-detail-address-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.driver-detail-actions-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.driver-quick-action-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:42px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.driver-quick-action-btn.call{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.driver-quick-action-btn.navigate{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.driver-detail-cod-card{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:14px}.driver-detail-cod-header{color:#92400e;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.driver-detail-cod-amount{color:#92400e;margin:4px 0;font-size:24px;font-weight:800}.driver-detail-cod-notice{color:#b45309;font-size:12px;line-height:1.4}.driver-stepper-container{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.driver-stepper-step{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.driver-stepper-bullet{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.driver-stepper-step.completed .driver-stepper-bullet{color:#fff;background:#2563eb}.driver-stepper-step.current .driver-stepper-bullet{color:#2563eb;background:#eff6ff;border:2px solid #2563eb}.driver-stepper-label{color:#64748b;font-size:10px;font-weight:600}.driver-stepper-step.completed .driver-stepper-label,.driver-stepper-step.current .driver-stepper-label{color:#0f172a;font-weight:700}.driver-detail-items-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.driver-detail-item-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.driver-detail-item-info{flex-direction:column;display:flex}.driver-detail-item-name{color:#0f172a;font-size:13px;font-weight:700}.driver-detail-item-variant{color:#64748b;font-size:11px}.driver-detail-item-qty{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800}.driver-detail-status-pill{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14px;font-weight:700;display:flex}.driver-detail-status-pill.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.driver-detail-status-pill.danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.driver-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;height:46px;padding:0 12px;font-size:14px}.driver-textarea{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px}.driver-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.driver-btn-primary{color:#fff;background-color:#2563eb;box-shadow:0 4px 10px -2px #2563eb4d}.driver-btn-primary:hover{background-color:#1d4ed8}.driver-btn-primary:disabled{cursor:not-allowed;box-shadow:none;background-color:#94a3b8}.driver-btn-secondary{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.driver-btn-danger{color:#fff;background-color:#dc2626}.driver-btn-danger:hover{background-color:#b91c1c}.driver-btn-danger-outline{color:#dc2626;background-color:#fff;border:1px solid #fecaca}.driver-btn-danger-outline:hover{background-color:#fef2f2}.driver-btn-text-danger{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:6px;font-size:13px;font-weight:700}.driver-btn-outline{color:#334155;background-color:#fff;border:1px solid #cbd5e1;text-decoration:none}.driver-orders-container{box-sizing:border-box;flex-direction:column;gap:16px;max-width:600px;margin:0 auto;padding:16px 16px 96px;display:flex}.driver-orders-header{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.driver-orders-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:800}.driver-orders-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.driver-orders-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.driver-orders-refresh-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.driver-orders-search-box{width:100%;position:relative}.driver-orders-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.driver-orders-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:100%;height:46px;padding:0 40px 0 42px;font-size:14px;transition:all .2s;box-shadow:0 1px 3px #00000008}.driver-orders-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.driver-orders-search-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.driver-orders-filters-scroll{-webkit-overflow-scrolling:touch;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.driver-orders-filters-scroll::-webkit-scrollbar{display:none}.driver-orders-filter-pill{color:#475569;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000005}.driver-orders-filter-pill:hover{color:#0f172a;background:#f8fafc}.driver-orders-filter-pill.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 10px -2px #2563eb4d}.driver-orders-filter-pill .count-badge{color:#475569;background:#f1f5f9;border-radius:9999px;padding:1px 6px;font-size:11px;font-weight:700}.driver-orders-filter-pill.active .count-badge{color:#fff;background:#ffffff40}.driver-orders-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.driver-orders-empty h3{color:#0f172a;margin:6px 0 0;font-size:16px;font-weight:700}.driver-orders-empty p{color:#64748b;max-width:280px;margin:0;font-size:13px}.driver-orders-list{flex-direction:column;gap:12px;display:flex}.driver-order-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;padding:18px;transition:all .2s;display:flex;box-shadow:0 2px 8px -2px #0f172a0d}.driver-order-card:hover{border-color:#bfdbfe;box-shadow:0 6px 16px -4px #2563eb1a}.driver-order-card-top{justify-content:space-between;align-items:center;display:flex}.driver-order-card-seq-box{align-items:center;gap:8px;display:flex}.driver-order-card-seq-box .seq-num{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:800}.driver-order-card-seq-box .order-id{color:#64748b;font-size:13px;font-weight:600}.driver-order-status-badge{letter-spacing:.3px;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.driver-order-status-badge.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.driver-order-status-badge.on_the_way{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;animation:2s ease-in-out infinite pulseBlue}.driver-order-status-badge.delivered{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.driver-order-status-badge.failed{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}@keyframes pulseBlue{0%,to{opacity:1}50%{opacity:.8}}.driver-order-card-middle{flex-direction:column;gap:4px;display:flex}.driver-order-customer-name{color:#0f172a;margin:0;font-size:16px;font-weight:800}.driver-order-address-text{color:#475569;align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;display:flex}.driver-order-address-text .address-pin{color:#2563eb;flex-shrink:0;margin-top:2px}.driver-order-card-meta{color:#64748b;border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding-top:8px;font-size:12px;display:flex}.driver-order-card-meta .meta-item{align-items:center;gap:4px;font-weight:600;display:flex}.driver-order-card-meta .meta-item.cod{color:#92400e;background:#fffbeb;border-radius:4px;padding:2px 6px}.driver-order-card-meta .meta-item.prepaid{color:#059669;background:#ecfdf5;border-radius:4px;padding:2px 6px}.driver-order-card-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:4px;display:grid}.driver-order-action-btn{box-sizing:border-box;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:42px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.driver-order-action-btn.call{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.driver-order-action-btn.call:hover{background:#dbeafe}.driver-order-action-btn.call.disabled{opacity:.5;cursor:not-allowed}.driver-order-action-btn.navigate{color:#334155;background:#f8fafc;border:1px solid #cbd5e1}.driver-order-action-btn.navigate:hover{color:#0f172a;background:#f1f5f9}.driver-order-action-btn.details{color:#fff;background:#2563eb}.driver-order-action-btn.details:hover{background:#1d4ed8}.driver-inventory-page{box-sizing:border-box;flex-direction:column;gap:16px;max-width:600px;margin:0 auto;padding:16px 16px 96px;display:flex}.driver-inventory-header{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.driver-inventory-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:800}.driver-inventory-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.driver-inventory-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.driver-inventory-summary-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:14px 12px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a}.driver-inventory-summary-card.warning{background:#fffdf5;border-color:#fde68a}.driver-inventory-summary-card.success{background:#f6fdf9;border-color:#a7f3d0}.driver-inventory-summary-val{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.driver-inventory-summary-val.primary{color:#2563eb}.driver-inventory-summary-val.info{color:#0284c7}.driver-inventory-summary-card.warning .driver-inventory-summary-val{color:#d97706}.driver-inventory-summary-card.success .driver-inventory-summary-val{color:#059669}.driver-inventory-summary-lbl{color:#64748b;white-space:nowrap;margin-top:4px;font-size:11px;font-weight:700}.driver-transfer-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.driver-transfer-section h2{color:#1e40af;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:800;display:flex}.driver-transfer-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 2px 8px -2px #2563eb14}.driver-transfer-header{justify-content:space-between;align-items:center;display:flex}.driver-transfer-title{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.driver-status-tag{text-transform:capitalize;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700}.driver-status-tag.status-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.driver-status-tag.status-completed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.driver-transfer-meta{color:#475569;justify-content:space-between;align-items:center;font-size:13px;display:flex}.driver-inventory-controls{flex-direction:column;gap:10px;display:flex}.driver-inventory-search-wrap{width:100%;position:relative}.driver-inventory-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.driver-inventory-search-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;height:44px;padding:0 16px 0 40px;font-size:14px;transition:all .15s}.driver-inventory-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.driver-inventory-filter-pills{align-items:center;gap:8px;display:flex}.driver-inventory-pill{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.driver-inventory-pill.active{color:#fff;background:#2563eb;border-color:#2563eb}.driver-inventory-cards-list{flex-direction:column;gap:12px;display:flex}.driver-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:14px;padding:16px;transition:all .15s;display:flex;box-shadow:0 2px 8px -2px #0f172a0a}.driver-item-card.has-shortage{background:#fffdf9;border-color:#fde68a}.driver-item-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.driver-item-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.driver-item-name{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:16px;font-weight:800}.driver-item-variant{color:#64748b;font-size:13px;font-weight:500}.driver-item-badge{border-radius:9999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.driver-item-badge.shortage{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.driver-item-badge.sufficient{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.driver-item-badge.neutral{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.driver-item-card-metrics{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.driver-item-metric-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.driver-item-metric-val{color:#0f172a;font-size:17px;font-weight:800}.driver-item-metric-box.primary .driver-item-metric-val{color:#2563eb}.driver-item-metric-box.shortage .driver-item-metric-val{color:#dc2626}.driver-item-metric-box.surplus .driver-item-metric-val{color:#059669}.driver-item-metric-box.balanced .driver-item-metric-val{color:#475569}.driver-item-metric-lbl{color:#64748b;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:700}.driver-inventory-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.driver-sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.driver-sheet-overlay{align-items:center;padding:20px}}.driver-sheet{background-color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:520px;max-height:85dvh;animation:.25s cubic-bezier(.16,1,.3,1) slideUpSheet;display:flex;overflow:hidden;box-shadow:0 -10px 30px #00000026}@media (width>=640px){.driver-sheet{border-radius:24px}}.driver-sheet-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.driver-sheet-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:800}.driver-sheet-body{flex:1;padding:20px;overflow-y:auto}.driver-sheet-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;gap:10px;padding:16px 20px;display:flex}.driver-profile-page{box-sizing:border-box;flex-direction:column;gap:16px;max-width:600px;margin:0 auto;padding:16px 16px 96px;display:flex}.driver-profile-hero{text-align:center;background:#fff;border:1px solid #bfdbfe;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex;position:relative;box-shadow:0 4px 16px -2px #2563eb14}.driver-profile-avatar-wrap{position:relative}.driver-profile-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:800;display:flex;box-shadow:0 6px 16px -2px #2563eb59}.driver-profile-online-badge{border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:2px;right:2px}.driver-profile-online-badge.online{background-color:#22c55e}.driver-profile-online-badge.offline{background-color:#94a3b8}.driver-profile-hero-info{flex-direction:column;align-items:center;gap:4px;display:flex}.driver-profile-tag{color:#2563eb;letter-spacing:.3px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.driver-profile-name{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.driver-profile-id{color:#64748b;font-size:13px;font-weight:600}.driver-profile-stat-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.driver-profile-stat-box strong{color:#0f172a;font-size:15px;font-weight:800}.driver-profile-duty-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;box-shadow:0 2px 6px -1px #0f172a0a}.driver-profile-duty-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.driver-profile-duty-status{align-items:center;gap:6px;margin-top:2px;font-size:15px;font-weight:800;display:flex}.driver-profile-duty-status.online{color:#059669}.driver-profile-duty-status.offline{color:#475569}.driver-profile-duty-btn{cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:800;transition:all .15s}.driver-profile-duty-btn.online{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.driver-profile-duty-btn.offline{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.driver-profile-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 2px 6px -1px #0f172a0a}.driver-profile-card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.driver-profile-details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.driver-profile-info-tile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.driver-profile-info-tile.full-width{grid-column:span 2}.driver-profile-info-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.driver-profile-info-val{color:#0f172a;word-break:break-all;font-size:14px;font-weight:700}.driver-profile-links-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 2px 6px -1px #0f172a0a}.driver-profile-link-btn{border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.driver-profile-link-btn.hotline{color:#166534;background-color:#ecfdf5;border:1px solid #bbf7d0}.driver-profile-link-btn.storefront{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0}.driver-profile-logout-btn{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:15px;font-weight:800;transition:all .15s;display:flex}.driver-profile-logout-btn:hover{background-color:#fee2e2}.driver-login-page{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.driver-login-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:420px;padding:36px 28px;animation:.3s cubic-bezier(.16,1,.3,1) loginFadeUp;box-shadow:0 10px 30px -5px #0f172a14,0 4px 12px -2px #0f172a08}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.driver-login-brand-top{justify-content:center;margin-bottom:22px;display:flex}.driver-login-brand-pill{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:8px;padding:4px 12px 4px 6px;display:inline-flex}.driver-login-icon-box{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #2563eb40}.driver-login-brand-name{color:#0f172a;letter-spacing:-.4px;font-size:17px;font-weight:800}.driver-login-partner-tag{color:#2563eb;letter-spacing:.6px;background-color:#fff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.driver-login-center-header{text-align:center;margin-bottom:24px}.driver-login-welcome{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.driver-login-driver-partner{color:#2563eb;margin:4px 0 0;font-size:16px;font-weight:700}.driver-login-supporting{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.4}.driver-login-alert{border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.driver-login-alert.error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.driver-login-form{flex-direction:column;gap:18px;display:flex}.driver-form-group{flex-direction:column;gap:6px;display:flex}.driver-form-label-row{justify-content:space-between;align-items:center;display:flex}.driver-form-label{color:#334155;font-size:13px;font-weight:700}.driver-forgot-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:none}.driver-forgot-link:hover{text-decoration:underline}.driver-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.driver-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.driver-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;height:50px;padding:0 16px 0 44px;font-size:15px;transition:all .2s}.driver-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.driver-input.has-trailing{padding-right:44px}.driver-input-trailing-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex;position:absolute;right:12px}.driver-input-trailing-btn:hover{color:#475569}.driver-login-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;margin-top:6px;font-size:16px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px -2px #2563eb59}.driver-login-btn:hover{background-color:#1d4ed8;box-shadow:0 6px 16px -2px #2563eb73}.driver-login-btn:active{transform:scale(.99)}.driver-login-btn:disabled{cursor:not-allowed;box-shadow:none;background-color:#93c5fd}.driver-login-footer{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:26px;display:flex}.driver-login-support-row{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.driver-login-back-link{color:#2563eb;font-size:13px;font-weight:600;text-decoration:none}.driver-login-back-link:hover{text-decoration:underline}.driver-login-terms{color:#94a3b8;margin:6px 0 0;font-size:11px;line-height:1.4}.driver-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.driver-modal-card{box-sizing:border-box;background-color:#fff;border-radius:18px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 25px -5px #0000001a}.driver-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.driver-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.driver-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.driver-modal-cancel-btn{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;height:48px;padding:0 16px;font-size:14px;font-weight:600}.driver-layout-root{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;min-height:100dvh;display:flex}.driver-layout-header{z-index:50;color:#0f172a;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 6px -1px #0f172a0a}.driver-layout-header-left{align-items:center;display:flex}.driver-brand-container{align-items:center;gap:10px;text-decoration:none;display:flex}.driver-brand-icon-box{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 10px -2px #2563eb4d}.driver-brand-text-box{align-items:baseline;gap:6px;display:flex}.driver-brand{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:19px;font-weight:800}.driver-brand-badge{letter-spacing:.6px;text-transform:uppercase;color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.driver-layout-header-right{align-items:center;gap:8px;display:flex}.driver-duty-toggle-btn{letter-spacing:.4px;cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.driver-duty-toggle-btn.online{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.driver-duty-toggle-btn.online:hover{background:#d1fae5}.driver-duty-toggle-btn.offline{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.driver-duty-toggle-btn.offline:hover{background:#e2e8f0}.driver-duty-indicator-dot{background-color:#94a3b8;border-radius:50%;width:8px;height:8px}.driver-duty-indicator-dot.online{background-color:#10b981;animation:2s infinite pulseDuty;box-shadow:0 0 0 2px #10b98133}@keyframes pulseDuty{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.driver-header-icon-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:flex}.driver-header-icon-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.driver-header-avatar-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:14px;font-weight:800;transition:transform .15s;display:flex;box-shadow:0 2px 6px #2563eb40}.driver-header-avatar-btn:hover{transform:scale(1.05)}.driver-profile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a80;animation:.2s ease-out fadeIn;position:fixed;inset:0}.driver-profile-menu{z-index:101;box-sizing:border-box;background-color:#fff;flex-direction:column;width:85%;max-width:360px;padding:24px 20px;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #0f172a26}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.driver-profile-menu-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.driver-profile-menu-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.driver-profile-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.driver-profile-hero{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.driver-profile-avatar-large{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex}.driver-profile-hero-text h4{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:800}.driver-profile-hero-text p{color:#64748b;margin:0 0 4px;font-size:13px}.driver-verified-tag{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.driver-profile-info-grid{flex-direction:column;gap:10px;display:flex}.driver-profile-info-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.driver-profile-info-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.4px;margin-bottom:2px;font-size:11px;font-weight:700}.driver-profile-info-value{color:#0f172a;font-size:14px;font-weight:700}.driver-logout-btn{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.driver-logout-btn:hover{background-color:#fee2e2}.driver-layout-main{box-sizing:border-box;flex:1;width:100%}.driver-bottom-nav{z-index:40;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px -2px #0f172a0d}@media (width>=640px){.driver-bottom-nav{border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;border-top-left-radius:16px;border-top-right-radius:16px;max-width:640px;left:50%;transform:translate(-50%)}}.driver-nav-item{color:#64748b;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;padding:4px 0;text-decoration:none;transition:color .15s;display:flex}.driver-nav-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;padding:4px 16px;transition:all .2s;display:flex}.driver-nav-label{margin-top:2px;font-size:11px;font-weight:600}.driver-nav-item.active{color:#2563eb}.driver-nav-item.active .driver-nav-icon-wrapper{color:#2563eb;background:#eff6ff}.driver-nav-item.active .driver-nav-label{font-weight:700}