:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef2f7;--text:#172033;--muted:#667085;--subtle:#98a2b3;--line:#e4e7ec;--primary:#175cd3;--primary-strong:#1849a9;--primary-soft:#eff8ff;--success:#067647;--success-soft:#ecfdf3;--warning:#b54708;--warning-soft:#fffaeb;--danger:#b42318;--danger-soft:#fef3f2;--shadow:0 12px 28px #10182814;--sidebar:#101828;--sidebar-text:#d0d5dd;--sidebar-hover:#1d2939;--radius:12px;--control:42px;--gap:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b101a;--surface:#111827;--surface-2:#182230;--surface-3:#202939;--text:#f2f4f7;--muted:#98a2b3;--subtle:#667085;--line:#344054;--primary:#84adff;--primary-strong:#528bff;--primary-soft:#172554;--success:#75e0a7;--success-soft:#053321;--warning:#fec84b;--warning-soft:#4e1d09;--danger:#fda29b;--danger-soft:#55160c;--shadow:0 14px 30px #00000047;--sidebar:#060b14;--sidebar-text:#d0d5dd;--sidebar-hover:#182230}:root[data-density=compact]{--control:36px;--gap:11px}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}kbd{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:5px;padding:4px 6px;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-shell.collapsed{grid-template-columns:74px minmax(0,1fr)}.sidebar{z-index:40;background:var(--sidebar);width:236px;color:var(--sidebar-text);flex-direction:column;padding:16px 12px;transition:width .2s,transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.collapsed .sidebar{width:74px}.brand{align-items:center;gap:10px;min-height:52px;padding:3px 7px 18px;display:flex;overflow:hidden}.brand-mark,.login-logo{color:#fff;background:linear-gradient(145deg,#2e90fa,#175cd3);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid}.brand-copy{white-space:nowrap;flex-direction:column;display:flex}.brand-copy strong{color:#fff;font-size:15px}.brand-copy span{color:#98a2b3;letter-spacing:.08em;margin-top:2px;font-size:10px}.sidebar nav,.sidebar-bottom{flex-direction:column;gap:4px;display:flex}.sidebar nav{flex:1;min-height:0;overflow-y:auto}.sidebar .brand,.sidebar-bottom,.sidebar nav button{flex-shrink:0}.sidebar nav button,.sidebar-bottom button{color:var(--sidebar-text);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;height:44px;padding:0 11px;display:flex;overflow:hidden}.sidebar nav button:hover,.sidebar-bottom button:hover{background:var(--sidebar-hover);color:#fff}.sidebar nav button.active{color:#fff;background:#1d4ed8}.sidebar nav button span,.sidebar-bottom button span{flex:1}.sidebar-bottom{border-top:1px solid #344054;padding-top:11px}.sidebar-bottom kbd{color:#98a2b3;background:#1d2939;border-color:#475467;margin-left:auto}.collapsed .brand-copy,.collapsed .sidebar nav button span,.collapsed .sidebar-bottom button span,.collapsed .sidebar-bottom kbd{display:none}.collapse-btn{color:#d0d5dd;background:#1d2939;border:1px solid #344054;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:74px;right:-12px}.main-area{grid-column:2;min-width:0}.collapsed .main-area{grid-column:2}.topbar{z-index:25;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:14px;height:66px;padding:0 24px;display:flex;position:sticky;top:0}.top-user{flex-direction:column;min-width:160px;display:flex}.top-user strong{font-size:13px}.top-user span{color:var(--muted);margin-top:2px;font-size:10px}.mobile-menu{display:none!important}.command-trigger{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;margin-left:auto;padding:0 8px;display:flex}.command-trigger span{font-size:11px}.command-trigger kbd{margin-left:8px}.connection-status{color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;min-width:115px;font-size:10px;display:flex}.connection-status span{background:#f79009;border-radius:50%;width:7px;height:7px}.connection-status.online span{background:#12b76a}.connection-status.offline span,.connection-status.server-offline span{background:#f04438}.page-wrap{max-width:1680px;margin:0 auto;padding:24px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.page-head.compact{align-items:center}.page-head h1{letter-spacing:-.025em;margin:3px 0 5px;font-size:26px;line-height:1.15}.page-head p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.eyebrow{letter-spacing:.14em;color:var(--primary);font-size:9px;font-weight:800}.pos-head-actions{align-items:center;gap:8px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 1px 2px #10182805}.panel-head,.section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.panel-head h3,.section-head h3,.settings-title h3{margin:0;font-size:14px}.panel-head p,.section-head p,.settings-title p{color:var(--muted);margin:3px 0 0;font-size:11px}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{min-height:var(--control);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover{background:var(--primary-strong)}.secondary-btn{background:var(--surface);color:var(--text);border-color:var(--line)}.secondary-btn:hover,.secondary-btn.selected{background:var(--surface-2);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.danger-btn{background:var(--danger);color:#fff}.ghost-btn{color:var(--muted);background:0 0;border-color:#0000;padding-inline:8px}.ghost-btn:hover{background:var(--surface-2);color:var(--text)}.danger-text{color:var(--danger)!important}.full{width:100%}.icon-btn,.danger-icon{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.danger-icon{color:var(--danger);background:0 0;border:0}.icon-btn:hover{background:var(--surface-2)}.text-danger{color:var(--danger)!important}.stats-grid{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:16px;display:flex}.stat-icon{background:var(--surface-3);width:38px;height:38px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.stat-icon.blue{background:var(--primary-soft);color:var(--primary)}.stat-icon.green{background:var(--success-soft);color:var(--success)}.stat-icon.orange{background:var(--warning-soft);color:var(--warning)}.stat-card>div:last-child{flex-direction:column;min-width:0;display:flex}.stat-card span{color:var(--muted);font-size:10px}.stat-card strong{letter-spacing:-.025em;margin-top:4px;font-size:22px;line-height:1.2}.stat-card small{color:var(--muted);margin-top:4px;font-size:9px}.dashboard-grid{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.bar-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:220px;padding-top:20px;display:grid}.bar-col{text-align:center;grid-template-rows:22px 1fr 18px;align-items:end;height:100%;display:grid}.bar-col>span{color:var(--muted);text-overflow:ellipsis;font-size:8px;overflow:hidden}.bar-track{background:var(--surface-2);border-radius:7px;align-items:flex-end;height:100%;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(180deg,#84adff,var(--primary));border-radius:7px 7px 3px 3px;width:100%;min-height:4px}.bar-col small{color:var(--muted);text-transform:capitalize;margin-top:5px;font-size:9px}.action-list{flex-direction:column;display:flex}.action-list button{color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:36px 1fr 18px;align-items:center;gap:9px;padding:10px 4px;display:grid}.action-list button:hover{background:var(--surface-2)}.action-icon{background:var(--surface-2);width:34px;height:34px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.action-list div{flex-direction:column;display:flex}.action-list strong{font-size:11px}.action-list small{color:var(--muted);margin-top:2px;font-size:9px}.rank-list,.payment-list{flex-direction:column;gap:3px;display:flex}.rank-list>div{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.rank-list>div>span{background:var(--surface-2);border-radius:6px;place-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:grid}.rank-list>div>div{flex-direction:column;display:flex}.rank-list strong{font-size:11px}.rank-list small{color:var(--muted);font-size:9px}.rank-list b{font-size:10px}.payment-list>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.empty-mini{color:var(--muted);text-align:center;padding:18px;font-size:11px}.pos-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;display:grid}.catalog-area{min-width:0}.cash-pill,.held-pill{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:10px;display:flex}.held-pill{cursor:pointer}.cash-pill>span{background:#f04438;border-radius:50%;width:7px;height:7px}.cash-pill.open>span{background:#12b76a}.cash-warning{background:var(--warning-soft);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 25%,var(--line));border-radius:10px;align-items:center;gap:9px;margin-bottom:12px;padding:10px 12px;font-size:11px;display:flex}.cash-warning span{flex:1}.cash-warning button{color:inherit;background:0 0;border:0;font-weight:800;text-decoration:underline}.search-row{gap:9px;margin-bottom:10px;display:flex}.search-box{height:var(--control);background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.search-box:focus-within{border-color:color-mix(in srgb,var(--primary) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.search-box input{color:var(--text);background:0 0;border:0;flex:1;min-width:0;font-size:12px}.search-box kbd{margin-left:auto}.category-tabs{scrollbar-width:thin;gap:6px;padding:1px 0 10px;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:0 11px;font-size:10px;display:flex}.category-tabs button.active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 40%,var(--line));color:var(--primary);font-weight:700}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;min-height:145px;transition:transform .12s,border-color .12s;position:relative;overflow:hidden}.product-card:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--line));transform:translateY(-1px)}.product-card.disabled{opacity:.55}.product-main{width:100%;height:100%;min-height:145px;color:var(--text);text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;padding:13px;display:flex}.favorite-btn{z-index:2;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);width:29px;height:29px;color:var(--subtle);border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.favorite-btn.active{color:#f79009;background:#fffaeb}.product-icon{margin-bottom:10px;font-size:25px}.product-info{flex-direction:column;min-width:0;display:flex}.product-info strong{padding-right:22px;font-size:11px;line-height:1.3}.product-info span{color:var(--muted);margin-top:3px;font-size:9px}.product-meta{justify-content:space-between;align-items:end;gap:6px;margin-top:auto;padding-top:10px;display:flex}.product-meta b{font-size:13px}.product-meta small{color:var(--muted);font-size:9px}.stock-low{font-weight:700;color:var(--warning)!important}.catalog-empty{background:var(--surface);border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;padding:50px 20px}.catalog-empty span{font-size:30px}.catalog-empty strong{color:var(--text);margin-top:8px;display:block}.catalog-empty p{margin:5px 0 0;font-size:11px}.cart-panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;flex-direction:column;min-height:calc(100vh - 110px);max-height:calc(100vh - 90px);display:flex;position:sticky;top:84px;overflow:hidden}.cart-title{justify-content:space-between;align-items:center;padding:14px 15px 10px;display:flex}.cart-title>div{align-items:center;gap:8px;display:flex}.cart-title strong{font-size:13px}.cart-title>span{color:var(--muted);font-size:9px}.cart-tools{border-bottom:1px solid var(--line);gap:4px;padding:0 9px 8px;display:flex}.cart-tools button:first-child{margin-right:auto}.customer-select{border:1px solid var(--line);min-height:39px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;margin:10px 12px 0;padding:0 9px;display:flex}.customer-select select{color:var(--text);background:0 0;border:0;flex:1;min-width:0;font-size:10px}.customer-select button{color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.cart-items{flex:1;min-height:100px;padding:8px 12px;overflow-y:auto}.cart-item{border-bottom:1px solid var(--line);padding:10px 0}.cart-item-top,.cart-item-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.cart-item-top>div{flex-direction:column;min-width:0;display:flex}.cart-item-top strong{font-size:10px}.cart-item-top span{color:var(--muted);margin-top:2px;font-size:9px}.cart-item-bottom{margin-top:8px}.cart-item-bottom>b{font-size:11px}.qty-control{border:1px solid var(--line);border-radius:7px;grid-template-columns:28px 34px 28px;height:29px;display:grid;overflow:hidden}.qty-control button{background:var(--surface-2);color:var(--text);border:0;place-items:center;display:grid}.qty-control span{place-items:center;font-size:10px;font-weight:700;display:grid}.cart-empty{text-align:center;height:100%;min-height:230px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.cart-empty svg{opacity:.35}.cart-empty strong{color:var(--text);margin-top:10px;font-size:12px}.cart-empty span{margin-top:3px;font-size:10px}.cart-empty small{color:var(--subtle);margin-top:8px;font-size:9px}.checkout{border-top:1px solid var(--line);padding:12px}.totals{flex-direction:column;gap:6px;display:flex}.totals>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.totals b{color:var(--text)}.discount-entry{align-items:center!important}.discount-entry>div{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;align-items:center;width:98px;height:29px;padding:0 7px;display:flex}.discount-entry input{width:100%;color:var(--text);text-align:right;background:0 0;border:0;font-size:10px}.grand{border-top:1px dashed var(--line);padding-top:8px;color:var(--text)!important;margin-top:2px!important}.grand b{font-size:20px}.checkout-btn{justify-content:space-between;height:48px;margin-top:10px;padding-inline:15px}.checkout-btn kbd{color:#fff;background:#ffffff26;border-color:#ffffff2e}.checkout-hint{text-align:center;color:var(--warning);margin-top:6px;font-size:9px;display:block}.payment-summary{background:var(--primary-soft);border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.payment-summary span{color:var(--muted);font-size:11px}.payment-summary strong{color:var(--primary);font-size:24px}.payment-tabs{grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0;display:grid}.payment-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:62px;font-size:9px;display:flex}.payment-tabs button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:700}.payment-body{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.payment-body label{color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.payment-body label>input,.mixed-grid input{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--text);border-radius:8px;padding:0 10px}.big-input>div{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;height:52px;padding:0 12px;display:flex}.big-input>div span{color:var(--muted);font-size:18px}.big-input input{flex:1;min-width:0;font-weight:800;background:0 0!important;border:0!important;height:50px!important;font-size:22px!important}.quick-cash>span{color:var(--muted);font-size:9px}.quick-cash>div{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.quick-cash button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;padding:7px 10px;font-size:9px}.change-box{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.change-box span{color:var(--muted);font-size:10px}.change-box strong{font-size:18px}.method-confirm{align-items:center;gap:11px;display:flex}.method-confirm>svg{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:9px;padding:9px}.method-confirm>div{flex-direction:column;display:flex}.method-confirm strong{font-size:12px}.method-confirm span{color:var(--muted);margin-top:2px;font-size:10px}.mixed-grid{grid-template-columns:repeat(3,1fr);display:grid}.mixed-grid label{min-width:0}.amount-with-action{gap:5px;display:flex}.amount-with-action input{flex:1;min-width:0}.amount-with-action button{border:1px solid var(--line);background:var(--surface);color:var(--primary);border-radius:7px;font-size:9px}.mixed-summary{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mixed-summary>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:9px;display:flex}.mixed-summary span{color:var(--muted);font-size:9px}.mixed-summary b{margin-top:2px;font-size:13px}.payment-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.payment-actions .primary-btn{min-width:210px}.held-list{flex-direction:column;gap:8px;display:flex}.held-card{border:1px solid var(--line);border-radius:10px;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:10px;display:grid}.held-icon{background:var(--warning-soft);width:34px;height:34px;color:var(--warning);border-radius:8px;place-items:center;display:grid}.held-main{flex-direction:column;display:flex}.held-main strong{font-size:11px}.held-main span{color:var(--muted);margin-top:2px;font-size:9px}.held-main small{color:var(--subtle);align-items:center;gap:4px;margin-top:4px;font-size:8px;display:flex}.held-card>b{font-size:11px}.held-actions{gap:5px;display:flex}.held-actions .secondary-btn{min-height:34px}.toolbar{gap:9px;margin-bottom:13px;display:flex}.toolbar .search-box{max-width:560px}.table-panel{overflow:hidden;padding:0!important}.table-panel.bordered{border:1px solid var(--line);border-radius:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-weight:700}td{border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 12px}tr:last-child td{border-bottom:0}td>strong,td>small{display:block}td small{color:var(--muted);margin-top:2px}.badge{border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.neutral{background:var(--surface-3);color:var(--muted)}.table-action{background:var(--primary-soft);color:var(--primary);border:0;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.audit-detail{text-overflow:ellipsis;max-width:420px;color:var(--muted);overflow:hidden}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.customer-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;padding:14px;display:grid}.avatar{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.customer-main{flex-direction:column;min-width:0;display:flex}.customer-main strong{font-size:11px}.customer-main span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.loyalty{color:#f79009;grid-template-columns:auto auto;align-items:center;gap:1px 3px;display:grid}.loyalty span{color:var(--muted);text-align:right;grid-column:1/3;font-size:8px}.customer-stats{border-top:1px solid var(--line);grid-column:1/4;grid-template-columns:1fr 1fr;padding-top:9px;display:grid}.customer-stats div{flex-direction:column;display:flex}.customer-stats div+div{border-left:1px solid var(--line);padding-left:11px}.customer-stats span{color:var(--muted);font-size:8px}.customer-stats b{font-size:10px}.cash-box{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;display:flex}.cash-box>div{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.cash-box .big-icon{background:var(--surface-2);border-radius:11px;grid-row:1/3;place-items:center;width:48px;height:48px;display:grid}.cash-box .big-icon.success{background:var(--success-soft);color:var(--success)}.cash-box h3{margin:0;font-size:14px}.cash-box p{color:var(--muted);margin:3px 0 0;font-size:10px}.cash-box form{align-items:end;gap:8px;display:flex}.cash-box label{color:var(--muted);flex-direction:column;gap:5px;font-size:9px;display:flex}.cash-box input{height:var(--control);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:0 10px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label,.stack-form label{color:var(--muted);flex-direction:column;gap:5px;font-size:10px;font-weight:650;display:flex}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:8px;min-height:39px;padding:9px 10px}.form-grid textarea{resize:vertical}.form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.stack-form{flex-direction:column;gap:12px;display:flex}.stack-form p{color:var(--muted);font-size:10px}.toggle-field{border:1px solid var(--line);border-radius:9px;padding:10px;flex-direction:row!important;align-items:flex-start!important}.toggle-field input{width:17px!important;min-height:17px!important}.toggle-field span{color:var(--text);flex-direction:column;display:flex}.toggle-field small{color:var(--muted);margin-top:2px;font-weight:400}.settings-grid{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:1.2fr 1fr 1fr;display:grid}.settings-card{min-width:0}.settings-title{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.settings-title>svg{background:var(--surface-2);width:34px;height:34px;color:var(--primary);border-radius:9px;flex:none;padding:8px}.choice-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.choice-grid button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:86px;padding:10px 7px;display:flex}.choice-grid button strong{color:var(--text);font-size:10px}.choice-grid button span{text-align:center;font-size:8px}.choice-grid button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.setting-row>div{flex-direction:column;display:flex}.setting-row strong{font-size:10px}.setting-row span{color:var(--muted);margin-top:2px;font-size:8px}.setting-row select{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--text);border-radius:8px;padding:0 8px;font-size:9px}.shortcut-list,.health-list{flex-direction:column;gap:6px;display:flex}.shortcut-list>div,.health-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:7px 0;font-size:9px;display:flex}.shortcut-list span,.health-list span{color:var(--muted)}.health-list b{text-overflow:ellipsis;max-width:70%;font-size:9px;overflow:hidden}.health-ok{color:var(--success)}.health-bad{color:var(--danger)}.business-settings,.admin-settings{margin-top:var(--gap)}.business-settings>.settings-title,.admin-settings>.settings-title{border-bottom:1px solid var(--line);padding-bottom:12px}.admin-settings .section-head{margin-top:4px}.modal-backdrop,.palette-backdrop{z-index:100;background:#1018288a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 70px #00000040}.modal-card>header{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 15px;display:flex;position:sticky;top:0}.modal-card h3{margin:0;font-size:14px}.modal-body{padding:15px}.confirm-dialog p{color:var(--muted);margin:0 0 16px;font-size:11px;line-height:1.6}.command-palette{background:var(--surface);border:1px solid var(--line);border-radius:13px;align-self:start;width:min(560px,100%);margin-top:10vh;overflow:hidden;box-shadow:0 28px 80px #0000004d}.palette-search{border-bottom:1px solid var(--line);height:52px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.palette-search input{color:var(--text);background:0 0;border:0;flex:1;min-width:0}.palette-results{max-height:360px;padding:7px;overflow:auto}.palette-results button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;height:43px;padding:0 9px;display:grid}.palette-results button:hover{background:var(--surface-2)}.palette-results small{color:var(--muted);font-size:8px}.palette-footer{border-top:1px solid var(--line);color:var(--muted);gap:14px;padding:8px 11px;font-size:8px;display:flex}.toast-stack{z-index:200;flex-direction:column;gap:7px;max-width:min(430px,100vw - 24px);display:flex;position:fixed;bottom:16px;right:16px}.toast{color:#fff;box-shadow:var(--shadow);background:#101828;border-radius:10px;align-items:center;gap:8px;padding:10px 11px;font-size:10px;display:flex}.toast.success>svg{color:#6ce9a6}.toast.error>svg{color:#fda29b}.toast.info>svg{color:#84adff}.toast span{flex:1;line-height:1.35}.toast button{color:#d0d5dd;background:0 0;border:0}.toast-action{color:#84adff!important;font-weight:800!important}.toast-close{place-items:center;display:grid}.receipt-meta{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.receipt-meta div{background:var(--surface-2);border-radius:8px;flex-direction:column;padding:8px;display:flex}.receipt-meta span{color:var(--muted);font-size:8px}.receipt-meta strong{margin-top:2px;font-size:9px}.receipt-lines{border-block:1px dashed var(--line);margin:12px 0;padding:8px 0}.receipt-lines div{justify-content:space-between;padding:4px 0;font-size:10px;display:flex}.receipt-total{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.receipt-actions{gap:7px;display:flex}.receipt-actions>*{flex:1}.login-page{background:var(--surface);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:radial-gradient(circle at 18% 18%,#1849a9 0,#102a56 38%,#101828 77%);flex-direction:column;justify-content:center;padding:9vw 7vw;display:flex;position:relative;overflow:hidden}.login-hero:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-190px;right:-160px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff04}.hero-chip{background:#ffffff17;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;width:max-content;margin-bottom:22px;padding:7px 10px;font-size:10px;display:inline-flex}.login-hero h1{letter-spacing:-.055em;margin:0 0 20px;font-size:clamp(42px,5vw,76px);line-height:.97}.login-hero>p{color:#d0d5dd;max-width:560px;font-size:15px;line-height:1.65}.hero-features{flex-wrap:wrap;gap:17px;margin-top:19px;display:flex}.hero-features span{color:#dbeafe;align-items:center;gap:5px;font-size:10px;display:flex}.hero-features svg{width:14px}.login-panel{place-items:center;padding:38px;display:grid}.login-card{width:min(420px,100%)}.login-logo{margin-bottom:22px}.login-card h2{margin:0 0 5px;font-size:25px}.login-card>p{color:var(--muted);margin:0 0 18px;font-size:11px}.login-mode{background:var(--surface-2);border-radius:9px;grid-template-columns:1fr 1fr;margin-bottom:15px;padding:3px;display:grid}.login-mode button{height:35px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.login-mode button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #10182814}.login-card label{color:var(--muted);flex-direction:column;gap:5px;margin-bottom:11px;font-size:9px;font-weight:700;display:flex}.input-icon{border:1px solid var(--line);height:43px;color:var(--subtle);background:var(--surface);border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.input-icon input{color:var(--text);background:0 0;border:0;flex:1;min-width:0}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:8px;margin-bottom:9px;padding:8px 9px;font-size:9px}.demo-box{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:9px;flex-direction:column;gap:3px;margin-top:15px;padding:10px;font-size:8px;display:flex}.demo-box strong{color:var(--text);font-size:9px}.loading-state,.empty-state{color:var(--muted);text-align:center;padding:38px}.empty-state{flex-direction:column;align-items:center;gap:6px;display:flex}.empty-state strong{color:var(--text);font-size:11px}.empty-state p{max-width:360px;margin:0;font-size:9px}.mobile-scrim{display:none}:root[data-density=compact] .product-main{min-height:125px;padding:10px}:root[data-density=compact] .product-card{min-height:125px}:root[data-density=compact] td,:root[data-density=compact] th{padding-block:8px}:root[data-density=compact] .stat-card{padding:12px}:root[data-density=compact] .cart-item{padding:7px 0}@media (width<=1250px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 360px}.settings-grid{grid-template-columns:1fr 1fr}.settings-card:last-child{grid-column:1/-1}.stats-grid.four{grid-template-columns:repeat(2,1fr)}}@media (width<=980px){.app-shell,.app-shell.collapsed{grid-template-columns:1fr}.main-area,.collapsed .main-area{grid-column:1}.sidebar,.collapsed .sidebar{width:236px;transform:translate(-110%);box-shadow:12px 0 35px #00000040}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open .brand-copy,.sidebar.mobile-open nav button span,.sidebar.mobile-open .sidebar-bottom button span,.sidebar.mobile-open .sidebar-bottom kbd{display:flex}.collapse-btn{display:none}.mobile-menu{display:grid!important}.mobile-scrim{z-index:35;background:#10182866;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 14px}.top-user{min-width:0}.command-trigger{margin-left:auto}.command-trigger span{display:none}.connection-status{min-width:0;font-size:0}.page-wrap{padding:17px}.pos-layout{grid-template-columns:1fr}.cart-panel{min-height:0;max-height:none;position:static}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2,.span-3{grid-column:span 1}.customer-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.settings-card:last-child{grid-column:auto}.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{min-height:100vh}.cash-box{flex-direction:column;align-items:flex-start}.cash-box form{width:100%}.cash-box form label{flex:1}.receipt-meta{grid-template-columns:1fr}.payment-tabs{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.page-head{flex-direction:column;align-items:stretch}.page-head>button{width:100%}.pos-head-actions{justify-content:space-between}.stats-grid,.stats-grid.three,.stats-grid.four,.dashboard-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-row{flex-direction:column}.search-row .secondary-btn{width:100%}.customer-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar .secondary-btn{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.cash-box form{flex-direction:column;align-items:stretch}.payment-tabs{grid-template-columns:1fr 1fr}.mixed-grid{grid-template-columns:1fr}.mixed-summary{grid-template-columns:1fr 1fr}.payment-actions{flex-direction:column-reverse}.payment-actions .primary-btn{min-width:0}.held-card{grid-template-columns:36px 1fr auto}.held-card>b{grid-column:2}.held-actions{grid-column:2/4}.held-actions .secondary-btn{flex:1}.choice-grid{grid-template-columns:1fr}.setting-row{flex-direction:column;align-items:stretch}.topbar{height:60px}.command-trigger{display:none}.page-wrap{padding:13px}.toast-stack{bottom:10px;left:10px;right:10px}.login-panel{padding:24px}.login-card h2{font-size:22px}.receipt-actions{flex-direction:column}.bar-chart{gap:5px}.bar-col>span{display:none}}@media (width<=390px){.product-grid,.payment-tabs,.mixed-summary{grid-template-columns:1fr}.cash-pill,.held-pill{padding-inline:7px}.page-head h1{font-size:22px}}@media print{body{color:#000!important;background:#fff!important}body>*,#root,#root *{visibility:hidden!important}.modal-backdrop,.modal-backdrop *{visibility:visible!important}.modal-backdrop{background:#fff!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important}.modal-card{box-shadow:none!important;border:0!important;border-radius:0!important;max-width:80mm!important;max-height:none!important;margin:0 auto!important;overflow:visible!important}.modal-card>header,.receipt-actions{display:none!important}.modal-body{padding:8mm 4mm!important}.receipt-meta{grid-template-columns:1fr!important}}.filter-select{height:var(--control);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:0 10px;font-size:10px}.receipt-payments{border-bottom:1px dashed var(--line);margin-bottom:9px;padding:0 0 9px}.receipt-payments>span{color:var(--muted);margin-bottom:5px;font-size:8px;display:block}.receipt-payments>div,.receipt-change{justify-content:space-between;padding:3px 0;font-size:9px;display:flex}.receipt-change{color:var(--muted);margin-top:-6px;margin-bottom:10px}.page-actions,.row-actions{align-items:center;gap:7px;display:flex}.row-actions{white-space:nowrap}.customer-button{width:100%;color:var(--text);text-align:left;cursor:pointer}.customer-button:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.customer-detail{flex-direction:column;gap:14px;display:flex}.customer-detail-head{grid-template-columns:52px 1fr auto;align-items:center;gap:11px;display:grid}.avatar.large{width:52px;height:52px}.customer-detail-head>div:nth-child(2){flex-direction:column;display:flex}.customer-detail-head strong{font-size:14px}.customer-detail-head span{color:var(--muted);margin-top:3px;font-size:9px}.customer-detail-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.customer-detail-stats>div{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;flex-direction:column;padding:10px;display:flex}.customer-detail-stats span{color:var(--muted);font-size:8px}.customer-detail-stats b{margin-top:3px;font-size:13px}.contact-list{flex-wrap:wrap;gap:12px;display:flex}.contact-list span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.preference-check{border-top:1px solid var(--line);align-items:flex-start;gap:8px;margin-top:12px;padding-top:12px;font-size:9px;display:flex}.preference-check input{margin-top:2px}.preference-check span{flex-direction:column;display:flex}.preference-check strong{font-size:9px}.preference-check small{color:var(--muted);margin-top:2px;font-size:8px}.palette-results button.selected{background:var(--surface-2);color:var(--primary)}.panel-head.padded{padding:14px 14px 0}.cash-box form label{min-width:150px}.input-shortcuts{gap:4px;margin-top:2px;display:flex}.input-shortcuts button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:6px;padding:4px 6px;font-size:8px}.checkout-split{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.checkout-split button{width:100%}.info-callout{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));background:var(--primary-soft);color:var(--text);border-radius:10px;align-items:flex-start;gap:10px;padding:11px;font-size:10px;line-height:1.5;display:flex}.info-callout svg{color:var(--primary);flex:none}.advance-balance{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 25%,var(--line));border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.advance-balance span{color:var(--muted);font-size:10px}.advance-balance b{color:var(--warning);font-size:15px}.advance-note{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 20%,var(--line));color:var(--text);border-radius:8px;align-items:flex-start;gap:7px;margin:10px 0;padding:9px;font-size:9px;display:flex}.advance-note svg{color:var(--warning);flex:none}.payment-tabs.three{grid-template-columns:repeat(3,1fr)}.qr-ticket{text-align:center;flex-direction:column;align-items:center;gap:13px;display:flex}.qr-box{background:#fff;border:1px solid #e4e7ec;border-radius:12px;place-items:center;padding:12px;display:grid}.qr-ticket>div:nth-child(2){flex-direction:column;align-items:center;gap:3px;display:flex}.qr-ticket>div:nth-child(2) svg{color:var(--primary)}.qr-ticket>div:nth-child(2) strong{font-size:15px}.qr-ticket>div:nth-child(2) span,.qr-ticket p{color:var(--muted);margin:0;font-size:10px}.qr-balance{background:var(--warning-soft);border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;display:flex}.qr-balance span{color:var(--muted);font-size:9px}.qr-balance b{color:var(--warning)}.pending-grid{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pending-grid .section-head h3{align-items:center;gap:7px;display:flex}.pending-list{flex-direction:column;display:flex}.pending-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.pending-row:last-child{border-bottom:0}.pending-row>div:first-child{flex-direction:column;min-width:0;display:flex}.pending-row strong{font-size:11px}.pending-row span{color:var(--muted);text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.pending-row>b{white-space:nowrap;font-size:11px}.pending-amount{flex-direction:column;align-items:flex-end;display:flex}.pending-amount small{color:var(--muted);font-size:8px}.pending-amount b{color:var(--warning);font-size:12px}.locked-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:330px;display:flex}.locked-panel>svg{color:var(--primary)}.locked-panel h2{margin:0;font-size:18px}.locked-panel p{color:var(--muted);max-width:480px;margin:0 0 5px;font-size:11px;line-height:1.6}.authorization-banner{background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 22%,var(--line));border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-size:9px;display:flex}.authorization-banner strong{color:inherit}.rental-lines-editor{flex-direction:column;gap:8px;display:flex}.rental-line{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;grid-template-columns:minmax(0,1fr) 90px 36px;align-items:end;gap:8px;padding:9px;display:grid}.rental-line label{margin:0}.rental-line .danger-icon{margin-bottom:1px}.rental-detail{flex-direction:column;gap:13px;display:flex}.receipt-v3{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:18px;display:grid}.receipt-content{min-width:0}.receipt-qr-panel{border-left:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:10px;padding-left:18px;display:flex}.receipt-qr-panel>svg{color:var(--primary)}.receipt-qr-panel>strong{font-size:12px}.receipt-qr-panel>span{color:var(--muted);font-size:9px;line-height:1.45}.receipt-qr-panel svg:not(:first-child){box-sizing:content-box;background:#fff;border-radius:10px;padding:8px}.receipt-change.balance{color:var(--warning);font-weight:700}@media (width<=980px){.pending-grid{grid-template-columns:1fr}.pending-grid .span-2{grid-column:auto}.receipt-v3{grid-template-columns:1fr}.receipt-qr-panel{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}}@media (width<=650px){.checkout-split,.payment-tabs.three{grid-template-columns:1fr}.rental-line{grid-template-columns:1fr 90px 36px}.pending-row{align-items:flex-start}.receipt-qr-panel svg:not(:first-child){max-width:160px;height:auto}}