@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--brand: #14817c;--brand-dark: #0f6860;--brand-darker: #0a524d;--brand-light: #ccecea;--brand-bg: #f0faf9;--brand-50: #f0faf9;--brand-100: #ccecea;--accent: #ed8112;--accent-dark: #c46b0a;--accent-light: #fef0dc;--rail-bg: #0f2d2a;--rail-border: rgba(255,255,255,.07);--rail-text: rgba(255,255,255,.55);--rail-text-hover:rgba(255,255,255,.9);--rail-active-bg: rgba(20,129,124,.25);--rail-active-fg: #4dd4cc;--rail-icon-size: 14px;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-900: #0f172a;--white: #ffffff;--red-500: #ef4444;--green-ok: #16a34a;--font: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 7px;--radius-md: 11px;--radius-lg: 15px;--radius-xl: 19px;--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.03);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 8px 28px rgba(15,23,42,.11), 0 2px 8px rgba(15,23,42,.05);--surface-0: #ffffff;--surface-1: #f8fafc;--surface-2: #f1f5f9;--border-soft: #e2e8f0;--border-med: #cbd5e1;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--t-fast: .12s ease;--t-base: .18s ease}[data-theme=dark]{--brand: #2dd4b0;--brand-dark: #14b896;--brand-light: #042d23;--brand-bg: #020f0c;--brand-50: #031a15;--brand-100: #053528;--accent: #fbbf24;--accent-dark: #f59e0b;--accent-light: #1c1005;--rail-bg: #020808;--rail-border: rgba(255,255,255,.06);--rail-text: rgba(255,255,255,.45);--rail-text-hover:rgba(255,255,255,.85);--rail-active-bg: rgba(45,212,176,.15);--rail-active-fg: #2dd4b0;--gray-50: #111c19;--gray-100: #172320;--gray-200: #223330;--gray-300: #2e4440;--gray-400: #4d6662;--gray-500: #718d89;--gray-600: #9ab3ae;--gray-700: #c2d4d0;--gray-900: #eef5f3;--white: #0e1e1a;--red-500: #f87171;--green-ok: #4ade80;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 12px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 8px 28px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.35);--surface-0: #0e1e1a;--surface-1: #111c19;--surface-2: #172320;--border-soft: #223330;--border-med: #2e4440;--text-primary: #eef5f3;--text-secondary: #9ab3ae;--text-tertiary: #4d6662}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--brand-bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--t-base),color var(--t-base)}.shell.login-shell{max-width:24rem;margin:0 auto;padding:2.5rem 1.25rem}.shell.login-shell h1{font-size:1.3rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .3rem;color:var(--text-primary)}.muted{color:var(--text-secondary);margin:0 0 1.1rem;font-size:.88rem}.card{background:var(--surface-0);border-radius:var(--radius-lg);padding:1.4rem;border:1.5px solid var(--border-soft);box-shadow:var(--shadow-sm)}.form label{display:block;margin-bottom:.7rem;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form input{display:block;width:100%;margin-top:.25rem;padding:.52rem .7rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);background:var(--surface-0);color:var(--text-primary);font-family:var(--font);font-size:.83rem;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}[data-theme=dark] .form input{background:var(--surface-1);border-color:var(--border-med)}.form button{width:100%;margin-top:.5rem;padding:.62rem;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;font-family:var(--font);letter-spacing:-.01em;transition:background var(--t-fast),box-shadow var(--t-fast)}.form button:hover{background:var(--brand-dark);box-shadow:0 4px 16px #14817c4d}button.ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);padding:.42rem .8rem;cursor:pointer;font-family:var(--font);font-size:.83rem;font-weight:500;transition:background var(--t-fast),color var(--t-fast)}button.ghost:hover{background:var(--surface-1);color:var(--text-primary)}.err{color:#b91c1c;font-size:.82rem}[data-theme=dark] .err{color:#fca5a5}.msg{color:#2563eb;margin-top:1rem;font-size:.83rem}[data-theme=dark] .msg{color:#93c5fd}.pos-app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--brand-bg);transition:background var(--t-base)}.pos-topbar{background:var(--rail-bg);height:52px;flex-shrink:0;display:flex;align-items:center;padding:0 1rem;gap:.75rem;z-index:20;position:relative;border-bottom:1px solid var(--rail-border);transition:background var(--t-base)}.pos-topbar-left{display:flex;align-items:center;gap:.7rem;flex:1}.pos-topbar-brand{display:flex;align-items:center;gap:.5rem}.pos-topbar-center{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.pos-topbar-center .pos-topbar-brand{pointer-events:all}.pos-topbar-logo{width:30px;height:30px;background:var(--brand);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #14817c66}.pos-topbar-name{font-size:.88rem;font-weight:800;color:#ffffffeb;letter-spacing:-.02em}.pos-topbar-center{display:flex;align-items:center;gap:.45rem}.pos-topbar-icon-btn{width:32px;height:32px;border-radius:7px;background:#ffffff14;border:none;cursor:pointer;color:#ffffffa6;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast)}.pos-topbar-icon-btn:hover{background:#ffffff26;color:#fff}.pos-topbar-right{display:flex;align-items:center;gap:.6rem}.pos-topbar-user{display:flex;align-items:center;gap:.45rem;color:#ffffffbf;font-size:.82rem;font-weight:600}.pos-topbar-avatar{width:30px;height:30px;border-radius:50%;background:#ffffff26;border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;color:#fff}.pos-offline-badge{font-size:.67rem;background:#fed78a26;color:#fbbf24;border:1px solid rgba(251,191,36,.2);padding:2px 8px;border-radius:999px;font-weight:700}.pos-theme-toggle{width:32px;height:32px;border-radius:7px;background:#ffffff14;border:none;cursor:pointer;color:#ffffffa6;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.pos-theme-toggle:hover{background:#ffffff26;color:#fff}.pos-body{flex:1;display:grid;grid-template-columns:196px 1fr 384px;min-height:0;overflow:hidden}.pos-sidebar{display:flex;flex-direction:column;background:var(--rail-bg);min-height:0;overflow:hidden;border-right:1px solid var(--rail-border);transition:background var(--t-base)}.pos-sidebar-section-label{padding:.9rem .85rem .35rem;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffff47;flex-shrink:0}.pos-sidebar-cats{flex:1;overflow-y:auto;padding:0 .35rem .5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.pos-sidebar-cats::-webkit-scrollbar{width:3px}.pos-sidebar-cats::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.pos-sidebar-cat{display:flex;align-items:center;gap:.42rem;width:100%;padding:.48rem .6rem;border:none;border-radius:7px;background:transparent;cursor:pointer;color:var(--rail-text);font-size:.75rem;font-weight:500;font-family:var(--font);text-align:left;transition:background var(--t-fast),color var(--t-fast);position:relative}.pos-sidebar-cat:hover{background:#ffffff12;color:var(--rail-text-hover)}.pos-sidebar-cat.active{background:var(--rail-active-bg);color:var(--rail-active-fg);font-weight:600}.pos-sidebar-cat.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2.5px;background:var(--brand);border-radius:0 2px 2px 0}.pos-sidebar-cat-icon{flex-shrink:0;display:flex;align-items:center;opacity:.65;transition:opacity var(--t-fast)}.pos-sidebar-cat:hover .pos-sidebar-cat-icon,.pos-sidebar-cat.active .pos-sidebar-cat-icon{opacity:1}.pos-sidebar-cat-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-sidebar-cat-count{font-size:.58rem;font-weight:700;background:#ffffff14;color:#ffffff73;padding:1px 5px;border-radius:999px;flex-shrink:0}.pos-sidebar-cat.active .pos-sidebar-cat-count{background:#14817c40;color:var(--rail-active-fg)}.pos-sidebar-child{display:flex;align-items:center;gap:.38rem;width:100%;padding:.35rem .6rem .35rem 1.5rem;border:none;border-radius:7px;background:transparent;cursor:pointer;color:#ffffff59;font-size:.7rem;font-weight:400;font-family:var(--font);text-align:left;transition:background var(--t-fast),color var(--t-fast)}.pos-sidebar-child:hover{background:#ffffff0d;color:#ffffffb3}.pos-sidebar-child.active{background:#ffffff14;color:#ffffffe6;font-weight:500}.pos-sidebar-child-dash{font-size:.65rem;color:#fff3;flex-shrink:0}.pos-sidebar-child-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-sidebar-footer{display:flex;align-items:center;gap:.5rem;padding:.75rem .65rem;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;background:#0003}.pos-sidebar-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;color:#fff;flex-shrink:0}.pos-sidebar-user-info{flex:1;min-width:0}.pos-sidebar-user-label{font-size:.72rem;font-weight:600;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.pos-sidebar-logout{width:28px;height:28px;border-radius:6px;border:none;background:#ffffff12;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.pos-sidebar-logout:hover{background:#ef444440;color:#fca5a5}.pos-center{display:flex;flex-direction:column;background:var(--surface-0);min-height:0;overflow:hidden;border-right:1px solid var(--border-soft);transition:background var(--t-base)}.pos-subheader{padding:.7rem 1rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--border-soft);flex-shrink:0;background:var(--surface-1)}.pos-add-btn{display:flex;align-items:center;gap:.38rem;padding:.42rem .8rem;border-radius:var(--radius-sm);border:1.5px dashed var(--brand);background:var(--brand-50);color:var(--brand);font-size:.77rem;font-weight:700;cursor:pointer;white-space:nowrap;font-family:var(--font);transition:all var(--t-fast)}.pos-add-btn:hover{background:var(--brand-100)}.pos-search-wrap{flex:1;position:relative}.pos-search{width:100%;padding:.46rem .7rem .46rem 2.1rem;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-0);color:var(--text-primary);font-size:.83rem;font-family:var(--font);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.pos-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px #14817c1a}[data-theme=dark] .pos-search{background:var(--surface-1);border-color:var(--border-soft)}[data-theme=dark] .pos-search:focus{background:var(--surface-0);border-color:var(--brand)}.pos-search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.pos-btn-scan{display:flex;align-items:center;gap:.38rem;padding:.46rem .85rem;border-radius:var(--radius-md);border:none;background:var(--brand);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;font-family:var(--font);white-space:nowrap;transition:background var(--t-fast),box-shadow var(--t-fast);box-shadow:0 2px 8px #14817c40}.pos-btn-scan:hover{background:var(--brand-dark);box-shadow:0 4px 14px #14817c59}.pos-btn-refresh{display:flex;align-items:center;gap:.38rem;padding:.46rem .7rem;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-0);color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;font-family:var(--font);transition:all var(--t-fast)}.pos-btn-refresh:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-50)}[data-theme=dark] .pos-btn-refresh{background:var(--surface-1);border-color:var(--border-soft)}[data-theme=dark] .pos-btn-refresh:hover{background:var(--brand-50)}.pos-banner{display:flex;align-items:center;gap:.55rem;padding:.55rem 1.1rem;font-size:.8rem;flex-shrink:0}.pos-banner.err{background:#fef2f2;color:#b91c1c}.pos-banner.warn{background:#fffbeb;color:#92400e}[data-theme=dark] .pos-banner.err{background:#1e0a0a;color:#fca5a5}[data-theme=dark] .pos-banner.warn{background:#1c1205;color:#fcd34d}.pos-banner-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit}.pos-grid-wrap{flex:1;overflow-y:auto;padding:.85rem 1rem}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.65rem}.pos-loading{padding:3rem;text-align:center;color:var(--text-tertiary);font-size:.88rem}.pos-card{background:var(--surface-0);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);cursor:pointer;text-align:left;padding:0;overflow:hidden;transition:all var(--t-base);box-shadow:var(--shadow-sm);position:relative;font-family:var(--font)}.pos-card:hover{border-color:var(--brand);box-shadow:0 4px 16px #14817c2e;transform:translateY(-2px)}[data-theme=dark] .pos-card{background:var(--surface-1);border-color:var(--border-soft)}[data-theme=dark] .pos-card:hover{border-color:var(--brand);box-shadow:0 4px 16px #2dd4b026}.pos-card.unavailable{opacity:.4;cursor:not-allowed}.pos-card.unavailable:hover{transform:none;border-color:var(--border-soft)}.pos-card.flash-added{border-color:var(--brand);background:var(--brand-50)}[data-theme=dark] .pos-card.flash-added{background:var(--brand-50)}.pos-card-img-wrap{width:100%;height:96px;background:var(--surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.pos-card-img-wrap img{width:100%;height:100%;object-fit:cover}.pos-badge{position:absolute;top:5px;right:5px;font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:999px;letter-spacing:.02em}.pos-badge.ok{background:#cceeeae6;color:#0f6860}.pos-badge.no{background:#fee2e2e6;color:#b91c1c}[data-theme=dark] .pos-badge.ok{background:#053528e6;color:var(--brand)}[data-theme=dark] .pos-badge.no{background:#1e0a0ae6;color:#fca5a5}.pos-card-body{padding:.6rem .7rem .7rem}.pos-card-title{font-size:.77rem;font-weight:600;color:var(--text-secondary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.28rem}.pos-card-price{font-size:.85rem;font-weight:800;color:var(--brand);letter-spacing:-.01em}.pos-card-meta{font-size:.65rem;color:var(--text-tertiary);margin-top:.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-cart{display:flex;flex-direction:column;background:var(--surface-0);height:100%;min-height:0;overflow:hidden;transition:background var(--t-base)}.pos-cart-head{padding:.8rem 1rem 0;border-bottom:1px solid var(--border-soft);flex-shrink:0}.pos-cart-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.pos-cart-head h2{font-size:.97rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.pos-cart-cols{display:grid;grid-template-columns:1fr 90px 78px;gap:.5rem;padding:.45rem 1rem;border-bottom:1px solid var(--border-soft);flex-shrink:0}.pos-cart-col-label{font-size:.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.pos-cart-col-label.center{text-align:center}.pos-cart-col-label.right{text-align:right}.pos-customer-block{padding:.5rem 1rem;border-bottom:1px solid var(--border-soft);flex-shrink:0;position:relative}.pos-cart-lines{flex:1;overflow-y:auto;list-style:none;padding:.4rem 0;min-height:0}.pos-cart-empty{padding:2rem 1rem;text-align:center;color:var(--text-tertiary);font-size:.83rem}.pos-cart-line{display:grid;grid-template-columns:1fr 90px 78px;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-soft);transition:background var(--t-fast)}.pos-cart-line:hover{background:var(--surface-1)}.pos-cart-line-main{display:flex;align-items:center;gap:.45rem;min-width:0}.pos-cart-thumb{width:30px;height:30px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.pos-cart-line-info{min-width:0}.pos-cart-line-title{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-cart-line-sku{font-size:.62rem;color:var(--text-tertiary);margin-top:1px}.pos-cart-line-delete{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:2px;display:flex;align-items:center;transition:color var(--t-fast)}.pos-cart-line-delete:hover{color:var(--red-500)}.pos-qty-stepper{display:flex;align-items:center;justify-content:center;gap:4px}.pos-stepper-btn{width:21px;height:21px;border-radius:50%;border:1.5px solid var(--brand);background:var(--surface-0);color:var(--brand);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all var(--t-fast);font-family:var(--font)}.pos-stepper-btn:hover{background:var(--brand);color:#fff}.pos-stepper-val{font-size:.8rem;font-weight:700;color:var(--text-primary);min-width:17px;text-align:center}.pos-cart-line-price{text-align:right;font-size:.8rem;font-weight:700;color:var(--text-primary)}.pos-cart-totals{padding:.65rem 1rem;border-top:1px solid var(--border-soft);background:var(--surface-1);flex-shrink:0}.pos-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-bottom:.35rem;color:var(--text-secondary)}.pos-row.total{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border-med);font-size:.97rem;font-weight:800;color:var(--text-primary)}.pos-row.total strong{color:var(--brand);font-size:1.05rem}.pos-discount-input{width:54px;text-align:right;padding:2px 5px;border-radius:5px;border:1.5px solid var(--border-soft);font-size:.8rem;font-family:var(--font);background:var(--surface-0);color:var(--text-primary);font-weight:600}.pos-discount-input:focus{outline:none;border-color:var(--brand)}.pos-cart-actions{padding:.6rem 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;flex-shrink:0;border-top:1px solid var(--border-soft)}.pos-btn-cancel{padding:.58rem;border-radius:var(--radius-md);border:1.5px solid var(--red-500);background:var(--surface-0);color:var(--red-500);font-weight:700;font-size:.78rem;cursor:pointer;font-family:var(--font);transition:all var(--t-fast)}.pos-btn-cancel:hover{background:#fef2f2}[data-theme=dark] .pos-btn-cancel:hover{background:#1e0a0a}.pos-btn-hold{padding:.58rem;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-0);color:var(--text-secondary);font-weight:700;font-size:.78rem;cursor:pointer;font-family:var(--font);transition:all var(--t-fast)}.pos-btn-hold:hover{border-color:var(--border-med);color:var(--text-primary)}.pos-pay-wrap{padding:0 1rem .9rem;flex-shrink:0}.pos-pay{width:100%;border:none;border-radius:var(--radius-md);padding:.75rem;font-weight:800;font-size:.9rem;cursor:pointer;background:var(--brand);color:#fff;font-family:var(--font);transition:background var(--t-fast),box-shadow var(--t-fast);box-shadow:0 3px 12px #14817c4d;letter-spacing:-.01em}.pos-pay:hover{background:var(--brand-dark);box-shadow:0 5px 18px #14817c66}.pos-pay:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.pos-queue-mini{padding:0 1rem .65rem;font-size:.75rem;color:var(--text-secondary)}.pos-queue-mini h4{margin:0 0 .3rem;font-size:.77rem;color:var(--text-secondary)}.pos-queue-mini ul{margin:0;padding-left:.9rem}.pos-link{background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:underline;font-size:inherit;margin-left:.3rem;font-family:var(--font)}[data-theme=dark] .pos-link{color:#93c5fd}.pos-icon-btn{border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:.1rem .22rem}.pos-cart-id{font-size:.72rem;font-weight:600;color:var(--text-tertiary);background:var(--surface-1);padding:2px 7px;border-radius:999px}.pos-btn-ghost{display:flex;align-items:center;gap:.32rem;background:var(--surface-1);border:none;border-radius:var(--radius-sm);padding:.32rem .7rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;font-family:var(--font);font-weight:600;transition:all var(--t-fast)}.pos-btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.pos-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.pos-scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:pos-overlay-in .18s ease}.pos-scanner-dialog{background:var(--surface-0);border-radius:var(--radius-xl);width:92%;max-width:370px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000073;border:1px solid var(--border-soft)}.pos-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;background:var(--brand)}.pos-scanner-title{font-size:.9rem;font-weight:700;color:#fff}.pos-scanner-close{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff2e;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}.pos-scanner-close:hover{background:#ffffff4d}.pos-scanner-body{padding:.9rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;align-items:center}.pos-scanner-hint{font-size:.8rem;color:var(--text-secondary);text-align:center;margin:0}.pos-scanner-view{width:100%;min-height:230px;border-radius:var(--radius-md);overflow:hidden;background:#000;position:relative}.pos-scanner-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.pos-scanner-frame:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:2px solid var(--accent);border-radius:8px;box-shadow:0 0 0 9999px #00000059}.pos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:pos-overlay-in .2s ease}@keyframes pos-overlay-in{0%{opacity:0}to{opacity:1}}.pos-success-modal{background:var(--surface-0);border-radius:var(--radius-xl);padding:2.5rem 2rem 2rem;max-width:380px;width:100%;text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--border-soft);animation:pos-modal-pop .32s cubic-bezier(.34,1.5,.64,1);display:flex;flex-direction:column;align-items:center;gap:0}@keyframes pos-modal-pop{0%{opacity:0;transform:scale(.88) translateY(1rem)}to{opacity:1;transform:scale(1) translateY(0)}}.pos-success-anim{display:flex;justify-content:center;margin-bottom:1.35rem}.pos-success-circle{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(145deg,var(--brand) 0%,var(--brand-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 10px #14817c1a,0 8px 24px #14817c4d;animation:pos-circle-in .42s .08s cubic-bezier(.34,1.5,.64,1) both}@keyframes pos-circle-in{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.pos-success-title{margin:0 0 .4rem;font-size:1.3rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;width:100%}.pos-success-msg{margin:0 0 .85rem;color:var(--text-secondary);font-size:.88rem;line-height:1.55;width:100%}.pos-success-loyalty-row{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.78rem;font-weight:600;margin-bottom:.35rem;width:100%}.pos-success-actions{display:flex;flex-direction:column;gap:.55rem;width:100%;margin-top:1.35rem}.pos-success-new-sale{width:100%}.pos-ticket-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.7rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--border-med);background:var(--surface-1);color:var(--text-secondary);font-size:.85rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;letter-spacing:-.01em}.pos-ticket-btn:hover:not(:disabled){background:var(--surface-0);border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 3px #14817c1a}.pos-ticket-btn:disabled{opacity:.5;cursor:wait}[data-theme=dark] .pos-ticket-btn{background:var(--surface-2);border-color:var(--border-med);color:var(--text-secondary)}[data-theme=dark] .pos-ticket-btn:hover:not(:disabled){background:var(--surface-1);border-color:var(--brand);color:var(--brand)}.pos-pay-modal{background:var(--surface-0);border-radius:var(--radius-xl);max-width:400px;width:92%;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);animation:pos-modal-pop .28s cubic-bezier(.34,1.5,.64,1);overflow:hidden}.pos-pay-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .7rem;border-bottom:1px solid var(--border-soft)}.pos-pay-modal__title{font-size:.93rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.pos-pay-modal__close{background:var(--surface-1);border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background var(--t-fast)}.pos-pay-modal__close:hover{background:var(--surface-2)}.pos-pay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:.9rem 1.1rem}.pos-pay-tab{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-1);cursor:pointer;transition:all var(--t-base);font-family:var(--font)}.pos-pay-tab:hover{border-color:var(--border-med);background:var(--surface-2)}.pos-pay-tab__label{font-size:.77rem;font-weight:600;color:var(--text-secondary)}.pos-pay-tab.active.cash{border-color:var(--brand);background:var(--brand-50)}.pos-pay-tab.active.cash .pos-pay-tab__label{color:var(--brand)}.pos-pay-tab.active.mobile{border-color:#2563eb;background:#eff6ff}.pos-pay-tab.active.mobile .pos-pay-tab__label{color:#2563eb}[data-theme=dark] .pos-pay-tab{background:var(--surface-1);border-color:var(--border-soft)}[data-theme=dark] .pos-pay-tab.active.cash{background:var(--brand-50);border-color:var(--brand)}[data-theme=dark] .pos-pay-tab.active.mobile{background:#0c1829;border-color:#2563eb}.pos-pay-operators{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 1.1rem .65rem}.pos-pay-operator{display:flex;align-items:center;gap:7px;padding:10px 11px;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-1);cursor:pointer;font-size:.78rem;font-weight:600;color:var(--text-secondary);transition:all var(--t-fast);font-family:var(--font)}.pos-pay-operator:hover{border-color:var(--op-color, #aaa);background:var(--op-bg, #f5f5f5)}.pos-pay-operator.selected{border-color:var(--op-color, #aaa);border-width:2px;background:var(--op-bg, #f5f5f5);color:var(--op-color, #333)}.pos-pay-operator__name{flex:1}.pos-pay-ref{padding:0 1.1rem .65rem}.pos-pay-ref__label{font-size:.75rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:5px}.pos-pay-ref__input{width:100%!important;font-size:.83rem!important;box-sizing:border-box}.pos-pay-customer{margin:0 1.1rem .45rem;background:var(--surface-1);border-radius:7px;padding:7px 9px;font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.pos-pay-amount{text-align:center;font-size:1.55rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;padding:.45rem 1.1rem .65rem}.pos-pay-actions{display:flex;gap:7px;padding:0 1.1rem 1.1rem}.pos-pay-actions .pos-pay{flex:1}.pos-pay-actions .pos-pay--confirm{flex:2}.pos-pay-actions .pos-pay.secondary{background:var(--surface-0);color:var(--text-secondary);border:1.5px solid var(--border-soft);box-shadow:none}.pos-toast-container{position:fixed;bottom:1.1rem;left:1.1rem;z-index:90;display:flex;flex-direction:column;gap:.45rem;pointer-events:none}.pos-toast{display:flex;align-items:center;gap:.5rem;background:var(--surface-0);border-radius:var(--radius-md);padding:.6rem .85rem;box-shadow:var(--shadow-md);font-size:.8rem;pointer-events:all;min-width:230px;max-width:320px;animation:toast-in .22s cubic-bezier(.34,1.3,.64,1);border:1px solid var(--border-soft);border-left:3px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:none}}.pos-toast-success{border-left-color:var(--brand)}.pos-toast-error{border-left-color:var(--red-500)}.pos-toast-warning{border-left-color:var(--accent)}.pos-toast-info{border-left-color:#3b82f6}.pos-toast-icon{flex-shrink:0}.pos-toast-success .pos-toast-icon{color:var(--brand)}.pos-toast-error .pos-toast-icon{color:var(--red-500)}.pos-toast-warning .pos-toast-icon{color:var(--accent)}.pos-toast-info .pos-toast-icon{color:#3b82f6}.pos-toast-msg{flex:1;color:var(--text-primary);font-weight:500}.pos-toast-close{background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:color var(--t-fast)}.pos-toast-close:hover{color:var(--text-secondary)}[data-theme=dark] .pos-toast{background:var(--surface-1);border-color:var(--border-soft)}.pos-variant-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;animation:pos-overlay-in .16s ease}.pos-variant-modal{background:var(--surface-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);width:100%;max-width:400px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:pos-modal-up .2s cubic-bezier(.34,1.5,.64,1)}@keyframes pos-modal-up{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pos-variant-hero{width:100%;height:150px;overflow:hidden;background:var(--surface-2);flex-shrink:0}.pos-variant-hero img{width:100%;height:100%;object-fit:cover}.pos-variant-list{list-style:none;margin:0;padding:7px 0 10px;overflow-y:auto;flex:1}.pos-variant-list li+li{border-top:1px solid var(--border-soft)}.pos-variant-row{display:flex;align-items:center;gap:9px;width:100%;padding:9px 14px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font);transition:background var(--t-fast)}.pos-variant-row:hover:not(.unavailable){background:var(--surface-1)}.pos-variant-row.unavailable{opacity:.4;cursor:not-allowed}.pos-variant-row__name{flex:1;font-size:.83rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-variant-row__meta{display:flex;align-items:center;gap:7px;flex-shrink:0}.pos-variant-row__price{font-size:.83rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.pos-variant-row__add{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;flex-shrink:0;transition:transform var(--t-fast),box-shadow var(--t-fast)}.pos-variant-row:hover .pos-variant-row__add{transform:scale(1.12);box-shadow:0 2px 8px #14817c4d}.pos-badge--sm{font-size:.65rem;padding:2px 6px;border-radius:999px;font-weight:500;white-space:nowrap}.pos-badge-multi{font-size:.62rem;padding:2px 5px;border-radius:4px;font-weight:600;letter-spacing:.02em}.pos-badge-multi.real-attr{background:#ed8112eb;color:#fff;bottom:5px;right:5px;top:auto;box-shadow:0 1px 4px #ed811259}.pos-badge-multi.no-attr{background:#ed81128c;color:#fff;bottom:5px;right:5px;top:auto}[data-theme=dark] .pos-badge-multi.real-attr{background:#fbbf24e6;color:#1c1005}[data-theme=dark] .pos-badge-multi.no-attr{background:#fbbf248c;color:#1c1005}.pos-sidebar-theme-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.pos-sidebar-theme-label{font-size:.65rem;font-weight:600;color:#ffffff59;letter-spacing:.04em;text-transform:uppercase}.pos-sidebar-theme-btn{width:26px;height:26px;border-radius:6px;border:none;background:#ffffff14;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.pos-sidebar-theme-btn:hover{background:#ffffff29;color:#fff}.pos-loyalty-redeem{margin:8px 0 3px;padding:10px 12px;background:var(--accent-light);border:1px solid rgba(237,129,18,.25);border-radius:8px;transition:background var(--t-base),border-color var(--t-base)}.pos-loyalty-redeem__header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#7a3800;margin-bottom:7px}.pos-loyalty-redeem__balance{font-size:11px;color:#9a4b08;font-weight:500}.pos-loyalty-redeem__row{display:flex;align-items:center;gap:8px}.pos-loyalty-slider{flex:1;height:4px;accent-color:var(--accent-dark);cursor:pointer}.pos-loyalty-redeem__input{width:65px;padding:3px 5px;border:1.5px solid var(--accent);border-radius:5px;font-size:11px;font-family:var(--font);text-align:center;background:var(--surface-0);color:#7a3800}.pos-loyalty-redeem__input:focus{outline:none;border-color:var(--accent-dark)}.pos-loyalty-redeem__unit{font-size:10px;color:#7a3800;white-space:nowrap}.pos-loyalty-redeem__summary{margin-top:5px;font-size:12px;font-weight:600;color:var(--brand)}.pos-loyalty-redeem__hint{font-size:10px;color:#7a3800;opacity:.65}[data-theme=dark] .pos-loyalty-redeem{background:#292108;border-color:#5a3e00}[data-theme=dark] .pos-loyalty-redeem__header,[data-theme=dark] .pos-loyalty-redeem__unit{color:#fbbf24}[data-theme=dark] .pos-loyalty-redeem__balance,[data-theme=dark] .pos-loyalty-redeem__hint{color:#fcd34d}[data-theme=dark] .pos-loyalty-redeem__input{background:#1c1208;border-color:#92400e;color:#fbbf24}[data-theme=dark] .pos-loyalty-redeem__input:focus{border-color:#d97706}[data-theme=dark] .pos-loyalty-redeem__summary{color:var(--brand)}