*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #2563eb;--primary-h: #1d4ed8;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--bg: #f6f9ff;--bg-alt: #eaf1ff;--card: #ffffff;--card-alt: #f8fbff;--border: #d6e2ff;--text: #0a0a0a;--muted: #525252;--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:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#dee9ff}.btn-warning{background:var(--warning);color:#fff}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--bg-alt)}.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,.alert-warning,.alert-success{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.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:var(--card);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 #2563eb33}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 #0000001a}.login-header{text-align:center;margin-bottom:1.5rem}.app-logo{display:block;width:auto;object-fit:contain}.login-logo{max-height:56px;margin:0 auto .75rem}.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:#fff;color:var(--text);padding:.6rem 1rem;flex-shrink:0;border-bottom:1px solid var(--border)}.pos-brand{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;min-width:0}.pos-logo{max-height:28px}.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:var(--success)}.status-dot.offline{background:#a3a3a3;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:var(--muted)}.pos-header .btn-ghost:hover:not(:disabled){background:var(--bg-alt);color:var(--text)}.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:linear-gradient(180deg,#f8fbff 0%,var(--bg) 100%)}.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:var(--card-alt);font-size:.75rem;text-transform:uppercase;color:var(--muted)}.cart-table tr:last-child td{border-bottom:none}.cart-table tr:hover td{background:var(--bg-alt)}.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:linear-gradient(180deg,#f7fbff,#eef4ff);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}.summary-divider{border-top:1px dashed var(--border);margin:.45rem 0 .25rem}.coupon-applied{display:flex;align-items:center;justify-content:space-between;background:var(--card-alt);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .7rem;font-size:.875rem;color:var(--text)}.product-search{position:relative}.dropdown-list{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--card);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:var(--bg-alt)}.product-price{color:var(--text);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:var(--card);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(--text)}.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-name{font-weight:700}.product-variation{font-size:.8rem;font-weight:700;color:var(--text)}.product-serial{font-size:.72rem;color:var(--muted);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(--muted)}.dropdown-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 10px}.item-variation{font-size:.75rem;color:var(--muted);margin-top:2px}.item-serial{font-size:.72rem;color:var(--muted);font-family:monospace;margin-top:1px}.customer-found{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--card-alt);border:1px solid var(--border);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(--muted);font-family:monospace}.badge-offline{font-size:.7rem;padding:1px 6px;border-radius:999px;background:var(--bg-alt);color:var(--text);border:1px solid var(--border);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:var(--card);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:#1e3a8a;background:#e6eeff;border:1px solid var(--border);border-radius:12px;padding:1px 8px;white-space:nowrap}.search-flash{margin-top:5px;font-size:.8rem;color:var(--text);background:var(--card-alt);border:1px solid var(--border);border-radius:5px;padding:4px 8px;animation:flash-fade 2s forwards}.flash-variation{color:var(--muted)}@keyframes flash-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}