@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@600;700&display=swap";:root{color-scheme:dark;font-family:Manrope,sans-serif;color:#f3f5ff;background:#080b14;font-synthesis:none;--bg: #080b14;--panel: #121725;--panel-raised: #171d2e;--line: #293044;--muted: #858ca8;--text: #f3f5ff;--blue: #4f86f7;--blue-dim: #0d2b4b;--amber: #f2a900;--green: #08c69c;--red: #f0384e;--shadow: 0 18px 48px rgb(0 0 0 / 28%)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% -10%,#15233f 0,transparent 34rem),var(--bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(1.65rem,6vw,2.35rem);line-height:1.08;letter-spacing:-.04em}.eyebrow{margin-bottom:.45rem;color:var(--blue);font-family:Unbounded,sans-serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.brand-line{position:relative;display:table}.brand-line .connection-indicator{position:absolute;top:.2rem;left:calc(100% + .65rem)}.connection-indicator{display:inline-flex;align-items:center;color:var(--green)}.connection-indicator i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #08c69c1f}.connection-indicator[data-state=connecting],.connection-indicator[data-state=reconnecting],.connection-indicator[data-state=disabled]{color:var(--amber)}.connection-indicator[data-state=connecting] i,.connection-indicator[data-state=reconnecting] i,.connection-indicator[data-state=disabled] i{box-shadow:0 0 0 3px #f6c26b1f}.connection-indicator[data-state=offline]{color:var(--red)}.connection-indicator[data-state=offline] i{box-shadow:0 0 0 3px #f0384e1f}.skeleton{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#1c2232 25%,#2a3247,#1c2232 75%);background-size:220% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite}.skeleton.w-20{width:20%}.skeleton.w-25{width:25%}.skeleton.w-40{width:40%}.skeleton.w-45{width:45%}.skeleton.w-55{width:55%}.skeleton.w-65{width:65%}.skeleton.w-70{width:70%}.skeleton.w-75{width:75%}.skeleton.tall{height:22px}.skeleton.badge{width:58px;height:22px;border-radius:7px}.skeleton-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.orders-skeleton{display:grid;gap:.8rem}.skeleton-order-card{display:grid;gap:.65rem;min-height:126px;padding:.85rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--panel-raised),var(--panel))}.skeleton-order-card.history{min-height:142px}.skeleton-order-card__bottom{margin-top:auto;padding-top:.55rem;border-top:1px solid var(--line)}.detail-skeleton{display:grid;gap:.8rem}.skeleton-order-hero{display:grid;grid-template-columns:1fr auto;gap:.7rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--panel-raised),#101522)}.skeleton-order-hero>div:first-child{display:grid;gap:.5rem}.skeleton-order-hero__bottom{grid-column:1 / -1;padding-top:.6rem;border-top:1px solid var(--line)}.skeleton-status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.skeleton-status-row .skeleton{height:30px;border-radius:7px}.skeleton.section-title{width:34%;margin:.7rem 0 .1rem}.skeleton-line-card{display:grid;grid-template-columns:74px 1fr;gap:1rem;padding:.9rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.skeleton-line-card>div{display:grid;align-content:start;gap:.65rem}.skeleton-photo{width:74px;height:88px;border-radius:10px}@keyframes skeleton-shimmer{to{background-position:-220% 0}}.app-shell,.order-page{width:min(100% - 2rem,760px);margin:0 auto;padding:calc(1.25rem + env(safe-area-inset-top)) 0 calc(7rem + env(safe-area-inset-bottom))}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.store-label{display:flex;align-items:flex-start;gap:.45rem;color:var(--muted)}.store-label svg{margin-top:.15rem}.icon-button{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);cursor:pointer}.connection-banner{margin-bottom:1rem;padding:.75rem 1rem;border:1px solid #6f5013;border-radius:10px;color:#ffd576;background:#332507}.section-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1.35rem}.section-nav a,.section-nav button,.history-tabs a{height:30px;min-height:30px;padding:0 .75rem;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:.78rem;line-height:28px;font-weight:700;cursor:pointer}.section-nav a,.history-tabs a{display:inline-flex;align-items:center;justify-content:center}.section-nav a.active,.history-tabs a.active{color:#08101f;border-color:var(--blue);background:var(--blue)}.section-nav button{display:flex;align-items:center;gap:.4rem;margin-left:auto;border:0}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}.status-grid a{display:grid;place-items:center;align-content:center;gap:.25rem;min-height:86px;padding:.9rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:center;opacity:1}.status-grid a strong{font-size:1.5rem}.status-grid a span{color:var(--muted);font-size:.85rem}.status-grid a.active{opacity:1;transform:translateY(-2px)}.status-grid a[data-status=new]{border-color:#1767ab;background:#06314c}.status-grid a[data-status=new] strong{color:var(--blue)}.status-grid a[data-status=picking]{border-color:#805c0b;background:#201912}.status-grid a[data-status=picking] strong{color:var(--amber)}.status-grid a[data-status=ready]{border-color:#08765f;background:#071d1e}.status-grid a[data-status=ready] strong{color:var(--green)}.history-tabs{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto}.filters{display:grid;gap:.7rem;margin-bottom:1.4rem}.filters label{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:0 .85rem;border:1px solid var(--line);border-radius:9px;background:#080b14a6}.filters input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.filters input::placeholder{color:var(--muted)}.filters label>button{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.date-filter{position:relative}.date-filter input{position:relative;z-index:1;color-scheme:dark}.date-filter.empty input::-webkit-datetime-edit{color:transparent}.date-placeholder{position:absolute;z-index:2;left:3.15rem;color:var(--muted);pointer-events:none}.queue-heading,.section-heading{display:flex;align-items:center;gap:.55rem;margin:1.2rem 0 .8rem;color:var(--muted);font-weight:600}.order-list{display:grid;gap:.8rem}.order-card{position:relative;display:grid;gap:.7rem;padding:.8rem .85rem .75rem 1rem;overflow:visible;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--panel-raised),var(--panel));box-shadow:0 10px 24px #0000002e}.order-card.urgent{box-shadow:-5px 0 0 var(--red),0 10px 24px #0000002e}.order-card__top,.order-card__meta{display:flex;align-items:center;gap:.7rem}.order-card__top{align-items:flex-start;justify-content:space-between}.order-card__identity,.order-card__badges{display:grid;gap:.5rem}.order-card__badges{justify-items:end;flex:0 0 auto}.order-card__identity{gap:.15rem}.order-card__customer,.order-card__received{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.82rem}.order-card__customer{color:inherit}.order-card__meta{color:var(--muted);font-size:.87rem}.order-card__meta span{display:flex;align-items:center;gap:.25rem}.order-card__meta b{margin-left:auto;color:var(--text)}.order-card__meta>svg{color:var(--text)}.sla-badge,.status-chip,.line-status{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;border:1px solid currentColor;border-radius:7px;color:var(--blue);background:#102042;font-size:.69rem;font-weight:700;line-height:1}.sla-badge{color:#f6c26b;background:#2d2208}.sla-badge.urgent{color:var(--red);background:#320d15}.status-chip[data-status=picking]{color:var(--amber);background:#2d2208}.status-chip[data-status=ready],.status-chip[data-status=completed]{color:var(--green);background:#082c26}.status-chip[data-status=cancelled]{color:var(--red);background:#320d15}.history-order-card{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--panel-raised),var(--panel));box-shadow:0 10px 24px #0000002e}.history-order-card__top,.history-order-card__meta,.history-order-card__bottom{display:flex;align-items:center;gap:.7rem}.history-order-card__top{justify-content:space-between}.history-order-card__customer{display:flex;align-items:center;gap:.4rem;color:#d9deef}.history-order-card__meta{color:var(--muted);font-size:.87rem}.history-order-card__meta span,.history-order-card__bottom span{display:flex;align-items:center;gap:.25rem}.history-order-card__meta b{margin-left:auto;color:var(--text)}.history-order-card__bottom{padding-top:.55rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.history-order-card__bottom>svg{margin-left:auto;color:var(--text)}.state-card{display:grid;place-items:center;gap:.65rem;min-height:180px;padding:1rem;border:1px solid var(--line);border-radius:12px;color:var(--muted);text-align:center;background:var(--panel)}.state-card.error,.form-error{color:#ff8795}.load-more{width:100%;margin-top:1rem}.login-page{display:grid;place-items:center;min-height:100vh;padding:1rem}.login-card{width:min(100%,390px);padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#171d2e,#101421);box-shadow:var(--shadow)}.brand-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:2rem;border-radius:14px;color:#08101f;background:var(--blue)}.login-card>p:not(.eyebrow){color:var(--muted)}.login-card form{display:grid;gap:1rem;margin-top:1.5rem}.login-card label,.reason-select{display:grid;gap:.45rem;color:#d9deef;font-size:.88rem}.login-card input,.reason-select select{min-height:48px;padding:.75rem;border:1px solid var(--line);border-radius:8px;outline:none;color:var(--text);background:#090c15}.login-card small{display:block;margin-top:1rem;color:var(--muted);text-align:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.75rem 1rem;border:1px solid var(--blue);border-radius:10px;color:#08101f;background:var(--blue);font-weight:800;cursor:pointer}.button.secondary{color:var(--text);border-color:var(--line);background:var(--panel)}.button.danger{color:#fff;border-color:#891d2d;background:#891d2d}.button.danger.ghost{color:#ff6d7d;background:transparent}.button:disabled{opacity:.45;cursor:not-allowed}.back-link{display:flex;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.5rem 0;border:0;color:#dce3f7;background:transparent;cursor:pointer}.order-page__header{margin-bottom:1rem}.order-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.order-toolbar .back-link{margin:0}.refresh-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 0;border:0;color:#dce3f7;background:transparent;font-size:.88rem;cursor:pointer}.refresh-link svg{width:18px;height:18px}.refresh-link:disabled{opacity:.55}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.order-hero{display:grid;grid-template-columns:1fr auto;gap:.7rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--panel-raised),#101522);box-shadow:var(--shadow)}.order-hero>div:first-child{min-width:0}.order-hero>.status-chip{align-self:start;justify-self:end;white-space:nowrap}.order-hero p{margin-bottom:0;color:var(--muted)}.order-hero__identity{display:grid;gap:.25rem}.order-hero__identity h1{margin-bottom:.1rem;font-size:1.45rem}.order-hero__identity p{display:flex;align-items:center;gap:.35rem;font-size:.82rem}.order-hero__customer-row{display:flex;align-items:center;gap:.8rem;min-width:0}.order-hero__customer-row p{white-space:nowrap}.order-hero__identity .order-hero__customer-name{color:var(--text)}.order-hero__totals{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;padding-top:.55rem;border-top:1px solid var(--line);font-size:.82rem}.order-hero__totals span{display:flex;align-items:center;gap:.3rem;color:var(--muted)}.order-hero__totals span:nth-child(2){justify-self:center}.order-hero__totals b{justify-self:end}.order-status-actions{display:flex;align-items:center;gap:.4rem;width:100%;margin:.75rem 0 1rem}.order-status-actions button{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:.25rem;min-width:0;min-height:30px;padding:0 .35rem;border:1px solid var(--line);border-radius:7px;color:var(--text);background:transparent;font-size:.78rem;cursor:pointer}.order-status-actions button:disabled{cursor:default;opacity:1}.order-status-actions button[data-status=new].active{color:#08101f;border-color:var(--blue);background:var(--blue)}.order-status-actions button[data-status=picking].active{color:#171004;border-color:var(--amber);background:var(--amber)}.order-status-actions button[data-status=ready].active{color:#041713;border-color:var(--green);background:var(--green)}.order-status-actions button[data-status=ready]:disabled:not(.active){opacity:.45}.order-status-actions button[data-status=cancelled]{color:var(--red);border-color:#4f1821;background:#2b1016}.notice{display:flex;align-items:center;gap:.6rem;margin:1rem 0;padding:.75rem;border-radius:9px;font-size:.88rem}.notice.success{color:#2be0b9;background:#07362c}.notice.warning{color:#ffd271;background:#3a2a08}.notice.danger{color:#ff8290;background:#3a1118}.line-section{margin-top:1.5rem}.line-card{position:relative;display:grid;grid-template-columns:74px 1fr;gap:1rem;margin-bottom:.8rem;padding:.9rem;overflow:visible;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.line-card.accent-picked{box-shadow:-5px 0 0 var(--green)}.line-card.accent-partial-cancel{box-shadow:-5px 0 0 var(--amber)}.line-card.accent-cancelled{box-shadow:-5px 0 0 var(--red)}.product-thumb{display:flex;flex:0 0 74px;align-items:center;justify-content:center;width:74px;height:88px;overflow:hidden;border-radius:10px;color:#091020;background:linear-gradient(145deg,#70d7c5,#4f86f7)}.product-thumb img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:inherit;object-fit:cover}.product-thumb svg{width:34px;height:34px}.line-card__info{min-width:0}.line-card__top,.line-card__numbers{display:flex;align-items:center;gap:.75rem}.line-card__top{justify-content:space-between}.line-card__top>strong{min-width:0;overflow-wrap:anywhere;white-space:normal}.line-card__info>p{margin:.25rem 0 .8rem;color:var(--muted);font-size:.85rem}.line-status{flex:0 0 auto;color:var(--muted);white-space:nowrap;background:transparent}.line-status[data-status=in_progress]{color:var(--amber);background:#2d2208}.line-status[data-status=picked]{color:var(--green);background:#082c26}.line-status[data-status=cancelled]{color:var(--red);background:#320d15}.line-status[data-status=resolved_mixed]{color:#f6c26b;background:#352708}.line-card__numbers{flex-wrap:wrap;color:var(--muted);font-size:.82rem}.line-card__numbers>strong{color:var(--text);white-space:nowrap}.line-card__numbers>.line-status{margin-left:auto}.line-card__controls{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:0}.line-progress{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.4rem 1rem;padding-top:.6rem;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.line-progress b{color:var(--text)}.line-card__quick-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.line-card__quick-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;padding:.4rem .65rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#171d2e;font-size:.8rem;font-weight:700;cursor:pointer}.line-card__quick-actions button svg{width:16px;height:16px}.line-card__quick-actions .collect{color:var(--green);border-color:#0b594a;background:#08241f}.line-card__quick-actions .cancel{color:var(--red);border-color:#5a1a25;background:#2b1016}.line-card__quick-actions button:disabled{opacity:.4;cursor:default}.line-cancel-reason{margin-top:1rem}.quantity-control{min-width:0}.quantity-control>span{display:block;margin:0 0 .3rem .1rem;color:var(--muted);font-size:.7rem}.quantity-control>div{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;min-height:34px;padding:2px;border:1px solid var(--line);border-radius:7px;background:#111727;text-align:center}.quantity-control button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:#242b3e;cursor:pointer}.quantity-control button svg{width:15px;height:15px}.quantity-control button:disabled{opacity:.35}.quantity-control[data-tone=picked] strong{color:var(--green)}.quantity-control[data-tone=cancelled] strong{color:var(--red)}.reason-select{grid-column:1 / -1}.reason-select select{background:#0b0f19}.sticky-actions{position:sticky;z-index:5;bottom:0;display:grid;grid-template-columns:1fr;gap:.65rem;margin:1.5rem -1rem 0;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#080b14eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sticky-actions .ghost{grid-column:1 / -1}.audit-section{margin-top:2rem}.audit-section>p{color:var(--muted)}.audit-row{display:grid;gap:.25rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.audit-row small{color:var(--muted)}.dialog-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:1rem;background:#03050ad1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog{position:relative;width:min(100%,480px);max-height:88vh;padding:1.35rem;overflow-y:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.dialog__close{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:40px;height:40px;border:0;color:var(--muted);background:transparent;cursor:pointer}.dialog h2{padding-right:2.5rem}.dialog p{color:var(--muted)}.dialog__actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.2rem}.radio-card{display:flex;align-items:center;gap:.7rem;margin:.65rem 0;padding:.9rem;border:1px solid var(--line);border-radius:10px;cursor:pointer}.radio-card input{width:20px;height:20px;accent-color:var(--blue)}@media(min-width:720px){.filters{grid-template-columns:1.4fr 1fr}.order-list,.orders-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{width:min(100% - 3rem,980px)}.order-page{width:min(100% - 3rem,820px)}}@media(max-width:480px){.app-shell,.order-page{width:calc(100% - 1.5rem)}.status-grid{gap:.45rem}.status-grid a{min-height:78px;padding:.7rem}.section-nav a,.section-nav button{height:30px;min-height:30px;padding:0 .65rem;font-size:.78rem;line-height:28px}.order-card__meta{flex-wrap:wrap}.order-card__meta b{margin-left:auto}.history-order-card__meta{flex-wrap:wrap}.history-order-card__meta b{margin-left:auto}.order-hero{column-gap:.65rem}.order-hero h1{font-size:1.35rem}.order-hero>div:first-child>p:last-child{overflow-wrap:anywhere}.order-hero__totals{gap:.45rem}.line-card{grid-template-columns:58px 1fr;gap:.7rem;padding:.75rem}.product-thumb{flex-basis:58px;width:58px;height:72px}.skeleton-line-card{grid-template-columns:58px 1fr;gap:.7rem;padding:.75rem}.skeleton-photo{width:58px;height:72px}.line-card__controls{grid-template-columns:1fr 1fr;gap:.4rem}.sticky-actions{grid-template-columns:1fr}.sticky-actions .ghost{grid-column:auto}.dialog__actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.order-card,.status-grid a{transition:transform .16s ease,border-color .16s ease}.order-card:hover{transform:translateY(-2px);border-color:#3e4963}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}