@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css";:root{--ek-blue-50: #EAF2FE;--ek-blue-100: #D3E4FD;--ek-blue-200: #A9C9FA;--ek-blue-300: #77A9F5;--ek-blue-400: #4187EB;--ek-blue-500: #1F6FE0;--ek-blue-600: #1663D8;--ek-blue-700: #0F4EB3;--ek-blue-800: #0E3F92;--ek-blue-900: #103676;--ek-blue-950: #0A2049;--ek-green-50: #E9F9EF;--ek-green-100: #CDF1DA;--ek-green-200: #9EE3B8;--ek-green-300: #63D08F;--ek-green-400: #35C863;--ek-green-500: #23B851;--ek-green-600: #1FAE4C;--ek-green-700: #16883A;--ek-ink-0: #FFFFFF;--ek-ink-25: #FBFCFE;--ek-ink-50: #F6F8FB;--ek-ink-100: #EDF0F5;--ek-ink-200: #DDE2EB;--ek-ink-300: #C3CBD9;--ek-ink-400: #93A0B5;--ek-ink-500: #6A788F;--ek-ink-600: #4E5B71;--ek-ink-700: #3A4557;--ek-ink-800: #212C3D;--ek-ink-900: #131D2C;--ek-ink-950: #0B1524;--ek-success-50: #E9F9EF;--ek-success-500: #23B851;--ek-success-600: #1FAE4C;--ek-success-700: #16883A;--ek-danger-50: #FEF3F2;--ek-danger-500: #F04438;--ek-danger-600: #D92D20;--ek-danger-700: #B42318;--ek-warning-50: #FFF4ED;--ek-warning-500: #FB7A2A;--ek-warning-600: #F76B15;--ek-warning-700: #C4500A;--ek-info-50: #EAF6FE;--ek-info-500: #17A0E8;--ek-info-600: #0B84D6;--ek-info-700: #0764A8;--ek-role-owner: #B44F06;--ek-role-owner-bg: #FFF8EB;--ek-role-admin: #0F4EB3;--ek-role-admin-bg: #EEF1FF;--ek-role-cashier: #0E6F86;--ek-role-cashier-bg: #E6F7F8;--ek-role-stock: #6E3FC4;--ek-role-stock-bg: #F2ECFD;--ek-role-superadmin: #B42318;--ek-role-superadmin-bg: #FEF3F2;--ek-pay-cash: #16883A;--ek-pay-card: #1663D8;--ek-pay-mixed: #F5A524;--ek-pay-debt: #D92D20;--bg-canvas: var(--ek-ink-50);--bg-surface: var(--ek-ink-0);--bg-surface-alt: var(--ek-ink-25);--bg-sunken: var(--ek-ink-100);--bg-inverse: var(--ek-ink-950);--bg-brand: var(--ek-blue-600);--bg-brand-soft: var(--ek-blue-50);--fg-primary: var(--ek-ink-950);--fg-secondary: var(--ek-ink-600);--fg-tertiary: var(--ek-ink-400);--fg-inverse: var(--ek-ink-0);--fg-brand: var(--ek-blue-600);--fg-on-brand: #FFFFFF;--border-subtle: var(--ek-ink-200);--border-strong: var(--ek-ink-300);--border-brand: var(--ek-blue-600);--focus-ring: 0 0 0 3px rgba(22, 99, 216, .3);--font-display: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display-2xl: 700 3rem/1.06 var(--font-display);--text-display-xl: 700 2.25rem/1.15 var(--font-display);--text-display-lg: 700 1.75rem/1.25 var(--font-display);--text-display-md: 700 1.375rem/1.3 var(--font-display);--text-title-lg: 600 1.125rem/1.45 var(--font-sans);--text-title-md: 600 1rem/1.5 var(--font-sans);--text-body-lg: 400 1rem/1.55 var(--font-sans);--text-body-md: 400 .875rem/1.5 var(--font-sans);--text-body-sm: 400 .8125rem/1.45 var(--font-sans);--text-label: 600 .6875rem/1.2 var(--font-sans);--tracking-display: -.028em;--tracking-label: .06em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(11,21,36,.06);--sh-sm: 0 1px 3px rgba(11,21,36,.08), 0 1px 2px rgba(11,21,36,.04);--sh-md: 0 4px 12px rgba(11,21,36,.08), 0 1px 3px rgba(11,21,36,.05);--sh-lg: 0 12px 28px rgba(11,21,36,.1), 0 2px 6px rgba(11,21,36,.05);--sh-xl: 0 24px 56px rgba(11,21,36,.14);--sh-brand: 0 6px 18px rgba(22,99,216,.3);--touch-min: 44px;--touch-pos: 56px;--touch-keypad: 64px;--ease: cubic-bezier(.2,.8,.2,1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400}[data-theme=dark]{--bg-canvas: #08111D;--bg-surface: #0F1B2B;--bg-surface-alt: #142339;--bg-sunken: #0A1523;--bg-inverse: var(--ek-ink-0);--bg-brand: var(--ek-blue-500);--bg-brand-soft: rgba(22,99,216,.18);--fg-primary: #EDF1F7;--fg-secondary: #9CAABF;--fg-tertiary: #64748B;--fg-inverse: var(--ek-ink-950);--fg-brand: #77A9F5;--fg-on-brand: #FFFFFF;--border-subtle: #1E2E44;--border-strong: #2C4059;--focus-ring: 0 0 0 3px rgba(119,169,245,.38);--ek-role-owner-bg: rgba(31,174,76,.16);--ek-role-admin-bg: rgba(22,99,216,.18);--ek-role-cashier-bg: rgba(14,124,134,.2);--ek-role-stock-bg: rgba(110,63,196,.2);--ek-role-superadmin-bg: rgba(217,45,32,.16);--ek-role-owner: #FFC94A;--ek-role-admin: #77A9F5;--ek-role-cashier: #4CD4DE;--ek-role-stock: #B79BF5;--ek-role-superadmin: #FF8A80;--sh-sm: 0 1px 3px rgba(0,0,0,.5);--sh-md: 0 4px 14px rgba(0,0,0,.45);--sh-lg: 0 14px 32px rgba(0,0,0,.5);--sh-xl: 0 28px 64px rgba(0,0,0,.6)}[data-contrast=high]{--border-subtle: var(--ek-ink-400);--fg-secondary: var(--ek-ink-800)}html{-webkit-text-size-adjust:100%}body{font:var(--text-body-md);color:var(--fg-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased}.ek-num,.ek-money,td[data-num],input[inputmode=numeric]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.01em}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--bg-brand-subtle: var(--bg-brand-soft);--bg-elevated: var(--bg-surface);--fg-on-inverse: var(--fg-inverse);--ring-brand: var(--focus-ring);--hit-sm: 32px;--hit-md: 40px;--hit-min: var(--touch-min);--hit-lg: 48px;--hit-pos: var(--touch-pos);--hit-keypad: var(--touch-keypad);--bg-success: var(--ek-success-600);--bg-success-subtle: var(--ek-success-50);--fg-success: var(--ek-success-700);--border-success: var(--ek-green-200);--bg-danger: var(--ek-danger-600);--bg-danger-subtle: var(--ek-danger-50);--fg-danger: var(--ek-danger-600);--border-danger: #FDA29B;--ring-danger: 0 0 0 3px rgba(217, 45, 32, .24);--bg-warning: var(--ek-warning-500);--bg-warning-subtle: var(--ek-warning-50);--fg-warning: var(--ek-warning-700);--border-warning: #FDBE8C;--bg-brand-hover: var(--ek-blue-700);--scrim: rgba(11, 21, 36, .42);--ek-amber-500: var(--ek-pay-mixed);--ek-amber-50: var(--ek-warning-50);--ek-amber-200: #FDBE8C;--ek-amber-700: var(--ek-warning-700);--ek-red-50: var(--ek-danger-50);--ek-red-200: #FDA29B;--ek-red-500: var(--ek-danger-500);--ek-red-600: var(--ek-danger-600);--ek-red-700: var(--ek-danger-700);--ek-violet-500: var(--ek-role-stock);--ek-cyan-500: var(--ek-role-cashier);--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--z-sidebar: var(--z-drawer);--z-overlay: 250}[data-theme=dark]{--bg-success-subtle: rgba(53, 200, 99, .12);--bg-danger-subtle: rgba(240, 68, 56, .12);--bg-warning-subtle: rgba(251, 122, 42, .12);--fg-success: var(--ek-green-400);--fg-danger: #FF8A80;--fg-warning: var(--ek-warning-500);--border-success: rgba(53, 200, 99, .34);--border-danger: rgba(240, 68, 56, .38);--border-warning: rgba(251, 122, 42, .38);--bg-brand-hover: var(--ek-blue-400);--scrim: rgba(2, 8, 16, .68);color-scheme:dark}.ek-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:root{--dur-instant: 90ms;--dur-fast: .14s;--dur-base: .2s;--dur-slow: .32s;--dur-story: .52s;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-in: cubic-bezier(.4,0,1,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-linear: linear;--stagger: 60ms}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ek-carousel{--autoplay: none}}.ek-reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-story) var(--ease-out),transform var(--dur-story) var(--ease-out);transition-delay:var(--d, 0ms)}.ek-reveal.is-in{opacity:1;transform:none}.ek-stagger>*{transition-delay:calc(var(--stagger) * var(--i, 0))}@keyframes ek-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ek-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ek-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes ek-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes ek-slide-left{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.ek-in-up{animation:ek-fade-up var(--dur-story) var(--ease-out) both}.ek-in-fade{animation:ek-fade-in var(--dur-base) var(--ease-out) both}.ek-in-scale{animation:ek-scale-in var(--dur-base) var(--ease-out) both}.ek-in-down{animation:ek-slide-down var(--dur-slow) var(--ease-out) both}.ek-printing__slot{height:8px;border-radius:4px;background:var(--fg-tertiary, #93A0B5);opacity:.35}.ek-printing__paper{overflow:hidden;animation:ek-paper 2.2s var(--ease-out) infinite}.ek-printing__line{height:5px;border-radius:3px;margin:7px 8px 0;background:var(--border-subtle, #DDE2EB);animation:ek-line 2.2s var(--ease-out) infinite;opacity:0}.ek-printing__line:nth-child(4){animation-delay:.76s;width:40%;background:var(--ek-green-400, #35C863);height:7px}.ek-skeleton{position:relative;overflow:hidden;background:var(--bg-sunken, #EDF0F5);border-radius:var(--r-sm, 6px)}.ek-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:ek-shimmer 1.4s var(--ease-linear) infinite}[data-theme=dark] .ek-skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}@keyframes ek-shimmer{to{transform:translate(100%)}}.ek-spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:ek-spin .7s var(--ease-linear) infinite;display:inline-block}.ek-press{transition:transform var(--dur-instant) var(--ease-out)}.ek-press:active{transform:scale(.97)}@keyframes ek-pop{0%{transform:scale(1)}45%{transform:scale(1.045)}to{transform:scale(1)}}.ek-pop{animation:ek-pop .32s var(--ease-spring)}@keyframes ek-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.ek-shake{animation:ek-shake .32s var(--ease-out)}@keyframes ek-row-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.ek-row-in{animation:ek-row-in .24s var(--ease-out) both}.ek-check-draw{stroke-dasharray:20;stroke-dashoffset:20;animation:ek-draw .42s var(--ease-out) forwards}@keyframes ek-draw{to{stroke-dashoffset:0}}.ek-overlay{animation:ek-fade-in var(--dur-base) var(--ease-out) both}.ek-dialog{animation:ek-dialog var(--dur-base) var(--ease-out) both}@keyframes ek-dialog{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}.ek-drawer-right{animation:ek-drawer-r var(--dur-slow) var(--ease-out) both}@keyframes ek-drawer-r{0%{transform:translate(100%)}to{transform:none}}.ek-drawer-bottom{animation:ek-drawer-b var(--dur-slow) var(--ease-out) both}@keyframes ek-drawer-b{0%{transform:translateY(100%)}to{transform:none}}.ek-toast-in{animation:ek-toast-in .28s var(--ease-spring) both}.ek-toast-out{animation:ek-toast-out .18s var(--ease-in) both}@keyframes ek-toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes ek-toast-out{to{opacity:0;transform:translateY(8px) scale(.98)}}.ek-carousel{position:relative;overflow:hidden}.ek-carousel__track{display:flex;transition:transform .42s var(--ease-out);will-change:transform}.ek-carousel__slide{flex:0 0 100%;min-width:0}.ek-carousel__dots{display:flex;gap:6px;justify-content:center}.ek-carousel__dot{width:7px;height:7px;border-radius:999px;border:0;padding:0;cursor:pointer;background:var(--border-strong, #C3CBD9);transition:width var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.ek-carousel__dot[aria-selected=true]{width:22px;background:var(--bg-brand, #1663D8)}.ek-offline-bar{animation:ek-slide-down var(--dur-slow) var(--ease-out) both}.ek-intro__back{animation:ek-slide-left .46s var(--ease-out) both;animation-delay:0ms}.ek-intro__front{animation:ek-scale-in .46s var(--ease-spring) both;animation-delay:.14s}.ek-intro__ln{animation:ek-wipe .3s var(--ease-out) both}.ek-intro__ln:nth-of-type(1){animation-delay:.38s}.ek-intro__ln:nth-of-type(2){animation-delay:.46s}@keyframes ek-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.ek-intro__chk{stroke-dasharray:20;stroke-dashoffset:20;animation:ek-draw .42s var(--ease-out) .62s forwards}.ek-intro__char{animation:ek-fade-up .36s var(--ease-out) both}.ek-tear{--tear: 9px;position:relative}.ek-tear:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--tear) * -1);height:var(--tear);background:inherit;-webkit-mask-image:radial-gradient(var(--tear) at var(--tear) 0,transparent 99%,#000 100%);mask-image:radial-gradient(var(--tear) at var(--tear) 0,transparent 99%,#000 100%);-webkit-mask-size:calc(var(--tear) * 2) 100%;mask-size:calc(var(--tear) * 2) 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.ek-tab-indicator{position:absolute;bottom:0;left:0;height:2px;background:var(--bg-brand);transition:transform var(--dur-base) var(--ease-out),width var(--dur-base) var(--ease-out)}.ek-page-in{animation:ek-fade-in var(--dur-fast) var(--ease-out) both}@keyframes ek-pulse-once{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ek-pulse-once{animation:ek-pulse-once .42s var(--ease-spring)}.ek-countup{font-variant-numeric:tabular-nums}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px}.kpi{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--sh-sm)}.kpi__label{font-size:var(--fs-xs);font-weight:600;color:var(--fg-secondary)}.kpi__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-2xl);font-weight:700;line-height:1.15;color:var(--fg-primary)}.kpi__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.kpi__delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:600}.kpi__delta[data-dir=up]{color:var(--fg-success)}.kpi__delta[data-dir=down]{color:var(--fg-danger)}.kpi__delta[data-dir=flat]{color:var(--fg-tertiary)}.attn__row{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--hit-min);padding:12px 16px;border:0;border-bottom:1px solid var(--border-subtle);background:none;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--fg-primary);transition:background var(--dur-fast) var(--ease-out)}.attn__row:last-child{border-bottom:0}.attn__row:hover{background:var(--bg-sunken)}.attn__icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--r-md);font-size:13px}.attn__icon[data-tone=danger]{background:var(--bg-danger-subtle);color:var(--fg-danger)}.attn__icon[data-tone=warning]{background:var(--bg-warning-subtle);color:var(--fg-warning)}.attn__icon[data-tone=info]{background:var(--bg-brand-subtle);color:var(--fg-brand)}.attn__count{margin-left:auto;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.attn__empty{padding:30px 20px;text-align:center;color:var(--fg-secondary);font-size:var(--fs-sm)}.attn__empty i{display:block;margin-bottom:10px;font-size:26px;color:var(--fg-success)}.ek-skel-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.ek-skel-row>span{height:12px;border-radius:var(--r-sm)}.ek-skel-row>span:nth-child(1){flex:2}.ek-skel-row>span:nth-child(2){flex:3}.ek-skel-row>span:nth-child(3){flex:1}th{position:sticky;top:0;z-index:2}tbody td{height:var(--hit-min)}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ek-theme-select{display:inline-flex;align-items:center;gap:7px;min-height:var(--hit-md);padding:0 10px;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-surface);color:var(--fg-secondary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.ek-theme-select:hover{border-color:var(--border-strong)}.ek-theme-select:focus-within{border-color:var(--border-brand);box-shadow:var(--focus-ring)}.ek-theme-select>i{font-size:13px;flex-shrink:0}.ek-theme-select select{border:0;background:none;outline:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:500;color:inherit;min-width:0}.ek-theme-select.is-compact{padding:0;width:var(--hit-md);justify-content:center}.ek-theme-select.is-compact select{position:absolute;opacity:0;width:var(--hit-md);height:var(--hit-md);cursor:pointer}.sb-foot .ek-theme-select,.sb-footer .ek-theme-select{width:100%;background:var(--sb-control-bg, transparent);border-color:var(--sb-control-border, transparent);color:var(--sb-control-fg, inherit)}.sb-foot .ek-theme-select:hover,.sb-footer .ek-theme-select:hover{background:var(--sb-hover, rgba(255,255,255,.09))}.sb-foot .ek-theme-select select,.sb-footer .ek-theme-select select{flex:1}.ek-theme-select option{background:var(--bg-surface);color:var(--fg-primary)}.set-page{display:flex;flex-direction:column;gap:14px;max-width:760px}.set-card__hint{margin:0;padding:0 18px 4px;font-size:12.5px;color:var(--fg-secondary);line-height:1.5}.set-list{padding:4px 18px 16px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--hit-min);padding:12px 0;border-bottom:1px solid var(--border-subtle)}.set-row:last-child{border-bottom:none}.set-row__text{min-width:0}.set-row__label{font-size:13.5px;font-weight:700;color:var(--fg-primary)}.set-row__hint{margin-top:3px;font-size:12px;color:var(--fg-secondary);line-height:1.45}.set-row__control{flex-shrink:0}.set-value{font-size:13.5px;font-weight:700;color:var(--fg-primary)}@media (max-width: 640px){.set-row{flex-direction:column;align-items:stretch}.set-row__control{width:100%}}.ek-switch{display:inline-flex;align-items:center;gap:9px;min-height:var(--hit-min);padding:6px 12px 6px 6px;border:1.5px solid var(--border-default);border-radius:999px;background:var(--bg-surface);color:var(--fg-secondary);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ek-switch__knob{width:34px;height:20px;border-radius:999px;background:var(--bg-sunken);position:relative;flex-shrink:0;transition:background var(--dur-fast) var(--ease-out)}.ek-switch__knob:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--bg-surface);box-shadow:var(--sh-sm);transition:transform var(--dur-fast) var(--ease-out)}.ek-switch.on{border-color:var(--border-brand);color:var(--fg-brand)}.ek-switch.on .ek-switch__knob{background:var(--bg-brand)}.ek-switch.on .ek-switch__knob:after{transform:translate(14px)}.ek-switch:focus-visible{outline:2px solid var(--border-brand);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ek-switch,.ek-switch__knob,.ek-switch__knob:after{transition:none}}.ek-note{display:flex;align-items:flex-start;gap:9px;padding:10px 14px;border-radius:var(--r-md);border:1.5px solid var(--border-default);background:var(--bg-sunken);color:var(--fg-secondary);font-size:12.5px;font-weight:700;line-height:1.5;margin-bottom:14px}.ek-note i{margin-top:2px;flex-shrink:0}.ek-note--warning{background:var(--bg-warning-subtle);border-color:var(--border-warning);color:var(--fg-warning)}.ek-note--info{background:var(--bg-brand-subtle);border-color:var(--border-brand);color:var(--fg-brand)}.ek-note--danger{background:var(--bg-danger-subtle);border-color:var(--border-danger);color:var(--fg-danger)}.ek-sk{position:relative;overflow:hidden;display:block;background:var(--bg-sunken);border-radius:var(--r-sm);height:12px}.ek-sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-surface) 70%,transparent),transparent);animation:ek-sk-shimmer 1.4s linear infinite}[data-theme=dark] .ek-sk:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}@keyframes ek-sk-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.ek-sk:after{animation:none;opacity:.5}}.ek-sk--text{height:12px}.ek-sk--title{height:18px}.ek-sk--num{height:24px}.ek-sk--line{height:10px}.ek-sk--circle{border-radius:50%}.ek-sk--pill{border-radius:var(--r-full);height:22px}.ek-sk--block{border-radius:var(--r-md)}.ek-sk-group>*:nth-child(2) .ek-sk:after,.ek-sk-group>*:nth-child(2)>.ek-sk:after{animation-delay:.12s}.ek-sk-group>*:nth-child(3) .ek-sk:after,.ek-sk-group>*:nth-child(3)>.ek-sk:after{animation-delay:.24s}.ek-sk-group>*:nth-child(4) .ek-sk:after,.ek-sk-group>*:nth-child(4)>.ek-sk:after{animation-delay:.36s}.ek-sk-group>*:nth-child(n+5) .ek-sk:after{animation-delay:.48s}.ek-sk-table{width:100%}.ek-sk-tr{display:flex;align-items:center;gap:14px;height:var(--hit-min);padding:0 14px;border-bottom:1px solid var(--border-subtle)}.ek-sk-tr:last-child{border-bottom:0}.ek-sk-tr>*{flex:1 1 0;min-width:0}.ek-sk-tr>.is-narrow{flex:0 0 44px}.ek-sk-tr>.is-wide{flex:2 1 0}.ek-sk-tr>.is-num .ek-sk{margin-left:auto;width:62%}.ek-sk-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl)}.ek-sk-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border-bottom:1px solid var(--border-subtle)}.ek-sk-row:last-child{border-bottom:0}.ek-sk-row__body{flex:1;display:grid;gap:7px}.ek-sk-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;padding:12px}.ek-sk-tile{display:flex;flex-direction:column;gap:7px;min-height:var(--hit-pos);padding:12px;border:1.5px solid var(--border-subtle);border-radius:10px;background:var(--bg-surface)}.ek-sk-form{display:grid;gap:14px}.ek-sk-field{display:grid;gap:6px}.ek-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--z-toast);background:var(--bg-brand-soft);overflow:hidden;pointer-events:none}.ek-progress__bar{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-brand);transform-origin:0 50%;animation:ek-progress 1.15s var(--ease-out) infinite}@keyframes ek-progress{0%{transform:translate(-100%) scaleX(.35)}55%{transform:translate(20%) scaleX(.55)}to{transform:translate(110%) scaleX(.35)}}@media (prefers-reduced-motion: reduce){.ek-progress__bar{animation:none;transform:none;opacity:.7}}.ek-progress--inset{left:var(--current-sw, 0)}.ek-printing{--w: 96px;width:var(--w)}.ek-printing__slot{height:8px;border-radius:4px;background:var(--fg-tertiary);opacity:.35}.ek-printing__paper{overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-subtle);border-top:0;border-radius:0 0 var(--r-sm) var(--r-sm);animation:ek-paper 2.2s var(--ease-out) infinite}@keyframes ek-paper{0%{max-height:0;opacity:0}12%{opacity:1}55%,80%{max-height:96px;opacity:1}to{max-height:96px;opacity:0}}.ek-printing__line{height:5px;border-radius:3px;margin:7px 8px 0;background:var(--border-subtle);animation:ek-line 2.2s var(--ease-out) infinite;opacity:0}.ek-printing__line:nth-child(1){animation-delay:.22s;width:72%}.ek-printing__line:nth-child(2){animation-delay:.4s;width:54%}.ek-printing__line:nth-child(3){animation-delay:.58s;width:82%}.ek-printing__line:nth-child(4){animation-delay:.76s;width:40%;background:var(--ek-green-400);height:7px}@keyframes ek-line{0%,8%{opacity:0;transform:translateY(-4px)}20%,88%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ek-printing__paper,.ek-printing__line{animation:none;opacity:1;max-height:none}}.ek-boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;gap:18px;align-content:center;background:var(--bg-canvas)}.ek-boot__mark{width:72px;height:72px;overflow:visible}.ek-boot__mark .paper{transform-origin:50% 60%;animation:ek-boot-breathe 1.8s var(--ease-out) infinite}@keyframes ek-boot-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.04);opacity:1}}.ek-boot__mark .check{stroke-dasharray:22;stroke-dashoffset:22;animation:ek-boot-draw 1.8s var(--ease-out) infinite}@keyframes ek-boot-draw{0%{stroke-dashoffset:22}45%,75%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}.ek-boot__text{font-size:var(--fs-sm);color:var(--fg-secondary);letter-spacing:.04em}@media (prefers-reduced-motion: reduce){.ek-boot__mark .paper{animation:none}.ek-boot__mark .check{animation:none;stroke-dashoffset:0}}.ek-spinner{display:inline-block;flex-shrink:0;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:ek-spin .7s linear infinite;vertical-align:-3px}.ek-spinner--sm{width:13px;height:13px;border-width:1.5px}@keyframes ek-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ek-spinner{animation-duration:2.4s}}[data-loading=true]{pointer-events:none;position:relative}[data-loading=true]>*{visibility:hidden}[data-loading=true]:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ek-spin .7s linear infinite}.ek-loading-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ek-select{position:relative;display:inline-block}.ek-select--block{display:block;width:100%}.ek-select__btn{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:var(--hit-md);padding:0 10px 0 12px;border:1.5px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-surface);color:var(--fg-primary);font-family:var(--font-sans);font-size:var(--fs-md);font-weight:500;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ek-select__btn:hover{border-color:var(--border-strong)}.ek-select__btn:focus-visible,.ek-select[data-open=true] .ek-select__btn{outline:none;border-color:var(--border-brand);box-shadow:var(--focus-ring)}.ek-select__btn[disabled]{opacity:.55;cursor:not-allowed}.ek-select__icon{flex-shrink:0;font-size:13px;color:var(--fg-secondary)}.ek-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ek-select__value[data-placeholder=true]{color:var(--fg-tertiary)}.ek-select__caret{flex-shrink:0;width:16px;height:16px;display:grid;place-items:center;color:var(--fg-tertiary);font-size:11px;transition:transform var(--dur-base) var(--ease-out)}.ek-select[data-open=true] .ek-select__caret{transform:rotate(180deg)}.ek-select__list{position:absolute;z-index:var(--z-modal);left:0;top:calc(100% + 6px);width:max-content;min-width:100%;max-width:min(320px,calc(100vw - 32px));max-height:264px;overflow-y:auto;padding:5px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--sh-lg);animation:ek-select-in var(--dur-base) var(--ease-out) both}.ek-select[data-drop=up] .ek-select__list{top:auto;bottom:calc(100% + 6px)}.ek-select[data-align=right] .ek-select__list{left:auto;right:0}@keyframes ek-select-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}.ek-select[data-drop=up] .ek-select__list{animation-name:ek-select-in-up}@keyframes ek-select-in-up{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:none}}.ek-select__opt{display:flex;align-items:center;gap:9px;width:100%;min-height:var(--hit-min);padding:8px 10px;border:0;border-radius:var(--r-md);background:none;color:var(--fg-primary);font-family:var(--font-sans);font-size:var(--fs-md);font-weight:500;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ek-select__opt[data-active=true]{background:var(--bg-sunken)}.ek-select__opt[aria-selected=true]{color:var(--fg-brand);font-weight:600}.ek-select__opt-icon{width:16px;flex-shrink:0;text-align:center;font-size:13px}.ek-select__opt-label{flex:1;min-width:0;white-space:nowrap}.ek-select__opt-check{flex-shrink:0;font-size:11px;color:var(--fg-brand);opacity:0}.ek-select__opt[aria-selected=true] .ek-select__opt-check{opacity:1}.ek-select__empty{padding:14px 10px;text-align:center;color:var(--fg-tertiary);font-size:var(--fs-sm)}.ek-select--field .ek-select__btn{min-height:var(--hit-lg);font-size:var(--fs-md)}.ek-select--field .ek-select__btn[aria-invalid=true]{border-color:var(--border-danger)}.ek-select--compact .ek-select__btn{width:var(--hit-md);padding:0;justify-content:center}.ek-select--compact .ek-select__value,.ek-select--compact .ek-select__caret{display:none}.ek-select--compact .ek-select__list{left:auto;right:0;min-width:172px}.sb-footer .ek-select__btn,.sb-foot .ek-select__btn{border-color:transparent;background:transparent;color:var(--fg-secondary)}.sb-footer .ek-select__btn:hover,.sb-foot .ek-select__btn:hover{background:var(--bg-sunken);border-color:transparent}@media (max-width: 520px){.ek-select__list{max-height:50vh}.ek-select__opt{min-height:var(--hit-lg)}}.hdr .ek-select__btn{min-height:40px;font-size:var(--fs-sm)}*{margin:0;padding:0;box-sizing:border-box}:root{--blue: var(--bg-brand);--blue-d: var(--ek-blue-800);--blue-l: var(--bg-brand-subtle);--green: var(--ek-green-600);--green-d: var(--ek-green-700);--green-l: var(--bg-success-subtle);--red: var(--fg-danger);--red-l: var(--bg-danger-subtle);--yellow: var(--bg-warning);--yellow-l: var(--bg-warning-subtle);--purple: var(--ek-violet-500);--purple-l: rgba(124, 58, 237, .1);--bg: var(--bg-canvas);--surface: var(--bg-surface);--border: var(--border-subtle);--text: var(--fg-primary);--text2: var(--fg-secondary);--text3: var(--fg-tertiary);--radius: var(--r-lg);--sw: 248px;--sw-c: 70px;--sh: 62px;--font: var(--font-sans);--mono: var(--font-mono);--sh1: var(--sh-sm);--sh2: var(--sh-md);--sh3: var(--sh-lg)}body{font-family:var(--font-sans);font-size:var(--fs-md);background:var(--bg-canvas);color:var(--fg-primary);-webkit-tap-highlight-color:transparent;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}h1,h2,h3,.page-title,.card-title,.modal-title{font-family:var(--font-display);letter-spacing:-.02em}.mono,.ek-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.app-layout{display:flex;min-height:100vh;--current-sw: var(--sw)}.app-layout.collapsed{--current-sw: var(--sw-c)}.main-content{margin-left:var(--current-sw);flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s}.page-content{flex:1;padding:20px}.topbar{height:var(--sh);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:100;box-shadow:var(--sh1)}.topbar-title{font-size:18px;font-weight:800;flex:1}.topbar-title i{margin-right:9px;color:var(--blue)}.ham-btn{display:none!important}.topbar-date{font-size:12px;color:var(--text2);font-weight:600}.topbar-date i{margin-right:5px}.sidebar{--sb-fg: var(--fg-secondary);--sb-fg-dim: var(--fg-tertiary);--sb-hover-bg: var(--bg-sunken);--sb-hover-fg: var(--fg-primary);--sb-border: var(--border-subtle);--sb-active-bg: var(--bg-brand);--sb-active-fg: var(--fg-on-brand);--sb-hover: var(--bg-sunken);--sb-control-fg: var(--fg-secondary);--sb-control-border: var(--border-subtle);width:var(--current-sw);background:var(--bg-surface);border-right:1px solid var(--sb-border);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:200;transition:transform .3s,width .3s}.sidebar.collapsed{width:var(--sw-c)}.sidebar.collapsed .sb-logo{padding:10px}.sb-logo{padding:14px 12px;border-bottom:1px solid var(--sb-border)}.sb-logo-inner{display:flex;align-items:center;justify-content:center}.sb-logo img{width:100%;max-width:100%;height:auto;object-fit:contain;display:block}.sidebar.collapsed .sb-logo{padding:12px 8px}.sidebar.collapsed .sb-logo img{width:42px;height:42px}.sb-logo img.logo--dark,[data-theme=dark] .sb-logo img.logo--light{display:none}[data-theme=dark] .sb-logo img.logo--dark{display:block}.sb-sub{font-size:11px;color:var(--sb-fg-dim);font-weight:600;margin-top:6px;padding-left:2px}.sb-nav{flex:1;padding:10px;overflow-y:auto}.sb-section{font-size:10px;font-weight:700;color:var(--sb-fg-dim);text-transform:uppercase;letter-spacing:1.2px;padding:12px 8px 5px}.sb-item{display:flex;align-items:center;gap:10px;min-height:var(--hit-min);padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--sb-fg);cursor:pointer;margin-bottom:2px;text-decoration:none!important;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sb-item:hover{background:var(--sb-hover-bg);color:var(--sb-hover-fg)}.sb-item.active{background:var(--sb-active-bg);color:var(--sb-active-fg);box-shadow:var(--sh-brand)}.sb-item i{width:18px;text-align:center;font-size:14px;flex-shrink:0}.sb-label{white-space:nowrap;transition:opacity .2s}.sidebar.collapsed .sb-label,.sidebar.collapsed .sb-section,.sidebar.collapsed .sb-user-info{display:none}.sidebar.collapsed .sb-item{justify-content:center;padding:10px}.sb-toggle{position:absolute;top:72px;right:-12px;width:24px;height:24px;border-radius:50%;background:var(--bg-brand);color:var(--fg-on-brand);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-canvas);cursor:pointer;z-index:210;box-shadow:var(--sh1);font-size:10px;transition:.2s}.sb-toggle:hover{transform:scale(1.1);background:var(--bg-brand-hover)}.sidebar.collapsed .sb-toggle{right:-12px}.sb-footer{padding:8px 10px;border-top:1px solid var(--sb-border);display:grid;gap:4px}.sb-user{display:flex;align-items:center;gap:10px;min-height:var(--hit-min);padding:6px 12px;border-radius:10px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.sb-user:hover{background:var(--sb-hover-bg)}.sb-user-info{flex:1;overflow:hidden}.sb-user-name{font-size:13px;font-weight:600;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:11px;color:var(--sb-fg-dim)}.avatar,.av{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--ek-amber-500),var(--ek-red-500));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:var(--fg-on-brand);flex-shrink:0;box-shadow:0 2px 8px #f59e0b73}.card{background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--sh1)}.card-header{padding:13px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-title{font-size:14px;font-weight:800}.card-title i{margin-right:7px}.card-body{padding:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.stat-card{background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border);padding:18px;display:flex;align-items:flex-start;gap:14px;box-shadow:var(--sh1);transition:.2s}.stat-card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-value{font-size:19px;font-weight:900;color:var(--text);line-height:1.2}.stat-label{font-size:11.5px;color:var(--text2);font-weight:600;margin-top:2px}.stat-change{font-size:11px;font-weight:700;margin-top:4px;color:var(--green)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:9px 14px;text-align:left;font-size:11px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-sunken);border-bottom:1px solid var(--border)}td{padding:11px 14px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-sunken)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-blue{background:var(--blue-l);color:var(--blue-d)}.badge-green{background:var(--green-l);color:var(--green-d)}.badge-red{background:var(--red-l);color:var(--red)}.badge-yellow{background:var(--yellow-l);color:var(--fg-warning)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--hit-md);padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn[data-loading=true]{pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:var(--fg-on-brand)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--sh-brand)}.btn-green{background:linear-gradient(135deg,var(--green),var(--green-d));color:var(--fg-on-brand)}.btn-green:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1fae4c57}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text2)}.btn-outline:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}.btn-danger{background:var(--red);color:var(--fg-on-brand)}.btn-danger:hover{background:var(--ek-red-700)}.btn-sm{min-height:36px;padding:7px 13px;font-size:12px;border-radius:8px}.btn-full{width:100%;padding:13px;font-size:15px}.btn-pos{min-height:var(--hit-pos);font-size:15px;border-radius:var(--r-lg)}.btn-icon{width:36px;height:36px;padding:0;border-radius:8px;background:var(--bg);border:1.5px solid var(--border);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out);font-size:13px}.btn-icon:hover{background:var(--border)}.btn-icon:active{transform:scale(.94)}.btn-icon.danger:hover{background:var(--red-l);color:var(--red);border-color:var(--border-danger)}@media (pointer: coarse){.btn,.btn-sm{min-height:var(--hit-min)}.btn-icon,.qty-btn{width:var(--hit-min);height:var(--hit-min)}}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:800;color:var(--text2);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--bg-sunken);outline:none;transition:.2s}.form-input:focus{border-color:var(--blue);background:var(--bg-surface);box-shadow:var(--ring-brand)}select.form-input{cursor:pointer}.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg-sunken);border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;transition:.2s}.search-bar:focus-within{border-color:var(--blue);background:var(--bg-surface);box-shadow:var(--ring-brand)}.search-bar input{border:none;background:none;outline:none;font-size:13px;font-family:var(--font);color:var(--text);flex:1;min-width:0}.search-bar i{color:var(--text3);font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:fadeIn .2s ease}.modal-box{background:var(--bg-surface);border-radius:18px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:var(--sh3);animation:slideUp .3s ease}.modal-header{padding:20px 22px 0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:800}.modal-body{padding:18px 22px}.modal-footer{padding:0 22px 20px;display:flex;justify-content:flex-end;gap:10px}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{min-width:260px;max-width:340px;padding:13px 18px;border-radius:12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:var(--sh2);animation:slideIn .3s ease;pointer-events:all}.toast-success{background:var(--green-l);color:var(--fg-success);border:1.5px solid var(--border-success)}.toast-error{background:var(--red-l);color:var(--red);border:1.5px solid var(--border-danger)}.toast-info{background:var(--blue-l);color:var(--blue-d);border:1.5px solid var(--border-brand)}.login-page{min-height:100vh;background:linear-gradient(145deg,var(--blue-d) 0%,var(--blue) 55%,var(--ek-blue-400) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#ffffff0d;top:-180px;right:-180px}.login-page:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#ffffff0d;bottom:-130px;left:-130px}.login-card{background:var(--bg-surface);border-radius:22px;padding:40px 38px;width:100%;max-width:420px;box-shadow:0 28px 60px #01368d47;position:relative;z-index:1;animation:slideUp .4s ease}.login-logo{text-align:center;margin-bottom:26px}.login-logo img{height:64px;object-fit:contain}.login-tabs{display:flex;gap:6px;margin-bottom:20px;background:var(--bg-sunken);border-radius:10px;padding:4px}.login-tab{flex:1;padding:9px;border:none;border-radius:8px;cursor:pointer;font-family:var(--font);font-weight:700;font-size:13px;transition:.2s}.login-tab.active{background:var(--bg-surface);color:var(--blue-d);box-shadow:var(--sh1)}.login-tab:not(.active){background:transparent;color:var(--text2)}.login-copy{text-align:center;font-size:11px;color:var(--text3);font-weight:700;margin-top:20px;letter-spacing:.5px}.kassa-layout{display:grid;grid-template-columns:1fr 360px;gap:16px;height:calc(100vh - var(--sh) - 40px)}.kassa-left{display:flex;flex-direction:column;gap:12px;overflow:hidden}.kassa-right{display:flex;flex-direction:column;gap:11px;overflow:hidden}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;overflow-y:auto;padding:12px}.product-card{min-height:var(--hit-pos);border:1.5px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;background:var(--bg-surface);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.product-card:hover{border-color:var(--blue);background:var(--blue-l);transform:translateY(-2px);box-shadow:var(--sh1)}.product-card:active{transform:scale(.97)}.product-name{font-size:12.5px;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-barcode{font-size:11px;color:var(--text3);font-family:var(--mono);margin-bottom:6px}.product-price{font-size:14px;font-weight:900;color:var(--blue);font-family:var(--mono)}.cart-items{flex:1;overflow-y:auto}.cart-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);transition:.15s}.cart-item:hover{background:var(--bg-sunken)}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:12px;color:var(--text2);font-family:var(--mono)}.qty-ctrl{display:flex;align-items:center;gap:7px}.qty-btn{width:var(--hit-md);height:var(--hit-md);border-radius:9px;border:1.5px solid var(--border);background:var(--bg-surface);font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);line-height:1;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.qty-btn:hover{border-color:var(--blue);color:var(--blue)}.qty-btn:active{transform:scale(.92)}.qty-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;min-width:26px;text-align:center}.total-card{background:var(--bg-brand);color:var(--fg-on-brand);border-radius:var(--radius);padding:18px}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#fff9;margin-bottom:6px}.total-big{font-size:21px;font-weight:900;color:var(--fg-on-brand);display:flex;justify-content:space-between;padding-top:12px;margin-top:6px;border-top:1px solid rgba(255,255,255,.12)}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.payment-btn{min-height:var(--hit-pos);padding:11px;border-radius:var(--r-lg);border:2px solid var(--border);background:var(--bg-surface);font-size:14px;font-weight:700;cursor:pointer;transition:.2s;font-family:var(--font);color:var(--text)}.payment-btn.active{border-color:var(--blue);background:var(--blue);color:var(--fg-on-brand);box-shadow:var(--sh-brand)}.payment-btn:hover{border-color:var(--blue);background:var(--blue-l)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-2c{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mono{font-family:var(--mono)}.text-blue{color:var(--blue)}.text-muted{color:var(--text2)}.fw-700{font-weight:700}.fw-800{font-weight:800}.loader{display:flex;align-items:center;justify-content:center;padding:44px}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}.empty{text-align:center;padding:44px 24px;color:var(--text2)}.empty i{font-size:36px;color:var(--text3);margin-bottom:10px;display:block}.empty p{font-size:14px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{transform:translate(110%);opacity:0}to{transform:none;opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:none}.main-content{margin-left:0}.ham-btn{display:flex!important}.sidebar.collapsed{transform:translate(-100%);width:var(--sw)}.sidebar.collapsed.open{transform:none}.app-layout.collapsed{--current-sw: 0px}.sb-toggle{display:none}.sidebar.collapsed .sb-label,.sidebar.collapsed .sb-section,.sidebar.collapsed .sb-user-info{display:block}.kassa-layout{grid-template-columns:1fr;height:auto}.stats-grid{grid-template-columns:1fr 1fr}.grid-2c{grid-template-columns:1fr}}@media (max-width: 520px){.stats-grid{grid-template-columns:1fr}.page-content{padding:12px}.grid-2{grid-template-columns:1fr}}@keyframes pulse-warn{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.pay-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:600;padding:20px;animation:fadeIn .25s ease}.pay-modal-box{background:var(--bg-surface);border-radius:22px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #01368d1f,0 2px 12px #01368d14;border:1px solid var(--border-subtle);animation:payModalIn .35s cubic-bezier(.16,1,.3,1)}@keyframes payModalIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}.pay-modal-header{padding:22px 26px 0;display:flex;align-items:center;justify-content:space-between}.pay-modal-title{font-size:18px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px}.pay-modal-title i{color:var(--blue);font-size:20px}.pay-modal-close{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:.2s}.pay-modal-close:hover{background:var(--red-l);color:var(--red);border-color:var(--border-danger);transform:scale(1.05)}.pay-modal-body{padding:20px 26px}.pay-modal-total{background:linear-gradient(135deg,var(--blue-d) 0%,var(--blue) 100%);border-radius:16px;padding:22px 24px;text-align:center;margin-bottom:22px;position:relative;overflow:hidden}.pay-modal-total:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#ffffff0f;top:-50px;right:-30px}.pay-modal-total:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#ffffff0a;bottom:-20px;left:-15px}.pay-modal-total-label{font-size:12px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.pay-modal-total-value{font-size:30px;font-weight:900;color:var(--fg-on-brand);font-family:var(--mono);line-height:1.2}.pay-modal-total-qty{font-size:12px;font-weight:600;color:#ffffff80;margin-top:6px}.pay-modal-section-label{font-size:12px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:flex;align-items:center;gap:7px}.pay-modal-section-label i{color:var(--blue);font-size:13px}.pay-modal-types{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:8px}.pay-type-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 12px;border-radius:14px;border:2px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:all .25s ease;font-family:var(--font);position:relative;overflow:hidden}.pay-type-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pay-color);opacity:0;transition:opacity .25s}.pay-type-btn:hover{border-color:var(--pay-color);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.pay-type-btn.active{border-color:var(--pay-color);background:var(--pay-color);color:var(--fg-on-brand);box-shadow:0 4px 18px color-mix(in srgb,var(--pay-color) 40%,transparent)}.pay-type-btn.active .pay-type-icon{background:#ffffff38;color:var(--fg-on-brand)}.pay-type-btn.active .pay-type-label{color:var(--fg-on-brand)}.pay-type-btn.active .pay-type-sub{color:#ffffffbf}.pay-type-icon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--pay-color) 10%,transparent);color:var(--pay-color);display:flex;align-items:center;justify-content:center;font-size:17px;transition:.25s;position:relative;z-index:1}.pay-type-label{font-size:13px;font-weight:800;color:var(--text);position:relative;z-index:1;transition:.25s}.pay-type-sub{font-size:10px;font-weight:600;color:var(--text3);position:relative;z-index:1;transition:.25s}.pay-mixed-section{margin-top:16px;padding:18px;background:var(--bg-sunken);border-radius:14px;border:1.5px solid var(--border);animation:slideUp .3s ease}.pay-mixed-second-types{display:flex;gap:8px}.pay-mixed-second-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:10px;border:2px solid var(--border);background:var(--bg-surface);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:700;color:var(--text);transition:all .2s ease}.pay-mixed-second-btn i{font-size:14px;color:var(--pay-color);transition:.2s}.pay-mixed-second-btn:hover{border-color:var(--pay-color);background:color-mix(in srgb,var(--pay-color) 6%,transparent)}.pay-mixed-second-btn.active{border-color:var(--pay-color);background:var(--pay-color);color:var(--fg-on-brand);box-shadow:0 3px 12px color-mix(in srgb,var(--pay-color) 35%,transparent)}.pay-mixed-second-btn.active i{color:var(--fg-on-brand)}.pay-mixed-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-mixed-field{display:flex;flex-direction:column;gap:6px}.pay-mixed-label{font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px}.pay-mixed-label i{font-size:12px}.pay-mixed-input{text-align:right;font-weight:700!important;font-family:var(--mono)!important;font-size:15px!important}.pay-mixed-warn{margin-top:10px;font-size:12px;color:var(--red);font-weight:700;text-align:center;padding:8px;background:var(--red-l);border-radius:8px;border:1px solid var(--border-danger)}.pay-modal-footer{padding:0 26px 24px;display:flex;justify-content:flex-end;gap:10px}.pay-modal-submit{padding:13px 28px!important;font-size:15px!important;flex:1}.kassa-fs-topbar-btn{display:flex;align-items:center;gap:6px;padding:6px 14px!important;font-size:12px!important;font-weight:700!important;background:var(--blue-l)!important;color:var(--blue)!important;border:1.5px solid rgba(1,125,202,.2)!important;border-radius:8px!important;cursor:pointer;transition:all .25s ease}.kassa-fs-topbar-btn:hover{background:var(--blue)!important;color:var(--fg-on-brand)!important;border-color:var(--blue)!important;transform:translateY(-1px);box-shadow:0 3px 12px #017dca40}.kassa-fs-topbar-btn i{font-size:12px}.app-layout.kassa-fullscreen .sidebar{transform:translate(-100%);opacity:0;pointer-events:none;width:0;min-width:0;overflow:hidden}.app-layout.kassa-fullscreen .topbar{display:none}.app-layout.kassa-fullscreen .main-content{margin-left:0!important;width:100vw}.app-layout.kassa-fullscreen .page-content{padding:20px;height:100vh;max-height:100vh;overflow:hidden}.app-layout.kassa-fullscreen .page-content>div{height:calc(100vh - 40px)!important;max-height:calc(100vh - 40px)!important}.app-layout.kassa-fullscreen .kassa-layout{height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important}.kassa-fs-exit{position:fixed;top:14px;right:14px;z-index:9999;width:38px;height:38px;border-radius:10px;border:1.5px solid rgba(255,255,255,.15);background:#01368dbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--fg-on-brand);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .25s ease;box-shadow:0 4px 16px #0003;animation:kfsExitIn .3s cubic-bezier(.16,1,.3,1)}.kassa-fs-exit:hover{background:var(--red);border-color:#ffffff4d;transform:scale(1.08);box-shadow:0 4px 20px #ef444466}@keyframes kfsExitIn{0%{opacity:0;transform:scale(.7) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.bc-field{display:flex;align-items:center;gap:10px;min-height:var(--hit-pos);padding:0 14px;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--r-lg);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.bc-field:focus-within{border-color:var(--border-brand);box-shadow:var(--ring-brand)}.bc-field>i{font-size:18px;color:var(--fg-tertiary);flex-shrink:0}.bc-field input{flex:1;min-width:0;border:0;background:none;outline:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;color:var(--fg-primary)}.bc-field input::placeholder{font-family:var(--font-sans);font-weight:500;color:var(--fg-tertiary)}.bc-field[data-unfocused=true]{border-color:var(--border-warning);background:var(--bg-warning-subtle)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--fg-secondary);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:500;line-height:1}.btn .kbd,.payment-btn .kbd{border-color:currentColor;background:transparent;color:inherit;opacity:.7}.ek-status-bar{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:var(--fs-sm);font-weight:600;border-radius:var(--r-md);cursor:pointer;border:1px solid transparent;width:100%;font-family:var(--font-sans);text-align:left}.ek-status-bar[data-tone=offline]{background:var(--bg-warning-subtle);color:var(--fg-warning);border-color:var(--border-warning)}.ek-status-bar[data-tone=syncing]{background:var(--bg-brand-subtle);color:var(--fg-brand);border-color:var(--border-brand)}.ek-status-bar[data-tone=synced]{background:var(--bg-success-subtle);color:var(--fg-success);border-color:var(--border-success)}.ek-status-bar__count{margin-left:auto;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ek-queue-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm)}.ek-queue-row:last-child{border-bottom:0}.ek-queue-row__key{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-secondary)}.ek-finish{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;background:var(--scrim)}.ek-finish__box{background:var(--bg-surface);border-radius:var(--r-2xl);padding:34px 40px;min-width:300px;display:grid;justify-items:center;gap:16px;box-shadow:var(--sh-xl)}.ek-finish__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700}.ek-finish__sub{font-size:var(--fs-sm);color:var(--fg-secondary);text-align:center}.ek-finish__amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-3xl);font-weight:700;color:var(--fg-success)}.ek-change{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px;margin-top:12px;background:var(--bg-success-subtle);border:1px solid var(--border-success);border-radius:var(--r-lg)}.ek-change__label{font-size:var(--fs-sm);font-weight:700;color:var(--fg-success);text-transform:uppercase;letter-spacing:.06em}.ek-change__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-2xl);font-weight:700;color:var(--fg-success)}.ek-quick-cash{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ek-quick-cash button{min-height:var(--hit-min);padding:0 16px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);color:var(--fg-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-md);font-weight:500;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.ek-quick-cash button:hover{border-color:var(--border-brand);color:var(--fg-brand)}.ek-quick-cash button:active{transform:scale(.97)}.ek-undo{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-inverse);color:var(--fg-on-inverse);border-radius:var(--r-lg);box-shadow:var(--sh-lg);font-size:var(--fs-sm)}.ek-undo button{border:0;background:none;cursor:pointer;color:var(--ek-blue-200);font-weight:700;font-size:var(--fs-sm);font-family:var(--font-sans);padding:4px 2px}.ek-shift{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:600;color:var(--fg-secondary)}.ek-shift__dot{width:8px;height:8px;border-radius:50%;background:var(--bg-success);flex-shrink:0}.ek-shift[data-open=false] .ek-shift__dot{background:var(--fg-tertiary)}