*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#551377;--purple-light:#7b3a9e;--purple-dark:#3a0d54;--purple-tint:#55137714;--orange:#fd8000;--orange-light:#ffa040;--orange-tint:#fd80001a;--bg-app:#f4ffff;--bg-surface:#fff;--bg-subtle:#edf7f7;--bg-sidebar:#fff;--border:#e3edee;--border-strong:#cfdcdd;--text-primary:#1a1a1a;--text-secondary:#5f5f5f;--text-tertiary:#94a3a4;--success:#2e7d32;--success-bg:#e6f4e8;--warning:#b45309;--warning-bg:#fef3c7;--danger:#d32f2f;--danger-bg:#fde8e8;--info:#0277bd;--info-bg:#e1f1f9;--offline:#546e7a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 1px 3px #0f172a0f, 0 4px 12px #0f172a0a;--shadow-lg:0 12px 28px #5513771f;--shadow-cta:0 6px 16px #fd800052;--sidebar-width:256px;--topbar-height:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{font-family:var(--font-jakarta), system-ui, sans-serif;background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}.mono{font-family:var(--font-mono), "JetBrains Mono", monospace;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.app{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.store-switcher{border-bottom:1px solid var(--border);padding:16px}.store-card{border-radius:var(--radius-md);background:var(--bg-app);border:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:border-color .12s,background .12s;display:flex}.store-card:hover{border-color:var(--purple-light)}.store-mark{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-light) 100%);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid;box-shadow:0 4px 10px #55137740}.store-meta{flex:1;min-width:0;line-height:1.25}.store-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.store-sub{color:var(--text-secondary);margin-top:1px;font-size:11.5px}.store-card .material-symbols-rounded{color:var(--text-tertiary);font-size:18px}.nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{flex-direction:column;gap:2px;margin-bottom:20px;display:flex}.nav-label{color:var(--text-tertiary);letter-spacing:1.5px;text-transform:uppercase;padding:0 12px 8px;font-size:10px;font-weight:700}.nav-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--bg-subtle)}.nav-item .material-symbols-rounded{color:var(--text-secondary);font-size:20px}.nav-item.active{background:var(--purple-tint);color:var(--purple);font-weight:600}.nav-item.active .material-symbols-rounded{color:var(--purple)}.nav-badge{background:var(--orange);color:#1a1a1a;border-radius:var(--radius-pill);margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.nav-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;margin-left:auto}.sync-card{border-radius:var(--radius-md);background:var(--success-bg);border:1px solid #c8e6c9;margin:0 12px 12px;padding:14px}.sync-card.offline{background:#eceff1;border-color:#cfd8dc}.sync-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.sync-pulse{background:var(--success);border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}.sync-pulse:after{content:"";background:var(--success);opacity:.3;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-4px}.sync-card.offline .sync-pulse,.sync-card.offline .sync-pulse:after{background:var(--offline)}@keyframes pulse{0%{opacity:.4;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.sync-status{color:var(--success);font-size:12.5px;font-weight:700}.sync-card.offline .sync-status{color:var(--offline)}.sync-meta{color:var(--text-secondary);font-size:11.5px;line-height:1.4}.user-card{border-radius:var(--radius-md);background:var(--bg-app);border:1px solid var(--border);cursor:pointer;text-align:left;align-items:center;gap:10px;width:calc(100% - 24px);margin:0 12px 12px;padding:12px;font-family:inherit;display:flex}.user-card:hover{border-color:var(--border-strong)}.user-avatar{color:#1a1a1a;background:linear-gradient(135deg,#ffa040,#fd8000);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.user-meta{flex:1;min-width:0;line-height:1.2}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.role-badge{color:var(--purple);background:var(--purple-tint);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:3px;margin-top:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--text-secondary);align-items:center;gap:6px;font-size:13.5px;display:flex}.breadcrumb .crumb-current{color:var(--text-primary);font-weight:700}.breadcrumb .material-symbols-rounded{color:var(--text-tertiary);font-size:16px}.topbar-spacer{flex:1}.topbar-search{width:320px;position:relative}.topbar-search input{border:1px solid var(--border);background:var(--bg-app);width:100%;height:40px;color:var(--text-primary);border-radius:10px;outline:none;padding:0 14px 0 40px;font-family:inherit;font-size:13.5px;transition:border-color .12s,background .12s}.topbar-search input:focus{border-color:var(--purple);background:#fff}.topbar-search>.material-symbols-rounded{color:var(--text-tertiary);font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-search-results{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:30;border-radius:12px;max-height:60vh;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-section{margin:4px 0}.search-section+.search-section{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.search-section-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;padding:6px 10px 4px;font-size:10px;font-weight:700}.search-result{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 10px;font-family:inherit;display:flex}.search-result:hover{background:var(--bg-subtle)}.search-result-icon{background:var(--purple-tint);width:32px;height:32px;color:var(--purple);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.search-result-icon .material-symbols-rounded{font-size:18px}.search-result-icon.orange{background:var(--orange-tint);color:var(--orange)}.search-result-icon.green{background:var(--success-bg);color:var(--success)}.search-result-main{flex:1;min-width:0}.search-result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.search-result-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.search-empty{text-align:center;color:var(--text-secondary);padding:18px 14px;font-size:13px}.icon-btn{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border-radius:10px;place-items:center;transition:border-color .12s,color .12s;display:grid;position:relative}.icon-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.icon-btn .material-symbols-rounded{font-size:20px}.icon-btn-dot{background:var(--orange);border:2px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.page{width:100%;max-width:1480px;margin:0 auto;padding:28px}.btn{border:1px solid var(--border);background:var(--bg-surface);height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .12s;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:#fafdfd}.btn .material-symbols-rounded{font-size:18px}.btn-primary{background:var(--purple);color:#fff;border-color:var(--purple)}.btn-primary:hover{background:var(--purple-dark);border-color:var(--purple-dark)}.btn-cta{background:var(--orange);color:#1a1a1a;border-color:var(--orange);box-shadow:var(--shadow-cta)}.btn-cta:hover{background:var(--orange-light);border-color:var(--orange-light);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-sm{height:32px;padding:0 10px;font-size:12.5px}.btn-lg{height:56px;padding:0 24px;font-size:16px;font-weight:700}.greeting{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.greeting h1{letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1.2}.greeting h1 .accent{color:var(--purple)}.greeting-sub{color:var(--text-secondary);margin-top:4px;font-size:14px}.greeting-actions{gap:10px;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:20px;transition:box-shadow .15s,transform .15s,border-color .15s;position:relative;overflow:hidden}.kpi:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.kpi.feature{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;border-color:#0000}.kpi.feature .kpi-label,.kpi.feature .kpi-foot,.kpi.feature .kpi-foot .delta{color:#ffffffd9}.kpi.feature .kpi-icon{color:#fff;background:#ffffff26}.kpi-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.kpi-icon{background:var(--purple-tint);width:36px;height:36px;color:var(--purple);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.kpi-icon .material-symbols-rounded{font-size:20px}.kpi-icon.orange{background:var(--orange-tint);color:var(--orange)}.kpi-icon.green{background:var(--success-bg);color:var(--success)}.kpi-icon.blue{background:var(--info-bg);color:var(--info)}.kpi-label{color:var(--text-secondary);flex:1;font-size:13px;font-weight:600}.kpi-value{letter-spacing:-.6px;font-size:30px;font-weight:800;line-height:1.05}.kpi-value.large{font-size:34px}.kpi-foot{color:var(--text-secondary);align-items:center;gap:6px;margin-top:12px;font-size:12.5px;display:flex}.delta{align-items:center;gap:2px;font-size:12.5px;font-weight:700;display:inline-flex}.delta.up{color:var(--success)}.delta.down{color:var(--danger)}.kpi.feature .delta.up{color:#b9f6ca}.delta .material-symbols-rounded{font-size:14px}.kpi-mini-bars{align-items:flex-end;gap:3px;height:28px;margin-top:12px;display:flex}.kpi-mini-bars .bar{background:#ffffff4d;border-radius:2px;flex:1;min-height:4px}.kpi-mini-bars .bar.now{background:var(--orange)}.grid-12{grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:16px;display:grid}.col-7{grid-column:span 7}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-4{grid-column:span 4}.col-12{grid-column:span 12}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.card-header.flush{border-bottom:none;padding-bottom:0}.card-title-group h3{letter-spacing:-.2px;font-size:16px;font-weight:700}.card-title-group p{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.card-body{padding:20px}.card-body.flush{padding:0}.segmented{background:var(--bg-app);border:1px solid var(--border);border-radius:8px;padding:3px;display:inline-flex}.seg-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.seg-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.sales-chart{width:100%;height:240px;display:block}.chart-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 20px;display:grid}.chart-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.chart-stat-value{letter-spacing:-.3px;margin-top:4px;font-size:18px;font-weight:700}.chart-stat-foot{color:var(--text-secondary);margin-top:2px;font-size:12px}.eod-card{background:linear-gradient(160deg,#faf5ff 0%,#fff5e8 100%);border:1px solid #ead7f3}.eod-card .card-header{border-bottom-color:#55137714}.eod-summary{padding:4px 20px}.eod-row{border-bottom:1px dashed #5513771a;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.eod-row:last-child{border-bottom:none}.eod-row .label{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.eod-row .value{font-weight:700}.eod-row .value.amount{font-family:var(--font-mono), "JetBrains Mono", monospace}.eod-row.total{border-top:1px solid #5513772e;border-bottom:none;margin-top:4px;padding-top:14px;font-size:15px}.eod-row.total .value{color:var(--purple);font-size:18px}.eod-foot{justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 18px;display:flex}.order-list{flex-direction:column;display:flex}.order-item{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 20px;transition:background .1s;display:grid}.order-item:last-child{border-bottom:none}.order-item:hover{background:var(--bg-subtle)}.order-status{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.order-status .material-symbols-rounded{font-size:20px}.order-status.new{background:var(--orange)}.order-status.preparing{background:var(--info)}.order-status.ready{background:var(--success)}.order-main{min-width:0}.order-row1{align-items:center;gap:8px;margin-bottom:2px;display:flex}.order-no{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--text-primary);font-size:12.5px;font-weight:700}.order-elapsed{color:var(--text-secondary);font-size:11.5px;font-weight:500}.order-customer{font-size:13px;font-weight:600}.order-detail{color:var(--text-secondary);font-size:12px}.order-amount{font-family:var(--font-mono), "JetBrains Mono", monospace;text-align:right;font-size:14px;font-weight:700}.order-stage{text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:600}.order-stage.new{color:var(--warning)}.order-stage.preparing{color:var(--info)}.order-stage.ready{color:var(--success)}.alert-list{flex-direction:column;display:flex}.alert-item{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px 20px;display:grid}.alert-item:last-child{border-bottom:none}.alert-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.alert-icon.warn{background:var(--warning-bg);color:var(--warning)}.alert-icon.danger{background:var(--danger-bg);color:var(--danger)}.alert-icon .material-symbols-rounded{font-size:22px}.alert-product{font-size:13.5px;font-weight:600}.alert-detail{color:var(--text-secondary);margin-top:2px;font-size:12px}.alert-actions{gap:6px;display:flex}.badge{border-radius:var(--radius-pill);background:var(--bg-subtle);height:22px;color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:#fde68a}.badge-danger{background:var(--danger-bg);color:var(--danger);border-color:#fbbcbc}.badge-success{background:var(--success-bg);color:var(--success);border-color:#c8e6c9}.badge-info{background:var(--info-bg);color:var(--info);border-color:#bbdefb}.badge-purple{background:var(--purple-tint);color:var(--purple);border-color:#55137733}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:13px}.auth-shell{background:radial-gradient(circle at 0% 0%, var(--purple-tint), transparent 50%), radial-gradient(circle at 100% 100%, var(--orange-tint), transparent 50%), var(--bg-app);justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:32px 28px}.auth-card.wide{max-width:560px}.auth-mark{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-light) 100%);color:#fff;letter-spacing:-.5px;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:20px;font-size:18px;font-weight:800;display:grid;box-shadow:0 6px 14px #5513774d}.auth-card h1{letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:700;line-height:1.25}.auth-sub{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.auth-link{color:var(--purple);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-foot{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:13px}.auth-row{justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;display:flex}.btn-full{justify-content:center;width:100%;height:48px;font-size:15px}.interrupt-banner{background:linear-gradient(90deg, var(--orange) 0%, var(--orange-light) 100%);color:#1a1a1a;border-radius:var(--radius-lg);box-shadow:var(--shadow-cta);align-items:center;gap:14px;margin-bottom:16px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.interrupt-banner:before{content:"";background:#0003;width:4px;position:absolute;top:0;bottom:0;left:0}.interrupt-icon{background:#00000026;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;animation:1s ease-in-out infinite bell;display:grid}@keyframes bell{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-8deg)}40%,80%{transform:rotate(8deg)}}.interrupt-icon .material-symbols-rounded{font-size:22px}.interrupt-text{flex:1;line-height:1.3}.interrupt-title{font-size:14px;font-weight:800}.interrupt-detail{opacity:.85;margin-top:2px;font-size:12.5px}.btn-interrupt{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.btn-interrupt:hover{background:#333}.btn-interrupt-ghost{color:#1a1a1a;cursor:pointer;background:#0000001a;border:none;border-radius:8px;height:36px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:700}.pos-shell{grid-template-columns:1fr 420px;align-items:start;gap:20px;display:grid}.pos-products{min-width:0}.pos-toolbar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:10px;margin-bottom:14px;padding:14px;display:flex}.pos-search{flex:1;position:relative}.pos-search input{border:1.5px solid var(--border);background:var(--bg-app);width:100%;height:48px;color:var(--text-primary);border-radius:12px;outline:none;padding:0 16px 0 48px;font-family:inherit;font-size:15px;font-weight:500}.pos-search input:focus{border-color:var(--purple);background:#fff}.pos-search>.material-symbols-rounded{color:var(--purple);font-size:22px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scan-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.scan-btn:hover{background:var(--purple-dark)}.scan-btn .material-symbols-rounded{font-size:24px}.pos-categories{gap:8px;margin-bottom:16px;padding:2px;display:flex;overflow-x:auto}.cat-chip{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border);height:38px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.cat-chip:hover{border-color:var(--border-strong)}.cat-chip.active{background:var(--purple);color:#fff;border-color:var(--purple)}.cat-count{background:#00000014;border-radius:8px;padding:1px 6px;font-size:11px}.cat-chip.active .cat-count{color:#fff;background:#ffffff40}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.product-tile{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;padding:12px;font-family:inherit;transition:all .15s}.product-tile:hover{border-color:var(--purple);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-tile:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:var(--border);transform:none}.product-tile.in-cart{border-color:var(--purple);background:var(--purple-tint)}.product-thumb{aspect-ratio:1.4;width:100%;color:var(--text-tertiary);background:linear-gradient(135deg,#f5f5f5,#ebebeb);border-radius:8px;place-items:center;margin-bottom:10px;font-size:36px;display:grid;position:relative;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-stock{color:var(--text-primary);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:6px;right:6px}.product-stock.low{color:var(--warning)}.product-stock.out{color:var(--danger)}.product-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-price{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--purple);font-size:14px;font-weight:700}.product-tile.in-cart .product-price{color:var(--purple-dark)}.product-tile-foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.qty-pill{background:var(--purple);color:#fff;border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:700}.cart-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);top:calc(var(--topbar-height) + 20px);max-height:calc(100vh - var(--topbar-height) - 40px);flex-direction:column;display:flex;position:sticky}.cart-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cart-title{font-size:16px;font-weight:700}.cart-customer{border-bottom:1px solid var(--border);cursor:pointer;background:var(--bg-app);align-items:center;gap:10px;padding:14px 20px;display:flex;position:relative}.cart-customer:hover{background:var(--bg-subtle)}.customer-avatar{color:#fff;background:linear-gradient(135deg,#ec4899,#f97316);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.customer-info{flex:1;min-width:0;line-height:1.2}.customer-name{font-size:13.5px;font-weight:700}.customer-meta{color:var(--text-secondary);font-size:11.5px}.customer-search{border-bottom:1px solid var(--border);background:var(--bg-app);padding:12px 20px;position:relative}.customer-search input{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;outline:none;width:100%;height:36px;padding:0 12px;font-family:inherit;font-size:13px}.customer-search input:focus{border-color:var(--purple)}.customer-results{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:10;border-radius:8px;max-height:220px;position:absolute;top:calc(100% - 4px);left:12px;right:12px;overflow-y:auto}.customer-result{cursor:pointer;border-bottom:1px solid var(--border);padding:10px 12px;font-size:13px}.customer-result:last-child{border-bottom:none}.customer-result:hover{background:var(--bg-subtle)}.cart-items{flex:1;min-height:80px;padding:4px 0;overflow-y:auto}.cart-item{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 20px;display:grid}.cart-item:last-child{border-bottom:none}.cart-item-name{font-size:13.5px;font-weight:600;line-height:1.3}.cart-item-meta{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.qty-control{background:var(--bg-app);border:1px solid var(--border);border-radius:8px;align-items:center;padding:2px;display:inline-flex}.qty-control button{cursor:pointer;width:26px;height:26px;color:var(--text-primary);background:0 0;border:none;border-radius:6px;place-items:center;display:grid}.qty-control button:hover{background:var(--bg-surface)}.qty-control button:disabled{opacity:.4;cursor:not-allowed}.qty-control button .material-symbols-rounded{font-size:16px}.qty-control .qty{text-align:center;min-width:28px;font-size:13px;font-weight:700;font-family:var(--font-mono), "JetBrains Mono", monospace}.cart-item-total{font-family:var(--font-mono), "JetBrains Mono", monospace;text-align:right;min-width:64px;font-size:13.5px;font-weight:700}.cart-totals{border-top:1px solid var(--border);background:var(--bg-app);padding:14px 20px}.total-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.total-row.discount{color:var(--success)}.total-row.grand{border-top:1px solid var(--border);color:var(--text-primary);margin-top:6px;padding-top:12px;font-size:16px;font-weight:700}.total-row .amount{font-family:var(--font-mono), "JetBrains Mono", monospace;font-weight:700}.total-row.grand .amount{color:var(--purple);letter-spacing:-.4px;font-size:22px}.cart-payments{padding:14px 20px 0}.pm-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.pm-tab{border:1.5px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-family:inherit;font-size:11.5px;font-weight:700;display:flex}.pm-tab .material-symbols-rounded{font-size:18px}.pm-tab.active{border-color:var(--purple);background:var(--purple-tint);color:var(--purple)}.cart-cta{padding:0 20px 20px}.charge-btn{background:var(--orange);color:#1a1a1a;cursor:pointer;width:100%;height:56px;box-shadow:var(--shadow-cta);letter-spacing:.2px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:16px;font-weight:800;transition:all .15s;display:flex}.charge-btn:hover:not(:disabled){background:var(--orange-light);transform:translateY(-1px)}.charge-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.charge-btn .material-symbols-rounded{font-size:22px}.charge-amount{font-family:var(--font-mono), "JetBrains Mono", monospace}.cart-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--purple);border-bottom-color:var(--orange)}.tab-count{background:var(--bg-subtle);color:var(--text-secondary);border-radius:var(--radius-pill);padding:2px 7px;font-size:11px;font-weight:700}.tab-btn.active .tab-count{background:var(--purple-tint);color:var(--purple)}.inv-row{border-bottom:1px solid var(--border);grid-template-columns:56px 1.5fr 1fr 1fr 1fr auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.inv-row.head{background:var(--bg-app);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:12px 20px;font-size:11.5px;font-weight:700}.inv-row:last-child{border-bottom:none}.inv-thumb{background:linear-gradient(135deg,#f5f5f5,#ebebeb);border-radius:10px;place-items:center;width:56px;height:56px;font-size:28px;display:grid;overflow:hidden}.inv-thumb img{object-fit:cover;width:100%;height:100%}.inv-name{font-size:14px;font-weight:600}.inv-sku{font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--text-tertiary);margin-top:2px;font-size:11.5px}.inv-stock{font-size:14px;font-weight:700}.inv-stock-meta{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.stock-bar{background:var(--bg-subtle);border-radius:var(--radius-pill);width:100%;max-width:120px;height:6px;margin-top:6px;overflow:hidden}.stock-bar-fill{background:var(--warning);border-radius:var(--radius-pill);height:100%}.stock-bar-fill.danger{background:var(--danger)}.stock-bar-fill.ok{background:var(--success)}.inv-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.col-7,.col-5,.col-6,.col-8,.col-4{grid-column:span 12}.pos-shell{grid-template-columns:1fr}.cart-panel{max-height:none;position:static}}@media (max-width:760px){.app{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 16px}.topbar-search{display:none}.page{padding:20px 16px 60px}.product-grid{grid-template-columns:repeat(2,1fr)}.inv-row{grid-template-columns:48px 1fr auto}.inv-row .inv-stock-col,.inv-row .inv-actions{grid-column:1/-1}.pm-tabs{grid-template-columns:repeat(2,1fr)}}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_516a52c3-module__1kcFma__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_516a52c3-module__1kcFma__variable{--font-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_b45e8298-module__oDXDLG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_b45e8298-module__oDXDLG__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}