:root{--primary:#d6457a;--secondary:#b5305e;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--font-main:"Inter", system-ui, sans-serif;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=light]{--bg-main:#fef6fb;--panel-bg:#fff;--panel-elevated:#fff0f7;--nav-bg:#fff;--subnav-bg:#edf7ff;--cart-panel-bg:#f0faf4;--glass-border:#f2bedd;--input-bg:#fff;--input-border:#f2c8e0;--text-main:#4a2040;--text-muted:#9b6080;--danger-bg:#ffe4ee;--success-bg:#d8f8ea;--warning-bg:#fff8dc;--shadow-sm:0 1px 3px #c8508c12;--shadow-md:0 4px 12px #c8508c1a, 0 2px 4px #c8508c0f;--shadow-lg:0 10px 24px #c8508c1f, 0 4px 8px #c8508c12;--primary-glow:0 0 15px #d65a9626}[data-theme=dark]{--primary:#059669;--secondary:#047857;--bg-main:#0b0f1a;--panel-bg:#161d2f;--panel-elevated:#1e293b;--glass-border:#ffffff14;--text-main:#f1f5f9;--text-muted:#94a3b8;--input-bg:#0003;--input-border:#ffffff1a;--danger-bg:#ef44441a;--success-bg:#10b9811a;--warning-bg:#f59e0b1a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 20px 40px #00000080;--primary-glow:0 0 20px #05966933;--nav-bg:#0f172af2;--subnav-bg:#0f172a;--cart-panel-bg:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-main);color:var(--text-main);min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);padding:24px}.glass-header{color:var(--text-main);letter-spacing:-.02em;margin-bottom:24px;font-size:1.75rem;font-weight:700}h3{color:var(--text-main);border-bottom:1px solid var(--glass-border);margin-bottom:16px;padding-bottom:8px;font-size:1.2rem}input,select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-main);border-radius:var(--radius-sm);font-family:var(--font-main);transition:var(--transition);outline:none;padding:12px 16px;font-size:.95rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--panel-bg)}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}button{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);font-weight:600;font-family:var(--font-main);border:none;padding:12px 24px}button:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:0 6px 20px #d6457a40}button.outline{border:2px solid var(--primary);color:var(--primary);box-shadow:none;background:0 0}button.outline:hover{color:var(--primary);background:#d6457a0f}button.danger{background:var(--danger)}button.danger.outline{border:2px solid var(--danger);color:var(--danger);background:0 0}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:100;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.nav-brand{color:var(--text-main);letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;display:flex}.container{max-width:1200px;margin:0 auto;padding:32px 20px}.flex{align-items:center;display:flex}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.text-muted{color:var(--text-muted)}.text-xs{font-size:.8rem}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--glass-border);margin-top:16px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{background:var(--subnav-bg);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:14px 18px;font-size:.75rem;font-weight:700}td{border-bottom:1px solid var(--glass-border);padding:16px 18px;font-size:.95rem}tr:last-child td{border-bottom:none}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container-fluid{width:100%;max-width:100%;padding:0}.pos-subnav{background:var(--subnav-bg);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);gap:6px;padding:12px 40px;display:flex;overflow-x:auto}.pos-subnav-btn{color:var(--text-muted);box-shadow:none;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;padding:8px 20px;font-size:.88rem;font-weight:500}.pos-subnav-btn:hover{color:var(--text-main);box-shadow:none;background:#0000000d;transform:none}[data-theme=dark] .pos-subnav-btn:hover{background:#ffffff0d}.pos-subnav-active{background:var(--primary);color:#fff;border-radius:var(--radius-sm);border:none;padding:8px 20px;font-size:.88rem;font-weight:700}.pos-subnav-active:hover{background:var(--secondary)}.pos-layout{background:var(--bg-main);grid-template-columns:1fr 380px;height:calc(100vh - 109px);display:grid;overflow:hidden}.pos-left{border-right:1px solid var(--glass-border);min-height:0;padding:20px;overflow-y:auto}.pos-right{background:var(--cart-panel-bg);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.pos-cart-panel{flex-direction:column;height:100%;padding:20px;display:flex}.pos-cart-items{flex:1;margin-bottom:16px;overflow-y:auto}.pos-cart-footer{border-top:1px solid var(--glass-border);padding-top:16px}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.pos-product-card{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);padding:16px;position:relative}.pos-product-card:hover{border-color:var(--primary);background:var(--panel-elevated);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pos-product-card.in-cart{border-color:var(--primary);background:var(--success-bg)}.pos-product-card.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.pos-product-name{color:var(--text-main);margin:8px 0 4px;font-size:.95rem;font-weight:700;line-height:1.3}.pos-product-price{color:var(--primary);font-size:1.1rem;font-weight:800}.pos-product-stock{color:var(--text-muted);margin-top:6px;font-size:.75rem}.pos-product-cat-dot{border-radius:50%;width:10px;height:10px;margin-bottom:4px}.pos-cart-badge{background:var(--primary);color:#fff;width:24px;height:24px;box-shadow:var(--shadow-sm);border:2px solid var(--panel-bg);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:-8px;right:-8px}.pos-cart-item{background:var(--bg-main);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition);margin-bottom:10px;padding:12px}.pos-cart-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.pos-cart-item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.pos-qty-ctrl{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:4px 8px;display:flex}.pos-qty-ctrl button{color:var(--primary);box-shadow:none;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;padding:4px 8px;font-size:1rem;display:flex}.pos-qty-ctrl button:hover{background:var(--success-bg);box-shadow:none;transform:none}.pos-cat-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pos-cat-active{border-radius:var(--radius-xl);border:none;padding:8px 18px;font-size:.88rem;font-weight:700;background:var(--primary)!important;color:#fff!important}.pos-cat-badge{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.pos-alert-banner{background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-md);color:var(--warning);align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}.pos-error-banner{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}[data-theme=dark] .modal-overlay{background:#000000b3}.modal-box{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);padding:32px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);padding:24px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem;font-weight:700}.stat-value{color:var(--text-main);font-size:1.75rem;font-weight:800}@media (width<=900px){.pos-layout{grid-template-columns:1fr;height:auto;overflow:auto}.pos-left{border-right:none;border-bottom:1px solid var(--glass-border);max-height:60vh}.pos-right{height:auto}.pos-cart-panel{height:auto;min-height:400px}.pos-cart-items{max-height:400px}.pos-subnav{padding:10px 16px}.nav{padding:12px 20px}}@media (width<=600px){.pos-product-grid{grid-template-columns:repeat(2,1fr)}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.nav{flex-direction:column;align-items:stretch;gap:16px;padding:12px 16px}.nav-brand{justify-content:flex-start;font-size:1.3rem}.nav-controls{justify-content:space-between;width:100%}.nav-tabs-wrapper{flex:1;justify-content:center;overflow-x:auto;padding-bottom:4px!important}.nav-tabs-wrapper button{white-space:nowrap;padding:8px 12px!important;font-size:.8rem!important}.glass-panel .flex.justify-between{flex-direction:column;align-items:flex-start;gap:12px}.glass-panel .flex.justify-between>div{flex-wrap:wrap;display:flex}.glass-header{font-size:1.25rem!important}.pos-subnav{flex-wrap:nowrap;padding:8px 12px;overflow-x:auto}}@media print{body *{visibility:hidden}.receipt-print,.receipt-print *{visibility:visible}.receipt-print{width:80mm;margin:0;padding:10px;font-family:Courier New,Courier,monospace;font-size:10pt;line-height:1.2;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.receipt-print .no-print{display:none}.receipt-print h3{text-align:center;border-bottom:2px solid #000;margin-bottom:10px;padding-bottom:5px;color:#000!important}.receipt-divider{border-top:1px dashed #000;margin:8px 0}.flex-print{justify-content:space-between;display:flex}}.thermal-receipt{border-radius:4px;width:100%;max-width:380px;margin:0 auto;padding:30px 20px;font-family:Courier New,Courier,monospace;position:relative;box-shadow:0 4px 15px #0000001a;color:#000!important;background:#fff!important}.receipt-shop-logo{object-fit:contain;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.receipt-shop-name{letter-spacing:2px;text-transform:uppercase;font-family:Courier New,Courier,monospace;font-size:1.8rem;font-weight:800;color:#e74c3c!important}.receipt-tagline{color:#000;margin-top:4px;font-family:Courier New,Courier,monospace;font-size:1rem}.receipt-invoice-title{color:#000;text-transform:capitalize;margin:20px 0 10px;font-size:2.2rem;font-weight:900}.receipt-meta-row{color:#000;justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.receipt-cust-line{color:#000;margin:10px 0;font-size:1.1rem;font-weight:700}.receipt-table-header{border-bottom:2px dashed #ccc;justify-content:space-between;margin-top:8px;margin-bottom:10px;padding-bottom:6px;font-size:.9rem;font-weight:800;display:flex}.receipt-item-row{color:#000;justify-content:space-between;margin-bottom:12px;font-size:.95rem;font-weight:600;line-height:1.4;display:flex}.receipt-divider-dash{border-top:2px dashed #ccc;margin:15px 0}.receipt-summary-table{border-collapse:collapse;width:100%}.receipt-summary-table td{padding:4px 0}.receipt-summary-label{text-align:right;color:#444;width:60%;padding-right:15px;font-weight:700}.receipt-summary-value{text-align:right;font-size:1.05rem;font-weight:800}.receipt-grand-total-row td{padding-top:15px}.receipt-bank-info{border-top:1px solid #eee;margin-top:25px;padding-top:15px;font-size:.85rem;line-height:1.6}.receipt-bank-title{margin-bottom:8px;font-size:.9rem;font-weight:800}.receipt-bank-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-theme=dark] .thermal-receipt{color:#000!important;background:#fff!important}.capture-wrapper{z-index:-9999;opacity:.01;pointer-events:none;width:380px;position:fixed;top:0;left:0}