:root{--bg:#f3f4f6;--surface:#fff;--surface-alt:#f9fafb;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--success:#16a34a;--success-light:#dcfce7;--warning:#d97706;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fee2e2;--radius:10px;--radius-sm:6px;--shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-lg:0 10px 30px #0000001f;--sidebar-bg:#111827;--sidebar-text:#d1d5db;--sidebar-active:#2563eb}html.dark{--bg:#0f1115;--surface:#1a1d24;--surface-alt:#20242c;--border:#2d323c;--text:#e5e7eb;--text-muted:#9aa0ab;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-light:#1e3a5f;--success:#22c55e;--success-light:#14532d;--warning:#f59e0b;--warning-light:#451a03;--danger:#ef4444;--danger-light:#450a0a;--shadow:0 1px 3px #0006;--shadow-lg:0 10px 30px #00000080;--sidebar-bg:#14171d;--sidebar-text:#9aa0ab;--sidebar-active:#3b82f6}*{box-sizing:border-box}#root,body,html{height:100%}html{scrollbar-color:#e5e7eb #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}html::-webkit-scrollbar{height:6px;width:6px}html::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border);border-radius:3px}html::-webkit-scrollbar-track{background:#0000}body{-webkit-font-smoothing:antialiased;background:#f3f4f6;background:var(--bg);color:#111827;color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;margin:0}h1,h2,h3,h4{font-weight:600;margin:0}a{color:#2563eb;color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.app-shell{display:flex;min-height:100vh;width:100%}.app-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.app-content{flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.mobile-only{display:none!important}.desktop-only{display:block}@media (max-width:1024px){.mobile-only{display:inline-flex!important}.desktop-only{display:none}.app-content{padding:16px}}.sidebar{background:#111827;background:var(--sidebar-bg);border-right:1px solid #ffffff0f;color:#d1d5db;color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin;top:0;transition:width .2s ease;width:240px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;padding:20px 16px}.sidebar-logo-mark{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.sidebar-logo-text{color:#fff;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:12px 8px}.sidebar-link{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#d1d5db;color:var(--sidebar-text);display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;transition:background .15s,color .15s;white-space:nowrap}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link.active{background:#2563eb;background:var(--sidebar-active);color:#fff}.sidebar-icon{flex-shrink:0;font-size:18px;text-align:center;width:22px}.sidebar-label{overflow:hidden;text-overflow:ellipsis}.mobile-sidebar-overlay{background:#00000080;display:flex;inset:0;position:fixed;z-index:100}.mobile-sidebar-overlay .sidebar{height:100vh}.topbar{align-items:center;background:#111827;background:var(--sidebar-bg);border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-left,.topbar-right{align-items:center;display:flex;gap:8px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#d1d5db;color:var(--sidebar-text);display:inline-flex;font-size:17px;height:38px;justify-content:center;position:relative;transition:background .15s;width:38px}.icon-btn:hover{background:#ffffff14}.notif-badge{align-items:center;background:#dc2626;background:var(--danger);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:4px;top:4px}.topbar-notif-wrap,.topbar-user-wrap{position:relative}.topbar-dropdown{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.notif-dropdown{min-width:280px;padding:12px}.notif-dropdown h4{font-size:14px;margin:0 0 8px}.notif-empty{color:#6b7280;color:var(--text-muted);font-size:13px;margin:8px 0}.notif-item{align-items:flex-start;border-radius:6px;border-radius:var(--radius-sm);display:flex;font-size:13px;gap:10px;padding:8px}.notif-item:hover{background:#f9fafb;background:var(--surface-alt)}.notif-icon{color:#d97706;color:var(--warning);font-size:16px}.notif-item div{display:flex;flex-direction:column}.notif-item span{color:#6b7280;color:var(--text-muted);font-size:12px}.topbar-user{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#d1d5db;color:var(--sidebar-text);display:flex;gap:10px;padding:6px 10px}.topbar-user:hover{background:#ffffff14}.topbar-avatar{align-items:center;background:#dbeafe;background:var(--primary-light);border-radius:50%;color:#2563eb;color:var(--primary);display:flex;flex-shrink:0;font-weight:700;height:34px;justify-content:center;width:34px}.topbar-user-info{align-items:flex-start;color:#fff;display:flex;flex-direction:column;font-size:13px}.topbar-user-info span{color:#d1d5db;color:var(--sidebar-text);font-size:11px}@media (max-width:600px){.topbar-user-info{display:none}}.user-dropdown{display:flex;flex-direction:column}.user-dropdown button{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);display:block;font-size:13px;padding:10px 12px;text-align:left;width:100%}.user-dropdown button:hover{background:#f9fafb;background:var(--surface-alt)}.user-dropdown hr{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);margin:4px 0}.logout-btn{color:#dc2626!important;color:var(--danger)!important}.login-page{align-items:center;background:linear-gradient(135deg,#1e3a8a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:16px}.login-card{background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);max-width:420px;padding:36px;width:100%}.login-logo{margin-bottom:24px;text-align:center}.login-logo-mark{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;color:#fff;display:inline-flex;font-size:24px;height:56px;justify-content:center;margin-bottom:12px;width:56px}.login-logo h1{font-size:20px;margin-bottom:4px}.login-logo p{color:#6b7280;color:var(--text-muted);font-size:13px;margin:0}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{background:#fee2e2;background:var(--danger-light);border-radius:6px;border-radius:var(--radius-sm);color:#dc2626;color:var(--danger);font-size:13px;padding:10px 12px}.login-submit{font-size:14px;margin-top:4px;padding:12px;width:100%}.page{display:flex;flex-direction:column;gap:16px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.page-header h1{font-size:22px;margin-bottom:4px}.page-header p{color:#6b7280;color:var(--text-muted);font-size:13px;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:8px}.dashboard-page{display:flex;flex-direction:column;gap:16px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.stat-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;padding:16px 18px}.stat-card-warning{border-left:3px solid #d97706;border-left:3px solid var(--warning)}.stat-card-danger{border-left:3px solid #dc2626;border-left:3px solid var(--danger)}.stat-label{color:#6b7280;color:var(--text-muted);font-size:12px;font-weight:500}.stat-value{font-size:22px;font-weight:700}.stat-meta{color:#6b7280;color:var(--text-muted);font-size:12px}.stat-positive{color:#16a34a;color:var(--success)}.stat-negative{color:#dc2626;color:var(--danger)}.card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow);padding:18px}.card h3{font-size:15px;margin-bottom:14px}.chart-card{min-height:320px}.table-wrap{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow);overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table th{color:#6b7280;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.02em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:12px 14px}.data-table td{vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f9fafb;background:var(--surface-alt)}.mono{font-family:SF Mono,Consolas,Menlo,monospace}.mono,.price-old{color:#6b7280;color:var(--text-muted);font-size:12px}.price-old{text-decoration:line-through}.price-new{color:#16a34a;color:var(--success);font-weight:600}.filters-row{display:flex;flex-wrap:wrap;gap:10px}.filter-search{flex:1 1;min-width:200px}.filter-search,.filter-select{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);padding:10px 14px}.filter-select{min-width:160px}.filter-search:focus,.filter-select:focus,input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.tabs-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;padding-bottom:0}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#6b7280;color:var(--text-muted);font-size:13px;font-weight:500;margin-bottom:-1px;padding:8px 16px}.tab-btn:hover{background:#f9fafb;background:var(--surface-alt);color:#111827;color:var(--text)}.tab-btn.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary);color:#2563eb;color:var(--primary);font-weight:600}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#111827;color:var(--text);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);padding:10px 12px;width:100%}.form-group input:disabled,.form-group select:disabled{background:#f9fafb;background:var(--surface-alt);color:#6b7280;color:var(--text-muted)}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.form-span-2{grid-column:span 2}@media (max-width:520px){.form-grid{grid-template-columns:1fr}.form-span-2{grid-column:span 1}}.checkbox-group label{align-items:center;display:flex;font-size:13px;font-weight:400;gap:8px}.checkbox-group input[type=checkbox]{width:auto}.inline-form{display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 18px;transition:background .15s,opacity .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#2563eb;background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover)}.btn-secondary{background:#f9fafb;background:var(--surface-alt);border:1px solid #e5e7eb;border:1px solid var(--border);color:#111827;color:var(--text)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--border)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{font-size:12px;padding:0 12px}.btn-sm,.icon-btn-sm{align-items:center;display:inline-flex;height:30px;justify-content:center}.icon-btn-sm{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);flex-shrink:0;font-size:13px;width:30px}.icon-btn-sm:hover{background:#f9fafb;background:var(--surface-alt)}.icon-danger{color:#dc2626;color:var(--danger)}.icon-danger:hover{background:#fee2e2;background:var(--danger-light)}.badge{align-items:center;background:#f9fafb;background:var(--surface-alt);border-radius:20px;color:#6b7280;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px}.badge-success{background:#dcfce7;background:var(--success-light);color:#16a34a;color:var(--success)}.badge-warning{background:#fef3c7;background:var(--warning-light);color:#d97706;color:var(--warning)}.badge-danger{background:#fee2e2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.modal{background:#fff;background:var(--surface);border-radius:10px;border-radius:var(--radius);box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:480px;overflow-y:auto;padding:20px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-header h3{font-size:16px}.modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-muted);display:flex;font-size:22px;height:32px;justify-content:center;line-height:1;width:32px}.modal-close:hover{background:#f9fafb;background:var(--surface-alt)}.modal-body{display:flex;flex-direction:column}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.confirm-modal h3{margin-bottom:8px}.confirm-modal p{font-size:14px;margin:0}.confirm-modal p,.empty-state{color:#6b7280;color:var(--text-muted)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{font-size:36px;margin-bottom:4px;opacity:.6}.empty-state-title{color:#111827;color:var(--text);font-size:15px;font-weight:600;margin:0}.empty-state-desc{font-size:13px;max-width:320px}.empty-state-action{margin-top:8px}.category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.category-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;gap:12px;padding:14px 16px}.category-card-icon{align-items:center;background:#dbeafe;background:var(--primary-light);border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--primary);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.category-card-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.category-card-info span{color:#6b7280;color:var(--text-muted);font-size:12px}.sale-detail{display:flex;flex-direction:column;gap:14px}.sale-detail-meta{grid-gap:8px;display:grid;font-size:13px;gap:8px;grid-template-columns:repeat(2,1fr)}.sale-detail-meta div{display:flex;flex-direction:column;gap:2px}.sale-detail-meta span{color:#6b7280;color:var(--text-muted);font-size:11px}.sale-detail-totals{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;flex-direction:column;font-size:13px;gap:6px;padding-top:8px}.sale-detail-totals>div{display:flex;justify-content:space-between}.sale-detail-final{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);font-size:15px;font-weight:700;padding-top:6px}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:500}.toast{align-items:center;animation:toast-in .2s ease;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);color:#111827;color:var(--text);display:flex;font-size:13px;gap:10px;min-width:220px;padding:12px 16px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.toast-success .toast-icon{background:#dcfce7;background:var(--success-light);color:#16a34a;color:var(--success)}.toast-error .toast-icon{background:#fee2e2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.toast-info .toast-icon{background:#dbeafe;background:var(--primary-light);color:#2563eb;color:var(--primary)}.pos-terminal{display:flex;flex-direction:column;height:calc(100vh - 64px)}.pos-layout{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 380px;min-height:0}@media (max-width:1024px){.pos-layout{grid-template-columns:1fr}}.pos-products-panel{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding-right:4px}.pos-search-row{display:flex;flex-wrap:wrap;gap:10px}.pos-barcode-form{flex:1 1;min-width:180px}.pos-barcode-input,.pos-search-input{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:14px;padding:12px 14px;width:100%}.pos-search-input{flex:1.4 1;min-width:200px}.pos-categories{display:flex;flex-wrap:wrap;gap:8px}.pos-cat-chip{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px;color:#6b7280;color:var(--text-muted);font-size:13px;font-weight:500;padding:8px 16px;white-space:nowrap}.pos-cat-chip:hover{background:#f9fafb;background:var(--surface-alt)}.pos-cat-chip.active{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.pos-product-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pos-product-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px;position:relative;text-align:left;transition:transform .1s,box-shadow .1s}.pos-product-actions{display:flex;gap:4px;position:absolute;right:6px;top:6px;z-index:5}.pos-product-action-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow);color:#111827;color:var(--text);display:flex;font-size:11px;height:24px;justify-content:center;width:24px}.pos-product-action-btn:hover{background:#f9fafb;background:var(--surface-alt)}.pos-product-action-danger{color:#dc2626;color:var(--danger)}.pos-product-action-danger:hover{background:#fee2e2;background:var(--danger-light)}.pos-product-card:hover:not(:disabled){border-color:#2563eb;border-color:var(--primary);box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pos-product-card.out-of-stock{cursor:not-allowed;opacity:.5}.pos-product-image{align-items:center;background:#f9fafb;background:var(--surface-alt);border-radius:6px;border-radius:var(--radius-sm);display:flex;height:64px;justify-content:center;position:relative;width:100%}.pos-product-placeholder{color:#6b7280;color:var(--text-muted);font-size:26px;font-weight:700}.pos-stock-badge{background:#d97706;background:var(--warning);bottom:4px;right:4px}.pos-discount-badge,.pos-stock-badge{border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute}.pos-discount-badge{background:#16a34a;background:var(--success);left:4px;top:4px}.pos-product-info{display:flex;flex-direction:column;gap:4px}.pos-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.pos-product-price-row{display:flex;flex-direction:column;gap:2px}.pos-cart-panel{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;padding:16px}.pos-cart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pos-cart-header h2{font-size:16px}.pos-clear-btn{background:none;border:none;color:#dc2626;color:var(--danger);font-size:12px;font-weight:600}.pos-customer-section{margin-bottom:10px;position:relative}.pos-customer-search-wrap{position:relative}.pos-customer-input{color:#111827;color:var(--text);padding:10px 12px;width:100%}.pos-customer-dropdown,.pos-customer-input{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm)}.pos-customer-dropdown{box-shadow:0 10px 30px #0000001f;box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.pos-customer-dropdown button{background:none;border:none;color:#111827;color:var(--text);display:flex;flex-direction:column;font-size:13px;padding:8px 12px;text-align:left;width:100%}.pos-customer-dropdown button:hover{background:#f9fafb;background:var(--surface-alt)}.pos-customer-dropdown button span{color:#6b7280;color:var(--text-muted);font-size:11px}.pos-customer-selected{align-items:center;background:#dbeafe;background:var(--primary-light);border-radius:6px;border-radius:var(--radius-sm);display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.pos-customer-selected div{display:flex;flex-direction:column;gap:2px}.pos-customer-debt,.pos-customer-phone{color:#6b7280;color:var(--text-muted);font-size:11px}.pos-customer-debt{color:#d97706;color:var(--warning)}.pos-customer-selected button{background:none;border:none;color:#2563eb;color:var(--primary);font-size:12px;font-weight:600}.pos-cart-items{flex:1 1;gap:8px;min-height:80px;overflow-y:auto}.pos-cart-item,.pos-cart-items{display:flex;flex-direction:column}.pos-cart-item{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);gap:6px;padding:8px 10px}.pos-cart-item-main{align-items:center;display:flex;justify-content:space-between}.pos-cart-item-name{font-size:13px;font-weight:600}.pos-cart-item-remove{align-items:center;background:none;border:none;border-radius:50%;color:#dc2626;color:var(--danger);display:flex;font-size:16px;height:22px;justify-content:center;width:22px}.pos-cart-item-remove:hover{background:#fee2e2;background:var(--danger-light)}.pos-cart-item-controls{align-items:center;display:flex;gap:8px;justify-content:space-between}.pos-qty-control{align-items:center;display:flex;gap:4px}.pos-qty-control button{background:#f9fafb;background:var(--surface-alt);font-size:14px;font-weight:700;height:26px;width:26px}.pos-qty-control button,.pos-qty-control input{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text)}.pos-qty-control input{background:#fff;background:var(--surface);font-size:13px;padding:4px;text-align:center;width:44px}.pos-unit-label{color:#6b7280;color:var(--text-muted);font-size:11px}.pos-price-control{align-items:flex-end;display:flex;flex-direction:column}.pos-price-control input{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:13px;padding:4px 6px;text-align:right;width:90px}.pos-price-original{color:#6b7280;color:var(--text-muted);font-size:10px;text-decoration:line-through}.pos-cart-item-total{font-size:13px;font-weight:700;text-align:right}.pos-discount-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px}.pos-discount-row{display:flex;gap:8px}.pos-discount-type{flex:1 1}.pos-discount-type,.pos-discount-value{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:13px;padding:8px 10px}.pos-discount-value{width:100px}.pos-coupon-row{display:flex;gap:8px}.pos-coupon-input{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);flex:1 1;font-size:13px;padding:8px 10px;text-transform:uppercase}.pos-coupon-apply-btn{background:#dbeafe;background:var(--primary-light);border:1px solid #2563eb;border:1px solid var(--primary);color:#2563eb;color:var(--primary);padding:8px 14px}.pos-coupon-applied,.pos-coupon-apply-btn{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.pos-coupon-applied{align-items:center;background:#dcfce7;background:var(--success-light);color:#16a34a;color:var(--success);display:flex;justify-content:space-between;padding:8px 10px;width:100%}.pos-coupon-applied button{background:none;border:none;color:#16a34a;color:var(--success);font-size:11px;text-decoration:underline}.pos-coupon-error{color:#dc2626;color:var(--danger);font-size:12px}.pos-totals{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px}.pos-totals-row{display:flex;font-size:13px;justify-content:space-between}.pos-totals-discount{color:#16a34a;color:var(--success)}.pos-totals-final{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);font-size:17px;font-weight:700;padding-top:6px}.pos-pay-btn{background:#2563eb;background:var(--primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:15px;font-weight:700;margin-top:12px;padding:14px}.pos-pay-btn:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover)}.pos-pay-btn:disabled{opacity:.5}.pos-payment-modal{max-width:420px}.pos-payment-total{align-items:center;background:#f9fafb;background:var(--surface-alt);border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:14px;padding:12px 16px}.pos-payment-total strong{font-size:18px}.pos-payment-methods{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.pos-payment-method-btn{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:12px;font-weight:600;padding:10px}.pos-payment-method-btn.active{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.pos-payment-amount-section{display:flex;flex-direction:column;gap:8px}.pos-payment-amount-section label{font-size:13px;font-weight:500}.pos-payment-amount-input{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:18px;font-weight:700;padding:12px;text-align:right;width:100%}.pos-quick-amounts{display:flex;flex-wrap:wrap;gap:6px}.pos-quick-amounts button{background:#f9fafb;background:var(--surface-alt);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:12px;padding:6px 10px}.pos-change-row{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;font-size:14px;justify-content:space-between;margin-top:6px;padding:10px 0}.pos-change-row strong{color:#16a34a;color:var(--success);font-size:17px}.pos-negative{color:#dc2626!important;color:var(--danger)!important}.pos-mixed-section{display:flex;flex-direction:column;gap:10px}.pos-mixed-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.pos-mixed-row label{font-size:13px;font-weight:500;width:70px}.pos-mixed-row input{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);flex:1 1;padding:8px 10px;text-align:right}.pos-warning-text{color:#d97706;color:var(--warning);font-size:12px;margin:0}.pos-info-text{color:#16a34a;color:var(--success);font-size:12px;font-weight:600;margin:0}.pos-receipt-modal{max-width:380px}.pos-receipt{font-family:SF Mono,Consolas,Menlo,monospace;font-size:12px}.pos-receipt h3{font-size:15px;margin-bottom:4px;text-align:center}.pos-receipt-address{color:#6b7280;color:var(--text-muted);font-size:11px;margin:0 0 10px;text-align:center}.pos-receipt-meta{font-size:11px;gap:2px}.pos-receipt-items,.pos-receipt-meta{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--border);display:flex;flex-direction:column;margin-bottom:8px;padding-bottom:8px}.pos-receipt-items{gap:4px}.pos-receipt-item{display:flex;gap:8px;justify-content:space-between}.pos-receipt-totals{display:flex;flex-direction:column;gap:4px}.pos-receipt-totals>div{display:flex;justify-content:space-between}.pos-receipt-total-final{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--border);font-size:14px;font-weight:700;margin-top:2px;padding-top:6px}.pos-receipt-footer{color:#6b7280;color:var(--text-muted);font-size:11px;margin-top:12px;text-align:center}@media print{body *{visibility:hidden}.pos-receipt,.pos-receipt *{visibility:visible}.pos-receipt{left:0;padding:16px;position:absolute;top:0;width:100%}.modal,.modal-overlay{background:#fff!important;box-shadow:none!important;inset:auto!important;margin:0!important;max-height:none!important;max-width:100%!important;overflow:visible!important;padding:0!important;position:static!important}}.pos-receipt-qr{align-items:center;border-top:1px dashed #ccc;display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px}.pos-receipt-qr svg{display:block}.pos-receipt-qr-label{color:#555;font-size:10px;text-align:center}@media print{.pos-receipt-qr{margin-top:10px}.pos-receipt-qr svg{height:90px!important;width:90px!important}}
/*# sourceMappingURL=main.0f41c18a.css.map*/