html,body,#root{height:100%;margin:0;padding:0}:root{--n-0: #ffffff;--n-25: #fbfcfd;--n-50: #f5f7fa;--n-100: #eef1f5;--n-200: #dce1e8;--n-300: #c1c8d3;--n-400: #9aa3b2;--n-500: #6c7484;--n-600: #4a5260;--n-700: #323943;--n-800: #1f242c;--n-900: #0e1116;--a-50: #eff4ff;--a-100: #dbe6ff;--a-200: #b6cdff;--a-300: #87aaff;--a-400: #4f7dff;--a-500: #2056e6;--a-600: #1a45c2;--a-700: #16399f;--a-900: #0c1f5a;--ok-50: #ecfdf4;--ok-100: #d1f5e1;--ok-500: #129a55;--ok-700: #0e7340;--warn-50: #fff7e6;--warn-100: #ffeac2;--warn-500: #c47100;--warn-700: #8a4f00;--bad-50: #fdeeee;--bad-100: #fbd9d9;--bad-500: #c5332d;--bad-600: #a52924;--bad-700: #8a1f1a;--info-50: var(--a-50);--info-500: var(--a-500);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(14, 17, 22, .06), 0 0 0 1px rgba(14, 17, 22, .04);--sh-2: 0 2px 6px rgba(14, 17, 22, .07), 0 0 0 1px rgba(14, 17, 22, .05);--sh-3: 0 10px 30px rgba(14, 17, 22, .12), 0 2px 8px rgba(14, 17, 22, .06);--sh-modal: 0 20px 60px rgba(14, 17, 22, .22), 0 4px 16px rgba(14, 17, 22, .1);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", system-ui, "Noto Sans", sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Mono", "Roboto Mono", Menlo, monospace;--t-12: 12px;--t-13: 13px;--t-14: 14px;--t-15: 15px;--t-16: 16px;--t-18: 18px;--t-20: 20px;--t-24: 24px;--t-28: 28px;--t-32: 32px;--t-40: 40px;--t-56: 56px}.pos,.pos *{box-sizing:border-box}.pos{font-family:var(--font);font-size:var(--t-14);color:var(--n-800);background:var(--n-50);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";font-variant-numeric:lining-nums;line-height:1.4;height:100%;width:100%}.pos button{font-family:inherit;cursor:pointer}.pos input,.pos textarea,.pos select{font-family:inherit;color:inherit}.pos .tabular{font-variant-numeric:tabular-nums}.surface{width:100%;height:100%;overflow:hidden;position:relative;background:var(--n-50);display:flex;flex-direction:column}.tablet{width:100%;height:100%;overflow:hidden;position:relative;background:var(--n-50)}.topbar{height:52px;background:var(--n-0);border-bottom:1px solid var(--n-200);display:flex;align-items:center;padding:0 var(--s-5);gap:var(--s-4);flex-shrink:0}.topbar .logo{font-weight:700;font-size:var(--t-15);color:var(--n-800);letter-spacing:-.2px;display:flex;align-items:center;gap:var(--s-2)}.topbar .logo-mark{width:22px;height:22px;border-radius:5px;background:var(--a-500);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.shift-badge{height:28px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--ok-50);color:var(--ok-700);font-size:var(--t-13);font-weight:600;display:flex;align-items:center;gap:var(--s-2);font-variant-numeric:tabular-nums}.shift-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--ok-500)}.shift-badge.closed{background:var(--n-100);color:var(--n-600)}.shift-badge.closed .dot{background:var(--n-400)}.lang-toggle{display:flex;height:32px;padding:2px;background:var(--n-100);border-radius:var(--r-2);font-size:var(--t-13);font-weight:600}.lang-toggle button{border:0;background:transparent;padding:0 var(--s-3);color:var(--n-600);border-radius:4px}.lang-toggle button.on{background:var(--n-0);color:var(--n-800);box-shadow:var(--sh-1)}.conn{display:flex;align-items:center;gap:var(--s-2);color:var(--n-500);font-size:var(--t-13)}.conn .dots{display:flex;gap:4px}.conn .dot{width:8px;height:8px;border-radius:50%;background:var(--ok-500)}.conn .dot.off{background:var(--warn-500)}.conn .dot.dead{background:var(--bad-500)}.conn .label{color:var(--n-500);font-size:var(--t-12)}.cashier-chip{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-3) 0 4px;height:28px;background:var(--n-100);border-radius:var(--r-pill);font-size:var(--t-13);font-weight:500;color:var(--n-700)}.cashier-chip .avatar{width:22px;height:22px;border-radius:50%;background:var(--a-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.role-toggle{display:flex;height:28px;padding:2px;background:var(--n-100);border-radius:var(--r-2);font-size:var(--t-13);font-weight:600}.role-toggle button{border:0;background:transparent;padding:0 var(--s-3);color:var(--n-600);border-radius:4px;display:inline-flex;align-items:center;gap:4px}.role-toggle button.on{background:var(--n-0);color:var(--a-700);box-shadow:var(--sh-1)}.role-toggle .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.lang-toggle{height:28px}.icon-btn{width:32px;height:32px;border-radius:var(--r-2);border:0;background:transparent;color:var(--n-600);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--n-100);color:var(--n-800)}.btn{height:36px;padding:0 var(--s-4);border-radius:var(--r-2);border:1px solid transparent;font-size:var(--t-14);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--n-0);color:var(--n-700);border-color:var(--n-200);transition:background .12s,border-color .12s,box-shadow .12s;white-space:nowrap}.btn:hover{background:var(--n-50);border-color:var(--n-300)}.btn.lg{height:44px;font-size:var(--t-15);padding:0 var(--s-5)}.btn.sm{height:28px;font-size:var(--t-12);padding:0 var(--s-2);border-radius:4px}.btn-primary{background:var(--a-500);color:#fff;border-color:var(--a-500)}.btn-primary:hover{background:var(--a-600);border-color:var(--a-600)}.btn-secondary{background:var(--n-0);color:var(--a-700);border-color:var(--a-200)}.btn-secondary:hover{background:var(--a-50);border-color:var(--a-300)}.btn-tertiary{background:transparent;color:var(--n-700);border-color:transparent}.btn-tertiary:hover{background:var(--n-100)}.btn-danger{background:var(--n-0);color:var(--bad-600);border-color:var(--bad-100)}.btn-danger:hover{background:var(--bad-50);border-color:var(--bad-500)}.btn-danger-solid{background:var(--bad-500);color:#fff;border-color:var(--bad-500)}.btn-danger-solid:hover{background:var(--bad-600);border-color:var(--bad-600)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.input{height:36px;width:100%;border:1px solid var(--n-200);background:var(--n-0);border-radius:var(--r-2);padding:0 var(--s-3);font-size:var(--t-14);color:var(--n-800);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--a-500);box-shadow:0 0 0 3px var(--a-100)}.input.search{padding-left:32px}.input-wrap{position:relative}.input-wrap .leading{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--n-500)}.input-wrap .trailing{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--n-500);font-size:var(--t-13);font-weight:500}.input-lg{height:44px;font-size:var(--t-15)}.field-label{font-size:var(--t-13);font-weight:500;color:var(--n-600);margin-bottom:var(--s-1);display:block}.field-hint{font-size:var(--t-12);color:var(--n-500);margin-top:4px}.kbd{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--t-12);font-weight:500;color:var(--n-500);background:var(--n-100);border:1px solid var(--n-200);border-radius:var(--r-1);font-variant-numeric:tabular-nums}.seg{display:inline-flex;height:30px;padding:3px;background:var(--n-100);border-radius:var(--r-2)}.seg button{border:0;background:transparent;padding:0 var(--s-4);font-size:var(--t-13);font-weight:600;color:var(--n-600);border-radius:4px}.seg button.on{background:var(--n-0);color:var(--n-800);box-shadow:var(--sh-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;height:22px;border-radius:var(--r-1);font-size:var(--t-12);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.badge-stock-ok{background:var(--ok-50);color:var(--ok-700)}.badge-stock-low{background:var(--warn-50);color:var(--warn-700)}.badge-stock-out{background:var(--bad-50);color:var(--bad-700)}.badge-price{background:var(--n-100);color:var(--n-700)}.badge-info{background:var(--a-50);color:var(--a-700)}.badge-success{background:var(--ok-50);color:var(--ok-700)}.badge-warn{background:var(--warn-50);color:var(--warn-700)}.badge-danger{background:var(--bad-50);color:var(--bad-700)}.badge-neutral{background:var(--n-100);color:var(--n-700)}.badge-solid{background:var(--a-500);color:#fff}.card{background:var(--n-0);border-radius:var(--r-3);border:1px solid var(--n-200)}.client-tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--n-200);background:var(--n-50);padding:var(--s-2) var(--s-3) 0;overflow-x:auto;overflow-y:hidden}.client-tab{height:40px;padding:0 var(--s-4);display:flex;align-items:center;gap:var(--s-2);border:1px solid transparent;border-bottom:0;border-top-left-radius:var(--r-2);border-top-right-radius:var(--r-2);background:transparent;color:var(--n-600);font-size:var(--t-13);font-weight:500;position:relative;top:1px;flex-shrink:0}.client-tab.active{background:var(--n-0);color:var(--n-800);border-color:var(--n-200);border-bottom-color:var(--n-0)}.client-tab .close{width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;color:var(--n-500)}.client-tab:hover .close,.client-tab.active .close{display:flex}.client-tab .close:hover{background:var(--n-100);color:var(--n-800)}.client-tab.anon .name{color:var(--n-500);font-style:italic}.client-tab .lock-mini{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--warn-50);color:var(--warn-700);font-weight:700;font-variant-numeric:tabular-nums}.client-tab .new-pip{width:6px;height:6px;border-radius:50%;background:var(--a-500)}.add-tab-btn{width:36px;height:36px;border-radius:var(--r-2);border:0;background:transparent;color:var(--n-600);margin:0 var(--s-1);display:flex;align-items:center;justify-content:center}.add-tab-btn:hover{background:var(--n-100);color:var(--n-800)}.tbl{width:100%;border-collapse:collapse;font-size:var(--t-14)}.tbl thead th{text-align:left;font-size:var(--t-12);font-weight:600;color:var(--n-500);text-transform:uppercase;letter-spacing:.04em;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--n-200);background:var(--n-50)}.tbl tbody td{padding:var(--s-3);border-bottom:1px solid var(--n-100);vertical-align:middle}.tbl tbody tr:hover{background:var(--n-25)}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:4px}.sortable:hover{color:var(--a-600)}.sortable .arr{opacity:.35}.sortable.on .arr{opacity:1;color:var(--a-500)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.stepper{display:inline-flex;align-items:center;height:30px;border:1px solid var(--n-200);border-radius:var(--r-2);background:var(--n-0);overflow:hidden}.stepper button{width:30px;height:100%;border:0;background:transparent;color:var(--n-700);font-size:var(--t-14)}.stepper button:hover{background:var(--n-100)}.stepper .val{min-width:36px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.modal-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e111673;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20}.modal{background:var(--n-0);border-radius:var(--r-4);box-shadow:var(--sh-modal);padding:var(--s-6);width:480px;max-width:90%}.modal h2{font-size:var(--t-20);font-weight:600;margin:0 0 var(--s-2);letter-spacing:-.2px}.modal .modal-sub{color:var(--n-500);font-size:var(--t-13);margin-bottom:var(--s-5)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-6)}.toast{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--n-0);border-radius:var(--r-3);border:1px solid var(--n-200);box-shadow:var(--sh-3)}.toast .icn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.toast.info .icn{background:var(--a-50);color:var(--a-700)}.toast.ok .icn{background:var(--ok-50);color:var(--ok-700)}.toast.warn .icn{background:var(--warn-50);color:var(--warn-700)}.toast.bad .icn{background:var(--bad-50);color:var(--bad-700)}.toast .title{font-weight:600;color:var(--n-800);font-size:var(--t-14)}.toast .desc{color:var(--n-600);font-size:var(--t-13);margin-top:2px}.h1{font-size:var(--t-32);font-weight:600;letter-spacing:-.5px;line-height:1.15}.h2{font-size:var(--t-24);font-weight:600;letter-spacing:-.3px;line-height:1.2}.h3{font-size:var(--t-18);font-weight:600;letter-spacing:-.2px;line-height:1.25}.label-small{font-size:var(--t-12);font-weight:600;color:var(--n-500);text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--n-500)}.mono{font-family:var(--font-mono)}.num-xl{font-size:var(--t-32);font-weight:700;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.num-2xl{font-size:var(--t-40);font-weight:700;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:var(--s-3)}.col{display:flex;flex-direction:column;gap:var(--s-3)}.grow{flex:1 1 auto;min-width:0}.between{justify-content:space-between}.right{margin-left:auto}.divider{height:1px;background:var(--n-200);width:100%}.vdivider{width:1px;background:var(--n-200);align-self:stretch}.placeholder{background-image:repeating-linear-gradient(45deg,var(--n-100) 0 8px,var(--n-50) 8px 16px);color:var(--n-500);font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;justify-content:center}.admin-shell{display:flex;flex:1;min-height:0;background:var(--n-50)}.sidebar{width:248px;flex-shrink:0;background:var(--n-0);border-right:1px solid var(--n-200);display:flex;flex-direction:column;padding:var(--s-3) var(--s-2);gap:2px}.sidebar .group-label{font-size:11px;font-weight:700;color:var(--n-500);letter-spacing:.05em;text-transform:uppercase;padding:var(--s-3) var(--s-3) var(--s-1)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-2);font-size:var(--t-14);font-weight:500;color:var(--n-700);background:transparent;border:0;cursor:pointer;text-align:left}.nav-item:hover{background:var(--n-50);color:var(--n-900)}.nav-item.on{background:var(--a-50);color:var(--a-700);font-weight:600}.nav-item.on .nav-icon{color:var(--a-600)}.nav-icon{width:18px;height:18px;color:var(--n-500);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.nav-item .count{margin-left:auto;font-size:11px;font-weight:700;padding:2px 6px;border-radius:8px;background:var(--n-100);color:var(--n-600)}.nav-item.on .count{background:var(--a-100);color:var(--a-700)}.kpi{background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--r-3);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.kpi .lbl{font-size:12px;font-weight:600;color:var(--n-500);text-transform:uppercase;letter-spacing:.04em}.kpi .val{font-size:26px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:var(--n-900)}.kpi .sub{font-size:12px;color:var(--n-500)}.kpi.warn .val{color:var(--warn-700)}.kpi.bad .val{color:var(--bad-600)}.kpi.ok .val{color:var(--ok-700)}.bucket{background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--r-3);padding:14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.bucket:hover{border-color:var(--n-300);box-shadow:var(--sh-1)}.bucket.active{border-color:var(--a-500);box-shadow:0 0 0 3px var(--a-100)}.bucket .age{font-size:12px;font-weight:600;color:var(--n-500)}.bucket .total{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.bucket .meta{font-size:12px;color:var(--n-500)}.bucket .bar{height:4px;border-radius:2px;background:var(--n-100);margin-top:6px;overflow:hidden}.bucket .bar-fill{height:100%;border-radius:2px}.too-narrow{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;padding:40px;text-align:center;background:var(--n-50);color:var(--n-700)}.too-narrow .icn{width:56px;height:56px;border-radius:28px;background:var(--n-100);color:var(--n-500);display:flex;align-items:center;justify-content:center}.page{padding:20px 24px;flex:1;min-height:0;overflow-y:auto}.page-header{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.page-header .title{font-size:22px;font-weight:600;letter-spacing:-.3px}.page-header .sub{color:var(--n-500);font-size:13px}.page-header .right{margin-left:auto;display:flex;gap:8px}.slide-over-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e111673;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:21}.slide-over{height:100%;max-width:90%;background:var(--n-0);box-shadow:var(--sh-modal);display:flex;flex-direction:column;overflow:hidden;animation:slide-over-in .2s ease}@keyframes slide-over-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media print{@page{size:A5 portrait;margin:10mm}body{background:#fff}.pos .topbar,.pos .sidebar,.pos .screen-jumper,.pos .overflow-menu,.pos .client-tabs,.pos .modal-back,.no-print{display:none!important}.pos .receipt{box-shadow:none;border:0}}.sidebar-resize-handle{background:transparent}.sidebar-resize-handle:focus-visible{outline:none;background:var(--a-100);box-shadow:inset 0 0 0 2px var(--a-500)}