:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--surface-3:#f8fafc;--text:#0f172a;--ink-2:#334155;--muted:#64748b;--faint:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--navy:#0f172a;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#eff6ff;--primary-ring:#2563eb2e;--ok:#059669;--ok-soft:#ecfdf5;--ok-strong:#047857;--warn:#d97706;--warn-soft:#fffbeb;--error:#dc2626;--error-soft:#fef2f2;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0f;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 12px 24px -4px #0f172a1f, 0 4px 8px -2px #0f172a0a;--tap:52px;--fast:.14s;--ease:cubic-bezier(.16, 1, .3, 1);font-feature-settings:"cv02", "cv03", "cv04", "cv11", "tnum" 1;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);-webkit-user-select:none;user-select:none;overscroll-behavior:none}.shell-main,.product-grid,.cart,.cat-chips,.results,.modal-body,.rail{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}h1,h2,h3{margin:0;line-height:1.2}h1{letter-spacing:-.015em;font-size:1.375rem;font-weight:600}h2{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}h3{margin-top:6px;font-size:1rem;font-weight:600}p{margin:0}small,.small{font-size:.8125rem}.muted{color:var(--muted)}.error{color:var(--error);min-height:1.2em}.bad{color:var(--error)}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.center-text{text-align:center}.spacer,.grow{flex:1}.pad{padding:16px}.icon{flex:none;display:block}button{font:inherit;color:inherit;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;min-height:48px;transition:transform var(--fast) var(--ease), background-color var(--fast), border-color var(--fast), box-shadow var(--fast);touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:inline-flex}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible{box-shadow:0 0 0 3px var(--primary-ring);outline:none}button.primary,button.primary.tool{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600;box-shadow:0 1px 2px #2563eb33}button.primary:hover:not(:disabled),button.primary.tool:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong);color:#fff}button.primary:active:not(:disabled),button.primary.tool:active:not(:disabled){color:#fff;background:#1e40af;border-color:#1e40af;transform:scale(.97)}button.ghost{background:0 0;border-color:#0000}button.danger{color:#b91c1c;background:var(--surface);border-color:#fecaca}button.wide{width:100%}button.big-btn{border-radius:var(--radius);min-height:56px;font-size:1.0625rem;font-weight:600}button.icon-only{width:48px;padding:0}button.tool:not(.primary){background:var(--surface);color:var(--text)}input,select{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:48px;color:var(--text);-webkit-user-select:text;user-select:text;width:100%;transition:border-color var(--fast), box-shadow var(--fast);padding:10px 12px}input::placeholder{color:var(--faint)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}input:disabled{background:var(--surface-3);color:var(--faint)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card>h2:first-child,.card-head h2{font-size:.9375rem}.card.full{flex-direction:column;gap:14px;display:flex}.narrow{flex-direction:column;gap:12px;width:min(460px,100%);display:flex}.form{flex-direction:column;gap:14px;width:min(620px,100%);display:flex}.modal .form,.card.form{width:100%}.form label{color:var(--ink-2);flex-direction:column;flex:1;gap:6px;font-size:.875rem;font-weight:500;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row>label{min-width:180px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-sm);background:var(--surface);min-height:44px;padding:8px 16px}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.check{align-items:center;flex-direction:row!important;gap:10px!important}.check input{width:24px;height:24px;min-height:0}.badge{color:#1e40af;vertical-align:middle;background:#eff6ff;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem;font-weight:500;display:inline-block;box-shadow:inset 0 0 0 1px #bfdbfe}.badge.ok{background:var(--ok-soft);color:#065f46;box-shadow:inset 0 0 0 1px #a7f3d0}.badge.bad{background:var(--error-soft);color:#991b1b;box-shadow:inset 0 0 0 1px #fecaca}.notice{border-radius:var(--radius-sm);background:var(--warn-soft);color:#92400e;border:1px solid #fde68a;padding:10px 14px;font-size:.9rem}.error-box{border-radius:var(--radius-sm);background:var(--error-soft);color:#b91c1c;border:1px solid #fecaca;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;display:flex}.amount{text-align:right;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.list{margin:0;padding-left:1.2rem}.credit{color:var(--muted);text-align:center;margin-top:12px;font-size:.8125rem}.credit strong{color:var(--text);font-weight:700}.keypad,.pin-keys{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.key{background:var(--surface);border-color:var(--line);font-variant-numeric:tabular-nums;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:64px;transition:all var(--fast) var(--ease);font-size:1.45rem;font-weight:600}.key:active:not(:disabled){background:var(--surface-3);border-color:var(--primary);transform:scale(.95)}.topbar{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);z-index:2;align-items:center;gap:10px;padding:10px 16px;display:flex;position:relative}.brand{align-items:center;gap:10px;min-width:0;font-size:1.1rem;display:flex}.brand strong{letter-spacing:-.01em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;font-weight:800;overflow:hidden}.brand.big{margin-bottom:18px;font-size:1.3rem}.brand-mark{background:var(--navy);color:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.brand-logo-img{object-fit:contain;width:40px;height:40px;box-shadow:var(--shadow-xs);background:#004aad;border-radius:10px;flex:none}.brand.big .brand-logo-img{border-radius:12px;width:48px;height:48px}.rail-logo .brand-logo-img{border-radius:12px;width:46px;height:46px}.login-brand .brand-logo-img{border:1px solid #ffffff40;border-radius:10px;width:42px;height:42px}.who{align-items:center;gap:10px;margin-right:6px;display:flex}.who small{color:var(--muted);display:block}.avatar{background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.avatar.big{width:56px;height:56px;font-size:1.2rem}.page-title{font-size:1.15rem}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.login{min-height:100vh;background:linear-gradient(#14213d59, #14213d99), url(/assets/login-bg-BVjzvjvH.jpg) center / cover no-repeat, var(--navy);color:#fff;place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login-glass{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);scrollbar-width:none;background:#ffffff1f;border:1px solid #ffffff59;border-radius:20px;flex-direction:column;gap:22px;width:min(400px,100%);max-height:calc(100dvh - 32px);padding:32px 28px 20px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000059}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login-glass{background:#14213dd1}}.login-brand{align-items:center;gap:14px;min-width:0;display:flex}.login-brand .brand-mark{background:#ffffff29;width:44px;height:44px;font-size:1.25rem;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff59}.login-brand strong{letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 3px #0000004d;font-size:1.45rem;font-weight:800;display:block}.login-brand small{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.login-head{margin-bottom:18px}.login-head h1{letter-spacing:-.02em;font-size:2rem;font-weight:700}.login-head p{color:#ffffffd9;margin-top:6px;font-size:.9375rem}.login-hint{color:#fffc;text-align:center;padding:12px 0}.name-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.name-row{text-align:left;color:#fff;background:#ffffff14;border:1px solid #ffffff73;border-radius:14px;justify-content:flex-start;gap:12px;width:100%;min-height:60px;padding:10px 14px}.name-row:active:not(:disabled){background:#fff3;transform:none}.name-row:disabled{opacity:.6}.name-row:focus-visible{box-shadow:0 0 0 3px #ffffff59}.login .avatar{color:#fff;background:#ffffff2e}.name-text{flex-direction:column;flex:1;min-width:0;display:flex}.name-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.name-text small{color:#ffffffbf}.name-chevron{color:#ffffffb3}.login-pin{flex-direction:column;gap:12px;display:flex}.pin-who{border-bottom:1px solid #ffffff40;align-items:center;gap:12px;padding-bottom:14px;display:flex}.pin-who strong{font-weight:600;display:block}.pin-who small{color:#ffffffbf;display:block}.pin-back{color:#fff;margin-left:-10px}.pin-label{color:#ffffffd9;text-align:center;font-size:.875rem}.login .pin-keys{gap:10px}.login .key{color:#fff;background:#ffffff14;border-color:#fff6;border-radius:12px;min-height:56px}.login .key:active:not(:disabled){background:#ffffff3d}.login .dot{border-color:#ffffffb3}.login .dot.filled{background:#fff;border-color:#fff}.login .big-btn{border-radius:12px;min-height:54px}.login button.primary:disabled{opacity:.55}.login .error{color:#fecaca;text-align:center;font-size:.875rem}.login .mini-steps{color:#ffffffb3;justify-content:center}.login .mini-steps span{border-color:#fff6}.login .mini-steps li.now{color:#fff}.login .mini-steps li.now span{color:var(--navy);background:#fff;border-color:#fff}.login .mini-steps li.done span{color:#fff;background:#fff3;border-color:#0000}.login .credit,.login-credit.credit{color:#ffffffe0;text-shadow:0 1px 3px #0006;text-align:center;margin:12px 0 0;font-size:.875rem}.login .credit strong,.login-credit.credit strong{color:#fff;letter-spacing:.02em;font-weight:800}.pinpad{flex-direction:column;gap:14px;display:flex}.pin-dots{justify-content:center;gap:14px;padding:4px 0;display:flex}.dot{border:1.5px solid var(--line-strong);width:14px;height:14px;transition:transform var(--fast) var(--ease), background-color var(--fast);border-radius:50%}.dot.filled{background:var(--navy);border-color:var(--navy)}.pin-dots.shake{animation:shake .32s var(--ease)}@media (max-height:700px){.login{padding:10px 16px}.login-glass{gap:12px;max-height:calc(100dvh - 20px);padding:18px 22px 12px}.login-head{margin-bottom:10px}.login-head h1{font-size:1.5rem}.login-pin,.login .pinpad,.login .pin-keys{gap:8px}.login .key{min-height:44px;font-size:1.2rem}.login .big-btn{min-height:48px}.pin-who{padding-bottom:8px}.pin-label{display:none}.login .error{min-height:1em}.login-credit{display:none}}@media (max-width:420px){.login-glass{padding:26px 20px 16px}}.kasir{background:var(--bg);flex-direction:column;height:100%;display:flex}.kasir-head{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:68px;padding:0 0 0 24px;display:flex}.sync-warn-tag{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.kasir-head h1{font-size:1.25rem;font-weight:600}.scan-pill{white-space:nowrap;background:var(--surface-2);color:var(--muted);max-width:260px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;flex:none;align-items:center;gap:7px;padding:4px 10px;font-size:.8125rem;font-weight:500;display:inline-flex}.scan-pill.ready{background:var(--ok-soft);color:#065f46;box-shadow:inset 0 0 0 1px #a7f3d0}.scan-dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.scan-pill.ready .scan-dot{background:var(--ok);animation:2s ease-in-out infinite pulse}.head-actions{align-self:stretch;display:flex}.head-btn{border:0;border-left:1px solid var(--line);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border-radius:0;gap:10px;min-height:68px;padding:0 22px;font-weight:500;position:relative}.head-btn:active:not(:disabled){background:var(--surface-2);transform:scale(.97)}.head-btn.danger-text{color:#d6455d}.count-badge{background:var(--primary);color:#fff;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;display:grid}.kasir-body{flex:1;grid-template-columns:minmax(0,1fr) clamp(320px,32vw,420px);min-height:0;display:grid}.catalog{flex-direction:column;min-height:0;display:flex}.catalog-top{border-bottom:1px solid var(--line);background:var(--bg);flex-direction:column;gap:14px;padding:20px 20px 16px;display:flex}.search-box.big{background:var(--surface);border-radius:var(--radius-sm);border-width:1px;min-height:54px;padding:0 8px 0 16px}.search-box.big:focus-within{box-shadow:0 0 0 3px var(--primary-soft)}.search-box.big .icon-only{width:40px;min-height:40px}.cat-chips{scrollbar-width:thin;flex-wrap:wrap;align-items:center;gap:8px;max-height:130px;display:flex;overflow-y:auto}.product-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-auto-rows:max-content;align-content:start;gap:16px;min-height:0;padding:20px;display:grid;overflow-y:auto}.product-card{text-align:left;background:var(--surface);border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:14px 14px 16px;position:relative}.product-card.in-cart{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow)}.product-card .thumb{flex:none;margin-bottom:10px}.card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.card-price{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:600}.card-price small{color:var(--muted);font-weight:500}.card-qty{background:var(--primary);color:#fff;min-width:30px;height:30px;box-shadow:var(--shadow);animation:pop .22s var(--ease);border-radius:99px;place-items:center;padding:0 8px;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.product-card.add{box-shadow:none;color:var(--muted);background:0 0;border-style:dashed}.product-card.add .card-name{min-height:0;color:var(--text)}.grid-empty{text-align:center;grid-column:1/-1;padding:24px}.thumb{aspect-ratio:1;border-radius:var(--radius-sm);background:#fff;place-items:center;width:100%;display:grid;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.thumb.initials{background:var(--surface-3);color:var(--faint);letter-spacing:.02em;font-size:2rem;font-weight:600}.add-thumb{background:var(--surface-3);border:1px dashed var(--line-strong);color:var(--primary)}.grid-checklist{grid-column:1/-1}.grid-checklist .checklist.compact{width:100%}.empty-icon{color:var(--line-strong)}.cart-panel{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.cart-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.cart{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.cart-line{border-bottom:1px solid var(--line);animation:line-in .18s var(--ease);align-items:center;gap:12px;padding:16px 20px 16px 24px;display:flex;position:relative;overflow:hidden}.flash{background:var(--primary-soft);pointer-events:none;animation:.9s ease-out forwards flash;position:absolute;inset:0}.cart-line>:not(.flash){position:relative}button.line-main{text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;min-height:48px;padding:4px 0;display:flex}button.line-main:active:not(:disabled){opacity:.85;transform:scale(.98)}.line-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1rem;font-weight:600;overflow:hidden}.line-sub{color:var(--muted);font-size:.82rem}.line-total{color:var(--primary);font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.1rem;font-weight:600}.stepper{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:center;display:flex;overflow:hidden}.stepper button{touch-action:manipulation;background:0 0;border:0;border-radius:0;width:52px;min-height:52px;padding:0}.stepper .qty{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-size:1.1rem;font-weight:700}.stepper .qty small{color:var(--muted);font-size:.75rem;font-weight:500;display:block}.stepper.round{background:0 0;border:0;align-items:center;gap:4px;overflow:visible}.stepper.round button{border:1px solid var(--line);background:var(--surface);width:48px;min-height:48px;color:var(--text);box-shadow:var(--shadow-xs);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:all var(--fast) var(--ease);border-radius:50%;place-items:center;display:grid}.stepper.round button .icon{width:20px;height:20px}.stepper.round button:active:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:var(--primary);transform:scale(.92)}.stepper.round .qty{text-align:center;cursor:pointer;border-radius:var(--radius-sm);touch-action:manipulation;-webkit-user-select:none;user-select:none;min-width:44px;padding:6px 4px;font-size:1.15rem;font-weight:700}.stepper.round .qty:active{background:var(--surface-2);transform:scale(.95)}.cart-foot{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;gap:14px;padding:18px 24px 22px;display:flex;box-shadow:0 -4px 16px #0f172a08}.subtotal{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.subtotal strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:800}.pay-btn{letter-spacing:-.01em;color:#fff;border-radius:var(--radius);width:100%;min-height:62px;transition:all var(--fast) var(--ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border:1px solid #1e40af;font-size:1.2rem;font-weight:700;box-shadow:0 4px 12px #2563eb47,inset 0 1px #fff3}.pay-btn:hover:not(:disabled){background:linear-gradient(#1d4ed8 0%,#1e40af 100%);box-shadow:0 6px 16px #2563eb59}.pay-btn:active:not(:disabled){background:#1e40af;border-color:#1e3a8a;transform:scale(.985);box-shadow:0 2px 6px #2563eb33}.pay-btn:disabled{color:#94a3b8;opacity:1;box-shadow:none;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1}.done-card{text-align:center;animation:pop .26s var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.done-check{background:var(--ok-soft);width:52px;height:52px;color:var(--ok);animation:pop .32s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #a7f3d0}.done-label{color:var(--muted);font-size:.9375rem;font-weight:500}.done-amount{color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,4vw,2.75rem);font-weight:700}.held-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.held-list li{align-items:center;gap:6px;display:flex}.held-open{text-align:left;flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;justify-items:start;column-gap:12px;min-height:64px;display:grid}.held-total{color:var(--primary);grid-area:1/2/span 2;align-self:center}.photo-field{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.photo-field .thumb{border:1px solid var(--line);width:96px;font-size:1.6rem}.photo-btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;align-items:center;min-height:48px;padding:10px 16px;display:inline-flex;flex-direction:row!important;flex:none!important;gap:8px!important;font-weight:600!important}.photo-btn:active{transform:scale(.97)}.toast{border-radius:var(--radius-sm);background:var(--navy);color:#fff;max-width:min(560px,100vw - 32px);box-shadow:var(--shadow-lg);z-index:30;animation:toast-in .18s var(--ease);align-items:center;gap:10px;padding:11px 16px;font-size:.9375rem;font-weight:500;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.ok .icon{color:#6ee7a2}.toast.warn{background:var(--warn)}.toast.error{background:var(--error)}.modal-backdrop{z-index:20;background:#0f172a80;place-items:center;padding:16px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:min(540px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);animation:modal-in .2s var(--ease);flex-direction:column;display:flex}.modal.wide{width:min(940px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 20px;display:flex}.modal-head h2{font-size:1.0625rem}.modal-body{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex;overflow-y:auto}.pay{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pay-left,.pay-right{flex-direction:column;gap:10px;display:flex}.pay-total{border-radius:var(--radius-sm);background:var(--surface-2);justify-content:space-between;align-items:baseline;padding:12px 14px;display:flex}.pay-total strong{font-variant-numeric:tabular-nums;font-size:1.6rem}.pay-row{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.pay-change{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);transition:background-color var(--fast), color var(--fast);justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex}.pay-change strong{font-variant-numeric:tabular-nums;font-size:2rem}.pay-change.ok{background:var(--ok-soft);color:var(--ok)}.pay-change.short{background:var(--error-soft);color:var(--error)}.cash-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cash{font-variant-numeric:tabular-nums;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;min-height:60px;transition:all var(--fast) var(--ease);font-size:1.05rem;font-weight:600}.cash:active:not(:disabled){background:var(--surface-2);transform:scale(.96)}.cash.exact{grid-column:span 2}.cash.reset{color:var(--muted)}.note-2,.note-5,.note-10,.note-20,.note-50,.note-100{border-left-width:4px}.note-2{border-left-color:#9aa3ad}.note-5{border-left-color:#a77b3f}.note-10{border-left-color:#8e5aa8}.note-20{border-left-color:#4f9a5a}.note-50{border-left-color:#4a7cc0}.note-100{border-left-color:#cc5b52}.search-box{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:10px;padding:0 12px;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.search-box input{border:0;padding:0}.search-box input:focus-visible{outline:none}.search-input{font-size:1.0625rem}.results{border:1px solid var(--line);border-radius:var(--radius-sm);max-height:52vh;margin:0;padding:0;list-style:none;overflow-y:auto}.results:empty{display:none}.result{text-align:left;border-width:0 0 1px;border-radius:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;min-height:60px;display:grid}.picker{flex-direction:column;gap:6px;display:flex}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.menu-item{text-align:left;min-height:84px;box-shadow:var(--shadow);justify-content:flex-start;gap:14px;padding:16px}.menu-item strong{font-size:1rem;font-weight:600;display:block}.menu-item small{color:var(--muted)}.menu-icon{background:var(--surface-2);width:44px;height:44px;color:var(--ink-2);border-radius:10px;flex:none;place-items:center;display:grid}.page{min-height:100%}.page-body{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;padding:0 20px 28px;display:flex}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-3);border-block:1px solid var(--line);white-space:nowrap;padding:10px 8px;font-size:.75rem;font-weight:500}.table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 8px}.table tbody tr{cursor:pointer;transition:background-color var(--fast)}.table tbody tr:active{background:var(--surface-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table tr.warn td{background:var(--warn-soft)}.table tr.voided td{color:var(--muted);text-decoration:line-through}.table input,.table select{min-width:70px;min-height:44px;padding:8px}.table.units td{padding:6px 4px}.tier{gap:4px;display:flex}.qty-input{width:96px!important}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stats>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stats>div>:first-child{color:var(--muted);font-size:.8125rem;font-weight:500}.stats strong{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:600}.stats .bad strong{color:var(--error)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes line-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes toast-in-top{0%{opacity:0;transform:translate(-50%,-12px)}}@keyframes pulse{50%{opacity:.35}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:1100px){.topbar .tool{padding:0 12px}.who>span:last-child small{display:none}}@media (max-width:960px){.topbar .tool{gap:0;width:52px;padding:0;font-size:0}.topbar .tool .icon{width:24px;height:24px}.page .topbar .tool{font-size:inherit;gap:6px;width:auto;padding:0 12px}}@media (max-width:800px){.who>span:last-child{display:none}.pay,.menu-grid{grid-template-columns:1fr}.table{display:block;overflow-x:auto}.toast{animation-name:toast-in-top;top:78px;bottom:auto}}@media (max-width:560px){.modal-backdrop{place-items:end stretch;padding:0}.modal,.modal.wide{border-radius:14px 14px 0 0;width:100%;max-height:92dvh}.cash-grid{grid-template-columns:repeat(3,1fr)}.cash.exact{grid-column:span 3}.brand strong{max-width:40vw}.page-body{padding:10px}.card{padding:14px}}.big-mark{border-radius:16px;width:56px;height:56px}.paper{border:1px dashed var(--line);width:min(100%,320px);box-shadow:var(--shadow);background:#fff;border-radius:6px;justify-content:center;margin:0 auto;padding:14px 10px;display:flex}.paper canvas{image-rendering:pixelated;display:block}.paper.empty{padding:28px 10px}.shell{height:100vh;grid-template-columns:96px minmax(0,1fr);height:100dvh;display:grid}.shell-main{min-width:0;min-height:0;overflow-y:auto}.rail{background:var(--surface);color:var(--muted);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:8px;padding:0 0 10px;display:flex;overflow-y:auto}.rail-items,.rail-user{flex-direction:column;align-items:stretch;display:flex}.rail-user{border-top:1px solid var(--line);align-items:center;gap:4px;padding-top:10px}.rail-logo{border-bottom:1px solid var(--line);flex:none;place-items:center;height:88px;display:grid}.rail-logo .brand-mark{border-radius:12px;width:52px;height:52px;font-size:1.4rem}.rail-item{border:0;border-bottom:1px solid var(--line);min-height:76px;color:inherit;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;transition:all var(--fast) var(--ease);background:0 0;border-radius:0;flex-direction:column;gap:6px;padding:8px 2px;font-size:.8125rem;font-weight:500;line-height:1.1}.rail-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.rail-item:not(.active):active{background:var(--surface-2);transform:scale(.96)}.rail-user .rail-item{border-bottom:0;min-height:60px}.rail-user .avatar{width:36px;height:36px;font-size:.8125rem}.rail-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.75rem;overflow:hidden}.page-head{flex-wrap:wrap;align-items:center;gap:12px;max-width:1140px;margin:0 auto;padding:20px 20px 14px;display:flex}.page-head h1{letter-spacing:-.015em;font-size:1.375rem;font-weight:600}.tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:2px;padding:3px;display:flex}.tab{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 16px;font-weight:500}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.tabs{max-width:100%}.stack{flex-direction:column;gap:16px;display:flex}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}button.link{color:var(--primary);min-height:40px;padding:4px 8px;font-weight:600}.pay-btn.small{flex:none;width:auto;min-height:52px;padding:0 22px;font-size:1.05rem}.checklist{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:18px 20px;animation:.2s ease-out fade-in;display:flex}.checklist.compact{text-align:left;width:min(560px,100%)}.checklist header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.progress{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.progress span{background:var(--ok);height:100%;transition:width .3s var(--ease);border-radius:99px;display:block}.checklist ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.checklist li:last-child{border-bottom:0}.checklist li strong{display:block}.checklist li.done strong{color:var(--muted);text-decoration:line-through}.check-mark{background:var(--surface-2);width:28px;height:28px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.checklist li.done .check-mark{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px #a7f3d0}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choices.compact .choice{min-height:0;padding:12px 16px}.choices.compact .choice small{display:none}.choices-intro{grid-column:1/-1}.choice{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:140px;box-shadow:var(--shadow);justify-content:flex-start;align-items:flex-start;gap:14px;padding:20px;display:flex}.choice strong{margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.choice small{color:var(--muted);margin-bottom:10px;display:block}.choice-icon{background:var(--surface-2);width:44px;height:44px;color:var(--ink-2);border-radius:10px;flex:none;place-items:center;display:grid}.product-list{margin:0;padding:0;list-style:none}.product-row{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto 120px;align-items:center;gap:12px;width:100%;min-height:64px;display:grid}.product-main{flex-direction:column;min-width:0;display:flex}.product-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-price{font-variant-numeric:tabular-nums;font-weight:700}.product-price small{color:var(--muted);font-weight:500}.stock-pill{background:var(--surface-2);white-space:nowrap;border-radius:99px;justify-self:end;padding:4px 10px;font-size:.9rem;font-weight:600}.editor{flex-direction:column;gap:14px;display:flex}.step-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.step-section>header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.step-no{background:var(--surface-2);width:28px;height:28px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.step-section h3{margin:3px 0 2px}.step-body{flex-direction:column;gap:12px;display:flex}.field{color:var(--ink-2);flex-direction:column;gap:6px;font-size:.875rem;font-weight:500;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.money-input,.input-suffix,.input-icon{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);align-items:center;min-height:48px;display:flex;overflow:hidden}.money-input:focus-within,.input-suffix:focus-within,.input-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.money-input input:focus,.input-suffix input:focus,.input-icon input:focus,.search-box input:focus{box-shadow:none}.money-input span,.input-suffix span{color:var(--muted);background:var(--surface-2);align-self:stretch;place-items:center;padding:0 12px;font-weight:600;display:grid}.money-input input,.input-suffix input,.input-icon input{border:0;min-height:46px}.money-input input:focus-visible,.input-suffix input:focus-visible,.input-icon input:focus-visible{outline:none}.input-icon{color:var(--muted);gap:8px;padding-left:12px}.input-icon.small{flex:1;min-width:220px;min-height:44px}.sentence{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sentence .money-input{width:170px}.unit-input{width:120px!important}.unit-card{border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:10px;padding:12px;display:flex}.stock-now{font-size:1.4rem}.more{border:1px dashed var(--line);border-radius:var(--radius);padding:12px 16px}.more summary{cursor:pointer;color:var(--primary);align-items:center;min-height:32px;font-weight:600;display:flex}.more[open] summary{margin-bottom:12px}.editor-actions{background:var(--surface);gap:10px;padding:12px 0 4px;display:flex;position:sticky;bottom:-20px}.bundle-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.guide{flex-direction:column;gap:10px;display:flex}.guide-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.guide-item.open{border-color:var(--line-strong)}.guide-head{text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:14px;width:100%;min-height:72px;padding:14px 16px}.guide-head strong{font-size:1rem;font-weight:600;display:block}.guide-body{flex-direction:column;gap:12px;padding:0 20px 18px;animation:.16s ease-out fade-in;display:flex}.guide-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.guide-steps li{align-items:flex-start;gap:12px;display:flex}.guide-steps li>span{background:var(--surface-2);width:26px;height:26px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.guide-steps p{margin:3px 0 0}.guide-body>button{align-self:flex-start}@media (max-width:960px){.shell{grid-template-columns:82px minmax(0,1fr)}.rail-item{font-size:.6875rem}}@media (max-width:800px){.choices,.grid-2{grid-template-columns:1fr}.page-body{padding:0 12px 20px}.page-head{padding:14px 12px 10px}.product-row{grid-template-columns:minmax(0,1fr) auto}.stock-pill{grid-column:1/-1;justify-self:start}}*{scrollbar-width:thin;scrollbar-color:#c3cad3 transparent}.rail{scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.page{max-width:1180px;margin:0 auto;padding:0 24px 28px}.page-head{max-width:none;margin:0;padding:20px 0 14px}.page-body{max-width:none;margin:0;padding:0}.card-head h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.line-cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.line-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);animation:line-in .16s var(--ease);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.line-card-head{align-items:center;gap:10px;display:flex}.line-card-head strong{display:block}.line-card-total{font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.1rem}.input-suffix.qty{width:150px}.sentence .reason{width:auto;min-width:160px}@media (max-width:800px){.page{padding:0 12px 20px}.page-head{padding:14px 0 10px}}@media (max-height:900px){.rail-logo{height:68px}.rail-logo .brand-mark{width:40px;height:40px;font-size:1.125rem}.rail-item{gap:4px;min-height:58px;padding:6px 2px}.rail-user .rail-item{min-height:54px}}@media (max-height:700px){.rail{gap:4px;padding:0 0 6px}.rail-logo{height:56px}.rail-logo .brand-mark{width:36px;height:36px;font-size:1rem}.rail-item{gap:2px;min-height:48px;padding:4px 2px;font-size:.66rem}.rail-item .icon{width:20px;height:20px}.rail-user{gap:2px;padding-top:4px}.rail-user .avatar,.rail-name{display:none}.page-head{padding:12px 0 10px}.page-head h1{font-size:1.25rem}.modal{max-height:calc(100dvh - 12px)}.modal-backdrop{padding:6px}.modal-head{padding:8px 10px 6px 16px}.modal-body{gap:10px;padding:10px 16px 12px}.pay{gap:14px}.pay-total,.pay-change{padding:8px 12px}.pay-total strong{font-size:1.3rem}.pay-change strong,.amount{font-size:1.6rem}.cash{min-height:48px}.key{min-height:50px;font-size:1.3rem}.pay-left>p.small:last-child{display:none}.big-btn{min-height:52px}}.device-list{flex-direction:column;gap:8px;display:flex}.device{text-align:left;justify-content:flex-start;gap:12px;min-height:60px}.device strong{display:block}.device.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.result-ok{border-radius:var(--radius-sm);background:var(--ok-soft);color:var(--ok);align-items:center;gap:8px;padding:10px 12px;display:flex}.step-section.card{padding:18px}.step-body>button{align-self:flex-start}.hw-warn{text-align:left;background:var(--warn-soft);color:var(--warn);border-color:#f3cf9b;justify-content:flex-start;gap:10px;min-height:0;padding:8px 12px;font-size:.85rem}@media (max-width:1100px){.head-btn{padding:0 16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;padding:16px}.catalog-top{padding:16px 16px 12px}}@media (max-width:960px){.kasir-head .tool-label{display:none}.head-btn{padding:0 18px}.kasir-head{padding-left:16px}.cart-line{padding:12px 14px 12px 16px}.cart-foot{padding:14px 16px 16px}}@media (max-height:700px){.kasir-head,.head-btn{min-height:56px}.kasir-head h1{font-size:1.35rem;font-weight:800}.catalog-top{gap:10px;padding:10px 14px}.search-box.big{min-height:46px}.cat-chip{min-height:42px;padding:0 18px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:12px 14px}.product-card{padding:10px 10px 12px}.product-card .thumb{margin-bottom:6px}.thumb{aspect-ratio:4/3}.cart-line{padding:8px 12px}.cart-foot{gap:10px;padding:10px 14px 12px}.subtotal strong{font-size:1.35rem}.pay-btn{min-height:54px}}@media (max-width:800px){.scan-pill{max-width:180px}.kasir-head .scan-pill .scan-text{display:none}.kasir-head .scan-pill{padding:6px 9px}}@media (max-width:560px){.kasir-head{gap:8px;padding-left:12px}.kasir-head h1{display:none}.head-btn{padding:0 14px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.product-card .thumb{aspect-ratio:4/3}.catalog-top{padding:12px}.stepper.round button{width:40px;min-height:40px}}:root{--abc-a:#1e4fc2;--abc-b:#3b7cf0;--abc-c:#8db3f7;--ink-2:#334155;--grid:#eef2f6}.page-head p.muted{margin-top:2px}.stat-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1.35fr repeat(4,minmax(0,1fr));transition:opacity .16s;display:grid}.stat-strip.loading{opacity:.55}.stat{border-left:1px solid var(--line);flex-direction:column;gap:4px;min-width:0;padding:16px 18px 14px;display:flex}.stat:first-child{border-left:0}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.375rem;font-weight:600;overflow:hidden}.stat.lead .stat-value{font-size:1.9rem}.delta{color:var(--muted);font-size:.8rem}.delta span{color:var(--muted)}.delta.up{color:var(--ok)}.delta.down{color:var(--error)}.footnote{color:var(--muted);margin-top:-6px;font-size:.82rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;min-width:0;padding:18px 20px;display:flex}.panel-head h2{font-size:.9375rem;font-weight:600}.panel-head p{color:var(--muted);max-width:70ch;margin-top:3px;font-size:.88rem}.panel-head p strong{color:var(--text);font-weight:600}.panel .sub{color:var(--muted);margin:4px 0 -6px;font-size:.85rem;font-weight:600}.empty{color:var(--muted);padding:6px 0;font-size:.9rem}.text-btn{min-height:40px;color:var(--primary);background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:.9rem;font-weight:600}.text-btn:active:not(:disabled){opacity:.7;transform:none}.facts{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.facts dt{color:var(--muted);font-size:.82rem}.facts dd{margin:2px 0 0;font-size:1.15rem;font-weight:650}.facts dd small{color:var(--muted);font-size:.8rem;font-weight:500}.rows{margin:0;padding:0;list-style:none}.rows li{border-top:1px solid var(--line);align-items:baseline;gap:12px;padding:9px 0;font-size:.93rem;display:flex}.rows li:first-child{border-top:0}.rows li.voided{color:var(--muted);text-decoration:line-through}.num-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.strong{font-weight:600}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:.75rem;font-weight:500}.data-table td{border-bottom:1px solid var(--grid);padding:10px}.data-table tr:last-child td{border-bottom:0}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{padding-right:0}.abc-tag{color:#fff;white-space:nowrap;border-radius:5px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.abc-tag.abc-A{background:var(--abc-a)}.abc-tag.abc-B{background:var(--abc-b)}.abc-tag.abc-C{background:var(--abc-c);color:#0b2a6b}.chart{-webkit-user-select:none;user-select:none;width:100%;position:relative}.chart svg{display:block;overflow:visible}.chart .grid{stroke:var(--grid);stroke-width:1px;shape-rendering:crispedges}.chart .ref{stroke:var(--ink-2);stroke-width:1px;opacity:.55;shape-rendering:crispedges}.chart .tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .tick.strong{fill:var(--ink-2);font-weight:600}.chart .bar{fill:var(--primary);transition:opacity var(--fast)}.chart .bar.muted{fill:#cbd5e1}.chart .bar.abc-A{fill:var(--abc-a)}.chart .bar.abc-B{fill:var(--abc-b)}.chart .bar.abc-C{fill:var(--abc-c)}.chart .bar.on{opacity:.8}.chart .cum{fill:none;stroke:var(--ink-2);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .cum-dot{fill:var(--ink-2);stroke:var(--surface);stroke-width:2px}.chart .hit{fill:#0000;cursor:pointer}.tip{pointer-events:none;background:var(--surface);color:var(--text);border:1px solid var(--line);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:3;border-radius:6px;flex-direction:column;gap:1px;padding:7px 10px;font-size:.8rem;display:flex;position:absolute;transform:translate(-50%,-100%)}.tip span{color:var(--muted);font-variant-numeric:tabular-nums}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.legend li{align-items:center;gap:7px;display:flex}.legend .swatch{border-radius:3px;flex:none;width:12px;height:12px;display:block}.legend .swatch.abc-A{background:var(--abc-a)}.legend .swatch.abc-B{background:var(--abc-b)}.legend .swatch.abc-C{background:var(--abc-c)}.legend .swatch-line{background:var(--ink-2);border-radius:1px;flex:none;width:18px;height:2px;display:block}.table-scroll{margin:0 -4px;padding:0 4px;overflow-x:auto}@media (max-width:1100px){.stat-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.stat.lead{border-bottom:1px solid var(--line);grid-column:1/-1}.stat:nth-child(2){border-left:0}}@media (max-width:800px){.page-head .page-actions,.page-head .tabs{width:100%}.page-head .tab{flex:1;padding:8px 6px}}@media (max-width:560px){.stat-strip{grid-template-columns:1fr 1fr}.stat{padding:12px 14px}.tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;padding:8px 12px}.table-scroll .data-table{min-width:460px}.data-table th,.data-table td{padding-left:6px;padding-right:6px}.stat:nth-child(n){border-left:0;border-top:1px solid var(--line)}.stat.lead{border-top:0}.stat:nth-child(odd):not(.lead){border-left:1px solid var(--line)}.stat-value{font-size:1.1rem}.stat.lead .stat-value{font-size:1.6rem}.panel{padding:14px}.facts{grid-template-columns:1fr}.hide-sm{display:none}}.setup-line{border-radius:var(--radius);box-shadow:var(--shadow-xs);background:#f0f7ff;border:1px solid #bfdbfe;border-left:4px solid #2563eb;align-items:center;gap:14px;margin-bottom:12px;padding:12px 18px;display:flex}.setup-line.warn{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #d97706}.setup-badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.setup-badge.warn{color:#b45309;background:#fef3c7}.setup-message{color:#1e293b;font-size:.92rem;line-height:1.4}.setup-message strong{color:#0f172a}.setup-actions{flex:none;align-items:center;gap:8px;display:flex}.setup-actions button:not(.text-btn),.setup-actions .tool,.setup-actions .primary{border-radius:var(--radius-sm);cursor:pointer;min-height:38px;padding:6px 16px;font-size:.85rem;font-weight:600;box-shadow:0 1px 2px #2563eb40;background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important}.setup-actions button:not(.text-btn):hover,.setup-actions .tool:hover,.setup-actions .primary:hover{background:var(--primary-strong)!important;border-color:var(--primary-strong)!important;color:#fff!important}.setup-actions button:not(.text-btn):active,.setup-actions .tool:active,.setup-actions .primary:active{color:#fff!important;background:#1e40af!important;border-color:#1e40af!important}.big-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;transition:opacity .16s;display:grid}.big-numbers.loading{opacity:.55}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--fast) var(--ease);flex-direction:column;gap:8px;padding:18px 22px;display:flex}.stat-card:hover{box-shadow:var(--shadow);border-color:#cbd5e1}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.82rem;font-weight:600}.stat-icon-wrap{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.stat-icon-wrap.blue{color:#2563eb;background:#eff6ff}.stat-icon-wrap.green{color:#059669;background:#ecfdf5}.stat-icon-wrap.purple{color:#7c3aed;background:#f5f3ff}.stat-amount{letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:2.15rem;font-weight:800;line-height:1.15}.stat-amount small{color:var(--muted);margin-left:4px;font-size:.95rem;font-weight:500}.change{color:var(--muted);align-items:center;gap:5px;margin-top:2px;font-size:.84rem;font-weight:500;display:flex}.change.neutral{color:var(--muted)}.change.up b{color:var(--ok)}.change.down b{color:var(--error)}.home-row{grid-template-columns:minmax(0,1.85fr) minmax(280px,1.15fr);align-items:stretch;gap:16px;margin-bottom:18px;display:grid}.empty-overview{text-align:center;background:var(--surface-3);border-radius:var(--radius-sm);border:1px dashed var(--line-strong);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:160px;padding:36px 20px;display:flex}.empty-badge{width:52px;height:52px;color:var(--faint);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.empty-heading{color:var(--ink-2);font-size:.95rem;font-weight:600}.drawer-panel{justify-content:flex-start}.drawer-top-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;display:flex}.drawer-pill{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.drawer-pill.open{background:var(--ok-soft);color:var(--ok-strong);box-shadow:inset 0 0 0 1px #a7f3d0}.drawer-pill.closed{background:var(--surface-2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.live-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.drawer-box{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line);margin:8px 0 14px;padding:14px 18px}.drawer-amount{letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:800;display:block}.drawer-action-btn{justify-content:center;width:100%;min-height:42px;margin-top:auto;font-size:.88rem;font-weight:600}.best-list{margin:0;padding:0;list-style:none}.best-list li{border-top:1px solid var(--grid);grid-template-columns:28px minmax(0,1fr) minmax(80px,34%) 80px 120px;align-items:center;gap:14px;padding:12px 0;display:grid}.best-list li:first-child{border-top:0}.rank{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem;font-weight:600}.best-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.tag{background:var(--primary-soft);color:var(--primary);vertical-align:1px;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:700}.best-bar{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.best-bar span{background:var(--primary);border-radius:4px;height:100%;display:block}.best-qty{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-size:.88rem}.best-money{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;color:var(--text);font-weight:700}.more-detail{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:12px;display:flex}.more-detail[open]{gap:14px}.more-detail summary{cursor:pointer;color:var(--primary);align-items:center;min-height:36px;font-size:.92rem;font-weight:600;display:flex}.more-detail>:not(summary){margin-top:12px}.attention-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.attention-card{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-xs);transition:all var(--fast);align-items:center;gap:14px;padding:14px 18px;display:flex}.attention-card.warn{background:#fffaf5;border-color:#fed7aa}.attention-card.ok{background:#f7fee7;border-color:#bbf7d0}.attention-icon-wrap{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.attention-icon-wrap.warn{color:#c2410c;background:#ffedd5}.attention-icon-wrap.ok{color:#15803d;background:#dcfce7}.attention-card strong{color:var(--text);font-size:.95rem}.attention-card p{color:var(--ink-2);margin-top:2px;font-size:.875rem;line-height:1.4}.attention-btn{border-radius:var(--radius-sm);cursor:pointer;flex:none;align-items:center;gap:6px;min-height:38px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #2563eb33;background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important}.attention-btn:hover{background:var(--primary-strong)!important;border-color:var(--primary-strong)!important;color:#fff!important}.attention-btn:active{color:#fff!important;background:#1e40af!important;border-color:#1e40af!important}.footnote-box{color:var(--muted);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line);align-items:center;gap:8px;margin-top:18px;padding:10px 14px;font-size:.82rem;display:flex}@media (max-width:1100px){.big-numbers strong{font-size:1.6rem}}@media (max-width:800px){.home-row{grid-template-columns:1fr}.setup-line{flex-wrap:wrap}.best-list li{grid-template-columns:24px minmax(0,1fr) auto;row-gap:6px}.best-list .tag{display:none}.best-bar{grid-area:2/2/auto/-1}.best-qty{display:none}.best-money{min-width:0}}@media (max-width:560px){.big-numbers{grid-template-columns:1fr;gap:10px}.big-numbers>div{padding:14px 16px}.big-numbers strong{font-size:1.5rem}.todo li{flex-wrap:wrap}.todo button{margin-left:24px}}.install{min-height:100vh;background:var(--bg);grid-template-columns:minmax(300px,420px) minmax(0,1fr);min-height:100dvh;display:grid}.install-side{background:var(--navy);color:#fff;flex-direction:column;gap:18px;padding:40px 36px;display:flex}.install-side h1{letter-spacing:-.015em;font-size:1.5rem;font-weight:600}.install-side>p{color:#fffc}.install-side .muted{color:#94a3b8}.install-side .brand-mark{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff26}.install-side .credit{text-align:left;color:#94a3b8;margin-top:auto}.install-side .credit strong{color:#cbd5e1}.install-steps{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.install-steps li{color:#94a3b8;align-items:center;gap:12px;padding:8px 0;font-weight:500;display:flex}.install-steps li>span{border:1px solid #fff3;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;display:grid}.install-steps li.now{color:#fff}.install-steps li.now>span{color:var(--navy);background:#fff;border-color:#fff}.install-steps li.done>span{color:#fff;background:#ffffff1a;border-color:#0000}.install-main{place-items:center;padding:32px 24px;display:grid}.install-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(520px,100%);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:28px;display:flex}.install-card h2{font-size:1.25rem}.card.form.setup-card{width:min(560px,100%)}.offline-start{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:14px;display:flex}.input-suffix button{border:0;border-left:1px solid var(--line);min-height:46px;color:var(--primary);border-radius:0;flex:none;font-weight:600}.option-list{flex-direction:column;gap:8px;display:flex}.option{text-align:left;justify-content:flex-start;align-items:flex-start;gap:14px;min-height:0;padding:14px 16px}.option strong{display:block}.option small{color:var(--muted);margin-top:2px;font-weight:400;display:block}.option .radio{border:2px solid #b8c0ca;border-radius:50%;flex:none;width:20px;height:20px;margin-top:2px}.option.active{border-color:var(--primary);background:var(--primary-soft)}.option.active .radio{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 4px #fff}.spinner{border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;margin:8px auto 4px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.brand-sub{font-size:.8rem;font-weight:500;display:block}.sync-state{border-radius:var(--radius-sm);align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.sync-state p{margin-top:2px;font-size:.9rem}.sync-state.ok{background:var(--ok-soft);color:var(--ok)}.sync-state.ok p{color:#3d6b50}.sync-state.warn{background:var(--warn-soft);color:var(--warn)}.sync-state.warn p{color:#7a4a10}.scan-pill.warn-pill{background:var(--warn-soft);color:var(--warn);max-width:340px}.setup-line.warn{border-left-color:var(--warn)}@media (max-width:800px){.install{grid-template-columns:1fr}.install-side{gap:12px;padding:20px}.install-side>p,.install-side .credit{display:none}.install-steps{flex-flow:wrap;gap:16px}.install-main{place-items:start center;padding:20px 16px}.install-card{padding:20px}}.rail-more{display:none}.more-sheet-backdrop{z-index:25;background:#0f172a80;align-items:flex-end;animation:.12s ease-out fade-in;display:flex;position:fixed;inset:0}.more-sheet{background:var(--surface);width:100%;padding:8px 12px calc(12px + env(safe-area-inset-bottom));animation:modal-in .18s var(--ease);border-radius:14px 14px 0 0;flex-direction:column;display:flex}.more-who{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:4px;padding:12px 8px 14px;display:flex}.more-who small{display:block}.more-item{border-radius:var(--radius-sm);background:0 0;border:0;justify-content:flex-start;gap:14px;min-height:52px;font-weight:500}.more-item.active{background:var(--primary-soft);color:var(--primary)}@media (max-width:600px){.shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.shell-main{grid-row:1}.rail{border-right:0;border-top:1px solid var(--line);padding:0 0 env(safe-area-inset-bottom);flex-direction:row;grid-row:2;overflow:visible}.rail-items{flex-direction:row;flex:1}.rail-logo,.rail-user,.rail-item.extra{display:none}.rail-more{display:flex}.rail-item{border-bottom:0;flex:1;min-width:0;min-height:58px;font-size:.7rem}}.kasir-body>*{min-width:0}.pill-btn{cursor:pointer;border:0;min-height:0}.pill-btn:active:not(:disabled){opacity:.8;transform:none}@media (orientation:portrait) and (max-width:1100px),(max-width:700px){.kasir-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.cart-panel{border-left:0;border-top:1px solid var(--line);max-height:44dvh;box-shadow:0 -6px 18px #10182814}.cart-empty{flex-direction:row;flex:none;gap:10px;padding:10px 16px}.cart-empty .icon{width:26px;height:26px}.cart-empty .muted{display:none}.done-card{flex-flow:wrap;flex:none;gap:6px 14px;padding:12px}.done-amount{font-size:2rem}.cart-foot{flex-direction:row;align-items:center;gap:16px;padding:12px 16px}.subtotal{flex-direction:column;align-items:flex-start;gap:0}.subtotal strong{font-size:1.5rem}.cart-foot .pay-btn{flex:1;min-height:58px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cart-panel{max-height:38dvh}.cart-line{gap:10px;padding:8px 14px 8px 16px}.cart-line .line-sub{display:none}.cart-line .line-total{margin-top:0;font-size:1rem}.stepper.round button{width:38px;min-height:38px}.stepper.round .qty{min-width:34px}}@media (orientation:portrait) and (max-width:600px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;padding:10px}.product-card{gap:2px;padding:8px 8px 10px}.product-card .thumb{aspect-ratio:1;margin-bottom:6px}.thumb.initials{font-size:1.6rem}.card-name{font-size:.88rem}.card-price{font-size:.9rem}.card-price small{display:none}.card-qty{min-width:24px;height:24px;font-size:.8rem;top:4px;right:4px}.product-card.add .muted,.kasir-head .scan-pill .scan-text{display:none}.catalog-top{gap:8px;padding:10px}.cat-chip{min-height:40px;padding:0 16px}}.label-short{display:none}@media (max-width:600px){.label-long{display:none}.label-short{display:inline}.table.history thead{display:none}.table.history tbody tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 2px;display:grid}.table.history td{border:0;padding:0}.table.history td:first-child{color:var(--muted);grid-area:2/1;font-size:.85rem}.table.history td:nth-child(2){text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;font-weight:600;overflow:hidden}.table.history td:nth-child(3){color:var(--muted);text-align:right;grid-area:2/2;font-size:.85rem}.table.history td:nth-child(4){grid-area:1/2;font-weight:600}.table.history td:nth-child(5){grid-area:3/1/auto/-1}.table.history td:nth-child(5):empty{display:none}}.page-body>.card.narrow{align-self:center;width:min(480px,100%)}.kasir-head{gap:16px;min-height:68px}.kasir-head h1{letter-spacing:-.015em;color:var(--navy);text-transform:uppercase;white-space:nowrap;font-size:1.625rem;font-weight:800}.head-btn{color:var(--text)}.head-btn .icon{color:var(--ink-2)}.head-btn.danger-text,.head-btn.danger-text .icon{color:var(--error)}.catalog-top{background:var(--surface);border-bottom:1px solid var(--line);gap:12px;padding:16px 20px 14px}.search-box.big{border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-3);min-height:50px;transition:all var(--fast) var(--ease);box-shadow:inset 0 1px 2px #0f172a08}.search-box.big:focus-within{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.cat-chip{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink-2);letter-spacing:-.01em;box-shadow:var(--shadow-xs);transition:all var(--fast) var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:999px;flex:none;padding:0 16px;font-size:.875rem;font-weight:500}.cat-chip:hover:not(.active){background:var(--surface-2);border-color:#cbd5e1}.cat-chip:active{transform:scale(.95)}.cat-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 6px #2563eb47}.product-grid{-webkit-overflow-scrolling:touch;gap:14px;padding:18px 20px}.product-card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:var(--surface);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;transition:border-color var(--fast), box-shadow var(--fast), transform var(--fast) var(--ease);gap:4px;padding:12px 14px 14px}.product-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-1px)}.product-card:active{border-color:var(--primary);transform:scale(.96)!important}.product-card.in-cart{border-color:var(--primary);box-shadow:0 0 0 1.5px var(--primary), var(--shadow-xs);background:#fbfdff}.product-card .thumb{border:1px solid #0f172a0a;border-radius:8px;margin-bottom:10px}.card-name{color:var(--text);letter-spacing:-.01em;min-height:0;font-size:.9375rem;font-weight:600;line-height:1.35}.card-price{color:var(--primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.card-stock{font-size:.75rem;font-weight:600}.card-stock.ok{color:var(--ok)}.card-stock.low{color:var(--warn)}.card-stock.out{color:var(--error)}.card-out{background:var(--error-soft);color:#991b1b;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600;position:absolute;top:18px;left:20px;box-shadow:inset 0 0 0 1px #fecaca}.product-card.out .thumb{opacity:.45}.card-qty{background:var(--primary);font-weight:700}.cart-panel{background:var(--surface);border-left:1px solid var(--line)}.cart-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:16px 20px 12px 24px;display:flex}.cart-head h2{letter-spacing:-.015em;font-size:1.125rem;font-weight:700}.count-pill{background:var(--surface-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:600}.cart-line .line-total{color:var(--primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.cart-foot{background:var(--surface)}.subtotal{align-items:center}.subtotal>span{color:var(--muted);font-size:1.0625rem;font-weight:500}.subtotal strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);font-size:1.85rem;font-weight:800}@media (orientation:portrait) and (max-width:1100px),(max-width:700px){.cart-head{padding:10px 16px 8px}.cart-head h2{font-size:1rem}}@media (max-height:700px){.cart-head{padding:10px 14px 8px}.subtotal strong{font-size:1.4rem}}.pay-total{border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:2px;padding:14px 18px}.pay-total span{color:var(--muted);font-size:.875rem;font-weight:500}.pay-total strong{color:var(--text);letter-spacing:-.02em;font-size:2.125rem;font-weight:700}.pay-row{padding:6px 4px 0}.pay-row .amount{font-size:1.8rem}.pay-change{border-radius:var(--radius);border:1px solid var(--line);padding:14px 18px}.pay-change.ok{border-color:#a7f3d0}.pay-change.short{border-color:#fecaca}.pay-change strong{font-size:2rem;font-weight:700}.cash{border-radius:var(--radius-sm);min-height:56px}.cash.exact{background:var(--surface);border-color:var(--primary);color:var(--primary)}.pay-right .big-btn{min-height:60px;font-size:1.125rem}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:7px;gap:8px;padding:0 16px;font-weight:500}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.seg-count{background:var(--warn);color:#fff;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;display:inline-grid}.product-row{grid-template-columns:minmax(0,1fr) auto 130px auto;min-height:68px;padding:10px 4px}.product-row:hover{background:var(--surface-2)}.sku{color:var(--ink-2,#334155);font-family:ui-monospace,Roboto Mono,Menlo,monospace;font-size:.8rem}.product-price{color:var(--text)}.stock-pill{background:var(--ok-soft);color:var(--ok)}.stock-pill.low{background:var(--warn-soft);color:var(--warn)}.stock-pill small{font-weight:600}.row-edit{color:var(--primary);align-items:center;gap:2px;padding-left:8px;font-size:.9rem;font-weight:600;display:inline-flex}.icon.flip{transform:rotate(180deg)}@media (max-width:800px){.product-row{grid-template-columns:minmax(0,1fr) auto}.row-edit{display:none}}.panel{border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:1px solid var(--line)}.panel-head h2{color:var(--text);letter-spacing:-.01em;font-size:1rem;font-weight:700}.chart .bar{fill:var(--primary)}.best-bar span{background:var(--primary)}@media (max-width:768px){.big-numbers{grid-template-columns:1fr;gap:12px}.home-row{grid-template-columns:1fr}.setup-line{flex-wrap:wrap}.setup-actions{justify-content:flex-end;width:100%}}.card-stock.ok{color:var(--muted);font-weight:500}.stock-pill{background:var(--surface-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);font-size:.8125rem;font-weight:500}.stock-pill.low{background:var(--warn-soft);color:#92400e;box-shadow:inset 0 0 0 1px #fde68a}.mini-steps{color:var(--muted);flex-wrap:wrap;gap:14px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.mini-steps li{align-items:center;gap:6px;display:flex}.mini-steps span{border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:grid}.mini-steps li.now{color:var(--text);font-weight:600}.mini-steps li.now span{background:var(--primary);border-color:var(--primary);color:#fff}.mini-steps li.done span{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--primary)}body{-webkit-user-select:auto;user-select:auto}.dash-login{place-items:center;min-height:100dvh;padding:16px;display:grid}.dash-login .brand{margin-bottom:4px}.login-glass.dash-form{gap:16px}.dash-form .login-head{margin-bottom:4px}.glass-field{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff73;border-radius:14px;align-items:center;gap:8px;min-height:56px;padding:0 8px 0 18px;display:flex}.glass-field:focus-within{border-color:#fff;box-shadow:0 0 0 3px #ffffff40}.glass-field input{color:#fff;background:0 0;border:0;min-height:54px;padding:0}.glass-field input:focus{box-shadow:none}.glass-field input::placeholder{color:#ffffffbf}.glass-field>.icon{margin-right:10px}.glass-field button{color:#fff}.dash{max-width:1100px;margin:0 auto;padding:0 16px 40px}.dash-head{align-items:flex-start;gap:12px;padding:18px 0 12px;display:flex}.dash-title{flex:1;min-width:0}.dash-title h1{letter-spacing:-.015em;font-size:1.375rem;font-weight:600}.dash-title select{width:auto;max-width:100%;min-height:44px;font-size:1.125rem;font-weight:600}.fresh{color:var(--muted);margin-top:2px;font-size:.85rem}.fresh:before{content:"";background:var(--ok);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.fresh.stale{color:var(--warn)}.fresh.stale:before{background:var(--warn)}.dash-tabs{border-bottom:1px solid var(--line);background:var(--bg);z-index:5;gap:4px;margin-bottom:16px;display:flex;position:sticky;top:0}.dash-tabs button{min-height:48px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:0 16px;font-weight:500}.dash-tabs button.active{color:var(--text);border-bottom-color:var(--primary)}.dash-tabs button:active:not(:disabled){transform:none}.dash-body{flex-direction:column;gap:16px;display:flex}.dash-period{justify-content:flex-end;display:flex}.shift-summary{color:var(--muted)}.shift-summary b{color:var(--text)}.shift-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.shift-card{text-align:left;background:var(--surface);border-color:var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding:16px 18px}.shift-card:active:not(:disabled){background:var(--surface-2);transform:none}.shift-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.shift-top strong{font-size:1rem;font-weight:600;display:block}.shift-top small{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.verdict{white-space:nowrap;flex:none;font-size:.95rem;font-weight:600}.verdict.ok{color:var(--ok)}.verdict.short{color:var(--error)}.verdict.over{color:var(--warn)}.verdict.live{color:var(--primary);font-weight:600}.shift-nums{border-top:1px solid var(--grid);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px;display:grid}.shift-nums>span{font-variant-numeric:tabular-nums;flex-direction:column;font-weight:600;display:flex}.shift-nums small{color:var(--muted);font-size:.78rem;font-weight:400}.shift-nums em{color:var(--muted);font-size:.8rem;font-style:normal;font-weight:400}.shift-note{color:var(--ink-2);font-size:.9rem;font-style:italic}.detail-verdict{font-size:1.3rem}.calc{border-collapse:collapse;width:100%}.calc td{border-bottom:1px solid var(--grid);padding:9px 0}.calc .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.calc tr.sum td{border-top:1px solid var(--text);border-bottom:0;font-weight:600}@media (max-width:560px){.shift-nums{grid-template-columns:1fr 1fr}.shift-nums>span:last-child{grid-column:1/-1}.dash-period .tabs{width:100%}.dash-period .tab{flex:1}}