html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto}[data-sonner-toaster]{width:var(--width);--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;z-index:999999999;outline:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;list-style:none;transition:transform .4s;position:fixed}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);opacity:0;transform:var(--y);touch-action:none;box-sizing:border-box;overflow-wrap:anywhere;outline:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;position:absolute}[data-sonner-toast][data-styled=true]{background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);width:var(--width);align-items:center;gap:6px;padding:16px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001a}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap));top:0}[data-sonner-toast][data-y-position=bottom]{--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap));bottom:0}[data-sonner-toast][data-styled=true] [data-description]{color:#3f3f3f;font-weight:400;line-height:1.4}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{color:inherit;font-weight:500;line-height:1.5}[data-sonner-toast][data-styled=true] [data-icon]{width:16px;height:16px;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform-origin:50%;animation:.3s forwards sonner-fade-in;transform:scale(.8)}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{flex-direction:column;gap:2px;display:flex}[data-sonner-toast][data-styled=true] [data-button]{height:24px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);cursor:pointer;border:none;border-radius:4px;outline:none;flex-shrink:0;align-items:center;padding-left:8px;padding-right:8px;font-size:12px;font-weight:500;transition:opacity .4s,box-shadow .2s;display:flex}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toaster] [data-close-button-position=top-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster] [data-close-button-position=top-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster] [data-close-button-position=bottom-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(-35%, 35%)}[data-sonner-toaster] [data-close-button-position=bottom-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(35%, 35%)}[data-sonner-toast][data-styled=true] [data-close-button]{left:var(--toast-close-button-left);right:var(--toast-close-button-right);top:var(--toast-close-button-top);bottom:var(--toast-close-button-bottom);width:20px;height:20px;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s,background .2s,border-color .2s;display:flex;position:absolute}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";z-index:-1;height:100%;position:absolute;left:-100%;right:-100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3)translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3)translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * .05 + 1));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0px)) translateX(var(--swipe-amount-x,0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (width<=600px){[data-sonner-toaster]{right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%;position:fixed}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{width:calc(100% - var(--mobile-offset-left) * 2);left:0;right:0}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px))}[data-sonner-toaster][data-y-position=top]{top:calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px))}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);z-index:10;position:absolute;inset:0}.sonner-loading-wrapper[data-visible=false]{transform-origin:50%;animation:.2s forwards sonner-fade-out}.sonner-spinner{height:var(--size);width:var(--size);position:relative;top:50%;left:50%}.sonner-loading-bar{background:var(--gray11);border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite sonner-spin;position:absolute;top:-3.9%;left:-10%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg)translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg)translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg)translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg)translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg)translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg)translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg)translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg)translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg)translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg)translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg)translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg)translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{transform-origin:50%;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8)translate(-50%,-50%)}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-ext-wght-normal-DH1q_yQ5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-wght-normal-Bi3VDbYN.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tonbo-primary-50:#e8f5f7;--tonbo-primary-100:#e1f0f2;--tonbo-primary-200:#b9dde2;--tonbo-primary-300:#86c4cd;--tonbo-primary-400:#4aa3b0;--tonbo-primary-500:#2a8c9b;--tonbo-primary-600:#0f7b8a;--tonbo-primary-700:#0d6874;--tonbo-primary-800:#0a5560;--tonbo-primary-900:#0a4650;--tonbo-primary-950:#062d34;--tonbo-gray-50:#f8fafc;--tonbo-gray-100:#f1f5f9;--tonbo-gray-200:#e2e8f0;--tonbo-gray-300:#cbd5e1;--tonbo-gray-400:#94a3b8;--tonbo-gray-500:#64748b;--tonbo-gray-600:#475569;--tonbo-gray-700:#334155;--tonbo-gray-800:#1e293b;--tonbo-gray-900:#0f172a;--tonbo-success-50:#f0fdf4;--tonbo-success-100:#dcfce7;--tonbo-success-200:#bbf7d0;--tonbo-success-300:#86efac;--tonbo-success-500:#22c55e;--tonbo-success-600:#16a34a;--tonbo-success-700:#15803d;--tonbo-success-800:#166534;--tonbo-danger-50:#fef2f2;--tonbo-danger-100:#fee2e2;--tonbo-danger-200:#fecaca;--tonbo-danger-300:#fca5a5;--tonbo-danger-500:#ef4444;--tonbo-danger-600:#dc2626;--tonbo-danger-700:#b91c1c;--tonbo-danger-800:#991b1b;--tonbo-warning-50:#fffbeb;--tonbo-warning-100:#fef3c7;--tonbo-warning-200:#fde68a;--tonbo-warning-300:#fcd34d;--tonbo-warning-500:#f59e0b;--tonbo-warning-600:#d97706;--tonbo-warning-700:#b45309;--tonbo-warning-800:#92400e;--tonbo-accent-500:#f59e0b;--tonbo-accent-600:#d97706;--tonbo-success:var(--tonbo-success-700);--tonbo-warning:var(--tonbo-warning-700);--tonbo-danger:var(--tonbo-danger-700);--tonbo-text:#162033;--tonbo-text-muted:var(--tonbo-gray-600);--tonbo-text-subtle:var(--tonbo-gray-600);--tonbo-surface:#fff;--tonbo-surface-muted:#f4f7fb;--tonbo-on-primary:#fff;--tonbo-border:var(--tonbo-gray-200);--tonbo-line-brand:#06c755;--tonbo-on-line-brand:var(--tonbo-gray-900);--tonbo-space-1:4px;--tonbo-space-2:8px;--tonbo-space-3:12px;--tonbo-space-4:16px;--tonbo-space-6:24px;--tonbo-space-8:32px;--tonbo-radius-sm:6px;--tonbo-radius-md:10px;--tonbo-radius-lg:16px;--tonbo-touch-target:44px;color:var(--tonbo-text);background:var(--tonbo-surface-muted);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter Variable,Noto Sans Thai Variable,ui-sans-serif,system-ui,-apple-system,Noto Sans Thai,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--tonbo-primary-700);outline-offset:2px}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{min-width:0;color:var(--tonbo-primary-100);background:var(--tonbo-primary-900);flex-direction:column;gap:32px;padding:24px 16px;display:flex}.brand{color:var(--tonbo-on-primary);align-items:center;gap:10px;font-size:18px;font-weight:750;display:flex}.sidebar nav,.mobile-navigation{gap:3px;display:grid}.mobile-navigation{padding-bottom:env(safe-area-inset-bottom)}.sidebar nav a,.mobile-navigation a{min-height:var(--tonbo-touch-target);color:var(--tonbo-gray-300);border-radius:8px;align-items:center;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.sidebar nav a.router-link-exact-active,.sidebar nav a:hover,.mobile-navigation a.router-link-exact-active,.mobile-navigation a:hover{color:var(--tonbo-on-primary);background:var(--tonbo-primary-700)}.sidebar-footer,.mobile-navigation-footer{gap:12px;margin-top:auto;display:grid}.sidebar select,.mobile-navigation-footer select{border:1px solid var(--tonbo-gray-600);width:100%;color:var(--tonbo-on-primary);background:var(--tonbo-primary-700);border-radius:7px;padding:7px}.page{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:clamp(24px,4vw,42px)}.page>*{min-width:0}.page-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.page-header>div{min-width:0}.eyebrow{color:var(--tonbo-primary-500);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700}h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3vw,28px)}h2{margin:0 0 18px;font-size:17px}.panel{border:1px solid var(--tonbo-gray-200);background:var(--tonbo-surface);border-radius:14px;min-width:0;padding:22px;box-shadow:0 2px 8px #15213b0a}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.kpis article{border:1px solid var(--tonbo-gray-200);background:var(--tonbo-surface);border-radius:12px;min-width:0;padding:20px}.kpis span{color:var(--tonbo-gray-500);overflow-wrap:anywhere;font-size:13px;display:block}.kpis strong{overflow-wrap:anywhere;margin-top:9px;font-size:clamp(16px,1.8vw,22px);display:block}.two-column,.pos-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ranked{margin:0;padding:0;list-style:none}.ranked li,.cart-line{border-bottom:1px solid var(--tonbo-gray-100);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.ranked li span,.cart-line span{overflow-wrap:anywhere;min-width:0}.ranked li b,.cart-line b{text-align:right;flex:none}.ranked li:last-child,.cart-line:last-child{border:0}.primary{color:var(--tonbo-on-primary);background:var(--tonbo-primary-600);border:0;border-radius:8px;padding:10px 15px;font-weight:650}.primary:disabled{cursor:wait;opacity:.6}.button-link{text-decoration:none}.link-button{color:var(--tonbo-primary-600);text-align:left;background:0 0;border:0;padding:0}.sidebar .link-button{color:var(--tonbo-primary-100)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}input{border:1px solid var(--tonbo-gray-300);background:var(--tonbo-surface);border-radius:8px;width:100%;min-width:0;padding:10px}label,.field{color:var(--tonbo-gray-600);gap:6px;font-size:13px;font-weight:600;display:grid}form{gap:14px;display:grid}.form-panel{margin-bottom:20px}.form-panel form{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end}.table-scroll{overscroll-behavior-x:contain;width:100%;min-width:0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}th{color:var(--tonbo-gray-600);text-align:left;text-transform:capitalize;font-size:13px;font-weight:650}th,td{border-bottom:1px solid var(--tonbo-gray-100);padding:12px 10px}tbody tr:hover{background:var(--tonbo-gray-50)}.muted{color:var(--tonbo-gray-600)}.error{color:var(--tonbo-danger-600)}.success{color:var(--tonbo-primary-600)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px;display:grid}.product-card{border:1px solid var(--tonbo-gray-200);min-width:0;min-height:0;color:var(--tonbo-text);background:var(--tonbo-gray-50);text-align:left;overflow-wrap:anywhere;border-radius:10px;gap:8px;padding:10px;display:grid}.product-card:focus-visible{outline:3px solid var(--tonbo-primary-600);outline-offset:2px}.product-card-image-wrap{aspect-ratio:1;background:var(--tonbo-gray-100);border-radius:7px;place-items:center;width:100%;display:grid;overflow:hidden}.product-card-image{object-fit:contain;width:100%;height:100%;display:block}.product-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card-sku{color:var(--tonbo-gray-500);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-card:hover{border-color:var(--tonbo-primary-600)}.product-card small{color:var(--tonbo-gray-500)}.product-card b{color:var(--tonbo-primary-600)}.product-card-action{color:var(--tonbo-gray-500);font-size:.8rem;font-weight:600}.cart-feedback{color:var(--tonbo-primary-600);margin:0 0 .75rem;font-weight:600}.cart{flex-direction:column;min-width:0;display:flex}.cart-line input{text-align:center;width:64px;min-width:64px;padding:4px}.cart-total{justify-content:space-between;gap:12px;margin-top:auto;padding:20px 0;font-size:18px;display:flex}.cart-total strong{overflow-wrap:anywhere;text-align:right}.full{width:100%}.auth{background:linear-gradient(135deg, var(--tonbo-primary-50), var(--tonbo-gray-50) 55%);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{background:var(--tonbo-surface);border-radius:18px;width:min(100%,430px);padding:clamp(22px,6vw,34px);box-shadow:0 20px 55px #14213a1a}.auth-card .brand{color:var(--tonbo-primary-900);margin-bottom:24px}.auth-card h1{font-size:24px}.auth-card>p{color:var(--tonbo-gray-500);margin:8px 0 20px}.mobile-header,.mobile-navigation-drawer{display:none}@media (width<=1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.app-shell{display:block}.sidebar{display:none}.mobile-header{z-index:10;border-bottom:1px solid var(--tonbo-gray-200);min-height:64px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));padding-right:calc(16px + env(safe-area-inset-right));padding-left:calc(16px + env(safe-area-inset-left));background:var(--tonbo-primary-900);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.mobile-menu-button{border:1px solid var(--tonbo-gray-600);width:44px;height:44px;color:var(--tonbo-on-primary);background:var(--tonbo-primary-700);border-radius:9px;flex:0 0 44px;place-items:center;font-size:22px;display:grid}.mobile-navigation-drawer{display:block}.mobile-navigation-footer{border-top:1px solid var(--tonbo-gray-200);margin-top:24px;padding-top:20px}.mobile-navigation-footer select{color:var(--tonbo-text);background:var(--tonbo-surface)}.page{padding:24px 18px 36px}.two-column,.pos-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.page{padding:20px 14px 32px}.page-header{align-items:flex-start;gap:12px;margin-bottom:20px}.page-header .primary{white-space:normal;flex:none;max-width:50%}.kpis{grid-template-columns:minmax(0,1fr);gap:10px}.kpis article,.panel{padding:16px}.ranked li,.cart-line{gap:8px}.cart-line{flex-wrap:wrap}.cart-line span{flex:calc(100% - 90px)}.cart-line input{order:2}.cart-line b{order:3;margin-left:auto}.product-pagination{flex-wrap:wrap;justify-content:center;gap:6px}.auth{padding:16px}}.secondary{border:1px solid var(--tonbo-gray-300);color:var(--tonbo-text);background:var(--tonbo-surface);border-radius:8px;padding:9px 14px;font-weight:600}.secondary:hover:not(:disabled){border-color:var(--tonbo-primary-600)}.secondary:disabled{cursor:wait;opacity:.6}.small-link{color:var(--tonbo-primary-600);font-size:13px}kbd{opacity:.75;border:1px solid;border-radius:4px;margin-left:8px;padding:0 5px;font-family:inherit;font-size:11px}.notice-banner{border:1px solid var(--tonbo-warning-200);color:var(--tonbo-warning-800);background:var(--tonbo-warning-50);border-radius:10px;padding:10px 12px;font-size:14px}.notice-banner a{color:var(--tonbo-primary-600);margin-left:6px;font-weight:650}.pos-search{margin-bottom:14px}.cash-received-field input{font-variant-numeric:tabular-nums;text-align:right;font-size:18px}.cash-quick-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cash-received-field .error,.cash-received-field .muted{margin:0;font-weight:500}.sale-success{flex-direction:column;gap:14px;min-width:0;display:flex}.sale-success-title{color:var(--tonbo-primary-600);margin:0;font-size:22px}.sale-success>.muted{margin:0}.sale-success-amount{background:var(--tonbo-primary-50);text-align:center;border-radius:12px;gap:4px;padding:18px;display:grid}.sale-success-amount strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(36px,6vw,56px);line-height:1.1}.sale-success-error p{margin:0 0 4px}.sale-success-actions{gap:10px;margin-top:auto;display:grid}.sale-success-actions .primary{padding:14px 15px;font-size:17px}.sale-success-actions .small-link{justify-self:center}.clickable-row{cursor:pointer}.clickable-row:hover,.clickable-row:focus-visible{background:var(--tonbo-gray-100)}.clickable-row:focus-visible{outline:3px solid var(--tonbo-primary-700);outline-offset:-3px}.sale-detail-title{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.cancelled-banner{border:1px solid var(--tonbo-danger-300);color:var(--tonbo-danger-800);background:var(--tonbo-danger-50);overflow-wrap:anywhere;border-radius:10px;padding:12px 14px;font-weight:600}.sale-facts,.sale-totals{gap:10px 24px;margin:0 0 22px;display:grid}.sale-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.sale-facts dt,.sale-totals dt{color:var(--tonbo-gray-500);font-size:13px}.sale-facts dd,.sale-totals dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:600}.sale-totals{max-width:360px;margin:18px 0 0 auto}.sale-totals>div{justify-content:space-between;gap:12px;display:flex}.sale-net-total{border-top:1px solid var(--tonbo-gray-200);padding-top:10px;font-size:18px}.money{font-variant-numeric:tabular-nums;text-align:right}.sale-danger-zone{border-top:1px solid var(--tonbo-gray-200);justify-content:flex-end;margin-top:28px;padding-top:18px;display:flex}.cancel-sale-form{gap:10px}.cancel-consequences{color:var(--tonbo-gray-700);margin:0 0 6px;padding-left:20px;line-height:1.6}.cancel-reason-counter{justify-self:end;font-weight:500}.reason-chips{flex-wrap:wrap;gap:8px;display:flex}.reason-chip{border:1px solid var(--tonbo-gray-300);color:var(--tonbo-gray-700);background:var(--tonbo-gray-50);border-radius:999px;padding:6px 12px;font-size:13px}.reason-chip:hover:not(:disabled){border-color:var(--tonbo-primary-600)}.cancel-sale-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.history-list{margin:0 0 16px;padding:0;list-style:none;display:grid}.history-item{border-bottom:1px solid var(--tonbo-gray-100);padding:12px 0}.history-item p{overflow-wrap:anywhere;margin:0 0 3px}.history-title{font-weight:650}.history-meta{font-size:13px}.shop-settings-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}.shop-settings-side{gap:20px;display:grid}.shop-settings-form{max-width:560px}.shop-settings-form small{font-weight:500}.shop-settings-actions{align-items:center;gap:14px;display:flex}.paper-size-field{border:0;gap:10px;margin:0;padding:0;display:grid}.paper-size-field legend{margin-bottom:10px;font-weight:650}.paper-size-option{align-items:center;gap:8px;font-size:15px;display:flex}.paper-size-option input{width:auto}.receipt-preview{border:1px dashed var(--tonbo-gray-300);background:var(--tonbo-surface);margin:0 auto;padding:12px}@media (width<=850px){.shop-settings-layout{grid-template-columns:minmax(0,1fr)}}.receipt{color:#000;background:var(--tonbo-surface);width:48mm;font-family:Sarabun,Noto Sans Thai,Thonburi,Leelawadee UI,Tahoma,sans-serif;font-size:12px;line-height:1.35;display:flow-root}.receipt--80{width:72mm;font-size:14px}.receipt p,.receipt dl,.receipt dd,.receipt ul{margin:0;padding:0}.receipt ul{list-style:none}.receipt-header{text-align:center}.receipt-shop-name{font-size:1.2em;font-weight:700}.receipt-multiline{white-space:pre-line;overflow-wrap:anywhere}.receipt-title{text-align:center;font-weight:700;margin-top:4px!important}.receipt-copy{border:1px solid #000;width:fit-content;font-weight:700;margin:4px auto 0!important;padding:0 8px!important}.receipt-cancelled{text-align:center;border:2px solid #000;margin-top:4px;padding:2px 4px}.receipt-cancelled-label{letter-spacing:.05em;font-size:1.6em;font-weight:800}.receipt-meta{margin-top:6px!important}.receipt-row{justify-content:space-between;gap:6px;display:flex}.receipt-row dt,.receipt-row>span:first-child{overflow-wrap:anywhere;min-width:0}.receipt-meta dd{text-align:right;overflow-wrap:anywhere}.receipt-amount{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex:none}.receipt-lines li{padding:2px 0}.receipt-line-name{overflow-wrap:anywhere}.receipt-rule{border:0;border-top:1px dashed #000;margin:4px 0}.receipt-net-total{margin:2px 0;font-size:1.35em;font-weight:800}.receipt-footer{text-align:center;margin-top:8px!important}.receipt-print-root{pointer-events:none;position:fixed;top:0;left:-10000px}@media print{:root,html,body{min-width:0;min-height:0;margin:0;background:#fff!important}body.is-printing-receipt,body.is-printing-receipt .receipt-print-root,body.is-printing-receipt .receipt{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important}.receipt-print-root{display:none}body.is-printing-receipt>:not(.receipt-print-root){display:none!important}body.is-printing-receipt .receipt-print-root{display:block;position:static}.receipt{margin:0 auto}}.range-chips{flex-wrap:wrap;gap:8px;display:flex}.range-chip{border:1px solid var(--tonbo-gray-300);color:var(--tonbo-gray-700);background:var(--tonbo-surface);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.range-chip:hover{border-color:var(--tonbo-primary-600)}.range-chip-active{border-color:var(--tonbo-primary-600);color:var(--tonbo-on-primary);background:var(--tonbo-primary-600)}.load-more{justify-content:center;margin-top:16px;display:flex}.cart-line.cart-line-error{background:var(--tonbo-danger-50);box-shadow:inset 3px 0 0 var(--tonbo-danger-600);border-radius:8px;margin:0 -8px;padding:12px 8px}.cart-line.cart-line-error span{color:var(--tonbo-danger-700);font-weight:600}.checkout-error{justify-items:start;gap:8px;margin:12px 0;display:grid}.checkout-error .error{margin:0}.cart-line-note{color:var(--tonbo-danger-700);margin:4px 0 8px;font-size:13px;font-weight:600}.barcode-rows,.barcode-panel{gap:8px;display:grid}.barcode-panel.product-section-card{gap:14px}.barcode-panel-head h3{margin:0 0 4px}.barcode-save-hint,.barcode-empty{margin:0}.barcode-row{gap:4px;display:grid}.barcode-row-main,.barcode-list-item,.barcode-add-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.barcode-row-main .p-inputtext,.barcode-add-row .p-inputtext{font-variant-numeric:tabular-nums;flex:220px;min-width:0}.barcode-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.barcode-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.barcode-list-item{border-bottom:1px solid var(--tonbo-gray-200);justify-content:space-between;padding:10px 0}.barcode-list-value,.barcode-list-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.barcode-list-value{min-width:0}.barcode-list-actions{justify-content:flex-end}.barcode-entry{border-top:1px solid var(--tonbo-gray-200);gap:8px;padding-top:12px;display:grid}.barcode-entry-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.barcode-add-row .p-inputtext{flex:260px;max-width:560px}.barcode-success{color:var(--tonbo-success-700)}@media (width<=520px){.barcode-list-item,.barcode-list-actions{align-items:flex-start}.barcode-list-item{flex-direction:column}.barcode-list-actions{justify-content:flex-start;width:100%}.barcode-add-row>button{flex:100%}}.barcode-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.barcode-delete-confirm{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.receipt-qr{justify-content:center;height:28mm;margin:6px 0 0;display:flex}.receipt-qr-symbol{width:28mm;height:28mm;display:block}.label-setup{gap:12px;margin-bottom:16px;display:grid}.label-size-picker{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.label-search{gap:4px;max-width:480px;display:grid}.label-search input{font-weight:400}.label-search-results,.label-lines{margin:0;padding:0;list-style:none;display:grid}.label-search-results{max-width:640px}.label-search-results li{border-bottom:1px solid var(--tonbo-gray-200);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.label-line{border-bottom:1px solid var(--tonbo-gray-200);grid-template-columns:minmax(0,1fr) 120px auto;align-items:center;gap:12px;padding:10px 0;display:grid}.label-line-product,.label-line-copies{gap:4px;min-width:0;display:grid}.label-line-copies .p-inputtext{width:100%}.label-line-missing{color:var(--tonbo-warning-700);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.label-total{margin:12px 0;font-weight:700}.label-actions{gap:8px;display:flex}.label-preview{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.label-preview .label-card{outline:1px dashed var(--tonbo-gray-400)}@media (width<=640px){.label-line{grid-template-columns:1fr}}.label-card{box-sizing:border-box;color:#000;background:var(--tonbo-surface);flex-direction:column;align-items:center;width:40mm;height:30mm;padding:1.5mm 2mm 1mm;font-family:Sarabun,Noto Sans Thai,Thonburi,Leelawadee UI,Tahoma,sans-serif;display:flex;overflow:hidden}.label-card--50x30{width:50mm}.label-name{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;margin:0;font-size:7.5pt;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.label-meta{justify-content:space-between;align-items:baseline;gap:4px;width:100%;display:flex}.label-price{white-space:nowrap;font-size:11pt;font-weight:800}.label-sku{text-overflow:ellipsis;white-space:nowrap;font-size:6pt;overflow:hidden}.label-symbol{flex-direction:column;align-items:center;margin-top:auto;display:flex}.label-symbol-svg svg{flex-shrink:0;max-width:none;display:block}.label-code-text{margin-top:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8pt}.label-sheet .label-card{break-after:page;break-inside:avoid}.label-sheet .label-card:last-child{break-after:auto}.label-print-root{pointer-events:none;position:fixed;top:0;left:-10000px}@media print{.label-print-root{display:none}body.is-printing-labels>:not(.label-print-root){display:none!important}body.is-printing-labels .label-print-root{display:block;position:static}}.scan-notice{border:1px solid var(--tonbo-danger-200);background:var(--tonbo-danger-50);color:var(--tonbo-danger-800);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:8px 0;padding:8px 12px;display:flex}.scan-notice p{margin:0}.scan-miss{margin:8px 0}.scan-miss-body{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.scan-miss-body p{overflow-wrap:anywhere;margin:0}.scan-notice-line{min-width:0;max-width:100%}.scan-notice-inactive{white-space:pre;align-items:baseline;min-width:0;max-width:100%;display:flex}.scan-notice-name{text-overflow:ellipsis;min-width:0;margin-block:-.2em;padding-block:.2em;overflow:hidden}.cart-line-name{text-overflow:ellipsis;display:block;overflow:hidden}@keyframes cart-line-flash{0%{background-color:var(--tonbo-success-100)}to{background-color:#0000}}.cart-line-flash{animation:.8s ease-out cart-line-flash}@media (prefers-reduced-motion:reduce){.cart-line-flash{outline:2px solid var(--tonbo-success-500);animation:none}}.sale-success-hint{margin:4px 0 0}.sale-success-typed{background:var(--tonbo-primary-50);overflow-wrap:anywhere;border-radius:6px;min-height:1.6em;margin:8px 0 0;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sale-success-typed-empty{background:0 0}.sale-success-typed-keys{margin:4px 0 0;font-size:13px}.sale-branch-badge{margin-left:8px}.sale-branch-note{color:var(--tonbo-gray-600);margin:4px 0 0;font-size:.9rem}.retry-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.retry-row p,.retry-row small{margin:0}.bill-search{gap:4px;max-width:420px;margin-bottom:12px;display:grid}.bill-search-notice{align-items:center;gap:8px;display:flex}.bill-search-notice p{margin:0}.receive-scan{gap:4px;width:100%;max-width:min(470px,100%);margin:12px 0;display:grid}.receive-scan-reset{border:1px solid var(--tonbo-primary-100);background:var(--tonbo-primary-50);color:var(--tonbo-primary-600);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin:8px 0;padding:8px 12px;display:flex}.receive-scan-reset p{margin:0}.receive-scan-reset .receive-scan-undo{font-size:inherit;padding:0}.receive-bind{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.receive-stale{margin-bottom:12px}.receive-qty{justify-items:start;gap:4px;display:grid}.receive-scan-count{color:var(--tonbo-gray-600);margin:0}.receive-scan-over{color:var(--tonbo-danger-700);font-weight:600}.receive-over-warning{margin:0}.receive-confirm{gap:4px;display:grid}.receive-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.receive-over-help{justify-items:start;gap:2px;display:grid}.receive-over-help .receive-set-remaining{font-size:inherit;padding:0}.receive-scan-complete{color:var(--tonbo-success-700);font-weight:600}.label-preview-title{margin:16px 0 8px;font-size:1rem}.label-actions small{margin-top:4px;display:block}.public-home{color:var(--tonbo-text);background:var(--tonbo-surface);overflow:hidden}.public-home-header{justify-content:space-between;align-items:center;gap:28px;width:min(100% - 48px,1240px);min-height:82px;margin:0 auto;display:flex}.public-home-brand{color:var(--tonbo-primary-900);flex:none;align-items:center;gap:11px;font-weight:750;text-decoration:none;display:inline-flex}.public-home-brand-name{line-height:1.1;display:grid}.public-home-brand-name small{color:var(--tonbo-gray-500);margin-top:5px}.public-home-navigation{align-items:center;gap:clamp(14px,2.2vw,30px);display:flex}.public-home-navigation>a:not(.public-home-header-cta),.public-home-footer>a:last-child{color:var(--tonbo-gray-600);font-size:14px;font-weight:600;text-decoration:none}.public-home-navigation>a:not(.public-home-header-cta):hover,.public-home-footer>a:last-child:hover{color:var(--tonbo-primary-600)}.public-home-navigation select{min-height:var(--tonbo-touch-target);border:1px solid var(--tonbo-gray-200);color:var(--tonbo-gray-700);background:var(--tonbo-surface);border-radius:8px;padding:0 8px;font-size:13px}.public-home-header-cta,.public-home-primary{color:var(--tonbo-on-primary);background:var(--tonbo-primary-700);border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex}.public-home-header-cta:hover,.public-home-primary:hover{color:var(--tonbo-on-primary);background:var(--tonbo-primary-600);transform:translateY(-1px)}.public-home-hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:44px;width:min(100% - 48px,1240px);min-height:600px;margin:0 auto;padding:72px 0 90px;display:grid}.public-home-hero-copy{z-index:1;max-width:570px;position:relative}.public-home-eyebrow{color:var(--tonbo-primary-700);letter-spacing:.08em;margin:0 0 14px;font-size:13px;font-weight:750}.public-home-hero h1{max-width:650px;color:var(--tonbo-primary-900);letter-spacing:-.045em;white-space:pre-line;font-size:clamp(42px,5.6vw,70px);line-height:1.13}.public-home-intro{max-width:520px;color:var(--tonbo-gray-500);margin:22px 0 0;font-size:17px;line-height:1.8}.public-home-hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.public-home-hero-actions .public-home-primary{min-height:52px;padding:14px 22px}.public-home-secondary{color:var(--tonbo-gray-600);font-size:14px;font-weight:700;text-decoration:none}.public-home-secondary:hover{color:var(--tonbo-primary-600)}.public-home-role-note{color:var(--tonbo-gray-500);align-items:flex-start;gap:10px;margin-top:34px;font-size:12px;line-height:1.6;display:flex}.public-home-role-note>span{width:20px;height:20px;color:var(--tonbo-primary-700);background:var(--tonbo-primary-50);border-radius:50%;flex:0 0 20px;place-items:center;font-weight:800;display:grid}.public-home-role-note p{margin:0}.public-home-preview{isolation:isolate;place-items:center;min-height:420px;display:grid;position:relative}.public-home-preview:before{z-index:-1;aspect-ratio:1;background:radial-gradient(circle, var(--tonbo-primary-100) 0, var(--tonbo-gray-100) 48%, var(--tonbo-gray-50) 70%);content:"";border-radius:50%;width:min(92%,500px);position:absolute}.public-home-preview-orbit{z-index:-1;border:1px solid var(--tonbo-primary-100);border-radius:50%;position:absolute}.public-home-preview-orbit-one{aspect-ratio:1;width:90%}.public-home-preview-orbit-two{aspect-ratio:1;border-style:dashed;width:72%}.public-home-preview-card{border:1px solid var(--tonbo-gray-200);background:var(--tonbo-surface);border-radius:18px;width:min(100%,510px);padding:24px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 28px 80px #14213a1a}.public-home-preview-header,.public-home-preview-brand,.public-home-preview-chart-heading,.public-home-preview-footer{align-items:center;display:flex}.public-home-preview-header,.public-home-preview-chart-heading{justify-content:space-between}.public-home-preview-brand{gap:10px}.public-home-preview-brand div{gap:3px;display:grid}.public-home-preview-brand strong{color:var(--tonbo-primary-900);font-size:13px}.public-home-preview-brand div>span{color:var(--tonbo-text-subtle);font-size:11px}.public-home-preview-indicator,.public-home-preview-footer-dot{background:var(--tonbo-primary-400);border-radius:50%;width:8px;height:8px}.public-home-preview-chart{background:var(--tonbo-gray-50);border-radius:12px;margin-top:26px;padding:16px 16px 12px}.public-home-preview-chart-heading{color:var(--tonbo-gray-500);gap:12px;font-size:11px}.public-home-preview-chart-lines{color:var(--tonbo-primary-700);font-size:18px;font-weight:800}.public-home-chart-bars{border-bottom:1px solid var(--tonbo-primary-100);background:repeating-linear-gradient(to bottom, transparent 0, transparent 33px, var(--tonbo-gray-200) 34px, transparent 35px);align-items:end;gap:9px;height:105px;margin-top:10px;display:flex}.public-home-chart-bars i{background:linear-gradient(180deg, var(--tonbo-primary-300), var(--tonbo-primary-200));border-radius:5px 5px 0 0;flex:1}.public-home-chart-bars i:first-child{height:31%}.public-home-chart-bars i:nth-child(2){height:45%}.public-home-chart-bars i:nth-child(3){height:38%}.public-home-chart-bars i:nth-child(4){height:58%}.public-home-chart-bars i:nth-child(5){height:49%}.public-home-chart-bars i:nth-child(6){height:67%}.public-home-chart-bars i:nth-child(7){height:55%}.public-home-chart-bars i:nth-child(8){height:74%}.public-home-chart-bars i:nth-child(9){height:63%}.public-home-chart-bars i:nth-child(10){height:84%}.public-home-chart-bars i:nth-child(11){height:72%}.public-home-chart-bars i:nth-child(12){height:93%}.public-home-preview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.public-home-preview-stats>div{border:1px solid var(--tonbo-gray-100);border-radius:10px;gap:6px;padding:12px;display:grid}.public-home-preview-stats span{color:var(--tonbo-gray-500);font-size:10px}.public-home-preview-stats strong{color:var(--tonbo-primary-900);font-size:15px}.public-home-preview-stats small{color:var(--tonbo-primary-500);font-size:9px}.public-home-preview-stats .public-home-stat-muted{color:var(--tonbo-text-subtle)}.public-home-preview-footer{color:var(--tonbo-text-subtle);gap:8px;margin-top:16px;font-size:10px}.public-home-preview-footer-dot{flex:0 0 6px;width:6px;height:6px}.public-home-float-card{border:1px solid var(--tonbo-gray-200);color:var(--tonbo-gray-700);background:var(--tonbo-surface);border-radius:12px;align-items:center;gap:9px;padding:11px 14px;font-size:11px;font-weight:700;display:flex;position:absolute;box-shadow:0 12px 35px #14213a16}.public-home-float-stock{top:22%;right:-2%}.public-home-float-sale{bottom:12%;left:-3%}.public-home-float-icon{width:25px;height:25px;color:var(--tonbo-primary-700);background:var(--tonbo-primary-50);border-radius:8px;place-items:center;font-size:14px;display:grid}.public-home-capabilities{background:var(--tonbo-gray-100);padding:100px 24px 110px}.public-home-section-heading{text-align:center;max-width:720px;margin:0 auto 48px}.public-home-section-heading h2,.public-home-workflow h2,.public-home-setup h2{color:var(--tonbo-primary-900);letter-spacing:-.035em;margin:0;font-size:clamp(28px,3.5vw,42px);line-height:1.25}.public-home-section-heading>p:last-child{color:var(--tonbo-gray-500);margin:14px auto 0;line-height:1.75}.public-home-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(100%,1160px);margin:0 auto;display:grid}.public-home-capability-card{border:1px solid var(--tonbo-gray-200);background:var(--tonbo-surface);border-radius:14px;min-height:240px;padding:24px;box-shadow:0 8px 22px #14213a05}.public-home-capability-icon{width:42px;height:42px;color:var(--tonbo-primary-700);background:var(--tonbo-primary-50);border-radius:12px;place-items:center;font-size:20px;font-weight:800;display:grid}.public-home-capability-card h3{color:var(--tonbo-primary-900);margin:18px 0 8px;font-size:17px}.public-home-capability-card p{color:var(--tonbo-gray-500);margin:0;font-size:13px;line-height:1.75}.public-home-capability-card small{color:var(--tonbo-primary-700);margin-top:14px;font-size:11px;font-weight:650;line-height:1.6;display:block}.public-home-workflow{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:54px;width:min(100% - 48px,1160px);margin:0 auto;padding:100px 0;display:grid}.public-home-workflow-copy>p:last-child{color:var(--tonbo-gray-500);margin:16px 0 0;font-size:14px;line-height:1.8}.public-home-workflow-steps{align-items:center;gap:12px;display:flex}.public-home-workflow-step{border:1px solid var(--tonbo-gray-200);background:var(--tonbo-surface);border-radius:12px;flex:1;gap:9px;min-width:0;padding:16px 12px;display:grid}.public-home-workflow-step>span{color:var(--tonbo-primary-700);font-size:10px;font-weight:750}.public-home-workflow-step strong{color:var(--tonbo-gray-800);font-size:12px;line-height:1.45}.public-home-workflow-arrow{color:var(--tonbo-text-subtle);flex:none;font-size:14px}.public-home-setup{width:min(100% - 48px,1160px);color:var(--tonbo-on-primary);background:var(--tonbo-primary-900);border-radius:20px;justify-content:space-between;align-items:center;gap:38px;margin:0 auto 80px;padding:clamp(28px,5vw,56px);display:flex}.public-home-setup .public-home-eyebrow{color:var(--tonbo-primary-300)}.public-home-setup h2{max-width:650px;color:var(--tonbo-on-primary)}.public-home-setup>div>p:not(.public-home-eyebrow){max-width:660px;color:var(--tonbo-gray-300);margin:14px 0 0;font-size:14px;line-height:1.75}.public-home-setup ul{color:var(--tonbo-gray-300);gap:8px;margin:18px 0 0;padding-left:20px;font-size:11px;line-height:1.6;display:grid}.public-home-setup .public-home-primary{background:var(--tonbo-primary-700);flex:none;min-height:50px}.public-home-footer{border-top:1px solid var(--tonbo-gray-100);justify-content:space-between;align-items:center;gap:20px;width:min(100% - 48px,1240px);min-height:88px;margin:0 auto;display:flex}.public-home-footer p{color:var(--tonbo-text-subtle);margin:0;font-size:11px}@media (width<=980px){.public-home-hero{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:22px;min-height:auto;padding:64px 0 76px}.public-home-preview-card{padding:18px}.public-home-preview-stats>div{padding:9px}.public-home-preview-stats strong{font-size:13px}.public-home-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-home-workflow{grid-template-columns:minmax(0,1fr);gap:30px}}@media (width<=700px){.public-home-header{width:min(100% - 32px,1240px);min-height:72px}.public-home-navigation{gap:11px}.public-home-navigation>a:not(.public-home-sign-in):not(.public-home-header-cta){display:none}.public-home-navigation select{min-height:var(--tonbo-touch-target);max-width:82px;padding:0 4px}.public-home-header-cta{padding:10px 12px;font-size:12px}.public-home-hero{grid-template-columns:minmax(0,1fr);gap:28px;width:min(100% - 36px,600px);padding:58px 0 72px}.public-home-hero h1{font-size:clamp(42px,12vw,58px)}.public-home-intro{font-size:15px}.public-home-preview{min-height:340px}.public-home-preview-card{width:min(100% - 22px,480px)}.public-home-preview-chart{margin-top:18px}.public-home-preview-stats>div{padding:8px}.public-home-preview-stats span{font-size:9px}.public-home-preview-stats strong{font-size:11px}.public-home-float-stock{top:13%;right:-1%}.public-home-float-sale{bottom:5%;left:-1%}.public-home-capabilities{padding:72px 18px}.public-home-section-heading{text-align:left;margin-bottom:32px}.public-home-capability-grid{grid-template-columns:minmax(0,1fr);gap:12px}.public-home-capability-card{min-height:0;padding:20px}.public-home-workflow{width:min(100% - 36px,600px);padding:72px 0}.public-home-workflow-steps{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;display:grid}.public-home-workflow-step{min-height:90px;padding:13px 10px}.public-home-workflow-arrow:nth-of-type(4){display:none}.public-home-workflow-step:nth-of-type(5){grid-column:2}.public-home-setup{border-radius:16px;flex-direction:column;align-items:flex-start;gap:24px;width:min(100% - 32px,600px);margin-bottom:46px;padding:28px 22px}.public-home-setup .public-home-primary{width:100%}.public-home-footer{flex-wrap:wrap;width:min(100% - 32px,600px);padding:18px 0}.public-home-footer p{order:3;width:100%}}@media (width<=380px){.public-home-header{gap:10px;width:min(100% - 24px,1240px)}.public-home-navigation{gap:8px}.public-home-brand{gap:7px;font-size:14px}.public-home-sign-in{font-size:12px!important}.public-home-header-cta{padding:9px}.public-home-workflow-steps{gap:6px}.public-home-workflow-step strong{font-size:10px}}@media (prefers-reduced-motion:reduce){.public-home-header-cta,.public-home-primary{transition:none}}.staff-table{border-collapse:collapse;width:100%}.staff-table th,.staff-table td{border-bottom:1px solid var(--tonbo-gray-200);text-align:left;vertical-align:middle;padding:.6rem .5rem}.staff-table td small{display:block}.method-chip,.status-chip{background:var(--tonbo-gray-100);border-radius:999px;margin:0 .25rem .25rem 0;padding:.1rem .5rem;font-size:.875rem;display:inline-block}.status-success{background:var(--tonbo-success-100);color:var(--tonbo-success-800)}.status-warn{background:var(--tonbo-warning-100);color:var(--tonbo-warning-800)}.status-expired{background:var(--tonbo-danger-100);color:var(--tonbo-danger-800)}.status-muted{color:var(--tonbo-gray-600)}.row-menu{position:relative}.row-menu summary{min-width:var(--tonbo-touch-target);min-height:var(--tonbo-touch-target);cursor:pointer;justify-content:center;align-items:center;padding:.25rem .6rem;font-size:1.2rem;list-style:none;display:inline-flex}.row-menu summary::-webkit-details-marker{display:none}.row-menu-items{z-index:10;background:var(--tonbo-surface);border:1px solid var(--tonbo-gray-200);border-radius:.5rem;flex-direction:column;min-width:12rem;padding:.25rem;display:flex;position:absolute;right:0;box-shadow:0 6px 18px #0000001f}.row-menu-items button{text-align:left;background:0 0;border:0;padding:.5rem .75rem}.row-menu-items button:hover{background:var(--tonbo-gray-100)}.row-menu-items button.danger{color:var(--tonbo-danger-700)}.staff-empty{text-align:center;margin-bottom:1rem}.staff-form{flex-direction:column;gap:.75rem;display:flex}.staff-form label{flex-direction:column;gap:.25rem;display:flex}.role-picker{border:0;flex-direction:column;gap:.5rem;padding:0;display:flex}.role-option{text-align:left;border:1px solid var(--tonbo-gray-300);background:var(--tonbo-surface);border-radius:.5rem;padding:.6rem}.role-option.selected{border-color:var(--tonbo-primary-400);background:var(--tonbo-primary-50)}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.share-body{flex-direction:column;align-items:center;gap:.75rem;display:flex}.share-qr{width:240px;height:240px}.share-url,.share-link{word-break:break-all;width:100%}.line-share,.social-line{color:var(--tonbo-on-line-brand);background:var(--tonbo-line-brand);border-color:var(--tonbo-line-brand)}.social-buttons{flex-direction:column;gap:.5rem;display:flex}.social-buttons button{width:100%;min-height:2.75rem}.social-hint{color:var(--tonbo-gray-500);font-size:.85rem}.auth-divider{color:var(--tonbo-gray-500);align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--tonbo-gray-200);flex:1;height:1px}.invite-page{place-items:center;min-height:100dvh;padding:1rem;display:grid}.invite-card{background:var(--tonbo-surface);border-radius:.75rem;flex-direction:column;gap:.75rem;width:min(26rem,100%);padding:1.5rem;display:flex;box-shadow:0 6px 24px #00000014}.legal-consent{align-items:flex-start;gap:.5rem;display:flex;flex-direction:row!important}.password-field{gap:.25rem;display:flex}.password-field input{flex:1}.auth-banner{background:var(--tonbo-warning-100);border-radius:.5rem;padding:.6rem .8rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.error-bar{color:var(--tonbo-danger-800);background:var(--tonbo-danger-100);border:1px solid var(--tonbo-danger-300);border-radius:.5rem;margin:0;padding:.6rem .8rem}.session-expiring .error,.session-expiring .p-message-error{visibility:hidden}.shift-bar{border:1px solid var(--tonbo-gray-200);background:var(--tonbo-gray-50);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.shift-bar-none{border-color:var(--tonbo-warning-300);background:var(--tonbo-warning-50)}.shift-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem 1rem;display:grid}.shift-summary-grid dd{margin:0;font-weight:600}.shift-noncash ul{padding:0;list-style:none}.shift-noncash li{justify-content:space-between;display:flex}.shift-close-warning{color:var(--tonbo-danger-700);font-weight:600}.quota-counters{gap:1rem;display:flex}.sale-outside-shift{margin-left:.25rem}.shift-live-equal{color:var(--tonbo-success-700)}.shift-live-short{color:var(--tonbo-danger-700)}.shift-live-over{color:var(--tonbo-warning-700)}.shift-filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;display:flex}.shift-filters label{gap:4px;display:grid}.shift-outside-notice{color:var(--tonbo-gray-500);margin:8px 0}.shift-branch-closed{margin-left:6px}.receipt-title{text-align:center;margin:0 0 6px;font-size:1.05em}.receipt-section-title{font-weight:600;margin:4px 0!important}.branch-create-form{gap:6px;max-width:420px;display:grid}.branch-rename{align-items:center;gap:6px;display:flex}.branch-actions{white-space:nowrap}:root{--loading-mask:#ffffff94}.fullscreen-loading-dialog{border:1px solid var(--surface-border,var(--tonbo-gray-200));border-radius:.75rem;width:min(22rem,100vw - 2rem)}.fullscreen-loading-content{text-align:center;justify-items:center;gap:.75rem;padding:.75rem .5rem;display:grid}.fullscreen-loading-content p{color:var(--text-color,var(--tonbo-gray-800));margin:0}.blocking-section{position:relative}.blocking-section-status{z-index:2;background:var(--loading-mask);color:var(--text-color,var(--tonbo-gray-800));pointer-events:none;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.blocking-section-status .p-progressspinner{width:2rem;height:2rem}.loading-rows{gap:.75rem;padding:.75rem 0;display:grid}.loading-row{border-bottom:1px solid var(--surface-border,var(--tonbo-gray-200));grid-template-columns:repeat(2,minmax(0,1fr)) minmax(3rem,.4fr);align-items:center;gap:1rem;min-height:2.5rem;padding:.5rem .75rem;display:grid}.dashboard-loading-kpis,.dashboard-loading-panels{gap:1rem;display:grid}.dashboard-loading-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.dashboard-loading-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-loading-panels .panel{align-content:start;gap:1rem;min-height:14rem;display:grid}.dashboard-loading-title{margin-bottom:.5rem}.dashboard-loading-row{justify-content:space-between;gap:1rem;padding:.25rem 0;display:flex}[data-sonner-toaster]{font-family:inherit}@media (width<=760px){.dashboard-loading-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-loading-panels{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.p-skeleton,[data-sonner-toast]{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.toast-icon{width:18px;height:18px;color:var(--tonbo-on-primary);border-radius:50%;place-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-grid}.toast-icon-success{background:var(--tonbo-success-700)}.toast-icon-error{background:var(--tonbo-danger-700)}.nav-accordion{gap:4px;display:grid}.nav-group-toggle{width:100%;color:var(--tonbo-gray-200);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.nav-group-toggle:hover,.nav-group-active>.nav-group-toggle{background:var(--tonbo-primary-900);color:var(--tonbo-on-primary)}.nav-group-items{gap:2px;padding:2px 0 6px 10px;display:grid}.sidebar nav a.nav-item-active,.mobile-navigation a.nav-item-active{color:var(--tonbo-on-primary);background:var(--tonbo-primary-700)}.staff-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.staff-card{background:var(--tonbo-surface);border:1px solid var(--tonbo-gray-200);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.staff-card-main{gap:6px;min-width:0;display:grid}.staff-card-main p{margin:0}.staff-card-line1{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.staff-card-name{font-size:1.1rem}.staff-card-email{overflow-wrap:anywhere}.staff-card-line2,.staff-card-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.staff-card-meta{font-size:.85rem}.staff-card-menu-button{flex:none;font-size:1.3rem}.staff-action-danger .p-menu-item-label{color:var(--tonbo-danger-700)}@media (width>=1100px){.staff-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-title-row{align-items:center;gap:8px;display:flex}.page-help-reopen{width:28px;height:28px;color:var(--tonbo-primary-400);background:var(--tonbo-primary-50);border:1px solid var(--tonbo-primary-100);cursor:pointer;border-radius:999px;flex:none;place-items:center;padding:0;font-weight:700;display:inline-grid}.page-help-box{color:var(--tonbo-primary-600);background:var(--tonbo-primary-50);border:1px solid var(--tonbo-primary-100);border-radius:12px;justify-items:start;gap:6px;margin:0 0 16px;padding:14px 16px;display:grid}.page-help-box .page-help-title{margin:0;font-size:1rem}.page-help-box .page-help-line{margin:0}.page-help-box .page-help-dismiss{margin-top:4px}.product-create-image-row{align-items:center;gap:12px;display:flex}.product-create-image-preview,.product-create-image-empty{object-fit:cover;border-radius:12px;width:96px;height:96px}.product-create-image-empty{color:var(--tonbo-gray-600);background:var(--tonbo-gray-50);border:1px dashed var(--tonbo-gray-300);cursor:pointer;place-items:center;padding:8px;font-size:1.4rem;display:grid}.product-create-image-empty span{font-size:.75rem}.product-create-image-actions{flex-wrap:wrap;gap:6px;display:flex}.image-after-save{background:var(--tonbo-danger-50);border:1px solid var(--tonbo-danger-200);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.image-after-save p{margin:0}.beam-readiness{justify-items:start;gap:8px;display:grid}.beam-readiness-body{margin:0}.beam-profile-values{gap:6px;margin-bottom:8px;display:grid}.beam-readonly{margin:0;font-weight:600}.beam-info-list{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 12px;display:grid}.beam-info-list dt{color:var(--tonbo-gray-500)}.beam-info-list dd{overflow-wrap:anywhere;margin:0;font-weight:600}.beam-request-error{background:var(--tonbo-danger-50);border:1px solid var(--tonbo-danger-200);border-radius:10px;margin:8px 0;padding:10px 12px}.beam-request-error a{margin-left:6px;font-weight:600}.sidebar{background:var(--tonbo-primary-950)}.nav-group-toggle{min-height:var(--tonbo-touch-target)}.nav-group-toggle:hover,.nav-group-active>.nav-group-toggle{background:var(--tonbo-primary-900)}.nav-group-chevron{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .15s;transform:rotate(-45deg)}.nav-group-open>.nav-group-toggle .nav-group-chevron{transform:rotate(45deg)}.nav-group-items{border-left:1px solid var(--tonbo-primary-800);margin-left:14px;padding-left:8px}.sidebar nav a,.mobile-navigation a{min-height:var(--tonbo-touch-target);align-items:center;display:flex}.sidebar nav a.nav-item-active,.mobile-navigation a.nav-item-active{background:var(--tonbo-primary-800);box-shadow:inset 3px 0 0 var(--tonbo-accent-500)}.sidebar-footer a,.mobile-navigation-footer a{color:var(--tonbo-primary-100);text-decoration:none}.sidebar-footer a:hover,.mobile-navigation-footer a:hover{color:var(--tonbo-on-primary);text-decoration:underline}.sidebar-footer .app-version{color:var(--tonbo-primary-300);font-size:11px}.sidebar select,.mobile-navigation-footer select{border-color:var(--tonbo-primary-700);background:var(--tonbo-primary-900)}.shift-bar{min-height:3.25rem}.shift-bar-loading{background:linear-gradient(90deg, var(--tonbo-gray-100) 25%, var(--tonbo-gray-50) 50%, var(--tonbo-gray-100) 75%);background-size:200% 100%;animation:1.2s linear infinite shift-bar-shimmer}@keyframes shift-bar-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.shift-bar-loading{animation:none}}.pos-layout{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:start}.pos-layout>.cart,.pos-layout>:last-child:not(.panel) .cart{top:var(--tonbo-space-4);position:sticky}.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}.product-card{min-height:var(--tonbo-touch-target);border-radius:var(--tonbo-radius-md);background:var(--tonbo-surface);transition:border-color .15s,box-shadow .15s}.product-card:hover{box-shadow:0 2px 8px #082b351f}.product-card b{font-size:1.1rem}.cart-line .cart-line-stepper{align-items:center;gap:var(--tonbo-space-1);flex:none;display:inline-flex}.cart-line-stepper input{width:56px;min-width:56px;min-height:var(--tonbo-touch-target)}.stepper-button{min-width:44px;min-height:44px;padding:0;font-size:1.1rem;line-height:1}.pos-member-details{margin-bottom:var(--tonbo-space-3);border:1px solid var(--tonbo-border);border-radius:var(--tonbo-radius-md);padding:var(--tonbo-space-2) var(--tonbo-space-3)}.pos-member-details>summary{min-height:var(--tonbo-touch-target);color:var(--tonbo-text-muted);cursor:pointer;align-items:center;font-weight:600;display:flex}.pos-member-details[open]>summary{margin-bottom:var(--tonbo-space-3)}.payment-settings-link{color:var(--tonbo-primary-700);font-size:.85rem}.cart-total:last-of-type strong{color:var(--tonbo-primary-800);font-size:1.6rem}.checkout-next-step{margin:0 0 var(--tonbo-space-2);color:var(--tonbo-warning);font-weight:600}.pos-mobile-bar{display:none}@media (width<=850px){.pos-layout{grid-template-columns:minmax(0,1fr)}.pos-layout>.cart{position:static}.pos-mobile-bar{z-index:20;right:calc(var(--tonbo-space-3) + env(safe-area-inset-right));bottom:calc(var(--tonbo-space-3) + env(safe-area-inset-bottom));left:calc(var(--tonbo-space-3) + env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:var(--tonbo-space-3);border-radius:var(--tonbo-radius-lg);min-height:52px;padding:0 var(--tonbo-space-4);color:var(--tonbo-on-primary);background:var(--tonbo-primary-700);border:0;font-weight:600;display:flex;position:fixed;box-shadow:0 4px 16px #082b354d}.pos-mobile-bar strong{font-size:1.15rem}.page{padding-bottom:88px}.cart-line .cart-line-stepper{flex:none;order:2}.cart-line-stepper input{order:0}}.cash-dialog{gap:var(--tonbo-space-3);display:grid}.cash-dialog-total{justify-content:space-between;align-items:baseline;font-size:1.1rem;display:flex}.cash-dialog-total strong{color:var(--tonbo-primary-800);font-size:2rem}.cash-dialog-label{font-weight:600}.cash-dialog-input{min-height:var(--tonbo-touch-target);text-align:right;font-size:1.4rem}.cash-numpad{gap:var(--tonbo-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.numpad-key{min-height:52px;font-size:1.3rem;font-weight:600}.numpad-clear{font-size:1rem}.cash-dialog-change{color:var(--tonbo-success);margin:0;font-size:1.2rem}.cash-dialog-change strong{font-size:1.6rem}.brand-logo{max-width:100%;height:auto;display:block}.brand{align-items:center}.empty-state{justify-items:center;gap:var(--tonbo-space-2);padding:var(--tonbo-space-4) 0;text-align:center;display:grid}.empty-state p{margin:0}.kpis .kpi-card{border:1px solid var(--tonbo-gray-200);border-radius:var(--tonbo-radius-lg);min-width:0;color:inherit;background:var(--tonbo-surface);padding:20px;text-decoration:none;display:block}.kpis .kpi-card strong{color:var(--tonbo-primary-800);font-size:clamp(20px,2.2vw,28px)}.kpis .kpi-card-link{transition:border-color .15s,box-shadow .15s}.kpis .kpi-card-link:hover,.kpis .kpi-card-link:focus-visible{border-color:var(--tonbo-primary-600);box-shadow:0 2px 8px #082b351f}.date-caption{color:var(--tonbo-primary-700);font-size:12px;font-weight:600}input,select,button.secondary,.secondary{min-height:var(--tonbo-touch-target)}small{color:var(--tonbo-gray-600)}.app-splash{place-content:center;justify-items:center;gap:var(--tonbo-space-3);background:var(--tonbo-surface-muted);min-height:100dvh;display:grid}.app-splash p{margin:0}.floating-language{top:calc(var(--tonbo-space-3) + env(safe-area-inset-top));right:calc(var(--tonbo-space-3) + env(safe-area-inset-right));z-index:20;width:auto;min-height:var(--tonbo-touch-target);position:fixed}.category-chips{gap:var(--tonbo-space-2);margin-bottom:var(--tonbo-space-3);padding-bottom:var(--tonbo-space-1);flex-wrap:nowrap;display:flex;overflow-x:auto}.category-chip{min-height:var(--tonbo-touch-target);border:1px solid var(--tonbo-gray-300);padding:0 var(--tonbo-space-4);color:var(--tonbo-gray-700);background:var(--tonbo-surface);border-radius:999px;flex:none;font-weight:600}.category-chip:hover{border-color:var(--tonbo-primary-600)}.category-chip-active{border-color:var(--tonbo-primary-600);color:var(--tonbo-on-primary);background:var(--tonbo-primary-600)}.auth-card .brand{justify-content:space-between}.sidebar .brand{border-radius:var(--tonbo-radius-md);background:#ffffff17;padding:8px 10px}.table-scroll{background:linear-gradient(90deg,#fff 30%,#fff0) 0/24px 100% no-repeat local,linear-gradient(270deg,#fff 30%,#fff0) 100%/24px 100% no-repeat local,linear-gradient(90deg,#0f172a24,#0f172a00) 0/10px 100% no-repeat,linear-gradient(270deg,#0f172a24,#0f172a00) 100%/10px 100% no-repeat}@media (width<=850px){.table-scroll th:first-child,.table-scroll td:first-child{z-index:1;background:var(--tonbo-surface);position:sticky;left:0}}@media (width<=700px){table.table-cards{min-width:0}table.table-cards thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}table.table-cards,table.table-cards tbody,table.table-cards tr,table.table-cards td{display:block}table.table-cards tr{margin-bottom:var(--tonbo-space-3);border:1px solid var(--tonbo-border);border-radius:var(--tonbo-radius-md);padding:var(--tonbo-space-2) var(--tonbo-space-3);background:var(--tonbo-surface)}table.table-cards td{justify-content:space-between;align-items:baseline;gap:var(--tonbo-space-3);padding:var(--tonbo-space-1) 0;text-align:right;border-bottom:0;display:flex}table.table-cards td[data-label]:before{color:var(--tonbo-text-muted);text-align:left;content:attr(data-label);flex:0 0 38%;font-weight:650}.table-scroll table.table-cards td:first-child{background:0 0;position:static}}