.language-switcher{color:var(--text,#172033);font:inherit;align-items:center;gap:8px;display:inline-flex}.language-switcher>span{font-size:12px}.locale-toolbar{background:var(--card,#fff);flex-wrap:wrap;justify-content:flex-end;padding:8px 16px;display:flex}:root:not([lang=vi]) .tenant-sidebar nav .nav-submenu .nav-item>span,:root:not([lang=vi]) .tenant-sidebar nav .nav-group-toggle>span{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}:root:not([lang=vi]) .tenant-sidebar nav .nav-item{height:auto}:root:not([lang=vi]) .feature-page-header,:root:not([lang=vi]) .feature-config-heading,:root:not([lang=vi]) .payroll-heading-actions{flex-wrap:wrap}:root:not([lang=vi]) .payroll-summary article{min-width:0}:root:not([lang=vi]) .payroll-summary article>div{overflow-wrap:anywhere;min-width:0}.language-switcher .pos-select{min-width:140px}
:root{--color-primary:var(--user-accent,#5758e6);--color-primary-hover:var(--user-accent-hover,#494bcf);--color-primary-active:var(--user-accent-active,#3d3fb8);--color-primary-highlight:color-mix(in srgb, var(--color-primary) 72%, white);--color-primary-soft:var(--user-accent-soft,#eef);--color-primary-soft-strong:var(--user-accent-soft-strong,#dfe1ff);--color-primary-border:var(--user-accent-border,#b9bcff);--color-primary-focus:var(--user-accent-focus,#5758e647);--color-on-primary:var(--user-accent-contrast,#fff);--color-header-bg:var(--user-header-bg,#f3f3ff);--color-header-bg-hover:var(--user-header-bg-hover,#e8e9ff);--color-header-border:var(--user-header-border,#cfd1ff);--color-header-text:var(--user-header-text,#202151);--color-header-muted:var(--user-header-muted,#5d6084);--color-header-control-bg:var(--user-header-control-bg,#fff);--color-header-control-border:var(--user-header-control-border,#bfc2ef);--color-header-control-hover:var(--user-header-control-hover,#e5e6ff);--color-page-bg:var(--user-surface-page,#f7f7ff);--color-surface:var(--user-surface-surface,#fdfdff);--color-surface-raised:var(--user-surface-raised,#fff);--color-surface-sunken:var(--user-surface-sunken,#f0f0fb);--color-surface-hover:var(--user-surface-hover,#f0f0ff);--color-surface-active:var(--user-surface-active,#e6e7ff);--color-surface-selected:var(--user-surface-selected,#dfe1ff);--color-surface-border:var(--user-surface-border,#dfe0ef);--color-surface-border-strong:var(--user-surface-border-strong,#c6c8df);--color-control-bg:var(--user-surface-control,#fff);--color-control-bg-hover:var(--user-surface-control-hover,#f5f5ff);--color-control-bg-active:var(--color-surface-active);--color-control-border:var(--color-surface-border);--color-control-border-hover:var(--color-surface-border-strong);--color-control-border-focus:var(--color-primary);--color-control-hover:var(--color-control-bg-hover);--color-primary-border-strong:color-mix(in srgb, var(--color-primary) 72%, var(--color-surface-border-strong));--color-modal-bg:var(--user-surface-modal,#fff);--color-modal-header-bg:var(--user-surface-modal-header,#fbfbff);--color-modal-footer-bg:var(--user-surface-modal-footer,#f8f8ff);--color-modal-border:var(--color-surface-border);--color-modal-backdrop:var(--user-surface-backdrop,#12142a85);--color-dropdown-bg:var(--user-surface-dropdown,#fff);--color-dropdown-hover:var(--color-surface-hover);--color-dropdown-active:var(--color-surface-selected);--color-dropdown-border:var(--color-surface-border);--color-dropdown-shadow:#0f172a33;--color-table-header-bg:var(--user-surface-table-header,#f2f2fc);--color-table-border:var(--color-surface-border);--color-table-row-hover:var(--color-surface-hover);--color-table-row-selected:var(--color-surface-selected);--color-text:var(--user-surface-text,#182033);--color-text-muted:var(--user-surface-muted,#626b82);--color-text-subtle:var(--user-surface-subtle,#7b8398);--color-placeholder:var(--color-text-subtle,#7b8396);--color-placeholder-dark:#737b8d;--color-accent-text:var(--user-surface-accent-text,var(--color-primary));--color-text-on-accent:var(--color-on-primary);--color-icon:var(--color-text);--color-icon-muted:var(--color-text-muted);--color-icon-subtle:var(--color-text-subtle);--color-icon-hover:var(--color-accent-text);--color-icon-active:var(--color-accent-text);--color-icon-selected:var(--color-accent-text);--color-icon-disabled:color-mix(in srgb, var(--color-text-muted) 48%, transparent);--color-icon-on-primary:var(--color-on-primary);--color-icon-on-header:var(--color-header-text);--color-icon-on-header-muted:var(--color-header-muted);--color-icon-primary:var(--color-accent-text);--color-icon-primary-hover:var(--color-primary-hover);--color-icon-primary-soft:var(--color-primary-soft);--color-icon-primary-border:var(--color-primary-border);--color-icon-success:#12805c;--color-icon-warning:#a86300;--color-icon-danger:#d92d46;--color-icon-info:var(--color-accent-text);--color-focus-ring:var(--color-primary-focus);--color-success:#087f5b;--color-warning:#935400;--color-danger:#bd223c;--color-info:#2358ba;--color-disabled-bg:var(--color-surface-sunken);--color-disabled-text:var(--color-text-muted);--shadow-surface:0 8px 28px color-mix(in srgb, var(--color-text) 7%, transparent);--shadow-modal:0 30px 80px color-mix(in srgb, var(--color-text) 24%, transparent);--bg:var(--color-page-bg);--page:var(--color-page-bg);--card:var(--color-surface-raised);--surface:var(--color-surface);--bg-soft:var(--color-surface-sunken);--control:var(--color-control-bg);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-surface-border);--border:var(--color-surface-border);--primary:var(--color-primary);--accent:var(--color-primary);--blue:var(--color-primary)}:root[data-theme]{--bg:var(--color-page-bg);--page:var(--color-page-bg);--card:var(--color-surface-raised);--surface:var(--color-surface);--panel:var(--color-surface-raised);--bg-soft:var(--color-surface-sunken);--control:var(--color-control-bg);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-surface-border);--border:var(--color-surface-border);--primary:var(--color-primary);--accent:var(--color-primary);--blue:var(--color-primary)}:root[data-theme=dark]{--color-page-bg:var(--user-surface-page,#11121a);--color-surface:var(--user-surface-surface,#181923);--color-surface-raised:var(--user-surface-raised,#20212c);--color-surface-sunken:var(--user-surface-sunken,#0e0f16);--color-surface-hover:var(--user-surface-hover,#272936);--color-surface-active:var(--user-surface-active,#2d3040);--color-surface-selected:var(--user-surface-selected,#34384b);--color-surface-border:var(--user-surface-border,#333645);--color-surface-border-strong:var(--user-surface-border-strong,#4c5064);--color-control-bg:var(--user-surface-control,#22232f);--color-control-bg-hover:var(--user-surface-control-hover,#2a2c3a);--color-modal-bg:var(--user-surface-modal,#1d1e29);--color-modal-header-bg:var(--user-surface-modal-header,#23242f);--color-modal-footer-bg:var(--user-surface-modal-footer,#191a24);--color-modal-backdrop:var(--user-surface-backdrop,#03040eb8);--color-dropdown-bg:var(--user-surface-dropdown,#20212c);--color-table-header-bg:var(--user-surface-table-header,#242631);--color-text:var(--user-surface-text,#f1f2ff);--color-text-muted:var(--user-surface-muted,#b1b5cb);--color-text-subtle:var(--user-surface-subtle,#969bb3);--color-accent-text:var(--user-surface-accent-text,#aeb0ff);--color-success:#72e1ba;--color-warning:#ffd084;--color-danger:#ff9aaa;--color-info:#9bc5ff;--color-placeholder:var(--color-placeholder-dark);--color-primary-soft:var(--user-accent-soft-dark,#292d55);--color-primary-soft-strong:var(--user-accent-soft-strong-dark,#343965);--color-primary-border:var(--user-accent-border-dark,#6669c8);--color-header-bg:var(--user-header-bg,#171936);--color-header-bg-hover:var(--user-header-bg-hover,#202348);--color-header-border:var(--user-header-border,#393d6d);--color-header-text:var(--user-header-text,#f5f5ff);--color-header-muted:var(--user-header-muted,#b8bbe5);--color-header-control-bg:var(--user-header-control-bg,#24274c);--color-header-control-border:var(--user-header-control-border,#484d7f);--color-header-control-hover:var(--user-header-control-hover,#30355f);--color-icon-success:#72e1ba;--color-icon-warning:#ffd084;--color-icon-danger:#ff9aaa}:where(input,textarea)::placeholder{color:var(--color-placeholder);-webkit-text-fill-color:var(--color-placeholder);opacity:1}:where(.ui-icon,.nav-icon,[data-ui-icon]){color:var(--color-icon-muted)}:where(.ui-icon,.nav-icon,[data-ui-icon]) svg{color:inherit}:where(svg[data-icon],.svg-inline--fa){fill:currentColor}:where(button,[role=button]):disabled :where(.ui-icon,.nav-icon,[data-ui-icon]){color:var(--color-icon-disabled)}:where(button,a,input,select,textarea,[role=button]):focus-visible{outline:2px solid var(--color-accent-text);outline-offset:2px}:where(input[type=checkbox],input[type=radio],progress){accent-color:var(--color-primary)}:where(.primary,.advanced-primary):not(:disabled):hover{background:var(--color-primary-hover)!important}:where(.primary,.advanced-primary):not(:disabled):active{background:var(--color-primary-active)!important}::selection{background:var(--color-primary-soft-strong)}
:root{--primary:#6265ef;--primary-soft:#eef0ff;--text:#141a2b;--muted:#6f7c94;--line:#e1e5ed;--surface:#fff;--bg:#f5f6fa;--green:#087f60}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-family-sans);font-size:var(--font-body-size);line-height:var(--font-body-line);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.customer-ordering{min-height:100vh;padding-bottom:170px}.customer-ordering>header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:82px;padding:0 max(18px,50% - 560px);display:flex;position:sticky;top:0}.customer-brand{align-items:center;gap:11px;display:flex}.customer-brand>span{color:#fff;background:linear-gradient(135deg,#7779f6,#5559e5);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.customer-brand b,.customer-brand small{display:block}.customer-brand b{font-size:var(--font-body-size);line-height:var(--font-body-line)}.customer-brand small{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin-top:2px}.table-badge{text-align:left;background:linear-gradient(135deg,#f4f5ff,#e9ebff);border:1px solid #dde0ff;border-radius:14px;align-items:center;gap:10px;min-width:174px;padding:9px 13px;display:flex;box-shadow:0 5px 16px #5558ee12}.table-badge-icon{color:#fff;width:34px;height:34px;font-size:var(--font-dialog-title-size);font-weight:700;line-height:var(--font-dialog-title-line);background:#6265ef;border-radius:10px;place-items:center;display:grid}.table-badge small,.table-badge b,.table-badge em{display:block}.table-badge small{color:#7b84a0;font-size:var(--font-caption-size);letter-spacing:.07em;font-weight:700;line-height:var(--font-caption-line)}.table-badge b{color:var(--primary);font-size:var(--font-subheading-size);line-height:var(--font-subheading-line);margin-top:1px}.table-badge em{color:var(--muted);font-size:var(--font-caption-size);font-style:normal;line-height:var(--font-caption-line);margin-top:1px}.customer-hero{background:radial-gradient(circle at 85% 20%,#dfe1ff 0,#0000 30%),linear-gradient(135deg,#f0f1ff,#fff);grid-template-columns:minmax(0,1fr) 174px;gap:20px;padding:40px max(18px,50% - 560px) 28px;display:grid}.customer-hero>div>small{color:var(--primary);font-size:var(--font-caption-size);letter-spacing:.1em;font-weight:700;line-height:var(--font-caption-line)}.customer-hero h1{font-size:var(--font-display-size);line-height:var(--font-display-line);margin:8px 0 5px}.customer-hero p{color:var(--muted);margin:0}.guest-field{z-index:15;align-self:end;gap:7px;display:grid;position:relative}.guest-field>span{color:var(--muted);font-size:var(--font-caption-size);font-weight:700;line-height:var(--font-caption-line)}.guest-field>button{height:48px;color:var(--text);background:#fff;border:1px solid #d9deea;border-radius:12px;justify-content:space-between;align-items:center;padding:0 13px;display:flex;box-shadow:0 5px 18px #26335a0a}.guest-field>button>span{align-items:center;gap:8px;font-weight:700;display:flex}.guest-field>button i{background:var(--primary-soft);width:24px;height:24px;color:var(--primary);border-radius:8px;place-items:center;font-style:normal;display:grid}.guest-field>button>b{color:var(--color-icon-muted);font-size:var(--font-body-size);line-height:var(--font-body-line);transition:transform .16s}.guest-field>button.open{border-color:var(--primary);box-shadow:0 0 0 3px #6265ef18}.guest-field>button.open>b{transform:rotate(180deg)}.guest-options{background:#fff;border:1px solid #dde2ec;border-radius:13px;width:100%;max-height:246px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 45px #26335a24}.guest-options button{color:#27324a;text-align:left;background:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 10px;display:flex}.guest-options button:hover{background:#f5f6ff}.guest-options button.selected{background:var(--primary-soft);color:var(--primary);font-weight:700}.guest-options button b{font-size:var(--font-small-size);line-height:var(--font-small-line)}.customer-hero>input{background:#fff;border:1px solid #d9deea;border-radius:12px;outline:0;grid-column:1/-1;width:min(560px,100%);height:48px;padding:0 16px;box-shadow:0 5px 18px #26335a09}.customer-hero>input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6265ef18}.customer-ordering>nav{scrollbar-width:none;gap:9px;max-width:1120px;margin:22px auto;padding:0 18px;display:flex;overflow-x:auto}.customer-ordering>nav button{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--font-body-size);line-height:var(--font-body-line);border-radius:99px;flex:none;padding:10px 17px}.customer-ordering>nav button.active{border-color:var(--primary);background:var(--primary);color:#fff}.customer-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1120px;margin:auto;padding:0 18px;display:grid}.customer-products article{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:15px;min-width:0;padding:11px;display:grid;position:relative;box-shadow:0 4px 16px #24304b08}.customer-product-image{color:#fff;width:128px;height:112px;font-size:var(--font-display-size);font-weight:700;line-height:var(--font-display-line);border-radius:13px;place-items:center;display:grid;position:relative;overflow:hidden}.customer-product-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.customer-product-image em{text-align:center;font-size:var(--font-caption-size);font-style:normal;line-height:var(--font-caption-line);background:#141a2bdc;border-radius:6px;padding:4px;position:absolute;inset:auto 7px 7px}.customer-product-info{min-width:0}.customer-product-info small{color:var(--primary);font-size:var(--font-caption-size);text-transform:uppercase;font-weight:700;line-height:var(--font-caption-line)}.customer-product-info h2{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line);margin:6px 0 4px}.customer-product-info p{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin:0 0 11px}.customer-product-info strong{color:var(--primary);font-size:var(--font-subheading-size);line-height:var(--font-subheading-line)}.customer-add,.customer-quantity button{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);font-size:var(--font-section-title-size);line-height:var(--font-section-title-line);border:0;border-radius:10px}.customer-add:disabled,.customer-quantity button:disabled{opacity:.35;cursor:not-allowed}.customer-quantity{justify-items:center;gap:6px;display:grid}.customer-quantity b{font-size:var(--font-body-size);line-height:var(--font-body-line)}.customer-cart{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff4;border-radius:18px;grid-template-columns:auto minmax(200px,1fr) auto;align-items:center;gap:13px;width:min(760px,100% - 28px);padding:13px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #17213b28}.customer-cart-summary{align-items:center;gap:10px;display:flex}.customer-cart-summary>span{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:10px;place-items:center;font-weight:700;display:grid}.customer-cart-summary p,.customer-cart-summary small,.customer-cart-summary b{margin:0;display:block}.customer-cart-summary small{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.customer-cart-summary b{font-size:var(--font-subheading-size);line-height:var(--font-subheading-line)}.customer-cart textarea{resize:none;border:1px solid var(--line);height:48px;font-size:var(--font-small-size);line-height:var(--font-small-line);background:#fff;border-radius:10px;padding:11px 12px}.customer-cart>button{background:var(--primary);color:#fff;border:0;border-radius:11px;align-items:center;gap:12px;height:48px;padding:0 18px;font-weight:700;display:flex}.customer-cart>button span{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}.customer-error{color:#c63548;background:#ffedef;border-radius:10px;max-width:1084px;margin:0 auto 14px;padding:12px 14px}.customer-state{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:24px;display:grid}.customer-state>span:not(.customer-loader){color:#cc364a;width:64px;height:64px;font-size:var(--font-display-size);font-weight:700;line-height:var(--font-display-line);background:#ffedef;border-radius:50%;place-items:center;display:grid}.customer-state h1{margin:18px 0 5px}.customer-state p,.customer-state em{color:var(--muted);font-style:normal}.customer-state button{background:var(--primary);color:#fff;border:0;border-radius:11px;height:45px;margin-top:20px;padding:0 20px;font-weight:700}.customer-loader{border:4px solid #dfe1ff;border-top-color:var(--primary);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}.customer-state.success>span{color:var(--green);background:#e5f8f1}.customer-state.success>small{color:var(--primary);letter-spacing:.1em;margin-top:18px;font-weight:700}.customer-state.success>div{background:#fff;border-radius:12px;justify-content:space-between;width:min(380px,100%);margin:22px 0 10px;padding:16px;display:flex}.customer-state.success strong{color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.customer-products{grid-template-columns:1fr}.customer-hero{grid-template-columns:1fr;padding-top:28px}.customer-hero h1{font-size:var(--font-page-title-size);line-height:var(--font-page-title-line)}.guest-field{align-self:start;width:180px}.customer-cart{grid-template-columns:1fr auto}.customer-cart textarea{grid-area:1/1/auto/-1}.customer-ordering>header{padding:0 15px}}@media (max-width:460px){.customer-ordering{padding-bottom:190px}.customer-ordering>header{height:76px}.customer-brand>span{border-radius:11px;width:36px;height:36px}.customer-brand b{text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:var(--font-small-size);line-height:var(--font-small-line);overflow:hidden}.customer-brand small{display:none}.table-badge{border-radius:12px;gap:7px;min-width:0;padding:7px 9px}.table-badge-icon{width:29px;height:29px;font-size:var(--font-subheading-size);line-height:var(--font-subheading-line);border-radius:8px}.table-badge small{font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.table-badge b{font-size:var(--font-body-size);line-height:var(--font-body-line)}.table-badge em{display:none}.customer-products article{grid-template-columns:96px minmax(0,1fr) auto}.customer-product-image{width:96px;height:94px}.customer-product-info h2{font-size:var(--font-body-size);line-height:var(--font-body-line)}.customer-cart>button{font-size:var(--font-small-size);line-height:var(--font-small-line);padding:0 12px}}.customer-ordering>nav{z-index:18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f6faf0;border-bottom:1px solid #e8ebf2;max-width:none;margin:0;padding:16px max(18px,50% - 560px);position:sticky;top:82px}.customer-products{padding-top:20px}.customer-products article{transition:border-color .16s,box-shadow .16s,transform .16s}.customer-products article:hover{border-color:#cfd3ff;transform:translateY(-1px);box-shadow:0 9px 26px #2c376014}.customer-products article.selected{background:linear-gradient(135deg,#fff,#fafaff);border-color:#aeb2ff;box-shadow:0 0 0 2px #6265ef10}.customer-add{justify-content:center;align-items:center;gap:5px;width:78px;height:44px;padding:0 10px;display:flex;border:1px solid #e0e2ff!important;border-radius:12px!important}.customer-add span{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}.customer-add b{font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.customer-quantity{gap:6px;min-width:112px;display:grid}.customer-quantity>small{color:var(--primary);font-size:var(--font-caption-size);text-align:center;text-transform:uppercase;letter-spacing:.05em;font-weight:700;line-height:var(--font-caption-line)}.customer-quantity>div{background:#f7f7ff;border:1px solid #dfe2ff;border-radius:12px;grid-template-columns:36px 38px 36px;align-items:center;display:grid;overflow:hidden}.customer-quantity button{background:0 0;border-radius:0;width:36px;height:40px}.customer-quantity button:hover{background:#e9ebff}.customer-quantity b{font-size:var(--font-body-size);text-align:center;line-height:var(--font-body-line)}.customer-cart{border-radius:20px;grid-template-columns:auto minmax(250px,1fr) auto;width:min(880px,100% - 28px);padding:10px 11px}.customer-cart-summary{min-width:188px}.customer-cart-summary>span{border-radius:12px;width:42px;height:42px}.customer-cart-summary p small{font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.customer-cart-summary p b{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}.customer-cart-summary>button{color:#c24155;font-size:var(--font-caption-size);font-weight:700;line-height:var(--font-caption-line);background:0 0;border:0;margin-left:3px;padding:5px}.customer-note{gap:4px;display:grid}.customer-note>span{color:#68758e;font-size:var(--font-caption-size);font-weight:700;line-height:var(--font-caption-line);justify-content:space-between;display:flex}.customer-note>span small{font-size:var(--font-caption-size);font-weight:500;line-height:var(--font-caption-line)}.customer-note textarea{width:100%;height:44px}.customer-submit{text-align:left;border-radius:14px!important;justify-content:space-between!important;min-width:222px!important;height:58px!important;padding:0 17px!important}.customer-submit>span{line-height:var(--font-body-line);gap:2px;display:grid;font-size:var(--font-body-size)!important}.customer-submit small{color:#ffffffc9;font-size:var(--font-caption-size);font-weight:600;line-height:var(--font-caption-line)}.customer-submit>b{font-size:var(--font-section-title-size);line-height:var(--font-section-title-line)}@media (max-width:760px){.customer-ordering>nav{top:76px}.customer-products{padding-top:14px}.customer-products article{grid-template-columns:96px minmax(0,1fr);gap:12px}.customer-product-image{grid-row:1/3}.customer-add,.customer-quantity{grid-column:2;width:100%;min-width:0}.customer-add{height:40px}.customer-quantity{justify-content:space-between;align-items:center;display:flex}.customer-quantity>div{grid-template-columns:40px 44px 40px}.customer-cart{grid-template-columns:1fr auto}.customer-cart-summary{min-width:0}.customer-note{grid-area:1/1/auto/-1}.customer-submit{min-width:190px!important}.customer-cart-summary{grid-column:1}.customer-submit{grid-column:2}}@media (max-width:520px){.customer-ordering{padding-bottom:250px}.customer-cart{grid-template-columns:1fr;gap:9px}.customer-note,.customer-cart-summary,.customer-submit{grid-column:1}.customer-note{grid-row:auto}.customer-submit{width:100%;min-width:0!important}.customer-products article{grid-template-columns:88px minmax(0,1fr)}.customer-product-image{width:88px;height:88px}.customer-product-info p{margin-bottom:6px}.customer-product-info strong{font-size:var(--font-body-size);line-height:var(--font-body-line)}}.customer-topping-summary{text-overflow:ellipsis;white-space:nowrap;max-width:310px;font-weight:600;overflow:hidden;color:#7a5ce0!important}.customer-options-link{text-transform:uppercase;font-weight:700;line-height:var(--font-caption-line);width:auto!important;height:auto!important;color:var(--primary)!important;font-size:var(--font-caption-size)!important;background:0 0!important;border:0!important;padding:0!important}.customer-option-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17213b87;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.customer-option-modal{background:#fff;border:1px solid #e1e5ed;border-radius:22px;flex-direction:column;width:min(520px,100%);max-height:min(720px,100vh - 36px);display:flex;overflow:hidden;box-shadow:0 30px 90px #17213b42}.customer-option-modal>header{border-bottom:1px solid #e8ebf2;grid-template-columns:72px minmax(0,1fr) 40px;align-items:center;gap:14px;padding:18px 20px;display:grid}.option-product-art{border-radius:14px;width:72px;height:66px;position:relative;overflow:hidden}.option-product-art img{object-fit:cover;width:100%;height:100%}.customer-option-modal header small{color:var(--primary);font-size:var(--font-caption-size);letter-spacing:.1em;font-weight:700;line-height:var(--font-caption-line)}.customer-option-modal h2{font-size:var(--font-section-title-size);line-height:var(--font-section-title-line);margin:4px 0 2px}.customer-option-modal header p{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin:0}.customer-option-modal header>button{border:1px solid var(--line);width:36px;height:36px;color:var(--color-icon-muted);font-size:var(--font-page-title-size);line-height:var(--font-page-title-line);background:#fff;border-radius:11px}.customer-option-body{padding:20px;overflow:auto}.option-section-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.option-section-title small{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.option-list{gap:9px;display:grid}.option-list>button{width:100%;height:58px;color:var(--text);text-align:left;background:#fff;border:1px solid #dfe4ed;border-radius:13px;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.option-list>button>span{align-items:center;gap:10px;display:flex}.option-list>button i{background:var(--primary-soft);width:27px;height:27px;color:var(--color-icon-muted);border-radius:8px;place-items:center;font-style:normal;font-weight:700;display:grid}.option-list>button strong{color:var(--primary);font-size:var(--font-small-size);line-height:var(--font-small-line)}.option-list>button.selected{background:#f7f7ff;border-color:#aeb2ff;box-shadow:0 0 0 2px #6265ef10}.option-list>button.selected i{background:var(--primary);color:var(--color-icon-on-primary)}.option-quantity{border-top:1px solid #e7eaf1;justify-content:space-between;align-items:center;margin-top:18px;padding-top:17px;display:flex}.option-quantity>span b,.option-quantity>span small{display:block}.option-quantity>span small{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin-top:3px}.option-quantity>div{background:#f8f8ff;border:1px solid #dde1ef;border-radius:12px;grid-template-columns:42px 46px 42px;align-items:center;display:grid;overflow:hidden}.option-quantity button{height:42px;color:var(--primary);font-size:var(--font-section-title-size);line-height:var(--font-section-title-line);background:0 0;border:0}.option-quantity button:disabled{opacity:.35}.option-quantity>div>b{text-align:center}.customer-option-modal>footer{background:#fafbfe;border-top:1px solid #e7eaf1;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;display:flex}.customer-option-modal footer>div small,.customer-option-modal footer>div strong{display:block}.customer-option-modal footer>div small{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.customer-option-modal footer>div strong{color:var(--primary);font-size:var(--font-section-title-size);line-height:var(--font-section-title-line);margin-top:2px}.customer-option-modal footer>button{background:var(--primary);color:#fff;border:0;border-radius:13px;align-items:center;gap:18px;height:50px;padding:0 20px;font-weight:700;display:flex}.customer-option-modal footer>button span{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}@media (max-width:520px){.customer-option-backdrop{align-items:end;padding:0}.customer-option-modal{border-radius:22px 22px 0 0;width:100%;max-height:88vh}.customer-option-modal>header{grid-template-columns:58px minmax(0,1fr) 36px;padding:15px}.option-product-art{width:58px;height:56px}.customer-option-body{padding:16px}.customer-option-modal>footer{padding:13px 15px}.customer-option-modal footer>button{padding:0 15px}.customer-option-modal footer>div strong{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}}.customer-option-modal header>button{border-radius:8px;place-items:center;padding:0;font-size:22px;line-height:1;display:inline-grid}.customer-option-modal header>button:hover{background:var(--primary-soft);color:var(--primary)}.customer-option-modal header>button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.customer-option-modal header>button:disabled{opacity:.45;cursor:not-allowed}
:root{--close-icon-size:20px;--icon-button-size:36px}:where(button:has(>.app-close-icon:only-child)),.app-icon-button{width:var(--app-icon-button-size,var(--icon-button-size));min-width:var(--app-icon-button-size,var(--icon-button-size));height:var(--app-icon-button-size,var(--icon-button-size));box-sizing:border-box;border-radius:6px;flex:none;place-items:center!important;padding:0!important;line-height:1!important;display:inline-grid!important}:where(button:has(>.app-close-icon:only-child),.app-icon-button)>:is(svg,.app-close-icon){width:var(--close-icon-size)!important;height:var(--close-icon-size)!important;flex:0 0 var(--close-icon-size)!important;vertical-align:initial!important;margin:0!important;display:block!important;transform:none!important}.app-icon-button--compact{--app-icon-button-size:28px;--close-icon-size:16px}.app-icon-button--danger{color:var(--color-danger,#d3495f)!important}.app-icon-button--danger:hover:not(:disabled){border-color:color-mix(in srgb, currentColor 45%, transparent)!important;background:color-mix(in srgb, currentColor 12%, transparent)!important}:where(button:has(>.app-close-icon:only-child),.app-icon-button):focus-visible{outline-offset:2px;outline:2px solid var(--color-primary-highlight,#6872e5)!important}:where(button:has(>.app-close-icon:only-child),.app-icon-button):disabled{opacity:.45;cursor:not-allowed}:root[data-theme=dark]{--close-button-bg:#252e42;--close-button-color:#cbd5e5;--close-button-border:#3b4760}:root[data-theme=dark] button:has(>.app-close-icon):not(.app-icon-button--danger){box-shadow:none;transition:background-color .15s,color .15s,border-color .15s;background:var(--close-button-bg)!important;color:var(--close-button-color)!important;border-color:var(--close-button-border)!important}:root[data-theme=dark] button:has(>.app-close-icon):not(.app-icon-button--danger):hover:not(:disabled){transform:none;color:#fff!important;background:#35415a!important;border-color:#687895!important}:root[data-theme=dark] button:has(>.app-close-icon):not(.app-icon-button--danger):active:not(:disabled){background:#414f6a!important}:root[data-theme=dark] button:has(>.app-close-icon):disabled{opacity:.45;cursor:not-allowed}:root[data-theme=dark] .app-icon-button--danger{color:#ff7186!important;background:#2c222c!important;border-color:#593544!important}:root[data-theme=dark] button:has(>.app-close-icon):focus-visible{outline-offset:2px;outline:2px solid var(--color-primary-highlight)!important}button:is([aria-label=Đóng],[aria-label="Đóng mã QR"],.entity-close,.receipt-close,.payment-qr-preview-close,.pos-order-tab-close,.cart-line-remove),.advanced-modal>.advanced-modal-head>button{flex-shrink:0;font-size:var(--close-icon-size)!important;justify-content:center!important;align-items:center!important;font-weight:400!important;line-height:1!important;display:inline-flex!important}.advanced-modal>header>button:not(:has(svg)){flex-shrink:0;font-size:var(--close-icon-size)!important;justify-content:center!important;align-items:center!important;font-weight:400!important;line-height:1!important;display:inline-flex!important}button:is([aria-label=Đóng],[aria-label="Đóng mã QR"],.entity-close,.receipt-close) svg{width:20px;height:20px}button.app-dismiss-button{box-sizing:border-box;flex:none;width:var(--app-icon-button-size,var(--icon-button-size,36px))!important;height:var(--app-icon-button-size,var(--icon-button-size,36px))!important;min-width:var(--app-icon-button-size,var(--icon-button-size,36px))!important;min-height:var(--app-icon-button-size,var(--icon-button-size,36px))!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:0!important;line-height:1!important;display:inline-flex!important}button.app-dismiss-button>svg{width:var(--close-icon-size,20px)!important;height:var(--close-icon-size,20px)!important;flex:none!important;display:block!important}button.app-dismiss-button:focus-visible{outline:2px solid var(--color-primary-highlight,#6872e5);outline-offset:2px}@media screen{:where(html,body,body *):has(:is(.advanced-backdrop,.feature-dialog-backdrop,.feature-command-backdrop,.receipt-backdrop,.debt-modal-backdrop,.split-payment-backdrop,.topping-backdrop,.payment-qr-preview-backdrop,.pos-order-tab-confirm-backdrop,.customer-option-backdrop)){filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;perspective:none!important;contain:none!important;content-visibility:visible!important;will-change:auto!important;isolation:auto!important;z-index:auto!important;transform:translate(0,0)rotate(0)scale(1)!important}:is(.advanced-backdrop,.feature-dialog-backdrop,.feature-command-backdrop,.receipt-backdrop,.debt-modal-backdrop,.split-payment-backdrop,.topping-backdrop,.payment-qr-preview-backdrop,.pos-order-tab-confirm-backdrop,.customer-option-backdrop){box-sizing:border-box;z-index:10000!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;position:fixed!important;inset:0!important}body.has-open-modal{overflow:hidden!important}body:has(:is(.advanced-backdrop,.feature-dialog-backdrop,.feature-command-backdrop,.receipt-backdrop,.debt-modal-backdrop,.split-payment-backdrop,.topping-backdrop,.payment-qr-preview-backdrop,.pos-order-tab-confirm-backdrop,.customer-option-backdrop)){overflow:hidden!important}body>:is(.advanced-backdrop,.feature-dialog-backdrop,.feature-command-backdrop,.receipt-backdrop,.debt-modal-backdrop,.split-payment-backdrop,.topping-backdrop,.payment-qr-preview-backdrop,.pos-order-tab-confirm-backdrop,.customer-option-backdrop){z-index:10000!important}}
@media (min-width:761px){.customer-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.customer-products article{border-radius:18px;grid-template-rows:minmax(112px,auto) auto;grid-template-columns:122px minmax(0,1fr);align-items:stretch;gap:0 14px;padding:0 12px 0 0;overflow:hidden}.customer-product-image{border-radius:0;grid-row:1/3;width:122px;height:100%;min-height:158px}.customer-product-info{align-self:end;padding-top:13px}.customer-product-info>small{font-size:var(--font-caption-size);letter-spacing:.06em;line-height:var(--font-caption-line)}.customer-product-info h2{font-size:var(--font-subheading-size);line-height:var(--font-subheading-line);margin:5px 0 3px}.customer-product-info p{font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin-bottom:8px}.customer-product-info strong{font-size:var(--font-body-size);line-height:var(--font-body-line);text-decoration:none}.customer-add,.customer-quantity{grid-column:2;width:100%;min-width:0;margin:10px 0 12px}.customer-add{justify-content:center;height:38px;border-radius:10px!important}.customer-quantity{justify-content:space-between;align-items:center;gap:8px;display:flex}.customer-options-link{white-space:nowrap;min-width:max-content;text-align:left!important}.customer-quantity>div{border-radius:10px;grid-template-columns:34px 36px 34px}.customer-quantity button{width:34px;height:36px}.customer-products article.selected{box-shadow:0 8px 28px #4146961a,inset 3px 0 0 var(--primary);background:#fff;border-color:#c8cbff}.customer-cart{border-radius:18px;width:min(920px,100% - 36px);padding:12px 14px;bottom:20px}.customer-cart-summary{min-width:205px}.customer-note textarea{outline:0}.customer-note textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6265ef12}.customer-submit{box-shadow:0 8px 20px #5558e82b;background:linear-gradient(135deg,#686bf3,#5558e8)!important;min-width:230px!important}}
:root{--font-family-sans:Inter, "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-display-size:32px;--font-display-line:40px;--font-page-title-size:24px;--font-page-title-line:32px;--font-section-title-size:20px;--font-section-title-line:28px;--font-dialog-title-size:18px;--font-dialog-title-line:26px;--font-subheading-size:16px;--font-subheading-line:24px;--font-body-size:14px;--font-body-line:20px;--font-small-size:13px;--font-small-line:18px;--font-caption-size:12px;--font-caption-line:16px;--font-button-size:var(--font-body-size);--font-button-line:var(--font-body-line);--font-label-size:var(--font-body-size);--font-label-line:var(--font-body-line);--font-table-head-size:var(--font-small-size);--font-table-head-line:var(--font-small-line);--font-table-cell-size:var(--font-body-size);--font-table-cell-line:var(--font-body-line);--font-print-micro-size:8px;--font-print-micro-line:10px;--font-print-caption-size:9px;--font-print-caption-line:11px;--font-print-small-size:10px;--font-print-small-line:12px;--font-print-body-size:11px;--font-print-body-line:14px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--font-icon-small-size:var(--icon-size-sm);--font-icon-size:var(--icon-size-md);--font-icon-line:var(--icon-size-md)}@media screen{:is(button,a,summary,nav) :is(svg.svg-inline--fa,svg.lucide,i.fa-solid,i.fa-regular,i.fa-brands){vertical-align:middle;flex-shrink:0;width:var(--control-icon-size,var(--icon-size-md))!important;height:var(--control-icon-size,var(--icon-size-md))!important;font-size:var(--control-icon-size,var(--icon-size-md))!important;line-height:1!important}:is(button,a)>svg.svg-inline--fa:only-child{width:var(--control-icon-size,var(--icon-size-lg))!important;height:var(--control-icon-size,var(--icon-size-lg))!important}.icon-label-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}}html,body,button,input,select,textarea,option,table{font-family:var(--font-family-sans)}body{font-size:var(--font-body-size);font-weight:var(--font-weight-regular);line-height:var(--font-body-line)}h1,.type-page-title{font-size:var(--font-page-title-size);font-weight:var(--font-weight-bold);line-height:var(--font-page-title-line)}h2,.type-section-title{font-size:var(--font-section-title-size);font-weight:var(--font-weight-bold);line-height:var(--font-section-title-line)}h3,.type-dialog-title,dialog h1,dialog h2,[role=dialog] h1,[role=dialog] h2,.modal h1,.modal h2,.modal-title{font-size:var(--font-dialog-title-size);font-weight:var(--font-weight-bold);line-height:var(--font-dialog-title-line)}h4,h5,h6,.type-subheading,.card-title{font-size:var(--font-subheading-size);font-weight:var(--font-weight-semibold);line-height:var(--font-subheading-line)}p,li,dd,dt,.type-body{font-size:var(--font-body-size);line-height:var(--font-body-line)}small,.caption,.helper-text,.field-hint,.type-caption{font-size:var(--font-caption-size);font-weight:var(--font-weight-regular);line-height:var(--font-caption-line)}.type-small,.meta,.metadata{font-size:var(--font-small-size);font-weight:var(--font-weight-regular);line-height:var(--font-small-line)}button,[role=button],.button,.btn,.primary,.secondary,.danger{font-size:var(--font-button-size)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--font-button-line)!important}label,.form-label,.field-label{font-size:var(--font-label-size)!important;font-weight:var(--font-weight-medium)!important;line-height:var(--font-label-line)!important}input,select,textarea,option{font-size:var(--font-body-size)!important;font-weight:var(--font-weight-regular)!important;line-height:var(--font-body-line)!important}th,.table-header{font-size:var(--font-table-head-size)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--font-table-head-line)!important}td,.table-cell{font-size:var(--font-table-cell-size)!important;font-weight:var(--font-weight-regular)!important;line-height:var(--font-table-cell-line)!important}.sidebar nav button,.tenant-sidebar nav button,.nav-item{font-size:var(--font-body-size);font-weight:var(--font-weight-medium);line-height:var(--font-body-line)}.sidebar nav button.active,.tenant-sidebar nav button.active,.nav-item.active{font-weight:var(--font-weight-semibold)}.eyebrow,[class*=eyebrow],.nav-label,.section-label{font-size:var(--font-small-size);font-weight:var(--font-weight-semibold);line-height:var(--font-small-line);letter-spacing:.06em}.landing-hero h1,.login-brand h1,.hero-title,.type-display{font-size:var(--font-display-size);font-weight:var(--font-weight-bold);line-height:var(--font-display-line)}@media (max-width:720px){h1,.type-page-title{font-size:var(--font-page-title-size);line-height:var(--font-page-title-line)}.landing-hero h1,.login-brand h1,.hero-title,.type-display{font-size:var(--font-display-size);line-height:var(--font-display-line)}}