*{box-sizing:border-box;margin:0;padding:0}.login-screen{background:var(--white);z-index:9999;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-screen--hidden{display:none}.login-content{width:100%;max-width:100%;min-height:100dvh;padding:24px;padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(40px + env(safe-area-inset-bottom,20px));flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.lang-selector{top:calc(env(safe-area-inset-top,0px) + 16px);z-index:10;gap:4px;display:flex;position:absolute;right:16px}.lang-btn{border:1.5px solid var(--gray-200);color:var(--gray-500);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:600}.lang-btn--active{background:var(--black);color:var(--white);border-color:var(--black)}.login-logo-small{color:var(--black);letter-spacing:-.3px;margin-bottom:48px;font-size:1.5rem;font-weight:700}.login-icon{justify-content:center;width:100%;margin-bottom:20px;display:flex}.login-illustration{-webkit-user-drag:none;pointer-events:none;width:calc(100vw - 42px);height:auto}@media (width>=600px){.login-illustration{width:55vw;min-width:550px;max-width:850px}}.login-tagline-big{color:var(--black);text-align:center;letter-spacing:-.2px;font-size:1.25rem;font-weight:600}@media (width>=600px){.login-illustration{max-width:400px}}.login-center{box-sizing:border-box;pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:0 16px;transition:margin-bottom .3s;display:flex}.login-center--shifted{justify-content:flex-end;margin-bottom:40px}.login-hidden{display:none!important}.login-waiting-text{color:var(--gray-400);text-align:center;margin-bottom:16px;font-size:.9rem}.login-cancel-btn{border:1.5px solid var(--gray-200);cursor:pointer;width:100%;color:var(--gray-600);appearance:none;background:0 0;border-radius:12px;padding:14px;font-family:inherit;font-size:1rem;font-weight:500}.login-qr-section{flex-direction:column;align-items:center;width:100%;margin-bottom:16px;display:flex}.login-qr-card{border:1.5px solid var(--gray-200);border-radius:20px;flex-direction:column;align-items:center;width:216px;padding:18px 18px 32px;display:flex}.login-qr-card canvas{border-radius:8px}.login-qr-label{color:var(--black);margin-top:14px;font-size:.85rem;font-weight:600}.login-qr-or{color:var(--black);margin:16px 0;font-size:1rem;font-weight:600}.login-bottom{width:100%;max-width:380px;margin-top:32px}.login-btn{cursor:pointer;color:#fff;appearance:none;background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex}.login-btn:active{opacity:.85}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn--loading{pointer-events:none;min-height:52px}.login-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-btn--wa-fallback{margin-top:20px;margin-bottom:12px}.login-hint{color:var(--gray-500);text-align:center;margin-top:16px;font-size:.75rem}.login-error{color:#dc2626;text-align:center;margin-top:12px;font-size:.85rem}.login-error--hidden,.app--hidden{display:none}:root{--black:#0d0d0d;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937;--green:#05c167;--green-dark:#04a957;--red:#ef4444;--radius:12px;--nav-height:64px;--top-bar-height:56px}html,body{background:var(--white);color:var(--black);-webkit-tap-highlight-color:transparent;-webkit-appearance:none;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}button,input{appearance:none;color:inherit;font-family:inherit}#app{flex-direction:column;height:100%;display:flex}.top-bar{z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200);height:var(--top-bar-height);align-items:center;display:flex;position:sticky;top:0}.app--has-order .top-bar{z-index:100;border-radius:25px 25px 0 0;margin-top:-25px;position:sticky;top:0}.top-bar-content{justify-content:space-between;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:0 16px;display:flex}.logo{letter-spacing:-.5px;font-size:1.25rem;font-weight:800}.location-btn{background:var(--gray-100);color:var(--gray-800);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:500;display:flex}.pages{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.page{max-width:480px;margin:0 auto;padding:12px 16px 140px;display:none}.page.active{display:block}.tint-layer{z-index:9999;pointer-events:none;background-color:#377442;width:100%;height:8px;display:none;position:fixed;top:0;left:0}@media (width>=769px){.tint-layer{display:none!important}}.active-order-banner{z-index:99;cursor:pointer;background:#377442;padding-bottom:25px;position:sticky;top:0;overflow:visible}.active-order-banner--hidden{display:none}.active-order-banner-inner{box-sizing:border-box;align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:12px 16px;display:flex}.active-order-banner-icon{color:#fff;flex-shrink:0}.active-order-banner-text{flex-direction:column;flex:1;min-width:0;display:flex}.active-order-banner-title{color:#fff;font-size:.85rem;font-weight:700}.active-order-banner-sub{color:#fffc;font-size:.72rem}.active-order-banner-view{color:#fff;background:#ffffff40;border-radius:50px;flex-shrink:0;padding:5px 12px;font-size:.75rem;font-weight:600}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom,50px));background:var(--white);border-top:1px solid var(--gray-200);padding-top:8px;padding-bottom:env(safe-area-inset-bottom,50px);z-index:100;justify-content:center;align-items:flex-start;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-item{width:80px;margin:0 6px}.nav-item{color:var(--gray-400);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;font-size:.65rem;font-weight:500;transition:color .15s;display:flex}.nav-item.active{color:var(--black)}.nav-item svg{transition:stroke .15s}.nav-icon-wrap{display:inline-flex;position:relative}.nav-dot{background:var(--red);border:2px solid var(--white);border-radius:50%;width:10px;height:10px;display:none;position:absolute;top:-4px;right:-6px}.home-hero{margin-bottom:20px}.home-date{color:var(--gray-400);text-transform:capitalize;margin-bottom:4px;font-size:.8rem}.home-title{letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.meal-card{background:var(--white);border-radius:var(--radius);margin-bottom:28px;overflow:hidden;box-shadow:0 2px 12px #00000014}.meal-image img{object-fit:cover;width:100%;height:200px;display:block}.meal-info{padding:16px}.meal-name{margin-bottom:6px;font-size:1.1rem;font-weight:700}.meal-desc{color:var(--gray-600);margin-bottom:12px;font-size:.85rem;line-height:1.4}.meal-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.meal-chef-wrap{align-items:center;gap:6px;display:flex}.meal-chef{color:var(--gray-400);font-size:.8rem}.meal-chef-logo{object-fit:cover;border-radius:4px;width:24px;height:24px}.meal-price{font-size:.8rem;font-weight:500}.free-tag{color:var(--green);font-size:.8rem;font-weight:500}.qty-section{align-items:center;gap:12px;display:flex}.qty-control{border:1px solid var(--gray-200);border-radius:8px;align-items:center;gap:0;display:flex;overflow:hidden}.qty-btn{background:var(--gray-50);cursor:pointer;width:36px;height:36px;color:var(--black);border:none;font-size:1.1rem;font-weight:600;transition:background .1s}.qty-btn:active{background:var(--gray-200)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-btn--sm{width:30px;height:30px;font-size:.95rem}.qty-value{text-align:center;width:32px;font-size:.95rem;font-weight:700}.btn-add{color:var(--black);border-radius:var(--radius);cursor:pointer;background:#ffad0a;border:none;flex:1;padding:14px;font-size:.95rem;font-weight:700;transition:background .15s,transform .1s}.btn-add:active{background:#e69a00;transform:scale(.98)}.btn-add--done{background:#ffc840}.how-it-works{margin-top:8px}.how-it-works h3{margin-bottom:12px;font-size:1rem;font-weight:700}.steps{gap:12px;display:flex}.step{background:var(--gray-50);border-radius:var(--radius);text-align:center;flex:1;padding:14px 10px}.step-num{background:var(--black);width:24px;height:24px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:.7rem;font-weight:700;display:inline-flex}.step p{color:var(--gray-600);font-size:.75rem;line-height:1.3}.menu-header{margin-bottom:20px}.menu-header h1{letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.menu-subtitle{color:var(--gray-400);margin-top:4px;font-size:.85rem}.menu-list{flex-direction:column;gap:12px;display:flex}.menu-item{background:var(--gray-50);border-radius:var(--radius);align-items:center;gap:12px;padding:12px;display:flex;overflow:hidden}.menu-item--today{background:var(--white);border:2px solid var(--green);box-shadow:0 2px 12px #00000014}.menu-item-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:72px;height:72px}.menu-item-content{flex:1;min-width:0}.menu-item-day{text-transform:uppercase;color:var(--gray-400);letter-spacing:.5px;font-size:.7rem;font-weight:600}.menu-item--today .menu-item-day{color:var(--green)}.menu-item-name{margin:2px 0;font-size:.9rem;font-weight:700}.menu-item-desc{color:var(--gray-600);font-size:.75rem;line-height:1.3}.orders-title{letter-spacing:-.5px;margin-bottom:16px;font-size:1.75rem;font-weight:800}.segment-control{background:var(--gray-100);border-radius:10px;margin-bottom:20px;padding:4px;display:flex}.segment-btn{color:var(--gray-600);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s}.segment-btn--active{background:var(--white);color:var(--black);box-shadow:0 1px 4px #00000014}.orders-tab-content--hidden{display:none}.orders-empty{text-align:center;padding:40px 0}.orders-empty p{margin-bottom:4px;font-size:1rem;font-weight:600}.orders-empty span{color:var(--gray-400);font-size:.85rem}.basket-card{background:var(--gray-50);border-radius:var(--radius);padding:16px}.basket-item{align-items:center;gap:12px;margin-bottom:16px;display:flex}.basket-item-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:56px;height:56px}.basket-item-details{flex-direction:column;gap:2px;display:flex}.basket-item-name{font-size:.9rem;font-weight:600}.basket-item-qty{color:var(--gray-600);font-size:.8rem}.basket-item-slot{color:var(--gray-400);font-size:.75rem}.btn-view-order{width:100%}.order-sheet{z-index:1000;pointer-events:none;align-items:stretch;display:flex;position:fixed;inset:0}.order-sheet--open{pointer-events:all}.order-sheet-backdrop{background:var(--white);opacity:0;transition:opacity .3s;position:absolute;inset:0}.order-sheet--open .order-sheet-backdrop{opacity:1}.order-sheet-panel{background:var(--white);border-radius:0;flex-direction:column;width:100%;max-width:480px;height:100vh;margin:0 auto;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:relative;transform:translateY(100%)}@supports (height:100dvh){.order-sheet-panel{height:100dvh}}@media (width>=600px){.order-sheet-panel{border-radius:0;height:100vh}}.order-sheet--open .order-sheet-panel{transform:translateY(0)}.order-sheet-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.order-sheet-header h2{font-size:1.2rem;font-weight:700}.order-sheet-close,.order-sheet-back{background:var(--gray-100);width:32px;height:32px;color:var(--black);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.order-sheet-back{color:var(--black);font-size:1.3rem}.order-sheet-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;padding:20px 20px 40px;display:flex;overflow-y:auto}.order-sheet-meal{border-bottom:1px solid var(--gray-100);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.order-sheet-meal img{object-fit:cover;border-radius:10px;flex-shrink:0;width:56px;height:56px}.order-sheet-meal-info{flex:1;min-width:0}.order-sheet-meal h3{margin-bottom:2px;font-size:.9rem;font-weight:700}.order-sheet-meal .qty-control{flex-shrink:0}.order-sheet-section{margin-bottom:24px}.order-sheet-section h4{color:var(--gray-800);margin-bottom:10px;font-size:.85rem;font-weight:600}.time-slots{flex-direction:column;gap:0;display:flex}.time-slot{border:none;border-bottom:1px solid var(--gray-100);cursor:pointer;color:var(--gray-800);text-align:left;background:0 0;border-radius:0;align-items:center;gap:14px;padding:16px 0;font-size:1rem;font-weight:500;transition:all .15s;display:flex}.time-slot:active{opacity:.7}.time-slot-radio{justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.time-slot-radio svg{width:24px;height:24px}.time-slot--active .time-slot-radio .radio-empty,.time-slot-radio .radio-filled{display:none}.time-slot--active .time-slot-radio .radio-filled{display:block}.time-slot--active{border-bottom:1px solid var(--gray-100)}.order-sheet-footer{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,16px));border-top:1px solid var(--gray-100);flex-direction:column;gap:10px;display:flex}.btn-order--full{border-radius:var(--radius);width:100%;padding:16px;font-size:1rem}.btn-order--confirm{background:#ffe234}.btn-order--confirm:active{background:#f5d400}.recap-section{border-bottom:1px solid var(--gray-100);margin-bottom:20px;padding-bottom:16px}.recap-section:last-child{border-bottom:none}.recap-section h4{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8rem;font-weight:600}.recap-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:.95rem;font-weight:500;display:flex}.recap-row--light{color:var(--gray-600);font-size:.85rem}.recap-map{border:1px solid var(--gray-200);border-radius:12px;width:100%;height:140px;margin-bottom:10px;overflow:hidden}.recap-field{justify-content:space-between;align-items:center;display:flex}.recap-field-value{font-size:.9rem;font-weight:500}.recap-field-value--hidden{display:none}.recap-edit-btn{color:var(--gray-600);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8rem;font-weight:500;text-decoration:underline}.recap-edit-btn--hidden{display:none}.recap-input{border:1.5px solid var(--gray-200);border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.recap-input:focus{border-color:var(--black)}.recap-input--hidden{display:none}.delivery-methods{flex-direction:column;gap:8px;display:flex}.delivery-method{border:1.5px solid var(--gray-200);background:var(--gray-50);color:var(--black);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.delivery-method-icon{font-size:1.3rem}.live-help-btn{background:var(--gray-100);color:var(--black);cursor:pointer;border:none;border-radius:16px;padding:6px 14px;font-size:.8rem;font-weight:600}.live-map-wrap{margin-bottom:20px;position:relative}.live-map{aspect-ratio:1;border:1px solid var(--gray-200);border-radius:12px;width:100%;max-height:280px;overflow:hidden}.live-order-sheet{z-index:9999;background:#fff;transition:transform .35s cubic-bezier(.32,.72,0,1);position:fixed;inset:0;transform:translateY(100%)}.live-order-sheet--open{transform:translateY(0)}.live-order-sheet--closing{transition:transform .3s cubic-bezier(.32,.72,0,1);transform:translateY(100%)}.live-fullmap{z-index:1;position:absolute;inset:0;cursor:default!important}.live-fullmap.leaflet-container,.live-fullmap.leaflet-grab{cursor:default!important}.live-fullmap:active{cursor:grab!important}.live-fullmap.leaflet-dragging,.live-fullmap.leaflet-dragging .leaflet-grab{cursor:grabbing!important}.live-top-bar{z-index:10000;width:100%;max-width:480px;padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));pointer-events:none;box-sizing:border-box;justify-content:space-between;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.live-top-btn{background:var(--white);width:40px;height:40px;color:var(--black);cursor:pointer;pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex;box-shadow:0 2px 8px #00000026}.live-top-btn--help{border-radius:20px;width:auto;padding:0 16px;font-size:.8rem;font-weight:600}.live-order-sheet .recenter-btn{z-index:10000;pointer-events:auto;transition:bottom .15s,opacity .15s;position:absolute;right:calc(50% - 224px)}.live-order-sheet .recenter-btn.recenter-btn--dragging{opacity:0;pointer-events:none}@media (width<=599px){.live-order-sheet .recenter-btn{right:16px}}.live-drawer{z-index:10000;background:var(--white);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:28px 28px 0 0;flex-direction:column;transition:transform .35s cubic-bezier(.32,.72,0,1),height .2s;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 20px #0000001f}.live-order-sheet--open .live-drawer{transform:translateY(0)}.live-drawer--dragging{transition:none!important}.live-drawer-handle-area{cursor:grab;touch-action:none;flex-shrink:0;padding:12px 20px 0}.live-drawer *{touch-action:none}.live-drawer--dragging{cursor:grabbing}.live-drawer-handle{background:#00000026;border-radius:2.5px;width:36px;height:4px;margin:0 auto 12px}.live-drawer-content{-webkit-overflow-scrolling:touch;padding:0 20px 24px;padding-bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media (width>=600px){.live-drawer{max-width:480px;margin-left:auto;margin-right:auto;left:0;right:0}}.recenter-btn{background:var(--white);width:36px;height:36px;color:var(--black);border:1px solid var(--gray-200);cursor:pointer;opacity:0;pointer-events:none;z-index:500;border-radius:8px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #0000001f}.recenter-btn--visible{opacity:1;pointer-events:all}.live-eta{text-align:center;margin-bottom:16px}.live-eta-time{letter-spacing:-1px;font-size:2rem;font-weight:800;display:block}.live-eta-label{color:var(--gray-400);font-size:.85rem}.live-tracking-h{justify-content:center;align-items:flex-start;margin-bottom:16px;padding:0 4px;display:flex}.live-track-step-h{flex-direction:column;align-items:center;gap:6px;display:flex}.live-track-step-h span{color:var(--gray-400);text-align:center;max-width:60px;font-size:.65rem}.live-track-dot-h{background:var(--gray-200);width:28px;height:28px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;display:flex}.live-track-step-h--done span{color:var(--black)}.live-track-step-h--done .live-track-dot-h{background:var(--black);color:var(--white)}.live-track-step-h--active span{color:var(--black);font-weight:600}.live-track-step-h--active .live-track-dot-h{background:var(--black);color:var(--white);animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.live-track-line{background:var(--gray-200);flex:1;height:2px;margin-top:13px}.live-track-line--done{background:var(--black)}.live-driver{background:var(--gray-50);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;display:flex}.live-driver-info{align-items:center;gap:10px;display:flex}.live-driver-actions{gap:8px;display:flex}.live-driver-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.live-driver-name{font-size:.9rem;font-weight:600;display:block}.live-driver-vehicle{color:var(--gray-400);font-size:.75rem;display:block}.live-chat-btn{background:var(--gray-100);width:40px;height:40px;color:var(--black);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.live-chat-btn--whatsapp{color:#fff;background:#25d366}.help-actions{border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;flex-direction:column;margin:0 -20px;display:flex}.help-action-btn{background:var(--white);width:100%;color:var(--gray-900,#1a1a1a);cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:500;display:flex}.help-action-btn+.help-action-btn{border-top:1px solid #0000000f}.help-action-btn span{flex:1}.help-action-btn svg:last-child{opacity:.4}.help-action-btn--danger{color:#e53e3e}.cancel-confirm-overlay{z-index:100000;background:0 0;justify-content:center;align-items:flex-end;transition:background .3s;display:flex;position:fixed;inset:0}.cancel-confirm-overlay--visible{background:#00000080}.cancel-confirm-overlay--visible .cancel-confirm-drawer{transform:translateY(0)}.cancel-confirm-drawer{width:100%;max-width:480px;padding:12px 24px calc(24px + env(safe-area-inset-bottom,16px));text-align:center;background:#fff;border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.32,.72,0,1);transform:translateY(100%)}.cancel-confirm-handle{justify-content:center;padding:4px 0 20px;display:flex}.cancel-confirm-title{color:var(--black);margin:0 0 24px;font-size:1.2rem;font-weight:700}.cancel-confirm-btn{cursor:pointer;border:none;border-radius:14px;width:100%;margin-bottom:10px;padding:16px;font-family:inherit;font-size:1rem;font-weight:600;display:block}.cancel-confirm-btn--danger{color:#fff;background:#e53e3e}.cancel-confirm-btn--keep{background:var(--gray-100,#f3f3f3);color:var(--black)}#live-help-sheet{z-index:10002;pointer-events:none;position:fixed;inset:0}.help-drawer-backdrop{pointer-events:none;background:0 0;transition:background .3s;position:absolute;inset:0}.help-drawer--open .help-drawer-backdrop{pointer-events:auto;background:#00000080}.help-drawer-panel{background:var(--white);pointer-events:auto;flex-direction:column;max-width:480px;max-height:90vh;margin:0 auto;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}@media (width>=601px){.help-drawer-panel{max-width:100%}.help-drawer-body{box-sizing:border-box;width:100%;max-width:480px;margin-left:auto;margin-right:auto}.help-actions{margin:0}}.help-drawer--open .help-drawer-panel{transform:translateY(0)}.help-drawer-header{border-bottom:1px solid #0000000f}.help-drawer-header-inner{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;max-width:480px;margin:0 auto;padding:14px 20px 10px;display:grid}.help-drawer-header h2{text-align:center;margin:0;font-size:1.1rem;font-weight:700}.help-drawer-header-inner>div:first-child{justify-self:start}.help-drawer-header .help-drawer-close{justify-self:end}.help-drawer-close{background:var(--gray-100,#f5f5f5);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.help-drawer-body{padding:24px 20px}.help-drawer-body .live-driver{margin-bottom:28px}.live-recap{border-top:1px solid var(--gray-100);padding-top:16px}.live-recap h4{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8rem;font-weight:600}.live-order-number{border-top:1px solid var(--gray-100);text-align:center;margin-top:12px;padding-top:12px}.live-order-number span{color:var(--gray-400);letter-spacing:1px;font-size:.75rem;font-weight:600}.delivery-method--active{border-color:var(--black);background:var(--white);box-shadow:0 2px 8px #0000000f}.recap-floor{align-items:center;gap:12px;margin-top:12px;display:flex}.recap-floor--hidden{display:none}.recap-floor-label{color:var(--gray-600);font-size:14px;font-weight:500}.recap-floor-input{border:1.5px solid var(--gray-200);appearance:none;width:80px;color:var(--black);background:var(--white);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:15px}.basket-footer{border-top:1px solid var(--gray-200);justify-content:space-between;align-items:center;margin-bottom:10px;padding-top:12px;display:flex}.basket-total{font-size:.85rem;font-weight:700}.btn-order{color:var(--black);cursor:pointer;background:#ffad0a;border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:background .15s}.btn-order:disabled{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed}.btn-order:active:not(:disabled){background:#e69a00}.btn-order.btn-order--confirm{background:#ffd814}.btn-order.btn-order--confirm:active{background:#f7ca00}.basket-item-qty{color:var(--gray-600);font-size:.85rem;font-weight:500}.btn-remove{color:var(--red);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.8rem;font-weight:500}.order-item{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.order-item:last-child{border-bottom:none}.order-item-name{margin-bottom:2px;font-size:.9rem;font-weight:600;display:block}.order-item-date{color:var(--gray-400);font-size:.75rem}.order-item-right{text-align:right}.order-item-price{margin-bottom:2px;font-size:.9rem;font-weight:600;display:block}.order-item-status{color:var(--green);text-transform:capitalize;font-size:.7rem;font-weight:500}.account-header{text-align:center;padding:8px 0 28px}.account-avatar{background:var(--black);width:64px;height:64px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:1.5rem;font-weight:700;display:inline-flex}.account-header h2{font-size:1.25rem;font-weight:700}.account-email{color:var(--gray-400);margin-top:2px;font-size:.85rem}.account-menu{list-style:none}.account-menu-item{border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:center;gap:12px;padding:16px 0;transition:opacity .15s;display:flex}.account-menu-item:active{opacity:.6}.account-menu-item span{flex:1;font-size:.9rem;font-weight:500}.account-menu-item svg:last-child{color:var(--gray-400)}.account-menu-item--danger{color:var(--red)}.account-menu-item--danger svg{stroke:var(--red)}.lang-list{flex-direction:column;gap:8px;padding-top:8px;display:flex}.lang-option{background:var(--gray-100);cursor:pointer;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-family:inherit;font-size:1.05rem;display:flex}.lang-option--active{background:var(--black);color:var(--white)}.lang-option--active svg{stroke:var(--white)}.onboarding-screen{background:var(--white);z-index:9998;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.onboarding--hidden{display:none}.onboarding-content{width:100%;max-width:380px;min-height:100dvh;padding:24px;padding-top:calc(env(safe-area-inset-top,0px) + 40px);padding-bottom:env(safe-area-inset-bottom,24px);flex-direction:column;display:flex}.ob-back-btn{top:calc(env(safe-area-inset-top,0px) + 16px);background:var(--gray-100);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;left:16px}.onboarding-progress{justify-content:center;gap:8px;margin-bottom:40px;display:flex}.progress-dot{background:var(--gray-200);border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.progress-dot.active{background:var(--black);transform:scale(1.3)}.progress-dot.done{background:var(--green)}.onboarding-step{flex-direction:column;flex:1;display:none}.onboarding-step.active{display:flex}.ob-title{letter-spacing:-.5px;margin-bottom:6px;font-size:1.6rem;font-weight:700}.ob-subtitle{color:var(--gray-600);margin-bottom:32px;font-size:.9rem}.ob-fields{flex-direction:column;flex:1;gap:14px;display:flex}.ob-input{border:1.5px solid var(--gray-200);appearance:none;background:var(--white);border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.ob-input:first-letter{text-transform:uppercase}.ob-input:focus{border-color:var(--black)}#ob-firstname,#ob-lastname,#ob-street,#ob-building{text-transform:capitalize}.ob-textarea{border:1.5px solid var(--gray-200);resize:none;appearance:none;background:var(--white);border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.ob-textarea:focus{border-color:var(--black)}.ob-pill-group{gap:10px;display:flex}.ob-pill{border:1.5px solid var(--gray-200);background:var(--white);cursor:pointer;text-align:center;border-radius:20px;flex:1;padding:10px 0;font-size:.85rem;font-weight:500;transition:all .2s}.ob-pill.active{border-color:var(--black);background:var(--black);color:var(--white)}.ob-btn{background:var(--black);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:auto;margin-bottom:8px;padding:14px;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.ob-btn:disabled{opacity:.3;cursor:not-allowed}.ob-btn--secondary{background:var(--gray-100);color:var(--black);justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.ob-btn--wa{color:var(--white);background:#25d366;margin-top:0;margin-bottom:16px}.ob-map-container{border-radius:16px;flex:1;min-height:250px;margin-bottom:10px;position:relative;overflow:hidden}.ob-map{background:var(--gray-100);width:100%;height:100%;position:absolute;inset:0}.ob-map-center-pin{z-index:999;pointer-events:none;width:44px;height:82px;position:absolute;top:50%;left:50%;transform:translate(-50%,-68%)}.ob-map-center-pin svg{filter:drop-shadow(0 2px 4px #0006);width:100%;height:100%}.ob-map-fallback{text-align:center}.ob-map-fallback p{color:var(--gray-600);margin-bottom:12px;font-size:.9rem}.ob-wa-wrap{position:relative}.ob-wa-qr{z-index:100;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;padding:16px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0003}.ob-qr-label{color:var(--gray-600);font-size:.75rem}.ob-wa-qr canvas{border-radius:4px;width:160px!important;height:160px!important}.ob-hidden{display:none!important}.addr-empty{text-align:center;color:#888;padding:3rem 1rem}.addr-empty p{color:#333;margin-bottom:.25rem;font-size:1rem;font-weight:600}.addr-empty span{font-size:.85rem}.btn-add-address{width:100%;color:var(--black);cursor:pointer;background:0 0;border:2px dashed #ddd;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:1rem;padding:14px;font-size:.95rem;font-weight:600;transition:border-color .2s;display:flex}.btn-add-address:active{border-color:var(--black)}.addr-list{flex-direction:column;gap:10px;display:flex}.addr-card{cursor:pointer;background:#f8f8f8;border-radius:12px;align-items:center;gap:12px;padding:14px 12px;transition:background .15s;display:flex}.addr-card:active{background:#eee}.addr-card-icon{background:#fff;border:1px solid #eee;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.addr-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.addr-card-label{font-size:.95rem;font-weight:600}.addr-card-detail{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.addr-card-chevron{color:#bbb;flex-shrink:0}.addr-picker-edit-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:15px;font-weight:600}.addr-picker-radio{flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.addr-picker-radio svg{width:24px;height:24px}.addr-picker-card--active .addr-picker-radio .radio-empty,.addr-picker-radio .radio-filled{display:none}.addr-picker-card--active .addr-picker-radio .radio-filled{display:block}.addr-preview-map-wrap{position:relative}.addr-detail-map{border:1px solid var(--gray-200);border-radius:12px;width:100%;height:140px;margin-bottom:10px;overflow:hidden}.addr-detail{flex-direction:column;gap:16px;padding:1rem 0;display:flex}.addr-detail-row{flex-direction:column;gap:2px;display:flex}.addr-detail-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.addr-detail-value{font-size:.95rem;font-weight:500}.addr-detail-actions{gap:10px;margin-top:1.5rem;display:flex}.btn-addr-edit{background:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:.95rem;font-weight:600}.btn-addr-edit--secondary{color:var(--black);border:1px solid var(--gray-200);background:0 0}.addr-detail-actions--stacked{flex-direction:column}.btn-addr-delete{color:#e53935;cursor:pointer;background:0 0;border:1px solid #e53935;border-radius:12px;padding:14px 20px;font-size:.95rem;font-weight:600}.addr-form{flex-direction:column;gap:16px;padding-bottom:2rem;display:flex}.addr-type-selector{gap:8px;display:flex}.addr-type-btn{cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:10px;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:all .15s}.addr-type-btn--active{border-color:var(--black);background:var(--black);color:var(--white)}.addr-field{flex-direction:column;gap:4px;display:flex}.addr-field label{color:#999;font-size:.75rem;font-weight:500}.addr-field input{border:1.5px solid #e0e0e0;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s}.addr-field input:focus{border-color:var(--black)}.addr-input-cap{text-transform:capitalize}.btn-addr-save{background:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:16px;font-size:1rem;font-weight:600}.btn-addr-save:disabled{opacity:.5;cursor:not-allowed}.addr-step--hidden{display:none!important}#addr-step-2{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}#addr-step-2 .ob-map-container{flex:1;min-height:200px;margin-bottom:8px}#addr-step-2 .ob-btn{flex-shrink:0;margin-top:4px}#addr-step-2 .ob-btn--secondary{margin-top:4px}#addr-step-2 .ob-wa-wrap{flex-shrink:0;margin-top:4px}#addr-step-2 .ob-btn--wa{margin-bottom:8px}#addr-step-2 .addr-step2-title{margin-bottom:2px}#addr-step-2 .addr-map-subtitle{margin-bottom:8px}.order-sheet-body:has(#addr-step-2:not(.addr-step--hidden)){padding-bottom:env(safe-area-inset-bottom,12px);overflow:hidden}@media (width>=600px){.order-sheet-panel:has(#addr-step-2:not(.addr-step--hidden)){max-width:380px}}.addr-step2-title{letter-spacing:-.5px;margin-bottom:6px;font-size:1.6rem;font-weight:700}.addr-map-subtitle{color:var(--gray-600);margin-bottom:12px;font-size:.85rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-card{border-bottom:1px solid var(--gray-100);align-items:center;gap:12px;padding:14px 16px;display:flex}.shimmer-block{background:linear-gradient(90deg,#fafafa 25%,#f3f3f3 50%,#fafafa 75%) 0 0/200% 100%;border-radius:6px;animation:1.8s ease-in-out infinite shimmer}.shimmer-icon{border-radius:50%;flex-shrink:0;width:36px;height:36px}.shimmer-lines{flex-direction:column;flex:1;gap:8px;display:flex}.shimmer-line-short{width:40%;height:12px}.shimmer-line-long{width:75%;height:10px}.shimmer-home{padding:20px 20px 0}.shimmer-home-date{width:55%;height:14px;margin-bottom:10px}.shimmer-home-title{width:40%;height:22px;margin-bottom:20px}.shimmer-home-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.shimmer-home-img{border-radius:0;width:100%;height:200px}.shimmer-home-body{padding:18px 16px 22px}.shimmer-home-name{width:60%;height:18px;margin-bottom:14px}.shimmer-home-desc{width:90%;height:12px;margin-bottom:8px}.shimmer-home-desc2{width:70%;height:12px;margin-bottom:24px}.shimmer-home-btn{border-radius:12px;width:65%;height:44px;margin-left:auto}.help-tab-content--hidden{display:none}#help-contact{flex-direction:column;flex:1;min-height:0;display:flex}#help-contact.help-tab-content--hidden{display:none!important}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{border:1px solid var(--gray-100);border-radius:12px;overflow:hidden}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.93rem;font-weight:600;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--gray-500);font-size:1.2rem;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--gray-600);margin:0;padding:0 16px 14px;font-size:.88rem;line-height:1.5}.chat-messages{flex-direction:column;flex:1;gap:8px;min-height:200px;padding-bottom:12px;display:flex;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:80%;padding:10px 14px;font-size:.9rem;line-height:1.4}.chat-bubble--incoming{background:var(--gray-100);color:var(--black);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble--outgoing{background:var(--black);color:var(--white);border-bottom-right-radius:4px;align-self:flex-end}.chat-input-wrap{border-top:1px solid var(--gray-100);flex-shrink:0;gap:8px;padding-top:12px;display:flex}.chat-input{border:1px solid var(--gray-200);border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:.9rem}.chat-input:focus{border-color:var(--black)}.chat-send-btn{background:var(--black);width:38px;height:38px;color:var(--white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.personal-info-list{flex-direction:column;gap:0;display:flex}.personal-info-item{border-bottom:1px solid var(--gray-100);flex-direction:column;padding:16px 0;display:flex}.personal-info-item:last-child{border-bottom:none}.personal-info-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem}.personal-info-value{color:var(--black);font-size:1rem;font-weight:500}.personal-info-reset-btn{color:#dc3545;cursor:pointer;background:0 0;border:1px solid #dc3545;border-radius:12px;width:100%;margin-top:32px;padding:14px;font-size:.95rem;font-weight:600;transition:background .2s,color .2s}.personal-info-reset-btn:active{color:var(--white);background:#dc3545}.driver-mode-active .pages,.driver-mode-active .bottom-nav,.driver-mode-active .title-bar,.driver-mode-active .active-order-banner{display:none!important}.driver-mode{z-index:900;background:#000;position:fixed;inset:0}.driver-map-full{z-index:1;width:100%;height:100%;position:absolute;inset:0}.driver-map-full .gm-style .gm-style-cc{display:none!important}.driver-top-bar{z-index:10;width:100%;max-width:480px;padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));pointer-events:none;box-sizing:border-box;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.driver-top-btn{background:var(--white);cursor:pointer;pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s;display:flex;box-shadow:0 2px 8px #00000026}.driver-top-btn:active{transform:scale(.92)}.driver-chrono{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#000000bf;border-radius:20px;align-items:center;gap:0;padding:8px 14px;font-size:.9rem;font-weight:800;transition:transform .1s;display:flex}.driver-chrono:active{transform:scale(.95)}.chrono-elapsed{font-variant-numeric:tabular-nums}.chrono-time{font-variant-numeric:tabular-nums;opacity:.7;font-size:.95rem}.chrono-sep{opacity:.5;margin:0 6px}.driver-maptype-btn-top{z-index:12;top:calc(env(safe-area-inset-top,12px) + 60px);opacity:0;pointer-events:none;transition:opacity .2s,transform .15s;position:absolute;right:calc(50% - 224px)}.driver-maptype-btn-top--visible{opacity:1;pointer-events:auto}.driver-maptype-btn-top:active{transform:scale(.92)}@media (width<=599px){.driver-maptype-btn-top{right:16px}}.driver-maptype-grid{justify-content:center;gap:12px;display:flex}.driver-maptype-option{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:6px;transition:border-color .2s,transform .15s;display:flex}.driver-maptype-option--active{border-color:#4285f4}.driver-maptype-option:active{transform:scale(.96)}.driver-maptype-preview{object-fit:cover;border-radius:8px;width:130px;height:90px}.driver-maptype-option span{color:var(--text);font-size:13px;font-weight:600}.driver-maptype-option--active span{color:#4285f4}.driver-trajectory-btn,.driver-recenter-btn{z-index:10;background:var(--white);width:36px;height:36px;color:var(--black);border:1px solid var(--gray-200);cursor:pointer;opacity:0;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;transition:transform .15s,opacity .2s,bottom .3s;display:flex;position:absolute;right:calc(50% - 224px);box-shadow:0 2px 8px #0000001f}.driver-recenter-btn--visible,.driver-trajectory-btn--visible{opacity:1;pointer-events:all}.driver-recenter-btn:active,.driver-trajectory-btn:active{transform:scale(.92)}@media (width<=599px){.driver-recenter-btn,.driver-trajectory-btn{right:16px}}.driver-drawer{z-index:10;background:var(--white);height:36vh;padding-bottom:env(safe-area-inset-bottom,0px);will-change:height;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #00000026}.driver-drawer-content{touch-action:none;flex:1;min-height:0;padding:8px 16px 20px;overflow:hidden}.driver-drawer-handle-area{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:10px 20px 0}.driver-drawer-handle{background:#00000026;border-radius:2.5px;width:36px;height:4px;margin:0 auto 8px}.driver-drawer--dragging{cursor:grabbing}.driver-drawer--dragging *{-webkit-user-select:none!important;user-select:none!important}.driver-overlay{z-index:20;background:#00000080;transition:opacity .25s;position:absolute;inset:0}.driver-overlay--hidden{opacity:0;pointer-events:none}.driver-sheet{z-index:25;background:var(--white);-webkit-overflow-scrolling:touch;max-height:85vh;padding-bottom:env(safe-area-inset-bottom,16px);border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.32,.72,0,1);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(0)}.driver-sheet--hidden{pointer-events:none;transform:translateY(100%)}.driver-sheet-header{background:var(--white);z-index:2;justify-content:space-between;align-items:center;padding:20px 16px 12px;display:flex;position:sticky;top:0}.driver-sheet-header h2{font-size:1.2rem;font-weight:700}.driver-sheet-close{cursor:pointer;color:var(--gray-500);background:0 0;border:none;padding:4px 8px;font-size:1.3rem}.driver-sheet-body{padding:0 16px 16px}.driver-loop-header{padding:20px 16px 12px}.driver-loop-header h1{font-size:1.3rem;font-weight:700}.driver-loop-list{flex-direction:column;gap:12px;padding:0 16px;display:flex}.driver-loop-card{border:1.5px solid var(--gray-200);cursor:pointer;border-radius:14px;padding:16px;transition:border-color .2s,box-shadow .2s}.driver-loop-card:active{border-color:var(--gray-400)}.driver-loop-card--active{border-color:var(--black);box-shadow:0 2px 8px #0000000f}.driver-loop-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.driver-loop-time{font-size:1rem;font-weight:700}.driver-loop-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:600}.driver-loop-badge--active{color:#2e7d32;background:#e8f5e9}.driver-loop-badge--upcoming{background:var(--gray-100);color:var(--gray-500)}.driver-loop-card-bottom{align-items:center;display:flex}.driver-loop-drops{color:var(--gray-500);font-size:.85rem}.driver-loop-detail{padding:16px;display:none}.driver-loop-detail-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.driver-loop-detail-header h2{flex:1;font-size:1.1rem;font-weight:700}.driver-loop-back{cursor:pointer;color:var(--black);background:0 0;border:none;padding:4px}.driver-timeline{padding-left:20px;position:relative}.driver-tl-item{padding-bottom:28px;padding-left:24px;position:relative}.driver-tl-dot{background:var(--gray-200);border:3px solid var(--white);width:14px;height:14px;box-shadow:0 0 0 2px var(--gray-200);border-radius:50%;position:absolute;top:4px;left:-20px}.driver-tl-dot--done{background:#25d366;box-shadow:0 0 0 2px #25d366}.driver-tl-dot--current{background:#e53935;box-shadow:0 0 0 2px #e53935}.driver-tl-dot--transit{background:var(--gray-400);box-shadow:0 0 0 2px var(--gray-400)}.driver-tl-line{background:var(--gray-200);width:2px;position:absolute;top:20px;bottom:0;left:-14px}.driver-tl-item--done .driver-tl-line{background:#25d366}.driver-tl-content{flex-direction:column;gap:3px;display:flex}.driver-tl-label{color:var(--black);font-size:.95rem;font-weight:600}.driver-tl-sub{color:var(--gray-500);font-size:.85rem}.driver-tl-notes{color:var(--gray-400);font-size:.8rem;font-style:italic}.driver-tl-order-id{color:var(--gray-400);margin-top:2px;font-size:.75rem;font-weight:500}.driver-tl-actions{gap:8px;margin-top:8px;display:flex}.driver-action-btn{border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex}.driver-action-btn:active{opacity:.7}.driver-action-btn--maps{color:#2e7d32;background:#e8f5e9}.driver-action-btn--wa{color:#25d366;background:#e8f5e9}.driver-tl-item--done .driver-tl-label{color:var(--gray-400);text-decoration:line-through}.driver-tl-item--current:before{content:"";z-index:1;background:#e53935;height:2px;position:absolute;top:8px;left:-32px;right:-16px}.driver-drive-status{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.driver-drive-phase{color:var(--black);font-size:1rem;font-weight:700}.driver-drive-meta{align-items:center;gap:8px;display:flex}.driver-drive-progress{color:var(--gray-500);background:var(--gray-100);border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600}.driver-drive-eta{color:#2e7d32;background:#e8f5e9;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:700}.driver-drive-info{background:var(--gray-50,#f9f9f9);border:1px solid var(--gray-100);border-radius:12px;margin-bottom:14px;padding:12px}.driver-drive-info-row{justify-content:space-between;align-items:flex-start;padding:5px 0;display:flex}.driver-drive-info-label{color:var(--gray-400);min-width:70px;font-size:.8rem;font-weight:600}.driver-drive-info-value{color:var(--black);text-align:right;flex:1;font-size:.85rem;font-weight:500}.driver-drive-info-btns{border-top:1px solid var(--gray-100);gap:8px;margin-top:10px;padding-top:8px;display:flex}.driver-drive-quick-actions{border-top:1px solid var(--gray-100);gap:8px;margin-top:10px;padding-top:10px;display:flex}.driver-quick-btn{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.driver-quick-btn:active{opacity:.7}.driver-quick-btn--maps{color:#1565c0;background:#e3f2fd}.driver-quick-btn--wa{color:#2e7d32;background:#e8f5e9}.driver-deliver-options{gap:8px;margin-bottom:12px;display:flex}.driver-deliver-opt{border:2px solid var(--gray-200);background:var(--white);cursor:pointer;text-align:center;border-radius:12px;flex:1;padding:12px 8px;font-family:inherit;font-size:.85rem;font-weight:700;transition:border-color .2s,background .2s}.driver-deliver-opt--active{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.driver-deliver-opt--cancel{color:#c62828}.driver-deliver-opt--cancel.driver-deliver-opt--active{color:#c62828;background:#ffebee;border-color:#c62828}.driver-drive-actions{flex-direction:column;gap:10px;display:flex}.slide-confirm{width:100%;margin-bottom:10px}.slide-confirm-track{background:var(--gray-100);border:1.5px solid var(--gray-200);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:29px;justify-content:center;align-items:center;width:100%;height:58px;display:flex;position:relative;overflow:hidden}.slide-confirm-fill{pointer-events:none;background:#0000000f;border-radius:29px;width:0;transition:width .1s;position:absolute;top:0;bottom:0;left:0}.slide-confirm-thumb{background:var(--black);cursor:grab;z-index:2;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #00000026}.slide-confirm-thumb:active{cursor:grabbing}.slide-confirm-thumb svg{color:#fff}.slide-confirm-label{color:var(--gray-500);pointer-events:none;z-index:1;text-align:center;width:100%;font-size:.9rem;font-weight:700;position:absolute;left:0;right:0}.driver-drive-btn{cursor:pointer;appearance:none;border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:opacity .15s}.driver-drive-btn:active{opacity:.8}.driver-drive-btn--alt{color:#2e7d32;background:#e8f5e9}.driver-drive-btn--cancel{color:#c62828;background:#ffebee}.driver-drive-btn--pause{background:var(--gray-100);color:var(--gray-600)}.driver-drive-secondary{gap:8px;display:flex}.driver-drive-secondary .driver-drive-btn{flex:1;padding:12px 8px;font-size:.8rem}.driver-pickup-summary{text-align:center;padding:16px 0}.driver-pickup-count{color:var(--black);font-size:3rem;font-weight:800;line-height:1}.driver-pickup-label{color:var(--gray-500);margin-top:4px;font-size:1.1rem;font-weight:600}.driver-pickup-meal{color:var(--primary);margin-top:10px;font-size:.95rem;font-weight:700}.driver-pickup-orders{color:var(--gray-400);margin-top:4px;font-size:.8rem}.driver-order-detail{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;margin-top:12px;padding:12px}.driver-order-detail-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.driver-order-detail-id{color:var(--gray-500);font-size:.8rem;font-weight:700}.driver-order-detail-slot{color:var(--primary);background:#ff6b351a;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:600}.driver-order-detail-items{flex-direction:column;gap:4px;display:flex}.driver-order-detail-item{align-items:center;gap:6px;font-size:.85rem;display:flex}.driver-order-item-qty{color:var(--gray-600);min-width:24px;font-weight:700}.driver-order-item-name{color:var(--text)}.driver-order-detail-total{color:var(--gray-400);text-align:right;margin-top:8px;font-size:.75rem;font-weight:600}.driver-account-actions{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.driver-account-action-btn{border:1.5px solid var(--gray-200);color:var(--black);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:flex}.driver-account-action-btn:active{border-color:var(--gray-400)}@media (width>=600px){.driver-drawer{max-width:480px;left:50%;transform:translate(-50%)}.driver-sheet{width:90%;max-width:560px;left:50%;right:auto;transform:translate(-50%)}.driver-sheet--hidden{transform:translate(-50%)translateY(100%)}}