:root{--bg-0: #08080b;--bg-1: #0e0e13;--bg-0-soft: rgba(8,8,11,.7);--surface-1: #16161d;--surface-2: #1d1d27;--surface-3: #262631;--text: #f5f5fa;--text-soft: #c5c5d0;--text-muted: #8c8c99;--text-dim: #5e5e6b;--border: rgba(255,255,255,.08);--border-soft: rgba(255,255,255,.04);--border-strong: rgba(255,255,255,.16);--brand-1: #f97316;--brand-2: #db2777;--brand-3: #facc15;--grad-brand: linear-gradient(135deg, #f97316 0%, #db2777 100%);--grad-brand-soft: linear-gradient(135deg, rgba(249,115,22,.18) 0%, rgba(219,39,119,.18) 100%);--accent: #f5f5fa;--on-accent: #16161d;--accent-bg: rgba(245, 245, 250, .1);--st-kitchen_waiting: #94a3b8;--st-preparing: #fb923c;--st-ready_for_delivery: #fde047;--st-on_bridge: #0ea5e9;--st-at_bridge_end: #84cc16;--st-on_delivery_list: #d946ef;--st-on_delivery: #8b5cf6;--st-arrived: #0891b2;--st-delivered: #22c55e;--st-cancelled: #ef4444;--r-MLE: #60a5fa;--r-HM1: #14b8a6;--r-HM2: #ec4899;--r-HM3: #6366f1;--r-HLE: #f472b6;--r-PIK: #94a3b8;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 6px rgba(0,0,0,.32);--shadow-md: 0 6px 20px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.45);--glow-brand: 0 10px 28px rgba(249, 115, 22, .35);--t-fast: .15s ease;--t-med: .24s cubic-bezier(.2,.8,.2,1);--bottombar-h: 68px}@media (prefers-color-scheme: light){:root{--bg-0: #f6f6f9;--bg-1: #ffffff;--bg-0-soft: rgba(246,246,249,.7);--surface-1: #ffffff;--surface-2: #f3f3f7;--surface-3: #ebebf0;--text: #16161d;--text-soft: #3a3a45;--text-muted: #71717a;--text-dim: #a1a1aa;--border: rgba(15,15,18,.08);--border-soft: rgba(15,15,18,.04);--border-strong: rgba(15,15,18,.14);--accent: #16161d;--on-accent: #ffffff;--accent-bg: rgba(22,22,29,.07);--shadow-xs: 0 1px 2px rgba(15,15,18,.05);--shadow-sm: 0 2px 6px rgba(15,15,18,.06);--shadow-md: 0 8px 24px rgba(15,15,18,.08);--shadow-lg: 0 16px 40px rgba(15,15,18,.1)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;color:var(--text);background:radial-gradient(1100px 600px at 90% -10%,rgba(249,115,22,.1),transparent 60%),radial-gradient(1100px 600px at -10% 110%,rgba(219,39,119,.1),transparent 60%),var(--bg-0);background-attachment:fixed;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow-x:clip}.app-main{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:calc(var(--bottombar-h) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:5;padding:calc(env(safe-area-inset-top) + 12px) 18px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-0-soft) 80%,transparent 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.topbar:after{content:var(--app-version, "");position:absolute;top:calc(env(safe-area-inset-top) + 2px);right:14px;font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);opacity:.55;pointer-events:none}.topbar>:first-child{grid-column:1 / span 2}.topbar .actions{display:flex;gap:8px;justify-content:flex-end}.topbar button.icon-btn:first-child{grid-column:1}.topbar button.icon-btn:first-child+div{grid-column:2}.topbar>.actions{grid-column:3}.topbar .title{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.topbar .subtitle{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:-.005em;margin-top:2px}.icon-btn{width:38px;height:38px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-1);color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:active{transform:scale(.94)}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottombar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0e0e13eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;z-index:10}.bottom-tabs .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:10.5px;font-weight:600;letter-spacing:.02em;transition:color var(--t-fast)}.bottom-tabs .tab.active{color:var(--text)}.bottom-tabs .tab.active:before{content:"";position:absolute;width:22px;height:3px;border-radius:3px;background:var(--grad-brand);margin-top:-28px}.bottom-tabs .tab .icon{transition:transform var(--t-fast)}.bottom-tabs .tab.active .icon{transform:translateY(-2px)}.bottom-tabs .scan-fab{margin-top:-22px;background:var(--grad-brand);color:#fff;width:64px;height:64px;border-radius:999px;align-self:center;justify-self:center;box-shadow:var(--glow-brand),0 6px 18px #0006;display:flex;align-items:center;justify-content:center;border:4px solid var(--bg-0);transition:transform var(--t-med)}.bottom-tabs .scan-fab:active{transform:scale(.95)}.page{padding:8px 16px 0;display:flex;flex-direction:column;gap:14px}.banner{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--r-md);font-size:13px;font-weight:600;background:var(--surface-2);border:1px solid var(--border)}.banner-error{background:#f871711a;color:var(--st-cancelled);border-color:#f871714d}.banner-success{background:#34d3991a;color:var(--st-delivered);border-color:#34d3994d}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.region-col{display:flex;flex-direction:column;gap:10px;min-width:0}.region-col-head{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:2px 2px 0}.region-col .pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.late-section{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r-md);background:#f871710f;border:1px solid color-mix(in srgb,var(--st-cancelled) 26%,transparent)}.late-section-head{display:flex;align-items:center;justify-content:space-between}.late-section-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--st-cancelled)}.late-section-count{min-width:20px;padding:1px 7px;border-radius:var(--r-pill);background:var(--st-cancelled);color:#fff;font-size:11px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.late-filter{margin:0}.late-list{display:flex;flex-direction:column;gap:10px}.late-section-empty{padding:8px 2px;font-size:13px;color:var(--text-muted)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{position:relative;background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface-1) 100%);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 12px 12px;text-align:left;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-xs);transition:transform var(--t-fast),border-color var(--t-fast);overflow:hidden}.tile.clickable:active{transform:scale(.98)}.tile.clickable:hover{border-color:var(--border-strong)}.tile.urgent{border-color:color-mix(in srgb,var(--st-ready_for_delivery) 70%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--st-ready_for_delivery) 22%,transparent) 0%,var(--surface-1) 100%);animation:tileUrgentPulse 1.4s ease-in-out infinite}.tile.urgent .v{background:linear-gradient(135deg,var(--st-ready_for_delivery) 0%,#fbbf24 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tile.urgent .tile-icon{color:var(--st-ready_for_delivery)}@keyframes tileUrgentPulse{0%,to{background:linear-gradient(160deg,color-mix(in srgb,var(--st-ready_for_delivery) 22%,transparent) 0%,var(--surface-1) 100%);border-color:color-mix(in srgb,var(--st-ready_for_delivery) 70%,transparent)}50%{background:linear-gradient(160deg,color-mix(in srgb,var(--st-ready_for_delivery) 38%,transparent) 0%,var(--surface-1) 100%);border-color:color-mix(in srgb,var(--st-ready_for_delivery) 95%,transparent)}}@media (prefers-reduced-motion: reduce){.tile.urgent{animation:none}}.tile .tile-icon{color:var(--text-muted)}.tile .v{font-size:32px;font-weight:800;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.tile .l{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.cta{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;font-size:16px;font-weight:700;letter-spacing:-.005em;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;box-shadow:var(--shadow-xs);transition:transform var(--t-fast),background var(--t-fast),filter var(--t-fast)}.cta:active{transform:translateY(1px)}.cta:disabled{opacity:.6;cursor:not-allowed}.cta.primary-cta{background:var(--grad-brand);color:#fff;border:none;box-shadow:var(--glow-brand);min-height:64px;font-size:17px}.cta.primary-cta:hover{filter:brightness(1.05)}.cta.bridge-cta{background:linear-gradient(135deg,#2dd4bf26,#60a5fa1a);border-color:#2dd4bf4d;color:var(--st-on_bridge)}.cta.bridge-cta .cta-count{background:var(--st-on_bridge);color:var(--bg-0);padding:2px 9px;border-radius:999px;font-size:12px;font-weight:800}.cta.secondary{background:var(--surface-2);color:var(--text-soft)}.cta.danger{background:#f871711f;color:var(--st-cancelled);border-color:#f871714d}.group{display:flex;flex-direction:column;gap:10px}.group-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:6px}.group-title-icon{color:var(--text-soft)}.group-title-icon .icon{opacity:.7}.group-hint{margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--text-dim)}.oc{position:relative;background:var(--surface-1);border-radius:var(--r-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:transform var(--t-fast),background var(--t-fast)}.oc:hover{background:var(--surface-2)}.oc:active{transform:scale(.995)}.oc.readonly{cursor:default}.oc.readonly:hover{background:var(--surface-1)}.oc.readonly:active{transform:none}.oc.tier-fresh{background:#22c55e14;box-shadow:inset 3px 0 0 var(--st-delivered)}.oc.tier-warn,.oc.late-warn{background:#fb923c1a;box-shadow:inset 3px 0 0 var(--st-preparing)}.oc.tier-crit,.oc.late-crit{background:#f8717124;box-shadow:inset 3px 0 0 var(--st-cancelled);animation:cardLateBlink 3s ease-in-out infinite}@keyframes cardLateBlink{0%,to{background:#f871711f}50%{background:#f8717130}}@media (prefers-reduced-motion: reduce){.oc.tier-crit,.oc.late-crit{animation:none}}.oc.postponed,.oc.postponed.tier-fresh,.oc.postponed.tier-ok,.oc.postponed.tier-warn,.oc.postponed.tier-crit{background:#94a3b81f;box-shadow:inset 3px 0 #94a3b8;animation:none}.oc.postponed .oc-time{color:var(--text-muted, #94a3b8)!important}.oc-postpone-badge{position:absolute;top:6px;right:8px;z-index:1;background:#64748be6;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px;pointer-events:none}.oc-headline{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.oc-headline-left{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.oc-web-badge{font-size:10px;font-weight:800;letter-spacing:.04em;padding:1px 6px;border-radius:999px;align-self:center;white-space:nowrap;background:color-mix(in srgb,var(--st-arrived) 22%,transparent);color:var(--st-arrived);border:1px solid color-mix(in srgb,var(--st-arrived) 45%,transparent)}.handover-countdown{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:12px;font-variant-numeric:tabular-nums;padding:2px 9px;border-radius:999px;white-space:nowrap}.handover-countdown.big{font-size:14px;padding:4px 12px}.handover-countdown .hc-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.handover-countdown.ok{background:color-mix(in srgb,var(--st-arrived) 18%,transparent);color:var(--st-arrived)}.handover-countdown.warn{background:color-mix(in srgb,#f59e0b 22%,transparent);color:#f59e0b}.handover-countdown.crit{background:color-mix(in srgb,var(--st-cancelled) 24%,transparent);color:var(--st-cancelled);animation:hc-pulse 1.1s ease-in-out infinite}@keyframes hc-pulse{0%,to{opacity:1}50%{opacity:.5}}.oc-ono{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.oc-time{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.oc-time.tier-fresh{color:var(--st-delivered)}.oc-time.tier-ok{color:var(--text)}.oc-time.tier-warn,.oc-time.late-warn{color:var(--st-preparing)}.oc-time.tier-crit,.oc-time.late-crit{color:var(--st-cancelled);animation:pulseRed 1.4s ease-in-out infinite}.oc-sub{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted)}.oc-sub-time{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-soft)}.oc-assignee{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:2px 9px 2px 7px;border-radius:var(--r-pill);border:1px solid transparent;font-size:11.5px;font-weight:800;letter-spacing:.01em;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-assignee-dot{width:7px;height:7px;border-radius:999px;flex:0 0 auto;box-shadow:0 0 0 2px #0000002e}.assignee-filter{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0 4px;scrollbar-width:none}.assignee-filter::-webkit-scrollbar{display:none}.assignee-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);padding:6px 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:700;letter-spacing:-.005em;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.assignee-chip:hover{background:var(--surface-3);color:var(--text)}.assignee-chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.assignee-chip-dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto;box-shadow:0 0 0 2px #0000002e}.assignee-chip-count{background:var(--surface-3);color:var(--text-soft);padding:1px 7px;border-radius:var(--r-pill);font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums}.assignee-chip.active .assignee-chip-count{background:#ffffff2e;color:var(--on-accent)}.oc-who{display:flex;align-items:center;justify-content:space-between;gap:8px}.oc-name{flex:1;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.oc-addr{display:flex;flex-direction:column;gap:1px;line-height:1.35}.oc-bldg{font-size:14px;font-weight:600;color:var(--text)}.oc-details{font-size:12.5px;font-weight:500;color:var(--text-muted)}.timers{display:flex;gap:8px;flex-wrap:wrap}.timer{background:var(--surface-3);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:6px 12px;text-align:center;min-width:68px;transition:border-color var(--t-fast)}.timer .v{font-size:16px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}.timer .l{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:2px}.timer.late-warn .v{color:var(--st-preparing)}.timer.late-crit .v{color:var(--st-cancelled);animation:pulseRed 1.4s ease-in-out infinite}@keyframes pulseRed{0%,to{opacity:1}50%{opacity:.55}}.r-pill{display:inline-flex;align-items:center;gap:4px;background:var(--surface-3);color:var(--text);padding:3px 9px;border-radius:var(--r-pill);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-variant-numeric:tabular-nums}.r-pill.r-MLE{background:color-mix(in srgb,var(--r-MLE) 18%,transparent);color:var(--r-MLE)}.r-pill.r-HM1{background:color-mix(in srgb,var(--r-HM1) 18%,transparent);color:var(--r-HM1)}.r-pill.r-HM2{background:color-mix(in srgb,var(--r-HM2) 18%,transparent);color:var(--r-HM2)}.r-pill.r-HM3{background:color-mix(in srgb,var(--r-HM3) 18%,transparent);color:var(--r-HM3)}.r-pill.r-HLE{background:color-mix(in srgb,var(--r-HLE) 18%,transparent);color:var(--r-HLE)}.r-pill.r-PIK{background:color-mix(in srgb,var(--r-PIK) 18%,transparent);color:var(--r-PIK)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--surface-3);color:var(--text)}.status-pill.status-kitchen_waiting{background:color-mix(in srgb,var(--st-kitchen_waiting) 18%,transparent);color:var(--st-kitchen_waiting)}.status-pill.status-preparing{background:color-mix(in srgb,var(--st-preparing) 18%,transparent);color:var(--st-preparing)}.status-pill.status-ready_for_delivery{background:color-mix(in srgb,var(--st-ready_for_delivery) 22%,transparent);color:var(--st-ready_for_delivery)}.status-pill.status-on_bridge{background:color-mix(in srgb,var(--st-on_bridge) 18%,transparent);color:var(--st-on_bridge)}.status-pill.status-at_bridge_end{background:color-mix(in srgb,var(--st-at_bridge_end) 22%,transparent);color:var(--st-at_bridge_end)}.status-pill.status-on_delivery_list{background:color-mix(in srgb,var(--st-on_delivery_list) 18%,transparent);color:var(--st-on_delivery_list)}.status-pill.status-on_delivery{background:color-mix(in srgb,var(--st-on_delivery) 22%,transparent);color:var(--st-on_delivery)}.status-pill.status-arrived{background:color-mix(in srgb,var(--st-arrived) 22%,transparent);color:var(--st-arrived)}.status-pill.status-delivered{background:color-mix(in srgb,var(--st-delivered) 18%,transparent);color:var(--st-delivered)}.status-pill.status-cancelled{background:color-mix(in srgb,var(--st-cancelled) 18%,transparent);color:var(--st-cancelled)}.bucket-label{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-muted)}.bucket-label.regular{background:color-mix(in srgb,var(--st-ready_for_delivery) 22%,transparent);color:var(--st-ready_for_delivery)}.bucket-label.to_cross{background:color-mix(in srgb,var(--st-on_bridge) 18%,transparent);color:var(--st-on_bridge)}.bucket-label.to_deliver{background:color-mix(in srgb,var(--st-at_bridge_end) 22%,transparent);color:var(--st-at_bridge_end)}.tabs{display:flex;background:var(--surface-2);border-radius:var(--r-md);padding:4px;gap:2px;border:1px solid var(--border)}.tabs button{flex:1;border:none;background:transparent;padding:10px 8px;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:-.005em;transition:background var(--t-fast),color var(--t-fast)}.tabs button.active{background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-xs)}.tabs button .count{display:inline-block;margin-left:6px;background:var(--surface-3);color:var(--text-soft);font-size:10px;font-weight:800;padding:1px 7px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}.tabs button.active .count{background:var(--grad-brand);color:#fff}.login{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:0 24px;gap:22px;background:radial-gradient(800px 400px at 50% 0%,rgba(249,115,22,.15),transparent 70%),radial-gradient(800px 400px at 50% 100%,rgba(219,39,119,.1),transparent 70%),var(--bg-0)}.login-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:6px}.login-mark{width:72px;height:72px;border-radius:22px;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--glow-brand),inset 0 1px #ffffff2e}.login h1{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:0}.login .sub{color:var(--text-muted);margin:0;font-size:14px}.login form{display:flex;flex-direction:column;gap:12px}.login .field{display:flex;flex-direction:column;gap:6px}.login label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-left:2px}.login input{width:100%;background:var(--surface-1);border:1.5px solid var(--border);border-radius:var(--r-md);padding:16px;font-size:16px;min-height:54px;color:var(--text);transition:border-color var(--t-fast),background var(--t-fast)}.login input:focus{outline:none;border-color:var(--brand-1);background:var(--surface-2)}.login .cta{margin-top:4px;background:var(--grad-brand);color:#fff;border:none;box-shadow:var(--glow-brand);font-size:17px}.empty{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{color:var(--text-dim);margin-bottom:4px}.empty-title{font-size:16px;font-weight:700;color:var(--text-soft)}.empty-sub{font-size:13px;color:var(--text-muted);max-width:280px}.spinning{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail{padding:8px 16px 0;display:flex;flex-direction:column;gap:14px}.status-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.hero-card{position:relative;background:linear-gradient(160deg,#f973161a,#db27770d),var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:18px 18px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(400px 200px at 100% 0%,rgba(249,115,22,.18),transparent 70%)}.hero-eyebrow{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);position:relative}.hero-address-text{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--text);position:relative}.hero-address-sub{font-size:14px;color:var(--text-muted);font-weight:500;position:relative}.hero-action{margin-top:8px;position:relative;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;font-size:14px;font-weight:700;color:var(--text);transition:background var(--t-fast)}.hero-action:hover{background:var(--surface-3)}.hero-action .trailing{margin-left:auto;color:var(--text-muted)}a.hero-clickable{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}a.hero-clickable:active{transform:scale(.99)}a.hero-clickable:hover{border-color:var(--brand-1);box-shadow:var(--shadow-md)}a.hero-clickable:hover .hero-action{background:var(--surface-3);border-color:var(--brand-1)}a.hero-clickable:hover .hero-action .trailing{color:var(--brand-1);transform:translate(2px);transition:transform var(--t-fast)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-tile{display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);color:var(--text);min-height:64px;transition:transform var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.contact-tile:active{transform:scale(.98)}.contact-tile.primary{background:linear-gradient(135deg,#34d39938,#14b8a61a),var(--surface-2);border-color:#34d39959;color:var(--st-delivered);grid-column:1 / -1;min-height:72px}.contact-tile.chat{background:linear-gradient(135deg,#60a5fa29,#c084fc1a),var(--surface-2);border-color:#60a5fa4d;color:var(--st-on_delivery_list)}.contact-tile .contact-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:currentColor;opacity:.75}.contact-tile .contact-value{font-size:16px;font-weight:800;letter-spacing:-.01em;margin-top:2px}.items-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.items-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-soft)}.items-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.items-count{margin-left:4px;background:var(--surface-3);color:var(--text-soft);border-radius:var(--r-pill);padding:1px 8px;font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums}.items-total{margin-left:auto;font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.01em}.items-list{list-style:none;margin:0;padding:0}.items-list li{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--border-soft);font-size:15px}.items-list li:first-child{border-top:none}.item-qty{flex:0 0 auto;min-width:32px;text-align:center;background:var(--surface-3);color:var(--text-soft);border-radius:var(--r-sm);padding:4px 8px;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.item-name{flex:1;font-weight:600;color:var(--text)}.item-price{font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.item-note{font-weight:500;font-size:13px;color:var(--text-muted)}.items-breakdown{border-top:1px solid var(--border);padding:10px 16px 12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.bill-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px}.bill-label{color:var(--text-soft)}.bill-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.bill-row.bill-grand{margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);font-size:16px}.bill-row.bill-grand .bill-label,.bill-row.bill-grand .bill-value{color:var(--text);font-weight:800}.step-cta{position:sticky;bottom:calc(var(--bottombar-h) + env(safe-area-inset-bottom) + 10px);z-index:4;padding:6px 0;background:linear-gradient(to bottom,transparent,var(--bg-0) 70%)}.step-cta .cta{background:var(--grad-brand);color:#fff;border:none;box-shadow:var(--glow-brand);min-height:64px;font-size:17px}.step-cta .cta:hover{filter:brightness(1.05)}.cta.target-on_bridge,.step-cta .cta.target-on_bridge{background:var(--st-on_bridge);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--st-on_bridge) 38%,transparent)}.cta.target-at_bridge_end,.step-cta .cta.target-at_bridge_end{background:var(--st-at_bridge_end);color:#1b1b22;box-shadow:0 10px 28px color-mix(in srgb,var(--st-at_bridge_end) 38%,transparent)}.cta.target-on_delivery_list,.step-cta .cta.target-on_delivery_list{background:var(--st-on_delivery_list);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--st-on_delivery_list) 38%,transparent)}.cta.target-on_delivery,.step-cta .cta.target-on_delivery{background:var(--st-on_delivery);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--st-on_delivery) 38%,transparent)}.cta.target-arrived,.step-cta .cta.target-arrived{background:var(--st-arrived);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--st-arrived) 38%,transparent)}.cta.target-delivered,.step-cta .cta.target-delivered{background:var(--st-delivered);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--st-delivered) 38%,transparent)}.cta.target-cancelled,.step-cta .cta.target-cancelled{background:var(--st-cancelled);color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--st-cancelled) 38%,transparent)}.cta.target-ready_for_delivery,.step-cta .cta.target-ready_for_delivery{background:var(--st-ready_for_delivery);color:#1b1b22;box-shadow:0 10px 28px color-mix(in srgb,var(--st-ready_for_delivery) 38%,transparent)}.section-muted{background:var(--surface-1)!important;opacity:.95}.section-muted h3{color:var(--text-dim)!important}.assign-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px dashed var(--border-soft)}.assign-row:first-of-type{border-top:none}.assign-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto;box-shadow:0 0 0 3px #0000001f}.assign-meta{flex:1;min-width:0}.assign-name{font-size:14px;font-weight:700;color:var(--text)}.assign-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.link-action{background:none;border:none;color:var(--text-muted);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:12px;cursor:pointer;transition:color var(--t-fast)}.link-action:hover{color:var(--st-cancelled)}.detail h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.detail .section{background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface-1) 100%);border:1px solid var(--border);border-radius:var(--r-md);padding:14px}.detail .section h3{margin:0 0 10px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:6px}.detail .row{display:flex;align-items:center;gap:10px;padding:8px 0}.detail .row+.row{border-top:1px dashed var(--border-soft)}.detail .row .v{font-size:15px;font-weight:600}.detail .row .l{font-size:11.5px;color:var(--text-muted);margin-top:2px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-soft);font-size:14px;font-weight:600;min-height:44px;border:1px solid var(--border-soft);transition:background var(--t-fast),color var(--t-fast)}.chip:hover{background:var(--surface-2);color:var(--text)}.chip.phone-chip{background:linear-gradient(135deg,#34d3992e,#14b8a61a);color:var(--st-delivered);border-color:#34d39947;font-weight:700}.scanner-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.scanner-frame{position:relative;flex:1;min-height:0;background:#000;overflow:hidden}.scanner-torch{position:absolute;top:14px;right:14px;z-index:3;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #0006}.scanner-torch.on{background:#fde047;color:#1c1917;border-color:#fde047;box-shadow:0 0 0 4px #fde0474d}.scanner-reticle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.scanner-reticle:before{content:"";width:min(64vw,60dvh,280px);aspect-ratio:1;border-radius:28px;box-shadow:0 0 0 9999px #0000008c;border:2px solid rgba(255,255,255,.45)}.scanner-fallback{padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--bg-0)}.manual-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.scanner-fallback input{background:var(--surface-1);border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px;font-size:22px;min-height:56px;text-align:center;font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--text)}.scanner-fallback input:focus{outline:none;border-color:var(--brand-1)}.profile-card{display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(135deg,#f973161a,#db27770f),var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.profile-card .avatar{width:64px;height:64px;border-radius:999px;background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;letter-spacing:-.02em;box-shadow:inset 0 1px #ffffff2e;flex:0 0 auto}.profile-card .profile-meta{flex:1;min-width:0}.profile-card .name{font-size:20px;font-weight:800;letter-spacing:-.02em}.profile-card .sub{font-size:12.5px;color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.footer-brand{text-align:center;color:var(--text-dim);margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:2px}.footer-brand-name{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.footer-brand-version{font-size:28px;font-weight:800;letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1;margin-top:2px}.footer-brand-built{font-size:11px;opacity:.6}.toast{position:fixed;top:calc(env(safe-area-inset-top) + 72px);left:50%;transform:translate(-50%);background:var(--surface-1);color:var(--text);padding:12px 18px;border-radius:var(--r-pill);font-size:13px;font-weight:700;box-shadow:var(--shadow-lg);border:1px solid var(--border-strong);z-index:50;animation:toastIn .22s cubic-bezier(.2,.8,.2,1)}.toast.error{background:var(--st-cancelled);color:#fff;border-color:#fff3}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.dots:after{content:"…";animation:dots 1.2s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--brand-1);outline-offset:2px}.notify-banner{display:flex;gap:8px;flex-wrap:wrap}.chip-action{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,transform .12s}.chip-action:hover{background:#ffffff1f}.chip-action:active{transform:scale(.97)}.chip-action:disabled{opacity:.6;cursor:wait}.notify-toast-stack{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;padding:12px 12px 0;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.notify-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#f6bc65,#f08a4d);color:#1a1407;border:none;box-shadow:0 12px 32px #00000073;text-align:left;font-family:inherit;cursor:pointer;animation:toastSlideIn .24s cubic-bezier(.2,.8,.2,1)}.notify-toast:active{transform:scale(.99)}.notify-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff4d;flex-shrink:0}.notify-toast-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notify-toast-title{font-weight:700;font-size:14px}.notify-toast-body{font-size:13px;opacity:.85}.notify-toast-x{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#0000002e;color:inherit;border:none;cursor:pointer;padding:0;font-family:inherit}.notify-toast-x:hover{background:#00000047}.notify-toast-x:active{transform:scale(.92)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.diag-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;margin-bottom:12px}.diag-h{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.diag-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}.diag-row:first-of-type{border-top:0}.diag-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.diag-dot.ok{background:#4ade80;box-shadow:0 0 8px #4ade808c}.diag-dot.bad{background:#f87171;box-shadow:0 0 8px #f871718c}.diag-row-text{flex:1;min-width:0}.diag-row-label{font-size:14px;font-weight:500}.diag-row-value{font-size:12px;opacity:.75;margin-top:2px;word-break:break-all}.diag-row-actions{display:flex;gap:6px}.btn-tiny{padding:5px 10px;font-size:12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:inherit;cursor:pointer}.btn-tiny:hover{background:#ffffff1f}.btn-tiny:disabled{opacity:.5;cursor:not-allowed}.diag-raw{margin-top:8px;font-size:11px;opacity:.7}.diag-raw pre{background:#0000004d;border-radius:6px;padding:8px;overflow-x:auto;max-height:220px;font-size:11px}.mode-switcher{position:relative;margin:0 0 12px;display:flex;justify-content:flex-start}.mode-pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:8px 14px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:border-color var(--t-fast),transform var(--t-fast)}.mode-pill:hover{border-color:var(--border-strong)}.mode-pill:active{transform:scale(.98)}.mode-pill .mode-label{letter-spacing:-.01em}.mode-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:220px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:6px;display:flex;flex-direction:column;gap:2px}.mode-menu.mode-menu-right{left:auto;right:0}.mode-option{display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-radius:var(--r-sm);padding:10px 12px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;text-align:left}.mode-option:hover{background:var(--accent-bg)}.mode-option.active{background:var(--accent-bg);color:var(--brand-1)}.widget{background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface-1) 100%);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:10px}.widget+.widget{margin-top:10px}.widget-head{display:flex;align-items:baseline;justify-content:space-between}.widget-head .t{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.widget-head .total{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.tiles-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.widget-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mini{background:var(--surface-3);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-height:56px}.mini .v{font-size:20px;font-weight:800;letter-spacing:-.015em;font-variant-numeric:tabular-nums;line-height:1.1}.mini .l{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.mini.s-on_bridge .v{color:var(--st-on_bridge)}.mini.s-at_bridge_end .v{color:var(--st-at_bridge_end)}.mini.s-on_delivery .v{color:var(--st-on_delivery)}.mini.s-pickup .v{color:var(--r-PIK)}.mini.s-hulhule .v{color:var(--r-HLE)}button.mini{font-family:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast)}button.mini.clickable:hover{border-color:var(--border-strong)}button.mini.clickable:active{transform:scale(.98)}.mini.urgent{border-color:color-mix(in srgb,var(--st-at_bridge_end) 70%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--st-at_bridge_end) 22%,transparent) 0%,var(--surface-3) 100%);animation:miniUrgentPulse 1.4s ease-in-out infinite}.mini.urgent .v{font-size:26px;color:var(--st-at_bridge_end);-webkit-text-fill-color:var(--st-at_bridge_end)}.mini.urgent .l{color:var(--st-at_bridge_end)}@keyframes miniUrgentPulse{0%,to{background:linear-gradient(160deg,color-mix(in srgb,var(--st-at_bridge_end) 22%,transparent) 0%,var(--surface-3) 100%);border-color:color-mix(in srgb,var(--st-at_bridge_end) 70%,transparent)}50%{background:linear-gradient(160deg,color-mix(in srgb,var(--st-at_bridge_end) 40%,transparent) 0%,var(--surface-3) 100%);border-color:color-mix(in srgb,var(--st-at_bridge_end) 95%,transparent)}}@media (prefers-reduced-motion: reduce){.mini.urgent{animation:none}}.bulk-bar{display:flex;align-items:center;gap:10px;margin:0 0 10px}.bulk-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad-brand);color:#fff;border:0;border-radius:var(--r-md);padding:12px 16px;font-size:15px;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:var(--glow-brand);transition:transform var(--t-fast),opacity var(--t-fast)}.bulk-btn:active{transform:scale(.99)}.bulk-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-xs)}.history-bar{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;background:var(--surface-2);border-radius:var(--r-md);color:var(--text-muted)}.history-bar input[type=date]{flex:1;background:transparent;border:0;color:var(--text);font-size:16px;font-family:inherit;padding:4px 0;outline:none;min-width:0}.payment-section h3{display:flex;align-items:center;gap:8px}.payment-summary-line{font-size:13px;color:var(--text-soft);margin:4px 0 12px}.payment-summary-line .due{color:#fb923c;font-weight:700}.payment-summary-line .credit-owed{color:#f59e0b;font-weight:700}.payment-list{display:flex;flex-direction:column;gap:10px}.payment-row{display:flex;flex-direction:column;gap:8px}.payment-method-chip{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 10px;border:1px solid;border-radius:var(--r-md);padding:10px 12px;font-size:13px;background:var(--surface-1)}.payment-method-chip .pm-label{font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.payment-method-chip .pm-amount{font-weight:800;font-size:15px;letter-spacing:-.01em}.payment-method-chip .pm-detail{flex-basis:100%;font-size:11.5px;color:var(--text-soft);opacity:.95}.payment-method-chip .pm-owed{color:#fb923c;font-weight:800;letter-spacing:.06em}.payment-method-chip .pm-cta{font-weight:700;opacity:1}.payment-method-chip.is-clickable{cursor:pointer;transition:transform var(--t-fast),filter var(--t-fast)}.payment-method-chip.is-clickable:active{transform:scale(.99)}.payment-method-chip.is-clickable:hover{filter:brightness(1.06)}.payment-method-chip.m-cash{background:#10a34a1f;border-color:#10a34a66;color:#22c55e}.payment-method-chip.m-transfer{background:#2563eb1f;border-color:#2563eb66;color:#60a5fa}.payment-method-chip.m-credit{background:#d977061f;border-color:#d9770666;color:#f59e0b}.payment-method-chip.m-pay_on_delivery{background:#7c3aed29;border-color:#7c3aed80;color:#c4b5fd}.payment-method-chip.m-foc{background:#db277724;border-color:#db277773;color:#f472b6}.payment-method-chip.m-pay_on_delivery.state-outstanding{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;color:#fff;box-shadow:0 6px 18px #7c3aed52}.payment-method-chip.m-pay_on_delivery.state-outstanding .pm-detail,.payment-method-chip.m-pay_on_delivery.state-outstanding .pm-cta{color:#ede9fe}.payment-method-chip.m-pay_on_delivery.state-collected{background:#7c3aed1a;border-color:#7c3aed4d;color:#a78bfa}.pod-calc{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid rgba(124,58,237,.35);border-radius:var(--r-md);background:var(--surface-1)}.pod-calc-head{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--text)}.pod-calc-input{display:flex;flex-direction:column;gap:4px}.pod-calc-input>span{font-size:11.5px;color:var(--text-soft);font-weight:600}.pod-calc-input>input{font-size:22px;font-weight:800;text-align:center;letter-spacing:.02em;padding:12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);outline:none;transition:border-color var(--t-fast)}.pod-calc-input>input:focus{border-color:#7c3aed}.pod-calc .denoms{display:flex;gap:8px;flex-wrap:wrap}.pod-calc .denoms button{flex:1 1 0;min-width:64px;padding:12px 10px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:800;font-size:14px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.pod-calc .denoms button:hover{border-color:var(--border-strong)}.pod-calc .denoms button.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.pod-calc .denoms button:disabled{opacity:.5;cursor:not-allowed}.pod-calc .change{font-size:16px;font-weight:800;text-align:center;padding:8px;border-radius:var(--r-sm);background:#22c55e1a;color:#22c55e}.pod-calc .change.short{background:#f8717124;color:#f87171}.pod-calc-note{width:100%;resize:vertical;padding:10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font:inherit}.pod-calc-add-note{align-self:flex-start;background:none;border:none;padding:4px 0;font-size:12px;color:var(--text-soft);font-weight:700;cursor:pointer}.pod-calc-add-note:hover{color:var(--text)}.pod-calc-foot{display:flex;gap:10px;margin-top:4px}.pod-calc-foot .ghost{flex:0 0 auto;padding:12px 16px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);font-weight:700;cursor:pointer}.pod-calc-foot .cta{flex:1 1 auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:60;padding:0;animation:modalBackdropIn .12s ease-out}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column;background:var(--surface-1);border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -10px 30px #0006;overflow:hidden;animation:modalIn .18s cubic-bezier(.2,.8,.2,1)}@keyframes modalIn{0%{transform:translateY(20%);opacity:.6}to{transform:translateY(0);opacity:1}}@media (min-width: 720px){.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:var(--r-lg);border:1px solid var(--border)}}.switch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:modalBackdropIn .12s ease-out}.switch-dialog{width:100%;max-width:460px;background:var(--surface-1);border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -10px 30px #0006;padding:20px 18px calc(18px + env(safe-area-inset-bottom));animation:modalIn .18s cubic-bezier(.2,.8,.2,1)}.switch-title{font-size:18px;font-weight:800;margin-bottom:6px}.switch-body{font-size:14px;color:var(--text-soft);margin:0 0 14px;line-height:1.45}.switch-addr{display:flex;gap:9px;align-items:flex-start;background:var(--surface-3);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:11px 12px;margin-bottom:16px;color:var(--st-on_delivery)}.switch-addr-text{min-width:0}.switch-addr-no{font-size:12px;font-weight:800;color:var(--text);margin-bottom:2px}.switch-addr-primary{font-size:14px;font-weight:700;color:var(--text)}.switch-addr-sub{font-size:13px;color:var(--text-soft);line-height:1.4}.switch-keep-primary{width:100%;margin-bottom:12px}.switch-slide-wrap{margin-bottom:10px}.switch-hint{font-size:12px;color:var(--text-muted);text-align:center}@media (min-width: 720px){.switch-overlay{align-items:center;padding:24px}.switch-dialog{border-radius:var(--r-lg);border:1px solid var(--border)}}.slide-track{position:relative;width:100%;height:54px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-soft);display:flex;align-items:center;padding:0 5px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.slide-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--slide-x, 0px) + 48px);background:color-mix(in srgb,var(--st-on_delivery) 20%,transparent);transition:width .2s ease;pointer-events:none}.slide-track.dragging:before{transition:none}.slide-track.confirmed:before{width:100%}.slide-track.disabled{opacity:.55}.slide-label{position:relative;flex:1;text-align:center;font-size:14px;font-weight:700;color:var(--text-soft);letter-spacing:.01em;pointer-events:none}.slide-handle{position:absolute;left:5px;top:50%;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--st-on_delivery);color:#fff;border:0;cursor:grab;transform:translate(var(--slide-x, 0px),-50%);transition:transform .2s ease,background .2s ease;box-shadow:0 1px 4px #0000004d}.slide-track.dragging .slide-handle{transition:none;cursor:grabbing}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;flex:1;letter-spacing:-.01em}.modal-body{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{padding:12px 16px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border-soft);background:var(--surface-1)}.modal-foot-right{margin-left:auto;display:flex;gap:10px}.modal-foot .ghost{padding:11px 16px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);font-weight:700;cursor:pointer}:root{--sos-bg-1: #b91c1c;--sos-bg-2: #ef4444;--sos-glow: rgba(239,68,68,.3);--sos-tint: rgba(239,68,68,.1);--sos-border: rgba(239,68,68,.45)}.sos-banner{background:linear-gradient(135deg,var(--sos-bg-1) 0%,var(--sos-bg-2) 100%);color:#fff;border-radius:var(--r-md);padding:14px 16px;box-shadow:0 6px 20px var(--sos-glow);display:flex;flex-direction:column;gap:8px;animation:sosPulse 1.6s ease-in-out infinite}@keyframes sosPulse{0%,to{box-shadow:0 6px 20px var(--sos-glow)}50%{box-shadow:0 6px 30px #ef44448c}}@media (prefers-reduced-motion: reduce){.sos-banner{animation:none}}.sos-banner-head{display:flex;align-items:center;gap:8px}.sos-banner-title{font-weight:800;font-size:14px;letter-spacing:.02em}.sos-banner-note{font-size:13.5px;line-height:1.4;opacity:.96;background:#ffffff1f;border-radius:var(--r-sm);padding:8px 10px}.sos-banner-foot{display:flex;align-items:center;font-size:12px}.sos-banner-by{opacity:.85}.sos-banner-action{margin-left:auto;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:var(--r-sm);font-weight:700;font-size:12px;cursor:pointer}.sos-banner-action:hover{background:#ffffff42}.sos-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 16px;border-radius:var(--r-md);background:#ef44441f;border:1px solid var(--sos-border);color:#fca5a5;font-weight:800;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}.sos-action:hover{background:var(--sos-bg-2);color:#fff}.sos-action:active{transform:scale(.99)}.sos-modal .modal-head{border-bottom-color:var(--sos-border)}.sos-modal .modal-title{color:var(--sos-bg-2)}.sos-help{font-size:13px;line-height:1.45;color:var(--text-soft);background:var(--sos-tint);border-left:3px solid var(--sos-bg-2);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:10px 12px}.sos-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.sos-chip{text-align:left;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:700;font-size:13.5px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.sos-chip:hover{border-color:var(--border-strong)}.sos-chip.active{background:var(--sos-bg-2);border-color:var(--sos-bg-2);color:#fff;box-shadow:0 4px 14px var(--sos-glow)}.sos-note-label{display:flex;flex-direction:column;gap:4px}.sos-note-label>span{font-size:11.5px;color:var(--text-soft);font-weight:600}.sos-note-label textarea{resize:vertical;padding:10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font:inherit;min-height:80px}.sos-note-label textarea:focus{outline:none;border-color:var(--sos-bg-2)}.sos-modal .sos-confirm{background:var(--sos-bg-2);color:#fff;padding:11px 18px;font-weight:800;border:1px solid var(--sos-bg-2);border-radius:var(--r-sm);display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px 16px var(--sos-glow)}.sos-modal .sos-confirm:hover{filter:brightness(1.06)}.sos-modal .sos-confirm:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sos-modal .sos-clear{text-transform:none;letter-spacing:normal;color:var(--text-soft);font-weight:700;font-size:12.5px}.sos-modal .sos-clear:hover{color:var(--sos-bg-2)}.addr-changed-banner{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:8px;background:#f59e0b24;color:#b45309;border:1px solid rgba(245,158,11,.45);border-radius:var(--r-md, 10px);font-weight:700;font-size:13px;line-height:1.3;animation:pulseAmberOpacity 1.4s ease-in-out infinite}.hero-card.addr-changed{border-color:#f59e0b;animation:pulseAmberBorder 1.4s ease-in-out infinite}@keyframes pulseAmberBorder{0%,to{box-shadow:0 0 #f59e0ba6}50%{box-shadow:0 0 0 8px #f59e0b00}}@keyframes pulseAmberOpacity{0%,to{opacity:1}50%{opacity:.7}}.mpb{display:grid;grid-template-columns:repeat(var(--mpb-cols, 5),minmax(0,1fr));gap:4px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--border)}.mpb-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 4px 7px;text-align:center;min-width:0;color:var(--text-soft);position:relative;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.mpb-block.passed{background:color-mix(in srgb,var(--text-soft) 7%,transparent);color:var(--text);border-color:color-mix(in srgb,var(--text-soft) 18%,transparent)}.mpb-block.skipped{opacity:.35}.mpb-block.current{color:var(--text);border-color:transparent;box-shadow:var(--shadow-xs)}.mpb-block.current.status-kitchen_waiting{background:color-mix(in srgb,var(--st-kitchen_waiting) 36%,var(--surface-2))}.mpb-block.current.status-preparing{background:color-mix(in srgb,var(--st-preparing) 36%,var(--surface-2))}.mpb-block.current.status-ready_for_delivery{background:color-mix(in srgb,var(--st-ready_for_delivery) 42%,var(--surface-2))}.mpb-block.current.status-on_bridge{background:color-mix(in srgb,var(--st-on_bridge) 36%,var(--surface-2))}.mpb-block.current.status-at_bridge_end{background:color-mix(in srgb,var(--st-at_bridge_end) 42%,var(--surface-2))}.mpb-block.current.status-on_delivery_list{background:color-mix(in srgb,var(--st-on_delivery_list) 36%,var(--surface-2))}.mpb-block.current.status-on_delivery{background:color-mix(in srgb,var(--st-on_delivery) 40%,var(--surface-2))}.mpb-block.current.status-arrived{background:color-mix(in srgb,var(--st-arrived) 40%,var(--surface-2))}.mpb-block.current.status-delivered{background:color-mix(in srgb,var(--st-delivered) 36%,var(--surface-2))}.mpb.cancelled .mpb-block{opacity:.55}.mpb-row{display:flex;align-items:center;justify-content:center;gap:3px;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mpb-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mpb-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:mpb-pulse 1.6s ease-out infinite;flex:0 0 auto}@keyframes mpb-pulse{0%{box-shadow:0 0 color-mix(in srgb,currentColor 60%,transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb,currentColor 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,currentColor 0%,transparent)}}.mpb-time{margin-top:2px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mpb-sub{margin-top:1px;font-size:9px;font-weight:600;opacity:.78;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted-hint{color:var(--text-soft);font-weight:500;font-size:11.5px;letter-spacing:0;text-transform:none}.nf{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-xs)}.nf-head{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text);font-size:12px;font-weight:700;letter-spacing:.02em}.nf-title{letter-spacing:.04em;text-transform:uppercase;font-size:11px}.nf-count{display:inline-block;min-width:18px;padding:1px 7px;border-radius:var(--r-pill);background:var(--st-ready_for_delivery);color:#1c1917;font-size:10.5px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.nf-clear{background:transparent;border:none;color:var(--text-muted);font-size:11.5px;font-weight:600;padding:2px 6px;border-radius:var(--r-sm);cursor:pointer}.nf-clear:active{transform:scale(.97)}.nf-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto}.nf-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast)}.nf-item:last-child{border-bottom:none}.nf-item:hover{background:var(--surface-2)}.nf-item:active{background:var(--surface-3)}.nf-item-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.nf-item-title{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nf-item-body{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nf-item-ts{font-size:10.5px;font-weight:600;color:var(--text-soft);font-variant-numeric:tabular-nums;flex:0 0 auto}.nf-item-x{background:transparent;border:none;color:var(--text-soft);padding:4px;border-radius:var(--r-sm);cursor:pointer;flex:0 0 auto}.nf-item-x:hover{color:var(--text);background:var(--surface-3)}.nf-item.k-created{box-shadow:inset 3px 0 0 var(--st-kitchen_waiting)}.nf-item.k-ready_for_delivery{box-shadow:inset 3px 0 0 var(--st-ready_for_delivery)}.nf-item.k-at_bridge_end{box-shadow:inset 3px 0 0 var(--st-at_bridge_end)}.nf-item.k-on_bridge{box-shadow:inset 3px 0 0 var(--st-on_bridge)}.nf-item.k-on_delivery{box-shadow:inset 3px 0 0 var(--st-on_delivery)}.tab-icon-wrap{position:relative;display:inline-flex}.tab-badge{position:absolute;top:-5px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:#ef4444;color:#fff;font-size:9.5px;font-weight:800;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--bg-1)}.chat-page{flex:1;min-height:0;display:flex;flex-direction:column}.chat-list{flex:1;min-height:0;overflow-y:auto;padding:4px 14px 10px;display:flex;flex-direction:column;gap:6px}.chat-empty{margin:auto;color:var(--text-muted);font-size:13.5px}.chat-older{align-self:center;margin:4px 0 8px;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-1);color:var(--text-soft);font-size:12px;font-weight:600}.chat-day{display:flex;justify-content:center;margin:10px 0 4px}.chat-day span{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--surface-1);border:1px solid var(--border-soft);border-radius:var(--r-pill);padding:3px 10px}.chat-msg{display:flex}.chat-msg.mine{justify-content:flex-end}.chat-msg.theirs{justify-content:flex-start}.chat-bubble{max-width:78%;padding:8px 12px 6px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border-soft);box-shadow:var(--shadow-xs)}.chat-msg.mine .chat-bubble{background:var(--grad-brand-soft);border-color:#f9731640;border-bottom-right-radius:6px}.chat-msg.theirs .chat-bubble{border-bottom-left-radius:6px}.chat-sender{font-size:11px;font-weight:700;color:var(--brand-3);margin-bottom:2px}.chat-text{font-size:14px;white-space:pre-wrap;word-break:break-word}.chat-time{font-size:10px;color:var(--text-dim);text-align:right;margin-top:3px}.chat-order-chip{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--accent-bg);color:var(--text);font-size:12px;font-weight:700}.chat-img{display:block;max-width:100%;max-height:240px;border-radius:var(--r-sm);margin:2px 0 4px;cursor:zoom-in}.chat-error{margin:0 14px 6px;padding:8px 12px;border-radius:var(--r-sm);background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:12.5px}.chat-attach-preview{position:relative;margin:0 14px 6px;align-self:flex-start}.chat-attach-preview img{height:72px;border-radius:var(--r-sm);border:1px solid var(--border);display:block}.chat-attach-remove{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);display:flex;align-items:center;justify-content:center}.chat-composer{display:flex;align-items:flex-end;gap:8px;padding:8px 12px 10px;border-top:1px solid var(--border);background:var(--bg-1)}.chat-input{flex:1;min-height:40px;max-height:120px;resize:none;padding:9px 14px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-1);color:var(--text);font-size:14px;outline:none}.chat-input:focus{border-color:var(--border-strong)}.chat-comp-btn{width:40px;height:40px;flex:0 0 auto;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-1);color:var(--text-soft);display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast),opacity var(--t-fast)}.chat-comp-btn:active{transform:scale(.92)}.chat-comp-btn.send{background:var(--grad-brand);border:none;color:#fff}.chat-comp-btn.send:disabled{opacity:.45}.chat-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}.chat-viewer img{max-width:100%;max-height:100%;border-radius:var(--r-sm)}.chat-unread-banner{position:fixed;left:10px;right:10px;bottom:calc(var(--bottombar-h) + env(safe-area-inset-bottom) + 8px);z-index:20;display:flex;align-items:center;gap:10px;padding:11px 14px;border:none;border-radius:var(--r-md);background:var(--grad-brand);color:#fff;box-shadow:var(--glow-brand),0 6px 18px #0006;font-size:13.5px;font-weight:700;text-align:left;cursor:pointer;animation:chat-banner-in var(--t-med)}@keyframes chat-banner-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-unread-icon{display:inline-flex;flex:0 0 auto}.chat-unread-text{flex:1;min-width:0}.chat-unread-cta{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;font-size:12.5px;font-weight:800;opacity:.95}.home-id{display:flex;align-items:center;gap:11px;background:none;border:none;padding:0;text-align:left;cursor:pointer;min-width:0}.home-id-avatar{width:42px;height:42px;flex:0 0 auto;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff;box-shadow:var(--shadow-sm)}.home-id-meta{display:flex;flex-direction:column;min-width:0}.home-id:active .home-id-avatar{transform:scale(.96)}.bottom-tabs .scan-fab{flex-direction:column;gap:1px}.scan-fab-label{font-size:9px;font-weight:800;letter-spacing:.03em;color:#fff;line-height:1}.chat-order-status{margin-left:4px;padding-left:6px;border-left:1px solid var(--border-strong);font-size:10.5px;font-weight:800;letter-spacing:.01em;text-transform:uppercase}