:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#222833;--primary:#ff2c55;--primary-dark:#c9183e;--amber:#d79126;--green:#238a4d;--blue:#2367b8;--surface:#fff;--surface-soft:#f9fbfd;--muted:#687385;--line:#dce4ed;--danger:#b91c1c;--shadow:0 10px 28px #17223314;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f8fb;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{border:1px solid var(--line);background:var(--surface);color:#222833;border-radius:8px;outline:none;width:100%}input{height:44px;padding:0 12px}textarea{resize:vertical;min-height:88px;padding:12px}input:focus,textarea:focus{border-color:var(--primary)}h1,h2,h3,p{margin:0}.customer-screen{width:min(100%,720px);min-height:100vh;margin:0 auto;padding:14px 14px 112px}.centered{text-align:center;align-content:center;place-items:center;gap:12px;padding:24px;display:grid}.shop-header{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.shop-logo{width:58px;height:58px;color:var(--primary);background:#fff0f3;border-radius:8px;place-items:center;font-weight:900;display:grid;overflow:hidden}.shop-logo img,.item-image img{object-fit:cover;width:100%;height:100%}.eyebrow{color:var(--primary);text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:900}h1{font-size:20px;line-height:1.18}.muted{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.35}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.action-button{color:#fff;border-radius:8px;min-height:52px;font-weight:900;box-shadow:0 8px 18px #17223314}.action-button.pay{background:var(--amber)}.action-button.service{background:var(--green)}.toast{border-radius:8px;margin-top:12px;padding:12px 14px;font-weight:800;line-height:1.35}.toast.success{color:#1b6d24;background:#dcfce7}.toast.error{color:#980011;background:#fbe9eb}.menu-section,.note-section{margin-top:16px}.section-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.section-heading h2{font-size:18px}.section-heading span{color:var(--muted);font-size:13px;font-weight:800}.menu-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:96px;margin-bottom:10px;padding:10px;display:grid}.item-image{color:#2b6d59;background:#eef4f2;border-radius:8px;place-items:center;width:72px;height:72px;font-weight:900;display:grid;overflow:hidden}.item-copy{min-width:0}.item-copy h3{color:#222833;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.28;overflow:hidden}.item-copy p{color:#d86e2a;margin-top:4px;font-size:13px;font-weight:900}.stepper{grid-template-columns:32px minmax(28px,auto) 32px;align-items:center;gap:4px;display:grid}.stepper button{color:#222833;background:#f1f4f7;border-radius:999px;width:32px;height:32px;font-size:20px;font-weight:900;line-height:1}.stepper button:last-child{background:var(--primary);color:#fff}.stepper span{text-align:center;min-width:28px;font-weight:900}.note-section label,.login-panel label{color:#424a57;margin-bottom:7px;font-size:13px;font-weight:900;display:block}.cart-bar{background:#fffffff5;border:1px solid #ff2c5538;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:none;position:fixed;bottom:14px;left:max(14px,50vw - 346px);right:max(14px,50vw - 346px);box-shadow:0 14px 34px #17223329}.cart-bar.visible{display:grid}.cart-bar strong,.cart-bar span{display:block}.cart-bar span{color:var(--primary);margin-top:2px;font-weight:900}.primary,.secondary,.danger{border-radius:8px;min-height:40px;padding:0 14px;font-weight:900}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-dark)}.secondary{border:1px solid var(--line);background:var(--surface);color:#222833}.danger{color:var(--danger);background:#fee2e2}.wide{width:100%}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;padding:24px 16px;font-weight:700}.status-icon{color:#9a5d00;background:#fff1d8;border-radius:999px;place-items:center;width:54px;height:54px;font-size:28px;font-weight:900;display:grid}.brand-loader{border:5px solid #ffe0e6;border-top-color:var(--primary);border-radius:999px;width:54px;height:54px;animation:.9s linear infinite spin}.console-auth{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{border:1px solid var(--line);background:var(--surface);width:min(100%,390px);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:22px;display:grid}.mark{width:48px;height:48px;color:var(--primary);background:#fff0f3;border-radius:8px;place-items:center;font-weight:900;display:grid}.console-shell{width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:18px}.console-topbar{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.topbar-actions,.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{min-height:34px;color:var(--primary);background:#fff0f3;border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.console-tabs{gap:8px;margin-top:14px;display:flex;overflow-x:auto}.console-tabs button,.segmented button{border:1px solid var(--line);background:var(--surface);color:#222833;white-space:nowrap;border-radius:8px;min-height:38px;padding:0 14px;font-weight:900}.console-tabs button.active,.segmented button.active{color:var(--primary);background:#fff0f3;border-color:#ff2c5538}.console-content{margin-top:14px}.console-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 6px 18px #1722330d}.shop-picker{width:min(100%,620px);margin:8vh auto 0;padding:18px}.shop-list{gap:10px;margin:14px 0;display:grid}.shop-choice{border:1px solid var(--line);background:var(--surface-soft);color:#222833;text-align:left;border-radius:8px;gap:3px;min-height:58px;padding:12px;display:grid}.shop-choice span,.form-card p,.menu-console-item small,.request-head small,.table-card span{color:var(--muted);font-size:13px}.toolbar{margin-bottom:12px}.segmented{gap:8px;display:flex;overflow-x:auto}.request-grid,.table-grid,.menu-console-list,.print-preview-grid{gap:12px;display:grid}.request-card{border-left:4px solid var(--primary);padding:14px}.request-card.payment{border-left-color:var(--amber)}.request-card.service{border-left-color:var(--green)}.request-head{justify-content:space-between;gap:12px;display:flex}.request-head>div{gap:3px;min-width:0;display:grid}.request-total{color:var(--primary);white-space:nowrap;font-weight:900}.status-dot{background:var(--muted);border-radius:999px;width:9px;height:9px;margin-right:6px;display:inline-block}.status-dot.pending{background:var(--primary)}.status-dot.claimed{background:var(--blue)}.status-dot.completed{background:var(--green)}.status-dot.cancelled{background:var(--danger)}.request-items{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:12px;display:grid}.request-items div{justify-content:space-between;gap:12px;display:flex}.request-note{color:#424a57;margin-top:10px;line-height:1.4}.request-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.form-card{gap:12px;margin-bottom:12px;padding:14px;display:grid}.table-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.table-card{gap:8px;padding:12px;display:grid}.table-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-console-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.menu-console-item{grid-template-columns:14px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.menu-console-item strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.availability{background:var(--green);border-radius:999px;width:10px;height:10px}.availability.off{background:var(--danger)}.print-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.print-preview-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.print-preview-card{gap:10px;padding:12px;display:grid}.check-row{align-items:center;gap:8px;font-weight:900;display:flex}.check-row input{width:18px;height:18px}.label-preview{color:#000;text-align:center;background:#fff;border:1px solid #222;grid-template-rows:1fr auto;align-content:center;justify-self:center;place-items:center;gap:8px;width:160px;height:160px;padding:18px;display:grid}.label-preview b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.label-preview img{width:47px;height:47px}.qr-placeholder{background:repeating-linear-gradient(45deg,#f1f4f7,#f1f4f7 8px,#e4eaf1 8px 16px);width:47px;height:47px}#print-root{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=760px){.request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.console-shell{padding:12px}.console-topbar,.print-toolbar{display:grid}.topbar-actions{justify-content:stretch}.topbar-actions button,.button-row button{flex:auto}}@media (width<=420px){.customer-screen{padding-left:12px;padding-right:12px}.menu-item{grid-template-columns:62px minmax(0,1fr)}.item-image{width:62px;height:62px}.stepper{grid-column:2;justify-self:start;margin-top:8px}}@page{size:80mm 80mm;margin:0!important}@media print{html,body{background:#fff;width:80mm;min-width:80mm;height:80mm;margin:0;overflow:hidden}#app{display:none!important}#print-root{display:block}.thermal-label{page-break-before:auto;page-break-after:always;page-break-inside:avoid;break-before:auto;break-after:page;break-inside:avoid;color:#000;text-align:center;writing-mode:horizontal-tb;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;grid-template-rows:27mm auto;align-content:center;place-items:center;gap:2mm;width:80mm;height:80mm;padding:0;font-family:Arial,sans-serif;display:grid}.thermal-label b{color:#000;text-overflow:ellipsis;white-space:nowrap;max-width:70mm;overflow:hidden}.thermal-label img{width:27mm;height:27mm}.thermal-label b{font-size:12pt;font-weight:900}}
