:root{--haaply-cream:#fbf6d9;--haaply-cream-light:#fffdf3;--haaply-green:#5f7f35;--haaply-green-dark:#496426;--haaply-green-light:#edf3df;--haaply-black:#11110f;--haaply-charcoal:#252522;--haaply-white:#fff;--haaply-text-primary:#11110f;--haaply-text-secondary:#5d6258;--haaply-text-muted:#858b81;--haaply-text-inverse:#fff;--haaply-bg:#fffdf7;--haaply-bg-secondary:#f5f4ee;--haaply-bg-brand:var(--haaply-cream);--haaply-border:#e4e4dc;--haaply-border-light:#eeeeea;--haaply-border-brand:var(--haaply-green);--haaply-success:#4f7d32;--haaply-success-bg:#edf6e8;--haaply-warning:#a66b16;--haaply-warning-bg:#fff4df;--haaply-danger:#c43d35;--haaply-danger-bg:#fff0ee;--haaply-info:#376d8f;--haaply-info-bg:#edf5fa;--haaply-font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", 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.375rem;--haaply-font-size-2xl:1.75rem;--haaply-font-size-3xl:2.25rem;--haaply-font-weight-regular:400;--haaply-font-weight-medium:500;--haaply-font-weight-semibold:600;--haaply-font-weight-bold:700;--haaply-space-1:.25rem;--haaply-space-2:.5rem;--haaply-space-3:.75rem;--haaply-space-4:1rem;--haaply-space-5:1.25rem;--haaply-space-6:1.5rem;--haaply-space-8:2rem;--haaply-space-10:2.5rem;--haaply-space-12:3rem;--haaply-radius-sm:.5rem;--haaply-radius-md:.75rem;--haaply-radius-lg:1rem;--haaply-radius-xl:1.25rem;--haaply-radius-pill:999px;--haaply-shadow-sm:0 1px 3px #11110f14;--haaply-shadow-md:0 4px 14px #11110f1a;--haaply-shadow-lg:0 10px 30px #11110f1f;--haaply-content-max-width:1280px;--haaply-mobile-padding:1rem;--haaply-tablet-padding:1.5rem;--haaply-desktop-padding:2rem;--haaply-touch-target:44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:16px}body{background: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);font-weight:var(--haaply-font-weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}#root{min-height:100dvh}@media (width>=640px){:root{--haaply-mobile-padding:var(--haaply-tablet-padding)}}@media (width>=1024px){:root{--haaply-mobile-padding:var(--haaply-desktop-padding)}}.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;width:100%;max-width:800px;margin:0 auto;padding:16px;display:flex}.driver-greeting{color:var(--haaply-text-primary,#111827);margin-bottom:4px;font-size:24px;font-weight:700}.driver-greeting-sub{color:var(--haaply-text-secondary,#4b5563);margin-bottom:16px;font-size:14px}.driver-summary{grid-template-columns:1fr 1fr;gap:12px;display:grid}.driver-summary-card{border:1px solid var(--haaply-border-light,#e5e7eb);text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.driver-summary-card.highlight{background:var(--haaply-green-light,#edf3df);border-color:var(--haaply-green,#16a34a)}.driver-summary-value{color:var(--haaply-text-primary,#111827);margin-bottom:4px;font-size:24px;font-weight:700}.driver-summary-card.highlight .driver-summary-value{color:var(--haaply-green-dark,#166534)}.driver-summary-label{color:var(--haaply-text-secondary,#4b5563);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.driver-section-header{color:var(--haaply-text-primary,#111827);justify-content:space-between;align-items:center;margin:24px 0 12px;font-size:18px;font-weight:700;display:flex}.driver-delivery-list{flex-direction:column;gap:12px;display:flex}.driver-stop-card{border:1px solid var(--haaply-border-light,#e5e7eb);background:#fff;border-radius:12px;padding:16px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.driver-stop-card.active{border:2px solid var(--haaply-green,#16a34a)}.driver-stop-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.driver-stop-sequence{background:var(--haaply-bg-secondary,#f3f4f6);color:var(--haaply-text-primary,#111827);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.driver-stop-card.active .driver-stop-sequence{background:var(--haaply-green,#16a34a);color:#fff}.driver-stop-info{flex:1}.driver-stop-customer{color:var(--haaply-text-primary,#111827);margin-bottom:4px;font-size:16px;font-weight:700}.driver-stop-address{color:var(--haaply-text-secondary,#4b5563);align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;display:flex}.driver-stop-meta{border-top:1px dashed var(--haaply-border-light,#e5e7eb);border-bottom:1px dashed var(--haaply-border-light,#e5e7eb);flex-wrap:wrap;gap:8px;margin:12px 0;padding:12px 0;display:flex}.driver-stop-meta-item{color:var(--haaply-text-primary,#111827);background:var(--haaply-bg-secondary,#f3f4f6);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:500;display:flex}.driver-stop-items{margin-bottom:16px}.driver-stop-item{color:var(--haaply-text-primary,#111827);justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.driver-stop-item span:last-child{font-weight:600}.driver-stop-actions{flex-direction:column;gap:10px;display:flex}@media (width>=480px){.driver-stop-actions{flex-direction:row}}.driver-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.driver-btn:disabled{opacity:.5;cursor:not-allowed}.driver-btn:active:not(:disabled){transform:scale(.98)}.driver-btn-primary{background:var(--haaply-green,#16a34a);color:#fff}.driver-btn-secondary{background:var(--haaply-bg-secondary,#f3f4f6);color:var(--haaply-text-primary,#111827)}.driver-btn-outline{border:2px solid var(--haaply-border-light,#e5e7eb);color:var(--haaply-text-primary,#111827);background:0 0}.driver-btn-danger-outline{border:2px solid var(--haaply-danger,#ef4444);color:var(--haaply-danger,#ef4444);background:0 0}.driver-btn-danger{background:var(--haaply-danger,#ef4444);color:#fff}.driver-status-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pending{color:#92400e;background:#fef3c7}.status-on_the_way{color:#1e40af;background:#dbeafe}.status-delivered{color:#166534;background:#dcfce7}.status-failed{color:#991b1b;background:#fee2e2}.driver-readiness-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px;display:flex}.driver-readiness-icon{color:#ef4444}.driver-readiness-content h4{color:#991b1b;margin:0 0 4px;font-size:15px}.driver-readiness-content p{color:#b91c1c;margin:0;font-size:13px;line-height:1.4}.driver-map-container{border:1px solid var(--haaply-border-light,#e5e7eb);background:#fff;border-radius:12px;overflow:hidden}.driver-map-toggle{width:100%;color:var(--haaply-text-primary,#111827);cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;padding:16px;font-size:16px;font-weight:600;display:flex}.driver-map-canvas{background:#f3f4f6;width:100%;height:250px}@media (width>=640px){.driver-map-canvas{height:350px}}.driver-action-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.driver-action-sheet{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:600px;max-height:90dvh;margin:0 auto;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 -4px 20px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.driver-action-header{border-bottom:1px solid var(--haaply-border-light,#e5e7eb);padding:24px 24px 16px}.driver-action-header h2{color:var(--haaply-text-primary,#111827);margin:0;font-size:20px}.driver-action-body{flex:1;padding:24px;overflow-y:auto}.driver-action-footer{padding:16px 24px calc(16px + env(safe-area-inset-bottom)) 24px;border-top:1px solid var(--haaply-border-light,#e5e7eb);gap:12px;display:flex}.driver-action-footer button{flex:1}.driver-select,.driver-textarea{border:1px solid var(--haaply-border-light,#d1d5db);width:100%;color:var(--haaply-text-primary,#111827);box-sizing:border-box;background:#fff;border-radius:12px;margin-bottom:16px;padding:14px;font-family:inherit;font-size:15px}.driver-textarea{resize:vertical;min-height:100px}.driver-select:focus,.driver-textarea:focus{border-color:var(--haaply-green,#16a34a);outline:none;box-shadow:0 0 0 3px #16a34a1a}.driver-inventory-page{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:800px;margin:0 auto;padding:16px;display:flex}.driver-inventory-header{margin-bottom:8px}.driver-inventory-header h1{color:var(--haaply-text-primary,#111827);margin:0 0 4px;font-size:24px;font-weight:700}.driver-inventory-header p{color:var(--haaply-text-secondary,#4b5563);margin:0;font-size:14px}.driver-inventory-summary{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}@media (width>=480px){.driver-inventory-summary{grid-template-columns:1fr 1fr 1fr}}.driver-inventory-summary-card{border:1px solid var(--haaply-border-light,#e5e7eb);text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.driver-inventory-summary-card.danger{background:#fef2f2;border-color:#fecaca}.driver-inventory-summary-card.warning{background:#fffbeb;border-color:#fde68a}.driver-inventory-summary-value{color:var(--haaply-text-primary,#111827);margin-bottom:4px;font-size:24px;font-weight:700}.driver-inventory-summary-card.danger .driver-inventory-summary-value{color:#991b1b}.driver-inventory-summary-card.warning .driver-inventory-summary-value{color:#92400e}.driver-inventory-summary-label{color:var(--haaply-text-secondary,#4b5563);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.driver-inventory-list{flex-direction:column;gap:12px;display:flex}.driver-inventory-card{border:1px solid var(--haaply-border-light,#e5e7eb);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000a}.driver-inventory-card-info{flex:1}.driver-inventory-card__name{color:var(--haaply-text-primary,#111827);margin:0 0 4px;font-size:16px;font-weight:700}.driver-inventory-card__variant{color:var(--haaply-text-secondary,#4b5563);align-items:center;gap:4px;margin:0;font-size:13px;display:flex}.driver-inventory-card-stock{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.driver-inventory-card__quantity{color:var(--haaply-text-primary,#111827);align-items:baseline;gap:2px;font-size:20px;font-weight:700;display:flex}.driver-inventory-card__quantity span{color:var(--haaply-text-secondary,#6b7280);font-size:13px;font-weight:600}.driver-inventory-card__status{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-in-stock{color:#166534;background:#dcfce7}.status-low-stock{color:#92400e;background:#fef3c7}.status-out-of-stock{color:#991b1b;background:#fee2e2}.driver-transfer-section{margin-top:24px}.driver-transfer-section h2{color:var(--haaply-text-primary,#111827);margin:0 0 12px;font-size:18px;font-weight:700}.driver-transfer-card{border:1px solid var(--haaply-border-light,#e5e7eb);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.driver-transfer-header{border-bottom:1px dashed var(--haaply-border-light,#e5e7eb);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.driver-transfer-title{color:var(--haaply-text-primary,#111827);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.driver-transfer-meta{color:var(--haaply-text-secondary,#4b5563);flex-direction:column;gap:4px;margin-bottom:16px;font-size:13px;display:flex}.driver-inventory-empty,.driver-inventory-loading,.driver-inventory-error{text-align:center;border:1px solid var(--haaply-border-light,#e5e7eb);background:#fff;border-radius:12px;margin-top:16px;padding:40px 20px}.driver-inventory-empty h3,.driver-inventory-error h3{color:var(--haaply-text-primary,#111827);margin:16px 0 8px;font-size:18px;font-weight:700}.driver-inventory-empty p,.driver-inventory-error p{color:var(--haaply-text-secondary,#6b7280);margin:0;font-size:14px}.driver-sheet-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.driver-sheet{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:600px;max-height:90dvh;margin:0 auto;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 -4px 20px #00000026}.driver-sheet-header{border-bottom:1px solid var(--haaply-border-light,#e5e7eb);justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.driver-sheet-header h2{color:var(--haaply-text-primary,#111827);margin:0;font-size:20px}.driver-sheet-body{flex:1;padding:24px;overflow-y:auto}.driver-sheet-footer{padding:16px 24px calc(16px + env(safe-area-inset-bottom)) 24px;border-top:1px solid var(--haaply-border-light,#e5e7eb);gap:12px;display:flex}.driver-layout-root{background-color:var(--haaply-bg-secondary,#f5f4ee);box-sizing:border-box;flex-direction:column;min-height:100dvh;display:flex}.driver-layout-header{z-index:50;background-color:var(--haaply-green,#16a34a);color:#fff;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.driver-layout-header-left{align-items:center;display:flex}.driver-brand{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700}.driver-brand span{opacity:.9;font-weight:400}.driver-layout-header-right{align-items:center;gap:12px;display:flex}.driver-header-info{cursor:pointer;flex-direction:column;align-items:flex-end;display:flex}@media (width<=400px){.driver-header-info{display:none}}.driver-name{font-size:14px;font-weight:700}.driver-vehicle{opacity:.9;font-size:11px}.driver-header-avatar{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.driver-header-avatar:active{background:#ffffff4d}.driver-layout-main{width:100%;max-width:100%;padding-bottom:calc(80px + env(safe-area-inset-bottom));box-sizing:border-box;flex:1}.driver-bottom-nav{z-index:50;border-top:1px solid var(--haaply-border-light,#e2e8f0);padding-bottom:env(safe-area-inset-bottom);background-color:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.driver-nav-item{color:var(--haaply-text-muted,#94a3b8);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:64px;padding:10px 0;text-decoration:none;transition:color .2s;display:flex}.driver-nav-item span{font-size:11px;font-weight:600}.driver-nav-item.active{color:var(--haaply-green,#16a34a)}.driver-nav-item:active{color:var(--haaply-green,#16a34a);opacity:.8}.driver-profile-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;position:fixed;inset:0}.driver-profile-menu{z-index:101;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));background-color:#fff;border-radius:24px 24px 0 0;flex-direction:column;gap:20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}@media (width>=640px){.driver-profile-menu{border-radius:24px;width:100%;max-width:400px;padding-bottom:24px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.driver-profile-menu-header{justify-content:space-between;align-items:center;display:flex}.driver-profile-menu-header h3{color:var(--haaply-text-primary,#1e293b);margin:0;font-size:20px;font-weight:700}.driver-profile-close{color:var(--haaply-text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.driver-profile-menu-body{color:var(--haaply-text-secondary,#475569);flex-direction:column;gap:12px;font-size:14px;display:flex}.driver-profile-menu-body p{margin:0}.driver-profile-menu-body strong{color:var(--haaply-text-primary,#1e293b)}.driver-logout-btn{background-color:var(--haaply-danger-light,#fee2e2);width:100%;color:var(--haaply-danger,#dc2626);border:1px solid var(--haaply-danger,#dc2626);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.driver-logout-btn:active{transform:scale(.98)}