:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--droplet-font-family,Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--navy:var(--droplet-navy,#0d47a1);--blue:var(--droplet-blue,#1976d2);--cyan:var(--droplet-cyan,#29b6f6);--sky:var(--droplet-sky,#81d4fa);--mist:var(--droplet-mist,#e3f2fd);--ice:var(--droplet-ice,#f7fcff);--ink:var(--droplet-ink,#0b2f6b);--slate:var(--droplet-slate,#64748b);--surface:#fff;--line:#dcecf8;--field:#f2f8fc;--danger:#c5394f;--danger-soft:#fff0f2;--amber:#b96d00;--amber-soft:#fff4d8;--green:#16764a;--green-soft:#e3f6ed;--shadow-sm:0 5px 16px #0d47a114;--shadow-md:0 14px 34px #0d47a11f;--shadow-lg:0 26px 70px #08347833}*{box-sizing:border-box}html{background:var(--ice);-webkit-text-size-adjust:100%;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 12% 8%,#81d4fa59,#0000 26rem),radial-gradient(circle at 88% 22%,#29b6f629,#0000 24rem),linear-gradient(155deg,#f7fcff 0%,#e8f5fd 52%,#edf6ff 100%);margin:0;font-family:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #29b6f68c}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-size:clamp(1.65rem,7vw,2rem);line-height:1.1}h2{letter-spacing:-.015em;font-size:1rem;line-height:1.25}a{color:var(--blue)}#root{min-height:100dvh}.board{justify-content:center;align-items:flex-start;min-height:100dvh;padding:24px;display:flex}.phone{background:var(--ice);width:min(430px,100%);min-height:min(860px,100dvh - 48px);box-shadow:var(--shadow-lg);border:1px solid #ffffffdb;border-radius:36px;overflow:hidden}.screen,.body{min-height:inherit}.body{padding:max(18px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex}.body--catalog{padding-bottom:max(14px, env(safe-area-inset-bottom))}.body--centered{justify-content:center}.body>.brand-logo{align-self:center;width:128px}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.eyebrow{color:var(--blue);letter-spacing:.12em;font-size:.65rem;font-weight:800;line-height:1.35}.eyebrow--light{color:#ffffffb8}.helper-text{color:var(--slate);font-size:.75rem;line-height:1.55}.brand-logo{object-fit:contain;width:132px;height:auto;display:block}.brand-logo--stacked{width:170px}.brand-mark{object-fit:contain;width:100%;height:100%;display:block}.card{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid #cfe6f7e6;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.divider{background:var(--line);width:100%;height:1px;margin:2px 0}.btn,.btn-ghost,.btn-danger,.text-button,.icon-button,.install-button{cursor:pointer;border:0}.btn{color:#fff;background:linear-gradient(135deg, var(--blue), var(--navy));border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;font-size:.85rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex;box-shadow:0 9px 20px #1976d23b}.btn:not(:disabled):active{transform:translateY(1px)scale(.99);box-shadow:0 5px 12px #1976d233}.btn--block{width:100%}.btn:disabled,.btn-ghost:disabled,.btn-danger:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.btn-ghost{border:1px solid var(--line);min-height:44px;color:var(--navy);background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:10px 16px;font-size:.8rem;font-weight:800;display:inline-flex}.btn-ghost--danger{color:var(--danger);background:#fff8f9;border-color:#f1c4cc}.btn-danger{min-height:48px;color:var(--danger);background:var(--danger-soft);border:1px solid #efb7c0;border-radius:14px;padding:12px 16px;font-size:.82rem;font-weight:800}.text-button{min-height:40px;color:var(--blue);background:0 0;padding:6px 4px;font-size:.8rem;font-weight:800}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--navy);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;flex:0 0 44px;place-items:center;font-size:1.65rem;line-height:1;display:grid}.topbar{z-index:5;justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.topbar>.brand-logo{width:118px}.topbar__spacer{flex:0 0 44px;width:44px}.brand-header{isolation:isolate;color:#fff;background:radial-gradient(circle at 90% 8%,#81d4fa59,#0000 8rem),linear-gradient(145deg,#1976d2 0%,#0d47a1 75%);border-radius:26px;flex-direction:column;gap:18px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 34px #0d47a140}.brand-header:after{z-index:-1;content:"";border:24px solid #ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-68px;right:-38px}.brand-header__top,.staff-header__top{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand-header__top .brand-logo,.staff-header__top .brand-logo{width:124px}.brand-header__store{align-items:center;gap:13px;display:flex}.brand-header__store h1{margin-top:3px;font-size:1.45rem}.brand-header__store p{color:#fffc;margin-top:5px;font-size:.76rem;line-height:1.4}.brand-header__mark{background:#fffffff0;border:1px solid #ffffff38;border-radius:18px;flex:0 0 55px;place-items:center;width:55px;height:55px;padding:12px;display:grid;box-shadow:0 10px 24px #04275e33}.install-button{border:1px solid var(--line);min-height:42px;color:var(--navy);white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:.75rem;font-weight:800;display:inline-flex}.install-button>span:first-child{font-size:1rem;line-height:1}.install-button--compact{min-height:38px;padding:7px 11px;font-size:.7rem}.install-button--inverse{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-color:#ffffff40}.recent-order-link{min-height:64px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;background:linear-gradient(100deg,#fff,#eef9ff);border:1px solid #cfe8fa;border-radius:18px;align-items:center;gap:12px;padding:11px 14px;display:flex}.recent-order-link>span:first-child{flex-direction:column;flex:1;gap:3px;display:flex}.recent-order-link strong{font-size:.8rem}.recent-order-link small{color:var(--slate);font-size:.69rem}.recent-order-link>span:last-child{color:var(--blue);font-size:1.5rem}.section-heading,.staff-section-title{justify-content:space-between;align-items:end;gap:14px;padding:3px 2px 0;display:flex}.section-heading h2,.staff-section-title h2{margin-top:3px;font-size:1.15rem}.count-badge,.staff-section-title>span{color:var(--slate);background:var(--mist);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:800}.catalog-list{flex-direction:column;gap:10px;display:flex}.product{min-height:82px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #d8ebf8f2;border-radius:19px;align-items:center;gap:12px;padding:11px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.product--selected{border-color:#29b6f6a6;box-shadow:0 8px 23px #1976d221}.product__icon{background:linear-gradient(145deg, var(--ice), var(--mist));border-radius:16px;flex:0 0 50px;place-items:center;width:50px;height:50px;padding:13px;display:grid}.product h3{font-size:.85rem;line-height:1.28}.product__price{color:var(--blue);margin-top:4px;font-size:.82rem;font-weight:850}.stepper{border:1px solid var(--line);background:#f7fbfe;border-radius:14px;grid-template-columns:38px 24px 38px;align-items:center;display:grid;overflow:hidden}.stepper--active{background:#e9f7ff;border-color:#a9dffa}.stepper button{width:38px;height:42px;color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:1.2rem;font-weight:700}.stepper button:disabled{cursor:default;opacity:.28}.stepper output{color:var(--ink);text-align:center;font-size:.82rem;font-weight:850}.product--skeleton{background:linear-gradient(105deg,#eef7fc 20%,#fff 38%,#eef7fc 56%) 0 0/220% 100%;min-height:82px;animation:1.4s linear infinite shimmer}.bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #cae3f5eb;border-radius:20px;align-items:center;gap:12px;padding:12px 12px 12px 15px;display:flex;box-shadow:0 16px 38px #0d47a12e}.bar--sticky{z-index:10;bottom:max(10px, env(safe-area-inset-bottom));margin-top:auto;position:sticky}.bar__label{color:var(--slate);font-size:.66rem;line-height:1.3}.bar__total{letter-spacing:-.025em;margin-top:2px;font-size:1.22rem;font-weight:900}.bar .btn{min-height:50px;padding-inline:17px}.checkout-form{gap:14px}.checkout-heading,.page-intro,.login-heading{flex-direction:column;gap:5px;padding:2px;display:flex}.checkout-heading p,.page-intro p,.login-heading p{max-width:34rem;color:var(--slate);font-size:.78rem;line-height:1.5}.progress-track{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:5px 4px 3px;display:grid}.progress-track>span{border:1px solid var(--line);color:#8aa0b5;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;font-weight:900;display:flex}.progress-track>span small{margin-top:54px;font-size:.6rem;font-weight:700;position:absolute}.progress-track>i{background:var(--line);height:2px}.progress-track>.progress-track__done,.progress-track>.progress-track__active{color:#fff;border-color:var(--blue);background:var(--blue)}.progress-track>.progress-track__done+i{background:var(--blue)}.order-summary{margin-top:12px}.order-summary h2,.form-section h2,.status-card h2{margin-top:3px}.summary-lines{color:#385270;flex-direction:column;gap:9px;font-size:.79rem;display:flex}.summary-lines strong{color:var(--ink)}.summary-total{font-size:.82rem}.summary-total strong{font-size:1rem}.form-section{gap:14px}.section-title{align-items:center;gap:10px;display:flex}.section-title>span{width:34px;height:34px;color:var(--blue);background:var(--mist);border-radius:11px;flex:0 0 34px;place-items:center;font-size:.75rem;font-weight:900;display:grid}.field label{color:#405a77;margin-bottom:7px;font-size:.74rem;font-weight:800;display:block}.field label span,.field small{color:#8ba0b4;font-weight:600}.field input,.field textarea{width:100%;color:var(--ink);background:var(--field);border:1px solid #d8e9f5;border-radius:14px;outline:none;padding:13px 14px;font-size:.85rem;transition:border-color .16s,box-shadow .16s,background .16s}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus{border-color:var(--cyan);background:#fff;box-shadow:0 0 0 4px #29b6f61f}.field input::placeholder,.field textarea::placeholder{color:#96a9ba}.field small{margin-top:6px;font-size:.65rem;display:block}.payment-card{background:linear-gradient(110deg,#fff,#edf9ff);border:1px solid #badff5;border-radius:18px;align-items:center;gap:12px;padding:13px;display:flex}.payment-card__icon{width:44px;height:44px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;flex:0 0 44px;padding:11px}.payment-card strong,.payment-card small{display:block}.payment-card strong{font-size:.79rem}.payment-card small{color:var(--slate);margin-top:3px;font-size:.66rem}.form-error{color:var(--danger);background:var(--danger-soft);border:1px solid #f1c3cb;border-radius:13px;padding:11px 12px;font-size:.76rem;font-weight:750;line-height:1.45}.status-pill{letter-spacing:.04em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:.58rem;font-weight:900;display:inline-flex}.status-pill--blue{color:#0a5eaa;background:#dcefff}.status-pill--cyan{color:#05769b;background:#d9f6ff}.status-pill--amber{color:var(--amber);background:var(--amber-soft)}.status-pill--green{color:var(--green);background:var(--green-soft)}.status-pill--red{color:var(--danger);background:var(--danger-soft)}.status-hero{isolation:isolate;color:#fff;background:linear-gradient(145deg,#1976d2,#0d47a1);border-radius:25px;flex-direction:column;gap:9px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #0d47a13d}.status-hero--preparing{background:linear-gradient(145deg,#e69a1c,#ad5f00)}.status-hero--out_for_delivery{background:linear-gradient(145deg,#1aa8d4,#0877a5)}.status-hero--delivered{background:linear-gradient(145deg,#269568,#12623f)}.status-hero--cancelled{background:linear-gradient(145deg,#d85467,#a4263a)}.status-hero:after{z-index:-1;content:"";border:20px solid #ffffff14;border-radius:50%;width:135px;height:135px;position:absolute;top:42px;right:-28px}.status-hero .status-pill{color:#fff;background:#ffffff2e}.status-hero__icon{background:#fff;border-radius:17px;place-items:center;width:52px;height:52px;padding:12px;display:grid;box-shadow:0 10px 25px #04275e33}.status-hero h1{max-width:310px;margin-top:3px;font-size:1.6rem}.status-hero p{color:#fffc;max-width:330px;font-size:.75rem;line-height:1.48}.live-note,.live-pill{color:#ffffffe0;align-items:center;gap:7px;width:fit-content;margin-top:3px;font-size:.65rem;font-weight:750;display:inline-flex}.live-note i,.live-pill i{background:#72efb2;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 0 4px #72efb224}.status-card{gap:15px}.status-count{width:38px;height:38px;color:var(--blue);background:var(--mist);border-radius:12px;place-items:center;font-size:.72rem;font-weight:900;display:grid}.status-steps{flex-direction:column;display:flex}.status-step{align-items:flex-start;gap:12px;min-height:62px;display:flex}.status-step__rail{flex-direction:column;align-self:stretch;align-items:center;width:34px;display:flex}.status-step__dot{z-index:1;color:#91a7b9;background:#fff;border:2px solid #d6e7f3;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:.68rem;font-weight:900;display:grid}.status-step__rail i{background:#dce9f3;flex:1;width:2px;min-height:32px}.status-step--done .status-step__dot{color:#fff;border-color:var(--blue);background:var(--blue)}.status-step--done .status-step__rail i{background:var(--blue)}.status-step strong,.status-step small{display:block}.status-step strong{padding-top:2px;font-size:.82rem}.status-step small{color:#8aa0b4;margin-top:3px;font-size:.66rem}.notice-card strong,.cancel-card strong{font-size:.84rem}.notice-card p,.cancel-card p,.detail-card p{color:var(--slate);font-size:.75rem;line-height:1.5}.notice-card--danger{background:var(--danger-soft);border-color:#f2c5cc}.detail-card__lead{justify-content:space-between;align-items:baseline;gap:10px;font-size:.8rem;display:flex}.detail-card__lead span,.detail-card>small{color:var(--slate);font-size:.7rem}.action-stack{gap:9px}.loading-card{flex-direction:row;align-items:center;min-height:80px}.loading-card>.brand-mark{background:var(--mist);border-radius:14px;width:42px;height:42px;padding:9px}.loading-card strong,.loading-card p{display:block}.loading-card strong{font-size:.8rem}.loading-card p{color:var(--slate);margin-top:4px;font-size:.7rem}.spinner{border:3px solid var(--mist);border-top-color:var(--blue);border-radius:50%;flex:0 0 28px;width:28px;height:28px;animation:.8s linear infinite spin}.empty-state{text-align:center;align-items:center;padding:25px 20px}.empty-state>img{object-fit:contain;width:118px;height:118px}.empty-state h1,.empty-state h2{margin-top:4px}.empty-state p{color:var(--slate);margin-top:8px;font-size:.77rem;line-height:1.55}.topbar--brand{min-height:50px}.topbar--brand>.brand-logo{width:116px}.topbar--brand .install-button{width:auto}.page-intro h1{font-size:1.85rem}.empty-state--orders{gap:16px}.scan-tip{text-align:left;background:var(--mist);border-radius:15px;align-items:center;gap:11px;width:100%;padding:12px;display:flex}.scan-tip>span{color:#fff;background:var(--blue);border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:1.2rem;display:grid}.scan-tip strong,.scan-tip small{display:block}.scan-tip strong{font-size:.75rem}.scan-tip small{color:var(--slate);margin-top:3px;font-size:.65rem;line-height:1.35}.order-history{flex-direction:column;gap:11px;display:flex}.history-card{border:1px solid var(--line);width:100%;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;background:#fff;border-radius:19px;flex-direction:column;gap:10px;padding:15px;display:flex}.history-card__top,.history-card__bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-card__top>div{flex-direction:column;gap:2px;display:flex}.history-card__top>div span{color:#90a4b7;letter-spacing:.11em;font-size:.56rem;font-weight:850}.history-card__top>div strong{font-size:.9rem}.history-card__meta{border-bottom:1px solid var(--line);color:var(--slate);padding-bottom:10px;font-size:.7rem}.history-card__bottom>strong{font-size:1rem}.history-card__bottom>span{color:var(--blue);font-size:.7rem;font-weight:800}.history-card__bottom b{margin-left:4px;font-size:1rem}.customer-footer,.login-footer,.staff-footer{border-top:1px solid var(--line);color:#8aa0b4;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:18px 2px 2px;font-size:.6rem;display:flex}.customer-footer .brand-logo,.login-footer .brand-logo{width:78px}.customer-footer button,.staff-footer button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:.65rem;font-weight:800}.login-page{gap:17px}.login-hero{box-shadow:var(--shadow-md);background:#e9f7ff;border:1px solid #cde8f8;border-radius:25px;position:relative;overflow:hidden}.login-hero__art{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.login-hero__actions{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:11px;left:11px;right:11px}.login-hero__actions>button:first-child{min-height:38px;color:var(--navy);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffffd1;border:1px solid #0d47a124;border-radius:999px;padding:8px 11px;font-size:.66rem;font-weight:800}.login-form{gap:15px;padding:18px}.demo-credentials{background:#e3f2fdb8;border:1px dashed #a7d4ef;border-radius:16px;align-items:flex-start;gap:11px;padding:13px;display:flex}.demo-credentials__icon{color:#fff;background:var(--blue);border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-family:Georgia,serif;font-size:.8rem;font-weight:800;display:grid}.demo-credentials p{color:#405a77;margin-top:5px;font-size:.72rem;line-height:1.6}.demo-credentials code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.phone--staff,.staff-page{background:#f3f7fa}.staff-header{color:#fff;background:linear-gradient(145deg,#163b70,#092b5a);border-radius:24px;flex-direction:column;gap:22px;padding:17px;display:flex;box-shadow:0 16px 34px #07264f3d}.staff-header__top>.row{justify-content:flex-end;gap:6px}.staff-header__logout{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;min-height:38px;padding:8px 11px;font-size:.66rem;font-weight:800}.staff-header__main{justify-content:space-between;align-items:end;gap:14px;display:flex}.staff-header__main h1{margin-top:3px}.staff-header__main p{color:#ffffffb3;margin-top:4px;font-size:.72rem}.live-pill{letter-spacing:.06em;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:7px 10px;font-size:.6rem}.staff-stats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.staff-stats>div{background:#fff;border:1px solid #dfe9f0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:79px;display:flex;box-shadow:0 4px 12px #122b4d0f}.staff-stats span{font-size:1.3rem;font-weight:900}.staff-stats small{color:#71869a;font-size:.64rem;font-weight:750}.staff-stat__blue{color:var(--blue)}.staff-stat__amber{color:var(--amber)}.staff-stat__green{color:var(--green)}.new-order-banner{background:linear-gradient(100deg,#e5f7ff,#f8fdff);border:1px solid #98dcfa;border-radius:18px;align-items:center;gap:11px;padding:12px;display:flex;box-shadow:0 8px 18px #1976d214}.new-order-banner__icon{background:#fff;border-radius:14px;flex:0 0 46px;width:46px;height:46px;padding:11px}.new-order-banner .grow{flex-direction:column;gap:2px;display:flex}.new-order-banner .grow>span{color:var(--blue);letter-spacing:.1em;font-size:.55rem;font-weight:900}.new-order-banner strong{font-size:.8rem}.new-order-banner small{color:var(--slate);font-size:.65rem}.new-order-banner>span:last-child{color:var(--blue);font-size:1.4rem}.staff-order-list{flex-direction:column;gap:11px;display:flex}.order-card{border:1px solid #dce7ee;border-left:4px solid var(--blue);background:#fff;border-radius:18px;flex-direction:column;gap:11px;padding:15px;display:flex;overflow:hidden;box-shadow:0 6px 16px #122b4d0f}.order-card--preparing{border-left-color:#e69a1c}.order-card--out_for_delivery{border-left-color:var(--cyan)}.order-card--delivered{border-left-color:#32a875}.order-card--cancelled{opacity:.76;border-left-color:#d85467}.order-card__top,.order-card__footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-card__top>.row>strong{font-size:.88rem}.order-card__top time{color:#7b8fa2;font-size:.67rem}.order-card__customer{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.order-card__customer strong{font-size:.85rem}.order-card__customer a{font-size:.7rem;font-weight:750;text-decoration:none}.order-card__address{color:#405a77;background:#f3f7fa;border-radius:12px;align-items:flex-start;gap:8px;padding:10px;display:flex}.order-card__address>span{color:var(--blue);font-size:1rem}.order-card__address p{font-size:.72rem;line-height:1.42}.order-card__address small{color:#7b8fa2;margin-top:3px;font-size:.64rem;display:block}.order-card__items{color:#63778b;font-size:.7rem;line-height:1.45}.order-card__footer{border-top:1px solid #e3ebf0;padding-top:10px}.order-card__footer strong{font-size:1rem}.order-card__footer span{color:#71869a;font-size:.66rem}.order-actions{grid-template-columns:minmax(86px,.65fr) 1.35fr;gap:8px;display:grid}.order-actions>:only-child{grid-column:1/-1}.order-actions .btn,.order-actions .btn-ghost{min-height:49px;padding-inline:10px;font-size:.72rem}.order-card__complete,.order-card__cancelled{text-align:center;border-radius:13px;min-height:44px;padding:13px;font-size:.74rem;font-weight:850}.order-card__complete{color:var(--green);background:var(--green-soft)}.order-card__cancelled{color:var(--danger);background:var(--danger-soft)}.empty-queue{text-align:center;align-items:center}.empty-queue .brand-mark{width:48px;height:48px}.empty-queue p{color:var(--slate);font-size:.72rem}.staff-footer{color:#71869a}.dev-menu{justify-content:center;gap:12px;padding:28px 22px}.dev-menu>.brand-logo{margin-bottom:12px}.dev-menu h1{margin-top:4px}.connection-banner,.update-banner{z-index:100;right:12px;bottom:max(12px, env(safe-area-inset-bottom));color:#fff;background:#163b70;border:1px solid #ffffff24;border-radius:14px;max-width:520px;margin:auto;padding:11px 13px;font-size:.72rem;font-weight:700;line-height:1.45;position:fixed;left:12px;box-shadow:0 14px 34px #051f4347}.update-banner{justify-content:space-between;align-items:center;gap:10px;display:flex}.update-banner button{min-height:36px;color:var(--navy);cursor:pointer;background:#fff;border:0;border-radius:9px;padding:7px 11px;font-size:.7rem;font-weight:850}.dialog-backdrop{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#041f438c;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.install-dialog{background:#fff;border-radius:25px;flex-direction:column;gap:16px;width:min(420px,100%);max-height:calc(100dvh - 36px);padding:24px;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 70px #041f435c}.install-dialog__mark{background:var(--mist);border-radius:18px;width:58px;height:58px;padding:12px}.install-dialog h2{margin-top:4px;font-size:1.3rem}.dialog-close{width:38px;height:38px;color:var(--slate);background:var(--field);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:1.3rem;display:grid;position:absolute;top:14px;right:14px}.install-steps{color:#405a77;flex-direction:column;gap:10px;margin:0;padding-left:22px;font-size:.78rem;line-height:1.5;display:flex}@keyframes shimmer{to{background-position-x:-220%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5;transform:scale(.86)}}@media (width<=520px){.board{padding:0}.phone{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.dialog-backdrop{padding:0}.install-dialog{width:100%;max-height:88dvh;padding-bottom:max(24px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0}}@media (width<=370px){.body{padding-left:14px;padding-right:14px}.brand-header,.staff-header{padding:15px}.brand-header__top .brand-logo,.staff-header__top .brand-logo{width:108px}.install-button--compact{padding-inline:9px}.stepper{grid-template-columns:34px 22px 34px}.stepper button{width:34px}.product{gap:9px}.product__icon{flex-basis:44px;width:44px;height:44px}.bar .btn{padding-inline:12px;font-size:.76rem}.staff-header__logout{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}