:root{--color-primary:#d91f5d;--color-primary-strong:#b9144a;--color-primary-soft:#fff0f5;--color-ink:#201a1d;--color-muted:#71676c;--color-subtle:#a0969b;--color-canvas:#f7f5f6;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#ece5e8;--color-border-soft:#f3eef0;--color-success:#147a55;--color-success-soft:#eaf8f1;--color-warning:#8b5b04;--color-warning-soft:#fff6dd;--color-danger:#b32b36;--color-danger-soft:#fff0f1;--color-info:#216aa5;--color-info-soft:#edf6ff;--shadow-card:0 12px 34px #311b2514;--shadow-float:0 18px 48px #311b2529;--shadow-primary:0 14px 32px #d91f5d3d;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:30px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--nav-height:78px;color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px}body{background:radial-gradient(circle at top right, #fff5f8 0, transparent 34rem), var(--color-canvas);min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #d91f5d4d}button,a{color:inherit}.app-page{width:100%;max-width:760px;min-height:100svh;margin:0 auto;padding:24px 16px 48px}.app-page.with-nav{padding-bottom:calc(var(--nav-height) + 38px + env(safe-area-inset-bottom))}.app-page>h1,.app-page header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,8vw,3rem);line-height:1.02}.page-header{gap:6px;margin-bottom:24px;display:grid}.page-header-row,.page-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{color:var(--color-primary);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:850}.muted,.area{color:var(--color-muted)}.center{text-align:center}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.icon-text{align-items:center;gap:8px;display:inline-flex}label{color:var(--color-ink);gap:8px;font-size:.9rem;font-weight:750;display:grid}input,textarea,select{width:100%;min-height:54px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:13px 14px;transition:border-color .18s,box-shadow .18s}input:hover,textarea:hover,select:hover{border-color:#d7cbd0}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #d91f5d14}textarea{resize:vertical;min-height:100px}.primary-action,.secondary-action,.text-button,.back,.icon-button{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 18px;font-weight:800;text-decoration:none;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex}.primary-action{color:#fff;background:var(--color-primary);box-shadow:0 10px 24px #d91f5d38}.primary-action:hover{background:var(--color-primary-strong);transform:translateY(-1px)}.primary-action.success{background:var(--color-success);box-shadow:0 10px 24px #147a5533}.primary-action.danger{background:var(--color-danger);box-shadow:none}.secondary-action{color:var(--color-ink);background:#f0ebed}.secondary-action:hover{background:#e8e0e3;transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.text-button,.back{min-height:44px;color:var(--color-primary);background:0 0;padding:6px 0}.icon-button{width:48px;color:var(--color-primary);background:var(--color-primary-soft);padding:0}.full{width:100%}.detail-card,.empty{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:16px 0;padding:20px}.detail-card h2,.empty h2{margin:0 0 10px;font-size:1rem}.detail-card p{margin:0 0 12px;line-height:1.55}.detail-card ul{margin:0;padding:0;list-style:none}.detail-card li{border-top:1px solid var(--color-border);justify-content:space-between;gap:16px;padding:13px 0;display:flex}.actions{gap:12px;margin-top:20px;display:grid}.delivery-list{gap:12px;margin-top:18px;display:grid}.empty{color:var(--color-muted);text-align:center;margin-top:28px}.empty h2{color:var(--color-ink);font-size:1.3rem}.status{width:max-content;color:var(--color-success);background:var(--color-success-soft);text-transform:capitalize;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;font-weight:850;display:inline-flex}.status.started,.status.not_received{color:var(--color-warning);background:var(--color-warning-soft)}.status.cancelled{color:var(--color-muted);background:#f0edef}.error{color:var(--color-danger);background:var(--color-danger-soft)}.loading{color:var(--color-muted);align-items:center;gap:10px;display:flex}.loading:not(:has(svg)):before{border:2px solid #ded5d9;border-top-color:var(--color-primary);content:"";border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=600px){.app-page{padding:38px 24px 60px}.app-page.with-nav{padding-bottom:120px}.actions{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.update-banner{z-index:45;align-items:center;gap:var(--space-3);padding:var(--space-3) max(16px,env(safe-area-inset-left));background:var(--color-warning-soft);box-shadow:var(--shadow-card);border-bottom:1px solid #ead79a;grid-template-columns:auto 1fr auto auto;display:grid;position:relative}.update-banner__icon{width:40px;height:40px;color:var(--color-warning);background:#fff;border-radius:13px;place-items:center;display:grid}.update-banner__icon svg{width:20px}.update-banner div{gap:2px;display:grid}.update-banner div span{color:#6b6042;font-size:.78rem}.update-banner .primary-action,.update-banner .text-button{min-height:44px;padding:8px 12px}.update-banner .icon-button{width:44px;min-height:44px}@media (width<=520px){.update-banner{grid-template-columns:auto 1fr auto}.update-banner .primary-action{grid-column:1/3}}.mobile-shell,.shell-content{min-height:100svh}.shell-header{z-index:20;min-height:68px;padding:10px max(16px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #ece5e8cc;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.shell-brand{align-items:center;gap:10px;min-width:0;display:flex}.shell-brand>span{color:#fff;background:var(--color-primary);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px #d91f5d38}.shell-brand svg{width:22px}.shell-brand div{min-width:0;display:grid}.shell-brand strong{letter-spacing:-.02em;font-size:.95rem}.shell-brand small{color:var(--color-muted);font-size:.7rem}.sync-pill{max-width:48%;min-height:36px;color:var(--color-success);background:var(--color-success-soft);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.sync-pill.offline{color:var(--color-warning);background:var(--color-warning-soft)}.sync-pill svg{flex:none;width:15px;height:15px}.sync-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-nav{z-index:30;padding:7px max(8px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 36px #311b2514}.bottom-nav a{min-height:58px;color:var(--color-muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.68rem;font-weight:780;text-decoration:none;transition:color .16s,background-color .16s;display:flex;position:relative}.bottom-nav a svg{stroke-width:2.2px;width:21px;height:21px}.bottom-nav a.active{color:var(--color-primary);background:var(--color-primary-soft)}.bottom-nav a.active:before{background:var(--color-primary);content:"";border-radius:999px;width:18px;height:3px;position:absolute;top:4px}@media (width>=760px){.shell-header{border-right:1px solid var(--color-border);border-left:1px solid var(--color-border);max-width:760px;margin:0 auto}.bottom-nav{border:1px solid var(--color-border);border-bottom:0;border-radius:24px 24px 0 0;max-width:760px;left:50%;transform:translate(-50%)}}.async-notice{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3);background:var(--color-danger-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #f4c8d3;grid-template-columns:auto 1fr auto;display:grid}.async-notice>svg{width:22px;color:var(--color-danger)}.async-notice span{gap:2px;min-width:0;display:grid}.async-notice small{color:var(--color-muted);overflow-wrap:anywhere;line-height:1.35}.async-notice button{min-height:40px;color:var(--color-danger);background:#fff;border:0;border-radius:10px;align-items:center;gap:5px;padding:7px 10px;font-weight:850;display:inline-flex}.async-notice button svg{width:15px}.loading svg{width:19px;animation:.8s linear infinite spin}@media (width<=380px){.async-notice{grid-template-columns:auto 1fr}.async-notice button{grid-column:2;justify-self:start}}.history-detail-page .back{margin-bottom:var(--space-4)}.history-detail-page .back svg{width:18px}.history-detail__header{gap:var(--space-2);margin-bottom:var(--space-5);display:grid}.history-detail__header h1{overflow-wrap:anywhere}.history-detail__header>p{color:var(--color-muted);align-items:center;gap:7px;margin:0;font-size:.82rem;display:flex}.history-detail__header>p svg{width:17px;color:var(--color-primary)}.section-heading{align-items:center;gap:var(--space-3);display:flex}.section-heading__icon{width:46px;height:46px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:15px;flex:none;place-items:center;display:grid}.section-heading__icon svg{width:21px}.section-heading h2{margin:3px 0 0}.history-detail__card{gap:var(--space-4);display:grid}.history-detail__card>p{color:var(--color-muted)}.history-detail__reason{background:var(--color-warning-soft);text-transform:capitalize;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.8rem;font-weight:800;color:var(--color-warning)!important}.history-card{width:100%;min-height:48px;padding:var(--space-4);align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;grid-template-columns:auto 1fr auto;transition:transform .16s,border-color .16s;display:grid}.history-card:hover{border-color:#efbfd0;transform:translateY(-1px)}.history-card__icon{width:46px;height:46px;color:var(--color-success);background:var(--color-success-soft);border-radius:15px;place-items:center;display:grid}.history-card__icon.not_received,.history-card__icon.cancelled{color:var(--color-warning);background:var(--color-warning-soft)}.history-card__icon svg{width:23px}.history-card__body{gap:5px;min-width:0;display:grid}.history-card__body strong{color:var(--color-ink);font-size:1.04rem}.history-card__body>span:not(.status),.history-card__body small{color:var(--color-muted);align-items:center;gap:5px;font-size:.8rem;display:flex}.history-card__body svg{flex:none;width:14px;height:14px}.history-card__body span,.history-card__body strong{overflow-wrap:anywhere}.history-card__chevron{width:19px;color:var(--color-subtle)}.history-filters{gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid}.history-filters label>span{align-items:center;gap:6px;display:flex}.history-filters label svg{width:16px;height:16px;color:var(--color-primary)}@media (width>=600px){.history-filters{grid-template-columns:1fr 1fr}.history-filters__search{grid-column:1/-1}}.history-page__icon{width:50px;height:50px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:17px;place-items:center;display:grid}.history-page__icon svg{width:24px}.history-page .empty>svg{width:42px;height:42px;margin-bottom:var(--space-3);color:var(--color-primary)}.history-page .pager{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-5) 0;display:flex}.history-page .pager button{min-height:48px;font:inherit;background:#f0ebed;border:0;border-radius:14px;align-items:center;gap:5px;padding:12px 14px;font-size:.82rem;font-weight:800;display:inline-flex}.history-page .pager button svg{width:17px}.history-page .pager button:disabled{cursor:not-allowed;opacity:.58}.history-page .pager>span{color:var(--color-muted);font-size:.8rem;font-weight:750}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 16px;display:grid}.metric{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:11px;min-width:0;padding:14px;display:flex;box-shadow:0 8px 24px #311b250d}.metric-icon{width:38px;height:38px;color:var(--color-muted);background:#f4f1f2;border-radius:12px;flex:none;place-items:center;display:grid}.metric-icon svg{width:19px;height:19px}.metric.success .metric-icon{color:var(--color-success);background:var(--color-success-soft)}.metric.warning .metric-icon{color:var(--color-warning);background:var(--color-warning-soft)}.metric.primary .metric-icon{color:var(--color-primary);background:var(--color-primary-soft)}.metric div{min-width:0;display:grid}.metric strong{letter-spacing:-.04em;font-size:1.45rem;line-height:1}.metric div>span{color:var(--color-muted);margin-top:4px;font-size:.7rem;font-weight:700}@media (width>=600px){.metric-grid{grid-template-columns:repeat(4,1fr)}.metric{flex-direction:column;align-items:flex-start}}.home-page{align-content:start;display:grid}.home-hero{color:#fff;background:linear-gradient(140deg, #b9144a 0%, var(--color-primary) 55%, #ef5d86 100%);border-radius:0 0 32px 32px;margin:-24px -16px 0;padding:28px 20px 32px;position:relative;overflow:hidden;box-shadow:0 18px 40px #b9144a33}.home-hero:after{content:"";background:#ffffff1a;border:30px solid #ffffff12;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-85px;right:-55px}.home-hero-top{z-index:1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex;position:relative}.rider-avatar{width:48px;height:48px;color:var(--color-primary);background:#fff;border-radius:16px;place-items:center;display:grid;box-shadow:0 10px 22px #57052333}.rider-avatar svg{width:25px}.shift-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:.72rem;font-weight:780;display:inline-flex}.shift-badge>span{background:#94f5c9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #94f5c929}.home-hero .eyebrow{z-index:1;color:#ffd9e5;position:relative}.home-hero h1{z-index:1;max-width:520px;margin-top:6px;position:relative}.home-hero>p:last-child{z-index:1;color:#ffffffd1;max-width:420px;margin:12px 0 0;line-height:1.5;position:relative}.blocked-notice{color:var(--color-warning);background:var(--color-warning-soft);border-radius:var(--radius-md);border:1px solid #f4dfaa;align-items:center;gap:13px;margin:0 0 16px;padding:14px 16px;display:flex}.blocked-notice>svg{flex:none;width:22px}.blocked-notice p{gap:2px;margin:0;display:grid}.blocked-notice span{font-size:.82rem}.home-route-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);gap:16px;padding:20px;display:grid}.home-route-card.active{border-color:#f3c8d6}.home-route-heading{align-items:center;gap:13px;display:flex}.home-route-heading>span{width:48px;height:48px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:16px;flex:none;place-items:center;display:grid}.home-route-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:1.28rem}.home-route-stats{flex-wrap:wrap;gap:10px;display:flex}.home-route-stats span{color:var(--color-muted);background:#f7f3f5;border-radius:10px;align-items:center;gap:7px;padding:8px 10px;font-size:.8rem;font-weight:750;display:inline-flex}.home-route-stats svg{width:16px;height:16px;color:var(--color-primary)}.home-route-progress{background:#f0e9ec;border-radius:999px;height:8px;overflow:hidden}.home-route-progress span{background:linear-gradient(90deg,var(--color-primary),#ef6e92);border-radius:inherit;height:100%;display:block}.home-route-card>p{color:var(--color-muted);margin:-6px 0 0;font-size:.85rem}.home-route-card .primary-action svg{width:18px}@media (width>=600px){.home-hero{margin:-38px -24px 0;padding:40px 30px}}.auth-page{background:var(--color-canvas);min-height:100svh;display:grid}.auth-hero{display:none}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(100% - 32px,460px);box-shadow:var(--shadow-float);align-self:center;margin:24px auto;padding:24px}.auth-brand{align-items:center;gap:var(--space-3);margin-bottom:38px;display:flex}.auth-brand>span{color:#fff;background:var(--color-primary);width:50px;height:50px;box-shadow:var(--shadow-primary);border-radius:17px;place-items:center;display:grid}.auth-brand svg{width:25px}.auth-brand div{display:grid}.auth-brand strong{font-size:1.05rem}.auth-brand small{color:var(--color-muted);font-size:.72rem}.auth-card h1{letter-spacing:-.045em;margin:5px 0 10px;font-size:clamp(2rem,9vw,2.7rem)}.auth-card>.muted{margin:0;line-height:1.5}.login-form{gap:var(--space-4);margin-top:28px;display:grid}.auth-input{align-items:center;display:flex;position:relative}.auth-input>svg{z-index:1;width:19px;color:var(--color-muted);position:absolute;left:14px}.auth-input input{padding-left:44px}.auth-input button{width:44px;height:44px;color:var(--color-muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;right:5px}.auth-input button svg{width:19px}.auth-input:has(button) input{padding-right:52px}.auth-error{padding:var(--space-3);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin:0;line-height:1.4;display:flex}.auth-error svg{flex:none;width:19px}.auth-security{margin:var(--space-5) 0 0;color:var(--color-muted);text-align:center;justify-content:center;align-items:center;gap:7px;font-size:.72rem;display:flex}.auth-security svg{width:16px}@media (width>=860px){.auth-page{grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)}.auth-hero{color:#fff;background:linear-gradient(145deg,#95113d,var(--color-primary) 58%,#f46f96);flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(48px,8vw,100px);display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";border:70px solid #ffffff14;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-150px;right:-170px}.auth-hero>span{width:76px;height:76px;color:var(--color-primary);background:#fff;border-radius:25px;place-items:center;margin-bottom:34px;display:grid;box-shadow:0 20px 44px #42041a33}.auth-hero svg{width:38px}.auth-hero strong{z-index:1;letter-spacing:-.055em;font-size:clamp(2.6rem,5vw,4.8rem);line-height:.98;position:relative}.auth-hero p{z-index:1;color:#ffffffc7;max-width:390px;font-size:1.05rem;line-height:1.6;position:relative}}.not-found{align-content:center;justify-items:center;gap:var(--space-3);text-align:center;max-width:500px;min-height:100svh;display:grid}.not-found__icon{width:80px;height:80px;margin-bottom:var(--space-3);color:#fff;background:var(--color-primary);box-shadow:var(--shadow-primary);border-radius:28px;place-items:center;display:grid;transform:rotate(-5deg)}.not-found__icon svg{width:40px}.not-found>p:not(.eyebrow){margin:0 0 var(--space-4);color:var(--color-muted);line-height:1.55}.not-found a{font-weight:800}.not-found a svg{width:18px}.profile-page__icon{width:50px;height:50px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:17px;place-items:center;display:grid}.profile-identity{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-5);color:#fff;background:linear-gradient(140deg, var(--color-primary-strong), var(--color-primary), #ef5d86);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);grid-template-columns:auto 1fr auto;display:grid}.profile-identity__avatar{width:58px;height:58px;color:var(--color-primary);background:#fff;border-radius:19px;place-items:center;display:grid}.profile-identity__avatar svg{width:28px}.profile-identity .eyebrow{color:#ffd9e5}.profile-identity h2{margin:3px 0}.profile-identity p{color:#ffffffc7;margin:0;font-size:.78rem}.profile-identity>svg{width:22px}.profile-setting{gap:var(--space-4);display:grid}.setting-heading{align-items:center;gap:var(--space-3);display:flex}.setting-heading>span{width:46px;height:46px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:15px;flex:none;place-items:center;display:grid}.setting-heading svg{width:22px}.setting-heading h2{margin:0 0 3px}.setting-heading p{color:var(--color-muted);margin:0;font-size:.8rem}.sync-status-card{align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--color-success);background:var(--color-success-soft);border-radius:var(--radius-sm);display:flex}.sync-status-card.offline{color:var(--color-warning);background:var(--color-warning-soft)}.sync-status-card>svg{flex:none;width:22px}.sync-status-card span{gap:2px;display:grid}.sync-status-card small{color:var(--color-muted)}.profile-warning{padding:var(--space-3);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;font-size:.84rem;line-height:1.4;display:flex}.profile-warning svg{flex:none;width:19px}.profile-signout{margin-top:var(--space-4);color:var(--color-danger);background:var(--color-danger-soft)}.profile-page>.center{margin-top:var(--space-5);font-size:.75rem}.route-completion{margin-top:var(--space-5);padding:38px var(--space-5) var(--space-5);background:linear-gradient(155deg, #fff, var(--color-success-soft));border-radius:var(--radius-xl);box-shadow:var(--shadow-card);text-align:center;border:1px solid #b7e8d0;position:relative;overflow:hidden}.route-completion>:not(.confetti){z-index:1;position:relative}.route-completion__badge{width:78px;height:78px;margin:0 auto var(--space-4);color:#fff;background:linear-gradient(145deg, var(--color-success), #4bc88e);border-radius:26px;place-items:center;display:grid;box-shadow:0 14px 34px #24a36b47}.route-completion__badge svg{width:38px;height:38px}.route-completion h2{margin:var(--space-2) 0;font-size:clamp(1.8rem,8vw,2.5rem)}.route-completion>p{max-width:34rem;color:var(--color-muted);margin:0 auto;line-height:1.55}.route-completion__stats{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(2,1fr);display:grid}.route-completion__stats span{padding:var(--space-4);border-radius:var(--radius-md);background:#ffffffc2;border:1px solid #ffffffe6;justify-items:center;gap:4px;display:grid}.route-completion__stats svg{width:20px;color:var(--color-success)}.route-completion__stats strong{color:var(--color-ink);font-size:1.05rem}.route-completion__stats small{color:var(--color-muted);font-size:.72rem}.confetti{z-index:0;pointer-events:none;position:absolute;inset:0}.confetti span{border-radius:3px;width:9px;height:16px;position:absolute;top:-12px}.dialog-backdrop{z-index:80;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140e1285;align-items:end;display:grid;position:fixed;inset:0}.confirmation-dialog{width:min(100%,480px);max-height:calc(100dvh - 32px);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-xl);margin:0 auto;position:relative;overflow-y:auto;box-shadow:0 24px 70px #140e124d}.confirmation-dialog h2{margin:var(--space-3) 0 var(--space-4);padding-right:40px;font-size:1.35rem}.confirmation-dialog__close{top:var(--space-4);right:var(--space-4);width:44px;height:44px;color:var(--color-muted);background:var(--color-canvas);border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.confirmation-dialog__close svg{width:20px}.confirmation-dialog__icon{width:50px;height:50px;color:var(--color-danger);background:var(--color-danger-soft);border-radius:17px;place-items:center;display:grid}.confirmation-dialog__icon svg{width:25px}.confirmation-dialog__content{margin-bottom:var(--space-5)}.confirmation-dialog .text-button{margin-top:var(--space-2)}@media (width>=640px){.dialog-backdrop{align-items:center}}.confirmation-dialog label+label{margin-top:14px}.stop-number{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3);display:flex}.stop-number span{color:var(--color-muted);font-size:.84rem;font-weight:750}.stop-number strong{color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:999px;padding:7px 11px;font-size:.78rem}.current-stop{margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.current-stop__map{background:var(--color-canvas-strong);min-height:230px;position:relative}.current-stop__map iframe{border:0;width:100%;height:230px;display:block}.current-stop__map>span{top:var(--space-3);left:var(--space-3);color:var(--color-ink);box-shadow:var(--shadow-float);background:#fffffff0;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.75rem;font-weight:850;display:inline-flex;position:absolute}.current-stop__map svg{width:15px;height:15px;color:var(--color-primary)}.current-stop__body{padding:var(--space-5)}.current-stop__customer{align-items:center;gap:var(--space-3);display:flex}.current-stop__avatar{color:#fff;background:linear-gradient(145deg, var(--color-primary), #ff668e);border-radius:17px;flex:none;place-items:center;width:50px;height:50px;font-size:1.2rem;font-weight:900;display:grid}.current-stop h2{margin:2px 0 0;font-size:1.4rem}.current-stop__address{margin:var(--space-4) 0;color:var(--color-muted);overflow-wrap:anywhere;align-items:flex-start;gap:8px;line-height:1.5;display:flex}.current-stop__address svg{width:18px;height:18px;color:var(--color-primary);flex:none;margin-top:2px}.current-stop ul{margin:0;padding:0;list-style:none}.current-stop li{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-border-soft);padding:12px 0;display:flex}.current-stop li span{color:var(--color-muted)}.contact-grid{gap:var(--space-3);margin:var(--space-4) 0 var(--space-5);grid-template-columns:1fr 1fr;display:grid}.contact-grid a{min-height:48px;color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:var(--radius-md);text-align:center;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:.84rem;font-weight:850;display:flex}.contact-grid a:last-child{color:#fff;background:var(--color-ink)}.contact-grid svg{width:18px;height:18px}.current-stop__items-heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);display:flex}.current-stop__items-heading span{align-items:center;gap:8px;font-weight:850;display:flex}.current-stop__items-heading svg{width:19px;color:var(--color-primary)}.current-stop__items-heading small{color:var(--color-muted)}.route-stop-action{margin-bottom:var(--space-4)}.route-stop-actions{z-index:5;bottom:calc(var(--nav-height) + var(--space-3));gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;grid-template-columns:.9fr 1.1fr;display:grid;position:sticky}@media (width>=720px){.current-stop__map,.current-stop__map iframe{height:300px}}.route-generator{text-align:center}.route-generator__art{width:72px;height:72px;margin:0 auto var(--space-4);color:#fff;background:linear-gradient(145deg, var(--color-primary), var(--color-primary-strong));box-shadow:var(--shadow-primary);border-radius:24px;place-items:center;display:grid;transform:rotate(-4deg)}.route-generator__art svg{width:34px;height:34px}.route-generator h2{margin:var(--space-2) 0}.route-generator__actions{gap:var(--space-3);margin-top:var(--space-5);display:grid}.route-preview{overflow:hidden}.route-preview__summary{gap:var(--space-2);margin:var(--space-5) 0;grid-template-columns:repeat(3,1fr);display:grid}.route-preview__summary>span{min-width:0;padding:var(--space-3) var(--space-2);color:var(--color-muted);background:var(--color-canvas);border-radius:var(--radius-md);text-align:center;justify-items:center;gap:4px;display:grid}.route-preview__summary svg{width:19px;color:var(--color-primary)}.route-preview__summary strong{max-width:100%;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.route-preview__summary small{font-size:.68rem}.route-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.route-timeline li{gap:var(--space-3);grid-template-columns:38px 1fr;min-height:68px;display:grid;position:relative}.route-timeline li:not(:last-child):after{content:"";background:var(--color-primary-soft);width:2px;position:absolute;top:34px;bottom:0;left:18px}.route-timeline__number{z-index:1;width:36px;height:36px;color:var(--color-primary-strong);background:var(--color-primary-soft);border:4px solid var(--color-surface);border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:grid;position:relative}.route-timeline__content{padding:6px 0 var(--space-4);align-content:start;gap:4px;display:grid}.route-timeline__content>span{color:var(--color-muted);align-items:center;gap:5px;font-size:.82rem;display:flex}.route-timeline__content svg{width:14px;height:14px}.route-preview__start{margin-top:var(--space-4)}.route-progress{gap:var(--space-4);margin:var(--space-5) 0;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:grid}.route-progress__heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.route-progress__heading>div{gap:2px;display:grid}.route-progress__label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.route-progress__heading strong{font-size:1.18rem}.route-progress__count{width:54px;height:54px;color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:50%;place-items:center;font-weight:900;display:grid}.route-progress progress{width:100%;height:10px;accent-color:var(--color-primary);background:var(--color-canvas-strong);border:0;border-radius:999px;overflow:hidden}.route-progress progress::-webkit-progress-bar{background:var(--color-canvas-strong);border-radius:999px}.route-progress progress::-webkit-progress-value{background:linear-gradient(90deg, var(--color-primary), #ff6d9d);border-radius:999px}.route-progress__stats{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.route-progress__stats span{color:var(--color-muted);text-align:center;justify-items:center;gap:5px;font-size:.72rem;font-weight:750;display:grid}.route-progress__stats svg{width:19px;height:19px;color:var(--color-primary)}.route-page__status{color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:.75rem;font-weight:850;display:inline-flex}.route-page__status svg{width:16px;height:16px}.route-page__status.is-complete{color:var(--color-success);background:var(--color-success-soft)}