*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1d4ed8;--primary-h: #1e40af;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--bg: #f1f5f9;--card: #ffffff;--border: #e2e8f0;--text: #1e293b;--muted: #64748b;--radius: .5rem;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}body{min-height:100vh}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.text-muted{color:var(--muted)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s,opacity .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-h)}.btn-secondary{background:#e2e8f0;color:var(--text)}.btn-secondary:hover:not(:disabled){background:#cbd5e1}.btn-warning{background:var(--warning);color:#fff}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:#f1f5f9}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.btn-lg{padding:.75rem 1.25rem;font-size:1rem}.btn-full{width:100%}.btn-icon{background:none;border:none;cursor:pointer;color:inherit;padding:.15rem .3rem;font-size:.9rem}.alert{padding:.6rem .9rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:.75rem}.alert-error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.alert-warning{background:#fffbeb;color:var(--warning);border:1px solid #fde68a}.alert-success{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.form-group label{font-weight:600;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],select,textarea{width:100%;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:#fff;transition:border-color .15s;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f}textarea{resize:vertical}.input-row{display:flex;gap:.4rem;align-items:center}.input-row input{flex:1}.input-sm{padding:.3rem .4rem;width:100%}.input-qty{max-width:70px}.hint{font-size:.78rem;margin-top:.2rem;display:block}.radio-group{display:flex;gap:1rem}.radio-group label{display:flex;align-items:center;gap:.3rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text);font-size:.875rem}.checkbox-group label{display:flex;align-items:center;gap:.4rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text);font-size:.875rem}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1rem}.login-card{background:var(--card);border-radius:var(--radius);padding:2rem;width:100%;max-width:420px;box-shadow:0 4px 24px #00000014}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h1{font-size:1.5rem;color:var(--primary)}.login-header p{color:var(--muted);font-size:.875rem;margin-top:.25rem}.pos-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.pos-header{display:flex;align-items:center;gap:.75rem;background:var(--primary);color:#fff;padding:.6rem 1rem;flex-shrink:0}.pos-brand{font-weight:700;font-size:1rem;flex:0 0 auto}.pos-status{display:flex;align-items:center;gap:.3rem;font-size:.8rem}.status-dot{width:9px;height:9px;border-radius:50%;animation:pulse 2s infinite}.status-dot.online{background:#4ade80}.status-dot.offline{background:#f87171;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pos-user{margin-left:auto;font-size:.85rem;opacity:.9}.pos-header .btn-ghost{color:#ffffffd9}.pos-header .btn-ghost:hover:not(:disabled){background:#ffffff26}.pos-header .btn-warning{margin-left:.5rem}.pos-body{display:grid;grid-template-columns:1fr 340px;flex:1;overflow:hidden;gap:0}.pos-cart-section{padding:1rem;display:flex;flex-direction:column;gap:0;overflow-y:auto;background:var(--bg)}.cart-table-wrap{flex:1;overflow-y:auto;margin-top:.5rem}.cart-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #0000000f}.cart-table th,.cart-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid var(--border)}.cart-table th{background:#f8fafc;font-size:.75rem;text-transform:uppercase;color:var(--muted)}.cart-table tr:last-child td{border-bottom:none}.cart-table tr:hover td{background:#f8fafc}.empty-cart{text-align:center;color:var(--muted);padding:2rem 1rem;background:var(--card);border-radius:var(--radius);border:2px dashed var(--border);margin-top:.5rem}.pos-summary-section{background:var(--card);border-left:1px solid var(--border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column}.summary-box{background:#f8fafc;border-radius:var(--radius);padding:.75rem;margin-bottom:.9rem;border:1px solid var(--border)}.row-between{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0}.total-row{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.4rem;font-size:1rem}.coupon-applied{display:flex;align-items:center;justify-content:space-between;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius);padding:.4rem .7rem;font-size:.875rem;color:var(--success)}.product-search{position:relative}.dropdown-list{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 4px 12px #0000001a;max-height:240px;overflow-y:auto;list-style:none}.dropdown-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer;font-size:.875rem;border-bottom:1px solid var(--border)}.dropdown-list li:last-child{border-bottom:none}.dropdown-list li:hover{background:#f1f5f9}.product-price{color:var(--primary);font-weight:600;font-size:.8rem}.customer-search{display:flex;flex-direction:column;gap:.2rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-box{background:#fff;border-radius:var(--radius);max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.receipt-body{padding:1.5rem}.receipt-header{text-align:center;margin-bottom:1rem}.receipt-header h2{font-size:1.25rem;color:var(--primary)}.receipt-no{font-weight:700;font-size:1rem;margin-top:.4rem}.receipt-date{font-size:.8rem;color:var(--muted)}.receipt-customer{font-size:.85rem;margin-bottom:.75rem;color:var(--muted)}.receipt-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:.75rem}.receipt-table th,.receipt-table td{padding:.35rem .4rem;text-align:left;border-bottom:1px solid var(--border)}.receipt-table th{font-weight:600}.receipt-summary{border-top:1px solid var(--border);padding-top:.5rem}.receipt-footer{text-align:center;font-size:.78rem;color:var(--muted);margin-top:1rem}.receipt-actions{display:flex;gap:.5rem;padding:0 1.5rem 1.5rem}.receipt-actions .btn{flex:1}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--muted)}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media print{.no-print{display:none!important}.modal-overlay{position:static;background:none}.modal-box{box-shadow:none;max-height:none}}@media (max-width: 768px){.pos-body{grid-template-columns:1fr;grid-template-rows:1fr auto;overflow:auto}.pos-summary-section{border-left:none;border-top:1px solid var(--border);max-height:none}.pos-cart-section{overflow:visible}}.dropdown-item-main{display:flex;flex-direction:column;gap:2px;flex:1}.product-variation{font-size:.75rem;color:var(--text-muted, #6b7280)}.product-serial{font-size:.72rem;color:var(--text-muted, #6b7280);font-family:monospace}.dropdown-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.product-qty{font-size:.72rem;color:var(--text-muted, #6b7280)}.dropdown-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 10px}.item-variation{font-size:.75rem;color:var(--text-muted, #6b7280);margin-top:2px}.item-serial{font-size:.72rem;color:var(--text-muted, #6b7280);font-family:monospace;margin-top:1px}.customer-found{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:600;font-size:.9rem}.customer-mobile{font-size:.8rem;color:var(--text-muted, #6b7280);font-family:monospace}.badge-offline{font-size:.7rem;padding:1px 6px;border-radius:999px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:10px;width:min(420px,92vw);box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column}.modal-header{padding:16px 20px 10px;border-bottom:1px solid var(--border, #e5e7eb)}.modal-header h3{margin:0 0 4px;font-size:1.05rem}.modal-header p{margin:0;font-size:.85rem}.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.modal-footer{padding:12px 20px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border, #e5e7eb)}.payment-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.payment-label-row label{margin:0;font-weight:500}.payment-rows{display:flex;flex-direction:column;gap:6px}.payment-row{display:flex;gap:6px;align-items:center}.payment-row select{flex:1;min-width:0}.payment-row input[type=number]{width:90px;flex-shrink:0}.payment-entry-row{display:flex;gap:6px;align-items:center;margin-bottom:8px}.payment-entry-row select{flex:1;min-width:0}.payment-entry-row input[type=number]{width:90px;flex-shrink:0}.payment-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:6px}.payment-table th,.payment-table td{border:1px solid var(--border, #e5e7eb);padding:4px 8px;text-align:left}.payment-table th{background:var(--bg-alt, #f3f4f6);font-weight:600}.payment-table td:last-child{width:28px;text-align:center}.search-label-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.search-label-row label{margin:0}.outlet-badge{font-size:.75rem;font-weight:600;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:1px 8px;white-space:nowrap}.search-flash{margin-top:5px;font-size:.8rem;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:5px;padding:4px 8px;animation:flash-fade 2s forwards}.flash-variation{color:#6b7280}@keyframes flash-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}