:root{--blue:#3B82F6;--blue-dark:#3269c2;--text:#071427;--muted:#778195;--line:#dedede;--soft:#f7f9fc;--success:#33ad52;--success-bg:#d9f6df;--danger:#d93434}*{box-sizing:border-box}body,html{min-height:100%;height:100dvh;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}*,body,html{overscroll-behavior:none}body{margin:0;background:#ffffff;color:var(--text);font-family:Poppins,Arial,Helvetica,sans-serif}@media screen and (max-width:768px){body,html{touch-action:pan-x pan-y;text-size-adjust:100%}input,select,textarea{font-size:16px!important;appearance:none}button{appearance:none;touch-action:manipulation}}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100svh;background:#ffffff}.phone-screen{width:100%;min-height:100svh;position:relative;overflow:hidden;background:#fff}.login-screen{align-items:stretch;padding:0 10px 28px}.login-logo-wrap{flex:0 0 430px;display:grid;place-items:center}.login-logo{width:min(58vw,220px);height:auto}.login-form{display:grid}.input-control{display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid var(--line);background:#fff;color:var(--blue)}.input-control:focus-within{border-color:rgba(36,119,239,.62);box-shadow:0 0 0 3px rgba(36,119,239,.1)}.input-control input{min-width:0;flex:1 1;border:0;outline:0;color:#1f2937;background:transparent}.input-control input::placeholder{color:#8b8f99}.icon-button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:#7b7f87}.icon-button:hover{background:#f0f3f8}.form-error{margin:-4px 2px 0;color:var(--danger);font-size:13px;text-align:center}.bottom-action button,.primary-button{width:100%;height:52px;border:0;border-radius:8px;background:var(--blue);color:#fff;text-transform:uppercase;font-weight:800;letter-spacing:0}.bottom-action button:hover,.primary-button:hover{background:var(--blue-dark)}.primary-button:disabled{cursor:wait;opacity:.72}.forgot-button,.ghost-action,.screen-board-link{border:0;background:transparent}.forgot-button{align-self:center;color:#3B82F6;font-weight:700}.screen-board-link{align-self:center;margin-top:4px;color:#b7bac1;font-size:12px}.screen-board-link:before{content:"⊞";margin-right:5px;font-size:10px}.route-shell{background:#fff}.route-header{position:relative;min-height:118px;display:grid;place-items:center;padding:14px 12px 0}.route-logo{width:186px;height:auto}.ghost-action{position:absolute;top:16px;right:12px;color:var(--blue);font-weight:700}.route-content{padding:18px 12px 116px;overflow:auto}.welcome-name{min-height:18px;color:#7b8494;font-size:13px}.route-content h1,.welcome-name{margin:0 0 18px;text-align:center}.route-content h1{font-size:20px;line-height:1.2}.route-summary{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-4px 0 16px}.route-summary span{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:#eef5ff;color:var(--blue);font-size:12px;font-weight:800}.stops-list{display:grid;gap:12px}.stop-card{min-height:100px;display:flex;align-items:center;gap:13px;padding:16px 14px;border:1px solid #dddddf;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.08)}.stop-index{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.stop-index.done{background:var(--success)}.stop-card.completed{border-color:rgba(51,173,82,.35)}.stop-data{min-width:0}.stop-data h2{margin:0 0 6px;font-size:15px;line-height:1.15}.stop-data p{margin:0 0 9px;color:#727b89;font-size:12px;line-height:1.25}.stop-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stop-meta span,.stop-meta strong{min-height:20px;display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:11px;line-height:1}.stop-meta span{background:#eef0f2;color:#747d89;font-weight:700}.stop-meta strong{background:#eef0f2;color:#747d89;font-weight:800}.stop-meta strong.done{background:var(--success-bg);color:var(--success)}.empty-route{margin:18px 0 0;color:#727b89;font-size:13px;text-align:center}.bottom-action{position:absolute;left:0;right:0;bottom:0;padding:16px 12px 18px;background:rgba(255,255,255,.96)}@media (max-width:520px){.phone-screen{width:100%;min-height:100svh;box-shadow:none}.login-logo-wrap{flex-basis:min(510px,63.5svh)}}.login-screen{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;padding:0}.login-content{flex:1 1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:56px 24px 32px}.login-logo-wrap{flex:0 0 auto;width:100%;display:flex;justify-content:center;margin-bottom:40px;padding-top:0}.login-logo{width:224px;height:144px;object-fit:contain}.login-form{width:100%;max-width:384px;display:flex;flex-direction:column;gap:14px}.input-control{width:100%;height:48px;border-radius:7px}.primary-button{margin-top:10px}.forgot-button{margin-top:20px}@media (max-width:520px){.login-screen{min-height:100svh}.login-content{padding:44px 24px 28px}.login-logo-wrap{margin-bottom:32px}}.route-screen{min-height:100svh;flex-direction:column;overflow:hidden;padding:0}.route-header,.route-screen{display:flex;align-items:center}.route-header{width:100%;max-width:384px;min-height:auto;justify-content:center;padding:44px 24px 10px}.route-logo{width:224px;height:144px;object-fit:contain}.ghost-action{top:18px;right:24px}.route-content{width:100%;max-width:384px;flex:1 1;padding:0 24px 104px}.bottom-action{left:50%;right:auto;width:100%;max-width:384px;transform:translateX(-50%);padding:16px 24px 24px}@media (max-width:520px){.bottom-action,.route-content,.route-header{max-width:none}}.confirm-delivery-screen,.delivery-hubs-screen,.flow-screen,.flow-shell,.journey-finished-screen,.package-progress-screen,.route-progress-screen,.scan-screen,.summary-screen,.wait-screen{background:#fff}.confirm-delivery-screen,.delivery-hubs-screen,.flow-screen,.journey-finished-screen,.package-progress-screen,.route-progress-screen,.scan-screen,.summary-screen,.wait-screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:28px 12px 24px;position:relative;overflow-y:auto}.confirm-delivery-screen{padding:52px 20px 0;align-items:center}.confirm-delivery-screen .flow-logo{width:min(52vw,186px);height:auto;margin:24px auto 32px}.confirm-delivery-screen h1,.confirm-hub-card,.token-field{width:100%;max-width:344px;margin-left:auto;margin-right:auto}.confirm-delivery-screen h1{margin-bottom:16px;color:#0f172a;font-size:24px;text-align:left}.confirm-hub-card{min-height:110px;display:grid;gap:7px;padding:18px 16px;border:1px solid #dedede;border-radius:8px;background:#fff}.confirm-hub-card strong{color:#111827;font-size:16px}.confirm-hub-card p{margin:0;color:#7b8494;font-size:13px}.confirm-hub-card span{display:inline-flex;align-items:center;gap:8px;color:#111827;font-size:14px;font-weight:800}.confirm-hub-card svg,.token-field svg{color:var(--blue)}.token-field{display:grid;gap:8px;margin-top:22px;color:#7b8494;font-size:13px}.token-field div{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #dedede;border-radius:8px;background:#fff}.token-field input{min-width:0;flex:1 1;border:0;outline:0;color:#111827;font:inherit}.token-field input::placeholder{color:#9ca3af}.token-field small{color:#8a8991;font-size:12px}.confirm-delivery-footer{width:100%;margin-top:auto;padding:18px 12px 24px;border-top:1px solid #dedede}.confirm-delivery-footer button{width:100%;max-width:344px;min-height:52px;display:block;margin:0 auto;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800}.confirm-delivery-footer button:disabled{opacity:.55}.journey-finished-screen{padding:52px 20px 24px;align-items:center}.journey-success-hero{width:100%;max-width:344px;min-height:164px;display:grid;place-items:center;align-content:center;gap:16px;margin:60px auto 20px;border-radius:8px;background:#09b24f;color:#fff}.journey-success-hero span{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.22)}.journey-success-hero h1{margin:0;font-size:23px;line-height:1.2}.journey-summary-card{width:100%;max-width:344px;display:grid;gap:18px;margin:0 auto 24px;padding:22px 16px;border:1px solid #dedede;border-radius:8px;background:#fff}.journey-summary-card div{display:flex;justify-content:space-between;gap:18px}.journey-summary-card dt{color:#7b8494}.journey-summary-card dd{margin:0;color:#111827;font-weight:800}.end-session-button{width:100%;max-width:344px;min-height:52px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800}.full-report-button{margin-top:18px;border:0;background:transparent;color:var(--blue);font-size:14px;font-weight:700}.delivery-hubs-screen{padding:52px 20px 24px;align-items:center}.delivery-hubs-screen .flow-logo{width:min(52vw,186px);height:auto;margin:24px auto 32px}.delivery-hubs-list,.delivery-hubs-screen .progress-row,.delivery-hubs-screen .progress-track,.delivery-hubs-screen h1{width:100%;max-width:344px;margin-left:auto;margin-right:auto}.empty-hubs-state{display:grid;gap:14px;padding:18px 12px;border:1px solid #dedede;border-radius:8px;background:#fff;text-align:center}.empty-hubs-state p{margin:0;color:#727b89;font-size:13px}.empty-hubs-state button{width:100%;height:44px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800}.empty-hubs-state button:hover{background:var(--blue-dark)}.delivery-hubs-screen h1{margin-bottom:16px;color:#0f172a;font-size:22px;text-align:left}.collected-pill{width:fit-content;min-height:36px;display:inline-flex;align-items:center;align-self:flex-start;margin:0 0 14px calc((100% - min(344px, 100%)) / 2);padding:0 16px;border-radius:999px;background:#dbeafe;color:#1e40af;font-size:13px;font-weight:800}.delivery-hubs-list{display:grid;gap:8px;margin-top:20px}.delivery-hub-card{min-height:104px;display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px 12px;border:1px solid #dedede;border-radius:8px;background:#fff}.delivery-hub-card.active{border:2px solid var(--blue)}.delivery-hub-card.delivered{border-color:#d8dce3;background:#f4f5f7;cursor:default}.delivery-hub-card.delivered .delivery-count,.delivery-hub-card.delivered .delivery-hub-data p,.delivery-hub-card.delivered .delivery-hub-data strong{color:#8a94a3}.delivery-hub-card.delivered .delivery-count{background:#d8dce3}.delivery-hub-card.delivered .delivered-status{color:#42a447}.delivery-dot{width:28px;height:28px;display:grid;place-items:center;border:1px solid #dddddf;border-radius:50%;background:#f5f6f7;color:#fff}.delivery-dot.done{border-color:#42a447;background:#42a447}.delivery-hub-data small{display:block;margin-bottom:3px;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}.delivery-hub-data strong{display:block;color:#111827;font-size:15px;line-height:1.25}.delivery-hub-data p{margin:5px 0 0;color:#7b8494;font-size:12px;line-height:1.35}.delivery-count{min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--blue);color:#fff}.delivery-count,.delivery-nav{font-size:13px;font-weight:800}.delivery-nav{min-width:88px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--blue);border-radius:8px;background:#fff;color:var(--blue);text-decoration:none}.delivery-nav:disabled{border-color:#d8dce3;background:#f4f5f7;color:#9aa3af;cursor:default}.delivery-nav:disabled svg{color:#9aa3af}.route-delivery-button{width:100%;max-width:344px;height:52px;display:block;margin:18px auto 0;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;font-size:15px;text-transform:uppercase}.route-delivery-button:hover{background:var(--blue-dark)}.route-delivery-button:disabled{cursor:wait;opacity:.72}.close-door-shell{background:#fff}.close-door-screen{min-height:100svh;display:flex;flex-direction:column;overflow-y:auto;padding:50px 20px 24px;position:relative;background:#fff;align-items:center}.close-door-screen .back-action{top:14px;left:14px}.close-door-screen .flow-logo{width:min(52vw,196px);height:auto;margin:28px auto 20px}.close-door-visual{width:100%;max-width:300px;aspect-ratio:1;overflow:hidden;border-radius:0;background:transparent}.close-door-visual img{width:100%;height:100%;object-fit:contain;display:block}.close-door-status{width:100%;max-width:448px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:18px;padding:0 8px;border:0;background:transparent;color:var(--blue);text-align:center}.close-door-status strong{max-width:392px;color:var(--blue);font-size:16px;font-weight:700;line-height:2}.close-door-status img{width:64px;height:64px;object-fit:contain}.flow-logo{width:min(52vw,186px);height:auto;object-fit:contain;margin:24px auto 32px}.back-action{position:absolute;top:14px;left:14px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--blue);z-index:3}.logout-action{position:absolute;min-width:52px;height:34px;padding:0 10px;border:1px solid rgba(36,119,239,.18);border-radius:8px;background:#fff;color:var(--blue);font-size:13px;font-weight:800;z-index:3}.logout-action,.route-screen .logout-action{top:14px;right:14px}.logout-action:hover{background:#f3f8ff}.stop-detail-content{width:100%;max-width:384px;color:#0f172a}.route-progress-screen h1,.stop-detail-content h1{margin:0 0 14px;font-size:20px;line-height:1.2}.map-preview{height:200px;position:relative;overflow:hidden;border:1px solid #d8e4e8;border-radius:8px;background:#eef3f7}.google-map-preview,.map-preview iframe{width:100%;height:100%;display:block;border:0}.map-loading{width:100%;height:100%;display:grid;place-items:center;color:#64748b;font-size:14px;background:#eef3f7}.ebox-title{display:flex;align-items:center;gap:12px;margin:18px 0 14px;font-size:18px;line-height:1.2}.ebox-title span{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;flex:0 0 37px}.ebox-title.summary{width:100%;max-width:344px;margin:0 auto 14px}.ebox-title.summary div{display:grid;gap:3px}.ebox-title.summary small{color:#8a93a3;font-size:12px}.detail-divider{height:1px;background:#e0e0e0;margin:0 0 16px}.stop-detail-content h2{margin:0 0 8px;color:#111827;font-size:14px;font-weight:800}.delivery-packages-note{display:inline-flex;align-items:center;gap:7px;margin:-12px 0 18px;color:var(--blue);font-size:14px;font-weight:800}.stop-detail-content p{margin:0 0 24px;color:#1f2937;font-size:14px;font-weight:500;line-height:1.35}.stop-detail-content .delivery-packages-note{display:inline-flex;align-items:center;gap:7px;margin:-12px 0 18px;color:var(--blue);font-weight:800}.nav-button{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;color:#fff;font-size:16px;font-weight:800;text-decoration:none;margin-top:10px;transition:filter .16s ease,transform .16s ease}.nav-button:hover{filter:brightness(.96)}.nav-button:active{transform:translateY(1px)}.nav-button.waze{background:#35c7ec}.nav-button.maps{background:#2563eb}.nav-button.arrived{background:#16a34a}.nav-button img,.nav-button svg{flex:0 0 auto}.maps-button-icon{border-radius:999px;background:#fff}.nav-button.finish,.nav-button.next{margin-top:12px}.scan-screen{padding:50px 20px 24px}.scan-screen .flow-logo{width:min(52vw,196px);margin-top:22px;margin-bottom:24px}.scan-screen.packages .flow-logo{margin-bottom:24px}.qr-video-scanner,.scanner-block{border:0;background:#111827}.qr-video-scanner,.qr-video-scanner.large,.scanner-block,.scanner-block.large{width:min(78vw,300px);aspect-ratio:1;border-radius:16px}.scan-pill{width:fit-content;max-width:min(calc(100vw - 40px),370px);min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding:0 16px;border-radius:999px;background:#dbeafe;color:#1e40af}.scan-pill svg{color:#1e3a8a;flex:0 0 auto}.scan-pill strong{flex:0 1 auto;min-width:0;color:#1e3a8a;font-size:16px;font-weight:700;line-height:1.15;white-space:nowrap}.simulation-button{width:100%;max-width:344px;min-height:44px;margin-top:12px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;color:#0f172a;font-size:14px;font-weight:700}.simulation-button:active{transform:translateY(1px)}.floating{position:fixed;bottom:18px;width:53px;height:53px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;box-shadow:0 8px 20px rgba(15,23,42,.18)}.floating.alert{left:20px;background:#f33434}.floating.phone{right:20px;background:var(--blue)}.box-issue-screen{min-height:100svh;max-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 14px 0;text-align:center;overflow-y:auto}.box-issue-screen .flow-logo{width:min(46vw,164px);margin:14px auto 18px}.issue-alert-mark{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#ffe8ec;color:#ff3434}.box-issue-screen h1{margin:0 0 6px;color:#111827;font-size:19px;line-height:1.25}.box-issue-screen p{margin:0;color:#80838a;font-size:14px}.selected-ebox-pill{width:100%;max-width:344px;min-height:46px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:14px auto 10px;padding:8px 12px;border:1px solid #bfdbfe;border-radius:8px;background:#dbeafe;color:#1e40af;text-align:left;font-size:13px}.selected-ebox-pill svg{color:#1e3a8a}.selected-ebox-pill span,.selected-ebox-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-ebox-pill strong{color:#1e3a8a;font-size:12px}.issue-options{width:100%;max-width:344px;display:grid;gap:9px;margin-top:10px}.issue-option{min-height:46px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid #e0e0e0;border-radius:9px;background:#fff;color:#111827;font-size:14px;font-weight:500}.issue-option.selected{border-color:var(--blue);background:#eaf2ff}.issue-option input{position:absolute;opacity:0;pointer-events:none}.issue-option span{width:20px;height:20px;display:grid;place-items:center;border:2px solid #b8bec7;border-radius:50%;flex:0 0 20px}.issue-option.selected span{border-color:var(--blue)}.issue-option.selected span:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue)}.issue-observation{width:100%;max-width:344px;min-height:68px;margin-top:16px;padding:14px 12px;resize:none;border:1px solid #e0e0e0;border-radius:8px;color:#111827;font:inherit;font-size:14px}.issue-observation::placeholder{color:#8a8f98}.issue-actions{position:sticky;left:0;right:0;bottom:0;width:calc(100% + 28px);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eef2f7}.issue-actions button{min-height:48px;border-radius:9px;background:#fff;font-size:15px;font-weight:800}.chat-action{border:1px solid var(--blue);color:var(--blue)}.skip-action{border:1px solid #ff3434;color:#ff3434}.skip-action:disabled{opacity:.65}(max-height: 720px){.box-issue-screen{padding-top:12px}.box-issue-screen .flow-logo{width:min(42vw,148px);margin-bottom:12px}.issue-alert-mark{width:52px;height:52px;margin-bottom:10px}.selected-ebox-pill{min-height:42px;margin-top:10px}.issue-option{min-height:42px}.issue-observation{min-height:58px}}.wait-screen{justify-content:flex-start;text-align:center}.loading-mark{color:var(--blue);margin-bottom:44px;animation:pulseMark 1.2s ease-in-out infinite}.wait-screen h1{max-width:280px;color:var(--blue);font-size:22px;line-height:1.24}@keyframes pulseMark{50%{transform:scale(1.08);opacity:.72}}.package-progress-screen{padding:52px 20px 24px;align-items:center}.package-progress-screen .flow-logo{position:static;transform:none;width:min(52vw,186px);height:auto;margin:24px auto 32px}.package-progress-screen .nav-button,.package-progress-screen .package-list,.package-progress-screen .progress-row,.package-progress-screen .progress-track,.package-progress-screen .qr-video-scanner,.package-progress-screen .scanner-block{width:100%;max-width:344px;margin-left:auto;margin-right:auto}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:#7b8494;font-size:13px}.progress-row strong{color:#0f172a}.progress-track{height:6px;border-radius:999px;background:#f0f1f2;overflow:hidden;margin-top:8px}.progress-track span{display:block;height:100%;border-radius:inherit;background:#42a447}.package-list{display:grid;gap:8px;margin-top:14px}.package-item{min-height:52px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:8px;background:#f4f4f4}.package-item svg{color:var(--blue)}.package-item.collected{background:#ecfdf3}.package-item.collected svg{color:#16a34a}.package-item strong{flex:1 1;font-size:14px}.package-item span{padding:5px 12px;border:1px solid #ff9d2e;border-radius:999px;color:#ff7a00;background:#fff5ec;font-size:12px}.summary-screen{padding:52px 20px 24px;align-items:center}.summary-screen .flow-logo{width:min(52vw,186px);height:auto;margin:24px auto 32px}.summary-screen h1{width:100%;max-width:344px;margin:0 auto 24px;color:#0f172a;font-size:22px;text-align:left}.summary-list{width:100%;max-width:344px;margin:0}.summary-list div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #e6e6e6}.summary-list dt{color:#8a8991}.summary-list dd{margin:0;color:#111827}.observation-field{width:100%;max-width:344px;display:grid;gap:10px;margin-top:16px;color:#8a8991}.observation-field textarea{width:100%;min-height:72px;resize:none;border:1px solid #e1e1e1;border-radius:8px;padding:12px;background:#f7f7f7;color:#111827;font:inherit}.summary-screen .nav-button.next{width:100%;max-width:344px;margin-top:32px}.route-progress-screen{padding:76px 20px 24px;align-items:center}.route-progress-screen .flow-logo{width:min(52vw,186px);height:auto;margin:10px auto 34px}.route-progress-list,.route-progress-screen .progress-row,.route-progress-screen .progress-track,.route-progress-screen h1{width:100%;max-width:344px;margin-left:auto;margin-right:auto}.route-progress-screen h1{color:#0f172a;font-size:22px;margin-bottom:24px;text-align:left}.route-progress-list{display:grid;gap:8px;margin-top:20px}.route-progress-card{min-height:64px;display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #dedede;border-radius:8px;background:#fff}.route-progress-card.active{min-height:100px;border:2px solid var(--blue)}.route-progress-card small{display:block;margin-bottom:3px;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}.route-progress-card strong{display:block;color:#111827;font-size:15px}.route-progress-card p{margin:4px 0 0;color:#7b8494;font-size:12px;line-height:1.3}.route-progress-card button{min-width:92px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--blue);border-radius:8px;background:#fff;color:var(--blue);font-weight:800;font-size:13px}.progress-dot{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:50%;border:1px solid #dddddf;background:#f5f6f7;color:#fff}.progress-dot.done{background:#42a447;border-color:#42a447}.progress-dot.issue{background:#f59e0b;border-color:#f59e0b;color:#fff}@media (max-width:380px){.flow-logo{margin-bottom:32px}.map-preview{height:190px}.qr-video-scanner.large,.scanner-block.large{height:auto}}.qr-video-scanner{position:relative;overflow:hidden;display:grid;place-items:center}.qr-video-scanner video{width:100%;height:100%;object-fit:cover}.qr-video-scanner p{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:18px;color:#fff;font-size:13px;line-height:1.35;text-align:center;background:#000}.confirm-delivery-screen .flow-logo,.delivery-hubs-screen .flow-logo,.flow-logo,.package-progress-screen .flow-logo,.route-progress-screen .flow-logo,.summary-screen .flow-logo{width:min(52vw,186px);height:auto;margin:24px auto 32px}.flow-logo.compact{width:min(48vw,172px);margin:18px auto 28px}.wait-screen .flow-logo{width:min(52vw,196px);margin-top:66px;margin-bottom:96px}.wait-compartment-card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:0 20px;background:transparent}.wait-compartment-card img{width:96px;height:96px;object-fit:contain}.wait-compartment-card h1{max-width:100%;margin:0;padding:0;color:var(--blue);font-size:16px;font-weight:700;line-height:1.25}.close-door-status:disabled{cursor:wait;opacity:.76}.scanner-error-placeholder{width:min(78vw,300px);aspect-ratio:1;border-radius:16px;background:#111827;flex-shrink:0}.alert-modal-backdrop{position:fixed;inset:0;z-index:50;border:0;padding:0;background:rgba(0,0,0,.85);cursor:pointer}.alert-modal-layer{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.alert-modal-card{width:100%;max-width:28rem;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px rgba(15,23,42,.35);pointer-events:auto}.alert-modal-header{padding:16px 24px}.alert-modal-header--error{background:#b91c1c}.alert-modal-header--warning{background:#1d4ed8}.alert-modal-header--success{background:#15803d}.alert-modal-title{margin:0;color:#fff;font-size:18px;font-weight:600;text-align:center}.alert-modal-body{padding:24px;text-align:center}.alert-modal-message{margin:0 0 24px;color:#374151;line-height:1.6}.alert-modal-actions{display:flex;justify-content:center}.alert-modal-button{min-width:120px;border:0;border-radius:8px;padding:12px 24px;background:#e5e7eb;color:#1f2937;font-weight:600;transition:background-color .2s ease}.alert-modal-button:hover{background:#d1d5db}.close-door-error{width:min(86vw,344px);margin-top:12px;text-align:center}(max-height: 720px){.box-issue-screen{padding-top:12px}.box-issue-screen .flow-logo{width:min(42vw,148px);margin-bottom:12px}.issue-alert-mark{width:52px;height:52px;margin-bottom:10px}.selected-ebox-pill{min-height:42px;margin-top:10px}.issue-option{min-height:42px}.issue-observation{min-height:58px}}@font-face{font-family:Poppins;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/0938b75f61da35fc-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/f54d3b402c212b9e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/7108afb8b1381ad1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/2246fb8caa01a49c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/7ede3623c9ddac57-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/9e82d62334b205f4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6c177e25b87fd9cd-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6c9a125e97d835e1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/4c285fdca692ea22-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/28485c0de2075f40-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/5fb25f343c7550ca-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/7db6c35d839a711c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/f5b513e981884070-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/b8442747db2a9bad-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/6245472ced48d3be-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins Fallback;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_9b9fd1{font-family:Poppins,Poppins Fallback;font-style:normal}