@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg: #000000;--bg-1: #0a0a0a;--bg-2: #111111;--bg-3: #1a1a1a;--bg-4: #222222;--border: #2a2a2a;--border-light: #333333;--green: #4a5d23;--green-light: #5c7a2e;--green-dark: #3a4a1c;--green-subtle: rgba(74, 93, 35, .15);--white: #ffffff;--gray-1: #e5e5e5;--gray-2: #a3a3a3;--gray-3: #737373;--gray-4: #525252;--gray-5: #404040;--orange: #d97706;--orange-subtle: rgba(217, 119, 6, .15);--red: #dc2626;--red-subtle: rgba(220, 38, 38, .15);--blue: #3b82f6;--blue-subtle: rgba(59, 130, 246, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--white);min-height:100vh;-webkit-font-smoothing:antialiased}input,button,select,textarea{font-family:inherit;outline:none;color:inherit}input,select,textarea{background:var(--bg-1);color:var(--text);border:1px solid var(--border)}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}button{cursor:pointer;border:none;background:none}.app{min-height:100vh;display:flex;flex-direction:column}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:400px;text-align:center}.login-logo{width:80px;height:80px;margin-bottom:24px;filter:brightness(0) invert(1)}.login-title{font-size:24px;font-weight:600;color:var(--white);margin-bottom:8px}.login-subtitle{font-size:14px;color:var(--gray-3);margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{display:block;font-size:12px;color:var(--gray-3);margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--white);font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:var(--green)}.form-group input::placeholder{color:var(--gray-4)}.form-hint{display:block;font-size:11px;color:var(--gray-4);margin-top:6px}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:var(--green);border-radius:8px;color:var(--white);font-size:14px;font-weight:500;margin-top:20px;transition:background .2s}.login-btn:hover:not(:disabled){background:var(--green-light)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn svg{width:18px;height:18px}.login-error{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:13px}.login-error svg{width:18px;height:18px;flex-shrink:0}.login-hint{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-2);border-radius:6px;font-size:11px;color:var(--gray-4);text-align:center;margin-top:8px}.form-group label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-3);margin-bottom:8px}.form-group label svg{width:14px;height:14px;color:var(--gray-4)}.index-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.index-logo{width:100px;height:100px;margin-bottom:24px;filter:brightness(0) invert(1)}.index-title{font-size:28px;font-weight:600;color:var(--white);margin-bottom:8px}.index-subtitle{font-size:14px;color:var(--gray-3);margin-bottom:48px}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px;margin-bottom:48px}.index-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 40px;background:transparent;border:1px solid var(--border);border-radius:12px;color:var(--white);transition:all .2s;min-width:160px}.index-btn:hover{border-color:var(--green);background:var(--green-subtle)}.index-btn svg{width:32px;height:32px;color:var(--green)}.index-btn span{font-size:14px;font-weight:500}.index-btn small{font-size:11px;color:var(--gray-4)}.index-btn{position:relative;overflow:visible}.index-btn.has-notification{border:2px solid #10b981!important}.whatsapp-index-btn.has-notification{border:2px solid #10b981!important;background:transparent}.whatsapp-index-btn.has-notification svg{color:var(--primary)}.whatsapp-index-btn.has-notification span{color:var(--white)}.index-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:10;border:2px solid #0a0a0a}.index-date{font-size:13px;color:var(--gray-3)}.screen-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.screen-header h2{font-size:18px;font-weight:600;flex:1}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--gray-2);transition:all .2s}.back-btn:hover{border-color:var(--green);color:var(--white)}.back-btn svg{width:18px;height:18px}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;margin:16px 24px}.search-bar svg{width:18px;height:18px;color:var(--gray-3);flex-shrink:0}.search-bar input{flex:1;background:none;border:none;color:var(--white);font-size:14px}.search-bar input::placeholder{color:var(--gray-4)}.search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--bg-4);border-radius:4px;color:var(--gray-3)}.search-clear:hover{background:var(--red);color:var(--white)}.search-clear svg{width:12px;height:12px}.search-count{font-size:11px;color:var(--gray-3);white-space:nowrap;padding:0 8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--gray-4);gap:12px}.empty-state svg{width:48px;height:48px;color:var(--green)}.auth-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--green-subtle);border:1px solid var(--green);border-radius:6px;font-size:11px;color:var(--green)}.auth-badge svg{width:14px;height:14px}.sale-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.sale-screen.credit-mode .cart-panel{border-left-color:var(--orange)}.credit-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--orange-subtle);border-bottom:1px solid var(--orange);font-size:12px;font-weight:500;color:var(--orange)}.credit-banner svg{width:16px;height:16px}.credit-select{color:var(--white)}.sale-content{flex:1;display:flex;overflow:hidden}.products-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.products-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:0 24px 24px;overflow-y:auto;align-content:start}.product-card{display:flex;flex-direction:column;padding:16px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;text-align:left;color:var(--white);position:relative;transition:all .2s}.product-card:hover:not(:disabled){border-color:var(--green);background:var(--bg-2)}.product-card.selected-card{border-color:var(--green);background:var(--green-subtle);box-shadow:0 0 0 1px var(--green)}.product-card:disabled,.product-card.out-of-stock{opacity:.4;cursor:not-allowed}.rx-badge{position:absolute;top:8px;right:8px;padding:3px 8px;background:var(--orange);border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase}.product-name{font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.3}.product-compound{font-size:11px;color:var(--gray-3);margin-bottom:6px}.product-location{display:inline-block;padding:3px 8px;background:var(--bg-3);border-radius:4px;font-size:10px;color:var(--gray-3);font-family:monospace;margin-bottom:12px}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-price{font-size:15px;font-weight:700;color:var(--green)}.product-stock{font-size:11px;color:var(--gray-3)}.product-stock.zero{color:var(--red)}.product-stock.low{color:var(--orange)}.cart-panel{width:360px;display:flex;flex-direction:column;background:var(--bg-1);border-left:2px solid var(--border)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.cart-header h3{font-size:16px;font-weight:600}.cart-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--green);border-radius:12px;font-size:12px;font-weight:600}.cart-customer{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.cart-customer:hover{background:var(--bg-2)}.customer-label{font-size:11px;color:var(--gray-4)}.customer-name{flex:1;font-size:13px;font-weight:500}.cart-customer svg{width:16px;height:16px;color:var(--gray-3)}.cart-items{flex:1;overflow-y:auto;padding:12px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-4);gap:12px}.cart-empty svg{width:40px;height:40px}.cart-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.item-info{flex:1;min-width:0}.item-name{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-lot{font-size:10px;color:var(--gray-4)}.item-controls{display:flex;align-items:center;gap:6px}.item-controls button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-3);border:1px solid var(--border);border-radius:4px;color:var(--white)}.item-controls button:hover{border-color:var(--green)}.item-controls button svg{width:12px;height:12px}.item-controls span{min-width:20px;text-align:center;font-size:13px;font-weight:600}.item-price{text-align:right}.unit-price{display:block;font-size:10px;color:var(--gray-4)}.item-total{display:block;font-size:13px;font-weight:600;color:var(--green)}.item-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--gray-4)}.item-remove:hover{color:var(--red)}.item-remove svg{width:16px;height:16px}.cart-totals{padding:16px 20px;border-top:1px solid var(--border)}.total-row{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-2);padding:4px 0}.total-row.total{font-size:18px;font-weight:700;color:var(--white);padding-top:12px;margin-top:8px;border-top:1px solid var(--border)}.total-row.total span:last-child{color:var(--green)}.pay-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 20px 20px;padding:14px;background:var(--green);border-radius:10px;color:var(--white);font-size:14px;font-weight:600;transition:background .2s}.pay-btn:hover:not(:disabled){background:var(--green-light)}.pay-btn:disabled{opacity:.4;cursor:not-allowed}.pay-btn.credit{background:var(--orange)}.pay-btn svg{width:18px;height:18px}.pay-btn small{font-size:11px;opacity:.7;margin-left:8px;padding:2px 6px;background:#0003;border-radius:4px}.payment-screen{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.payment-screen.credit-mode .payment-total .amount{color:var(--orange)}.payment-summary{padding:24px;border-right:1px solid var(--border);overflow-y:auto}.payment-summary h2{font-size:18px;font-weight:600;margin-bottom:24px;margin-left:48px}.payment-customer{padding:16px;background:var(--bg-2);border-radius:10px;margin-bottom:20px}.payment-customer .label{display:block;font-size:11px;color:var(--gray-4);margin-bottom:4px}.payment-customer .value{font-size:14px;font-weight:500}.credit-info{padding:16px;background:var(--orange-subtle);border:1px solid var(--orange);border-radius:10px;margin-bottom:20px}.credit-row{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-2);padding:4px 0}.credit-row.available{color:var(--green);font-weight:600;padding-top:8px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.payment-items{margin-bottom:20px}.payment-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--gray-2)}.payment-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--green-subtle);border:1px solid var(--green);border-radius:10px}.payment-total span:first-child{font-size:14px;font-weight:500}.payment-total .amount{font-size:24px;font-weight:700;color:var(--green)}.payment-methods{padding:24px;overflow-y:auto;background:var(--bg-1)}.payment-methods h3{font-size:16px;font-weight:600;margin-bottom:20px}.methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.method-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-2);border:2px solid var(--border);border-radius:12px;color:var(--gray-2);transition:all .2s}.method-btn:hover:not(.disabled){border-color:var(--green);background:var(--bg-3)}.method-btn.active{border-color:var(--green);background:var(--green-subtle);color:var(--white)}.method-btn.active svg{color:var(--green)}.method-btn.disabled{opacity:.4;cursor:not-allowed}.method-btn svg{width:24px;height:24px;color:var(--gray-3)}.method-btn span{font-size:13px;font-weight:500}.method-btn small{font-size:11px;color:var(--green)}.cash-input-section{padding:16px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;margin-bottom:20px}.cash-input-section label{display:block;font-size:12px;color:var(--gray-3);margin-bottom:8px}.cash-input-section input{width:100%;padding:14px;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;color:var(--white);font-size:24px;font-weight:600;text-align:center}.cash-input-section input:focus{border-color:var(--green)}.change-display{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:14px}.change-display span:last-child{font-size:18px;font-weight:700;color:var(--green)}.change-display.negative span:last-child{color:var(--red)}.wallet-warning{display:flex;align-items:center;gap:8px;padding:12px;background:var(--red-subtle);border-radius:8px;font-size:12px;color:var(--red);margin-bottom:20px}.wallet-warning svg{width:16px;height:16px}.wallet-payment-option{margin-top:16px;padding:16px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;transition:all .2s}.wallet-payment-option.active{background:var(--green-subtle);border-color:var(--green)}.wallet-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-switch{width:44px;height:24px;background:var(--bg-3);border-radius:12px;position:relative;transition:all .2s}.toggle-switch.on{background:var(--green)}.toggle-knob{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s}.toggle-switch.on .toggle-knob{left:22px}.wallet-toggle span{font-size:14px;font-weight:500}.wallet-available{margin-left:auto;font-size:13px;color:var(--green);font-weight:600}.wallet-breakdown{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.breakdown-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.breakdown-row .discount{color:var(--green);font-weight:600}.breakdown-row.remaining{font-weight:600;font-size:14px}.breakdown-row.success{color:var(--green);justify-content:center;font-weight:500}.wallet-full-payment{text-align:center;padding:40px 20px}.full-payment-icon{font-size:48px;margin-bottom:16px}.wallet-full-payment h3{font-size:18px;margin-bottom:8px;color:var(--green)}.wallet-full-payment p{font-size:13px;color:var(--gray-3)}.credit-confirmation{text-align:center;padding:32px;margin-bottom:20px}.credit-confirmation svg{width:48px;height:48px;color:var(--orange);margin-bottom:16px}.credit-confirmation p{font-size:14px;color:var(--gray-2)}.credit-confirmation strong{color:var(--white)}.new-balance{display:flex;justify-content:space-between;padding:16px;background:var(--orange-subtle);border:1px solid var(--orange);border-radius:10px;margin-top:20px}.new-balance .amount{font-size:18px;font-weight:700;color:var(--orange)}.complete-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:var(--green);border-radius:12px;color:var(--white);font-size:15px;font-weight:600;transition:background .2s}.complete-btn:hover:not(:disabled){background:var(--green-light)}.complete-btn:disabled{opacity:.4;cursor:not-allowed}.complete-btn svg{width:20px;height:20px}.complete-btn small{font-size:11px;opacity:.7;margin-left:8px}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px;text-align:left;font-size:10px;font-weight:600;color:var(--gray-4);text-transform:uppercase;background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0}.data-table td{padding:12px;font-size:13px;color:var(--gray-2);border-bottom:1px solid var(--border)}.data-table tr:hover{background:var(--bg-2)}.data-table tr.credit-row{background:var(--orange-subtle)}.data-table tr.out-of-stock{opacity:.4}.data-table tr.low-stock{background:var(--orange-subtle)}.time-col{font-family:monospace;color:var(--gray-3)}.total-col{font-weight:600;color:var(--green)}.method-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;background:var(--bg-3);color:var(--gray-2)}.method-tag.efectivo{background:var(--green-subtle);color:var(--green)}.method-tag.tarjeta{background:var(--blue-subtle);color:var(--blue)}.method-tag.transferencia{background:#a855f726;color:#a855f7}.method-tag.monedero{background:#eab30826;color:#eab308}.method-tag.crédito{background:var(--orange-subtle);color:var(--orange)}.product-cell .name{display:block;font-weight:500;color:var(--white)}.product-cell .compound{font-size:11px;color:var(--gray-4)}.location-col{font-family:monospace;color:var(--gray-3)}.stock-col{font-weight:600}.stock-col.zero{color:var(--red)}.stock-col.low{color:var(--orange)}.price-col{font-weight:600;color:var(--green)}.sales-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.sales-indicators{display:flex;gap:10px;padding:16px 24px;flex-wrap:wrap;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.indicator{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:1;min-width:140px}.indicator .ind-icon{font-size:20px}.indicator .ind-label{display:block;font-size:10px;color:var(--gray-4);text-transform:uppercase;letter-spacing:.3px}.indicator .ind-value{display:block;font-size:15px;font-weight:700}.indicator.total{background:var(--green-subtle);border-color:var(--primary)}.indicator.total .ind-value{color:var(--primary)}.indicator.credito .ind-value{color:var(--orange)}.sales-filters{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border)}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:12px;color:var(--gray-4)}.filter-group select{padding:6px 10px;font-size:13px;border:1px solid var(--border);border-radius:6px;background:var(--bg);cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--primary)}.filter-summary{margin-left:auto;font-size:12px;color:var(--gray-4)}.sales-summary{display:flex;gap:16px;padding:20px 24px;flex-wrap:wrap}.summary-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;flex:1;min-width:150px}.summary-card.total{background:var(--green-subtle);border-color:var(--green)}.summary-card.warning{background:var(--orange-subtle);border-color:var(--orange)}.summary-card svg{width:24px;height:24px;color:var(--green)}.summary-card.warning svg{color:var(--orange)}.summary-card .label{display:block;font-size:11px;color:var(--gray-3)}.summary-card .value{display:block;font-size:18px;font-weight:700}.sales-table-container{flex:1;overflow:auto;padding:0 24px 24px}.empty-row{text-align:center;color:var(--gray-4);padding:40px!important;font-style:italic}.sales-cancellations-summary{padding:16px 24px;background:var(--red-subtle, rgba(239, 68, 68, .1));border-top:1px solid var(--red, #ef4444)}.sales-cancellations-summary h4{margin:0 0 8px;font-size:14px;color:var(--red, #ef4444)}.cancel-summary-total{font-size:16px;font-weight:600}.stock-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.stock-shortcuts-bar{display:flex;gap:8px;padding:8px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.stock-shortcuts-bar button{padding:6px 14px;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.stock-shortcuts-bar button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.stock-shortcuts-bar button span{font-weight:600;background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:11px}.stock-shortcuts-bar button:hover span{background:#fff3}.current-branch-badge{background:var(--primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-left:auto}.stock-table-container{flex:1;overflow:auto;padding:0 24px 24px}.stock-table th.current-branch,.stock-table td.current-branch{background:#10b9811a;font-weight:600}.stock-table th.current-branch{background:#10b98133;color:var(--primary)}.stock-col.total{font-weight:700;background:var(--bg-secondary)}.clients-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.clients-list{flex:1;overflow-y:auto;padding:0 24px 24px;display:flex;flex-direction:column;gap:8px}.client-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;transition:all .2s}.client-card:hover{border-color:var(--green);background:var(--bg-2)}.client-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--green-subtle);border-radius:10px;font-size:14px;font-weight:600;color:var(--green)}.client-info{flex:1}.client-name{display:block;font-size:14px;font-weight:500}.client-rfc{display:block;font-size:11px;color:var(--gray-4)}.client-phone{display:block;font-size:11px;color:var(--gray-3)}.client-stats{text-align:right}.wallet-badge{display:block;font-size:12px;font-weight:600;color:var(--green)}.credit-badge{display:block;font-size:11px;color:var(--orange)}.client-card.clickable{cursor:pointer}.client-arrow{color:var(--gray-4);font-size:16px;transition:transform .2s}.client-card:hover .client-arrow{transform:translate(4px);color:var(--primary)}.client-detail-modal{width:550px;max-width:95vw;max-height:85vh;overflow-y:auto}.client-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.client-detail-avatar{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:14px;font-size:24px;font-weight:600}.client-detail-header h3{margin:0 0 4px;font-size:18px}.client-since{font-size:12px;color:var(--gray-4)}.client-detail-section{margin-bottom:20px}.client-detail-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--gray-3)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{background:var(--bg-secondary);padding:10px 12px;border-radius:8px}.detail-item.full{grid-column:1 / -1}.detail-item .label{display:block;font-size:11px;color:var(--gray-4);margin-bottom:4px}.detail-item .value{display:block;font-size:13px;font-weight:500}.detail-item .value.mono{font-family:SF Mono,monospace;letter-spacing:.5px}.detail-item .value.wallet{color:var(--primary);font-weight:600}.detail-item .value.credit{color:var(--orange);font-weight:600}.fiscal-section{background:var(--bg-1);padding:16px;border-radius:10px;border:1px solid var(--border)}.fiscal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fiscal-header h4{margin:0}.unlock-fiscal-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s}.unlock-fiscal-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.unlock-fiscal-btn svg{width:14px;height:14px}.fiscal-locked{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--gray-4);font-size:13px}.fiscal-locked svg{width:20px;height:20px}.no-fiscal{text-align:center;color:var(--gray-4);font-size:13px;padding:16px}.client-detail-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.client-detail-actions .modal-btn{flex:1}.client-detail-actions .modal-btn.secondary{background:var(--bg-secondary);color:var(--text)}.client-detail-actions .modal-btn.secondary:hover{background:var(--bg-2)}.cancellations-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.cancel-tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.cancel-tab{padding:12px 20px;font-size:13px;font-weight:500;color:var(--gray-3);border-bottom:2px solid transparent;transition:all .2s}.cancel-tab:hover{color:var(--text);background:var(--bg-1)}.cancel-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.cancel-filters{padding:16px 24px;background:var(--bg-1);border-bottom:1px solid var(--border)}.cancel-filters .filter-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cancel-filters .filter-row+.filter-row{margin-top:12px}.cancel-filters .filter-group{display:flex;align-items:center;gap:8px}.cancel-filters .filter-group label{font-size:12px;color:var(--gray-4);white-space:nowrap}.cancel-filters .filter-group input,.cancel-filters .filter-group select{padding:6px 10px;font-size:13px;border:1px solid var(--border);border-radius:6px;background:var(--bg-1);color:var(--text);width:120px}.cancel-filters .filter-group input[type=date]{width:140px;color-scheme:dark}.cancel-filters .filter-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.cancel-filters .filter-group input:focus,.cancel-filters .filter-group select:focus{outline:none;border-color:var(--primary)}.clear-filters-btn{padding:6px 12px;font-size:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--gray-3);cursor:pointer}.clear-filters-btn:hover{background:var(--bg-2)}.results-count{margin-left:auto;font-size:12px;color:var(--gray-4)}.cancellations-content{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.cancel-section{padding:16px 24px;overflow-y:auto;border-right:1px solid var(--border)}.cancel-section h3{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--gray-3)}.sales-to-cancel{display:flex;flex-direction:column;gap:6px}.cancel-sale-item{display:grid;grid-template-columns:auto 50px 1fr auto;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;text-align:left;color:var(--white);transition:all .15s}.cancel-sale-item:hover{border-color:var(--orange);background:#f59e0b14}.cancel-sale-item.selected{border-color:var(--red, #ef4444);background:#ef44441a}.sale-id-date{display:flex;flex-direction:column;gap:2px}.sale-id{font-weight:600;font-size:12px;color:var(--primary)}.sale-date{font-size:10px;color:var(--gray-4)}.sale-time{font-family:monospace;font-size:11px;color:var(--gray-4)}.sale-info{flex:1;min-width:0}.sale-customer{display:block;font-size:13px;font-weight:500}.sale-products{display:block;font-size:11px;color:var(--gray-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-total{font-size:14px;font-weight:600;color:var(--green)}.more-results{text-align:center;padding:12px;font-size:12px;color:var(--gray-4);font-style:italic}.cancel-action-panel{padding:16px 24px;overflow-y:auto;background:var(--bg-1)}.cancel-form,.return-form{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:16px}.selected-sale-detail h4{font-size:16px;margin:0 0 12px}.sale-detail-grid{display:grid;grid-template-columns:80px 1fr;gap:6px 12px;font-size:13px;margin-bottom:12px}.sale-detail-grid .total-amount{font-weight:700;color:var(--primary)}.sale-items-list{background:var(--bg-3);border-radius:6px;padding:8px;margin-bottom:16px}.sale-item-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0}.return-instruction{font-size:12px;color:var(--gray-4);margin:8px 0 16px}.return-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.return-item-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-3);border-radius:8px}.return-item-info{display:flex;flex-direction:column;gap:2px}.return-item-info .item-name{font-size:13px;font-weight:500}.return-item-info .item-price{font-size:11px;color:var(--gray-4)}.return-qty-control{display:flex;align-items:center;gap:12px}.return-qty-control .available{font-size:11px;color:var(--gray-4)}.qty-input-group{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden}.qty-input-group button{width:32px;height:32px;font-size:16px;background:transparent;color:var(--gray-3)}.qty-input-group button:hover{background:var(--bg-secondary);color:var(--primary)}.qty-input-group input{width:40px;text-align:center;border:none;background:transparent;font-size:13px;font-weight:600}.return-subtotal{font-size:13px;font-weight:600;color:var(--orange);min-width:60px;text-align:right}.return-total{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--orange-subtle, rgba(245, 158, 11, .1));border:1px solid var(--orange);border-radius:8px;margin-bottom:16px}.return-total span:first-child{font-weight:500}.return-total .amount{font-size:18px;font-weight:700;color:var(--orange)}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.cancel-form textarea,.return-form textarea{width:100%;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;resize:vertical}.cancel-form textarea:focus,.return-form textarea:focus{border-color:var(--primary);outline:none}.cancel-actions{display:flex;gap:10px;margin-top:16px}.cancel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;font-size:13px;font-weight:500;transition:all .15s}.cancel-btn.secondary{background:var(--bg-secondary);color:var(--gray-3)}.cancel-btn.secondary:hover{background:var(--bg-2)}.cancel-btn.danger{background:var(--red, #ef4444);color:#fff}.cancel-btn.danger:hover:not(:disabled){background:#dc2626}.cancel-btn.warning{background:var(--orange);color:#fff}.cancel-btn.warning:hover:not(:disabled){background:#d97706}.cancel-btn:disabled{opacity:.4;cursor:not-allowed}.cancel-btn svg{width:16px;height:16px}.cancelled-section{padding:16px 24px;overflow-y:auto;border-top:1px solid var(--border);grid-column:1 / -1;max-height:200px}.cancelled-section h3{font-size:14px;font-weight:600;margin-bottom:12px}.cancelled-list{display:flex;flex-direction:column;gap:8px}.cancelled-item{padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px}.cancelled-item.return{border-left:3px solid var(--orange)}.cancelled-item.cancel{border-left:3px solid var(--red, #ef4444)}.cancelled-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.cancelled-type{font-size:12px;font-weight:600}.cancelled-time{font-size:11px;color:var(--gray-4)}.cancelled-amount{margin-left:auto;font-size:14px;font-weight:600;color:var(--red, #ef4444)}.cancelled-ticket{display:block;font-size:12px;color:var(--gray-3)}.returned-items{display:block;font-size:11px;color:var(--orange);margin-top:4px}.cancelled-reason{display:block;font-size:11px;color:var(--gray-4);margin-top:4px;font-style:italic}.cashclose-screen{flex:1;overflow-y:auto}.shift-info{display:flex;gap:32px;padding:16px 24px;background:var(--bg-1);border-bottom:1px solid var(--border);flex-wrap:wrap}.shift-item{display:flex;flex-direction:column;gap:2px}.shift-item .label{font-size:10px;color:var(--gray-4);text-transform:uppercase}.shift-item .value{font-size:14px;font-weight:500}.cashclose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px}.cashclose-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px}.cashclose-card.total{grid-column:span 3;background:var(--green-subtle);border-color:var(--green)}.cashclose-card.warning{background:var(--orange-subtle);border-color:var(--orange)}.cashclose-card svg{width:24px;height:24px;color:var(--gray-3)}.cashclose-card.total svg{color:var(--green)}.cashclose-card.warning svg{color:var(--orange)}.cashclose-card .label{display:block;font-size:11px;color:var(--gray-4)}.cashclose-card .value{display:block;font-size:18px;font-weight:700}.cashclose-section{margin:0 24px 16px;padding:16px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px}.cashclose-section.warning{border-color:var(--red);background:var(--red-subtle)}.cashclose-section h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:12px}.cashclose-section h3 svg{width:18px;height:18px;color:var(--red)}.cancelled-summary{display:flex;flex-direction:column;gap:4px}.cancelled-row{display:flex;justify-content:space-between;font-size:12px;color:var(--gray-2);padding:4px 0}.cancelled-row .amount{color:var(--red)}.cancelled-total{display:flex;justify-content:space-between;font-size:13px;font-weight:600;padding-top:8px;margin-top:8px;border-top:1px solid var(--border)}.expected-calc{display:flex;flex-direction:column;gap:4px}.calc-row{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-2);padding:4px 0}.calc-row.negative span{color:var(--red)}.calc-row.total{font-size:16px;font-weight:700;color:var(--green);padding-top:12px;margin-top:8px;border-top:1px solid var(--border)}.cashclose-actions{display:flex;gap:12px;padding:0 24px 24px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--gray-2);font-size:13px;font-weight:500;transition:all .2s}.action-btn:hover{border-color:var(--green);color:var(--white)}.action-btn svg{width:18px;height:18px}.action-btn.secondary{background:var(--bg-1)}.action-btn.secondary:hover{background:var(--bg-2);border-color:var(--gray-3);color:var(--text)}.cashclose-content{flex:1;overflow-y:auto}.cashclose-section.warning-section{border-color:var(--orange);background:#f59e0b14}.cashclose-section.cancel-section{border-color:var(--red, #ef4444);background:#ef444414}.cashclose-section.cancel-section h3{color:var(--red, #ef4444)}.credit-sales-list{display:flex;flex-direction:column;gap:6px}.credit-sale-row{display:grid;grid-template-columns:60px 150px 1fr auto;gap:12px;font-size:12px;padding:8px 0;border-bottom:1px solid var(--border);align-items:center}.credit-time{color:var(--gray-4)}.credit-customer{font-weight:500}.credit-products{color:var(--gray-3);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-amount{font-weight:600;color:var(--orange)}.credit-total-row{display:flex;justify-content:space-between;font-weight:600;padding-top:10px;margin-top:6px;border-top:2px solid var(--orange);color:var(--orange)}.cancelled-row{display:grid;grid-template-columns:60px 120px 1fr auto;gap:12px;font-size:12px;color:var(--gray-2);padding:8px 0;border-bottom:1px solid var(--border);align-items:center}.cancel-time{color:var(--gray-4)}.cancel-customer{font-weight:500}.cancel-reason{color:var(--gray-3);font-size:11px}.cancel-amount{color:var(--red, #ef4444);font-weight:600}.others-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.others-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;max-width:500px}.others-btn{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;text-align:left;color:var(--white);transition:all .2s}.others-btn:hover{border-color:var(--green);background:var(--bg-2)}.others-btn svg{width:28px;height:28px;color:var(--green)}.others-btn span{font-size:14px;font-weight:600}.others-btn small{font-size:11px;color:var(--gray-4)}.branch-list{padding:24px;display:flex;flex-direction:column;gap:12px;max-width:500px}.branch-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;text-align:left;color:var(--white);transition:all .2s}.branch-card:hover{border-color:var(--green);background:var(--bg-2)}.branch-card.active{border-color:var(--green);background:var(--green-subtle)}.branch-card svg{width:24px;height:24px;color:var(--green)}.branch-info{flex:1}.branch-name{display:block;font-size:15px;font-weight:600}.branch-address{display:block;font-size:12px;color:var(--gray-3);margin-top:2px}.branch-phone{display:block;font-size:11px;color:var(--gray-4);margin-top:2px}.current-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--green);border-radius:6px;font-size:11px;font-weight:500}.current-badge svg{width:14px;height:14px;color:var(--white)}.wallet-content{flex:1;display:flex;gap:24px;padding:24px;overflow:hidden}.wallet-panel{flex:1;display:flex;flex-direction:column;padding:20px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.wallet-panel h3{font-size:14px;font-weight:600;margin-bottom:16px}.wallet-panel .customer-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.customer-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;text-align:left;color:var(--white);transition:all .2s}.customer-item:hover,.customer-item.selected{border-color:var(--green);background:var(--bg-3)}.customer-item .customer-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--green-subtle);border-radius:8px;font-size:12px;font-weight:600;color:var(--green)}.customer-item .customer-info{flex:1}.customer-item .name{display:block;font-size:13px;font-weight:500}.customer-item .balance{display:block;font-size:11px;color:var(--green)}.recharge-form{display:flex;flex-direction:column;gap:16px}.current-balance{display:flex;justify-content:space-between;padding:16px;background:var(--bg-2);border-radius:8px}.current-balance .amount{font-size:20px;font-weight:700;color:var(--green)}.recharge-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--green);border-radius:8px;color:var(--white);font-size:14px;font-weight:500}.recharge-btn:hover:not(:disabled){background:var(--green-light)}.recharge-btn:disabled{opacity:.4;cursor:not-allowed}.recharge-btn svg{width:18px;height:18px}.wallet-search{margin-bottom:12px}.wallet-search input{width:100%;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;color:var(--white);font-size:13px}.new-customer-btn{margin-top:12px;padding:12px;background:var(--bg-2);border:1px dashed var(--border);border-radius:8px;color:var(--gray-3);font-size:13px;transition:all .2s}.new-customer-btn:hover{border-color:var(--green);color:var(--green);background:var(--green-subtle)}.wallet-panel.operations{flex:1.5}.wallet-customer-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.wallet-customer-header h3{margin:0;font-size:18px}.wallet-customer-header p{margin:4px 0 0;font-size:12px;color:var(--gray-4)}.customer-avatar.large{width:56px;height:56px;font-size:20px;background:var(--green-subtle);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--green);font-weight:600}.wallet-balance-card{display:flex;flex-direction:column;align-items:center;padding:24px;background:linear-gradient(135deg,var(--green-subtle) 0%,var(--bg-2) 100%);border:1px solid var(--green);border-radius:12px;margin-bottom:20px}.wallet-balance-card .label{font-size:12px;color:var(--gray-3);margin-bottom:8px}.wallet-balance-card .balance-amount{font-size:32px;font-weight:700;color:var(--green)}.wallet-tabs{display:flex;gap:8px;margin-bottom:20px}.wallet-tabs button{flex:1;padding:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;color:var(--gray-3);font-size:13px;transition:all .2s}.wallet-tabs button.active{background:var(--green-subtle);border-color:var(--green);color:var(--green)}.quick-amounts{display:flex;gap:8px;margin-bottom:12px}.quick-amounts button{flex:1;padding:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;color:var(--gray-3);font-size:12px}.quick-amounts button:hover{border-color:var(--green);color:var(--green)}.wallet-history{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-2);border-radius:8px;font-size:12px}.history-item .date{color:var(--gray-4);width:80px}.history-item .desc{flex:1;color:var(--text)}.history-item.credit .amount{color:var(--green);font-weight:600}.history-item.debit .amount{color:var(--red);font-weight:600}.history-note{font-size:11px;color:var(--gray-4);text-align:center;margin-top:12px}.layaway-screen .screen-header{display:flex;align-items:center;gap:12px}.layaway-config{margin-left:auto;font-size:11px;color:var(--gray-4);background:var(--bg-2);padding:4px 10px;border-radius:4px}.layaway-content{flex:1;display:grid;grid-template-columns:1fr 1.5fr;overflow:hidden}.layaway-panel{padding:20px;overflow-y:auto}.layaway-panel h3{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--gray-3)}.layaway-panel.create-panel{background:var(--bg-1);border-right:1px solid var(--border)}.layaway-customer{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-2);border-radius:8px;margin-bottom:16px}.layaway-customer .label{font-size:12px;color:var(--gray-4)}.layaway-customer .value{font-weight:600}.layaway-customer .warning{margin-left:auto;font-size:11px;color:var(--orange)}.empty-cart-msg{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;color:var(--gray-4)}.empty-cart-msg svg{width:48px;height:48px;opacity:.5}.go-sale-btn{padding:10px 20px;background:var(--primary);border-radius:6px;color:#fff;font-size:13px}.layaway-cart-summary{background:var(--bg-2);border-radius:8px;padding:12px;margin-bottom:16px}.layaway-cart-summary h4{font-size:12px;color:var(--gray-4);margin-bottom:8px}.layaway-item{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid var(--border)}.layaway-item:last-of-type{border-bottom:none}.layaway-total{display:flex;justify-content:space-between;font-weight:700;font-size:15px;padding-top:8px;margin-top:8px;border-top:2px solid var(--border)}.deposit-input{margin-bottom:16px}.deposit-input label{display:block;font-size:12px;color:var(--gray-3);margin-bottom:6px}.deposit-input input{width:100%;padding:12px;font-size:18px;font-weight:600;text-align:center;background:var(--bg);border:2px solid var(--border);border-radius:8px}.deposit-input input:focus{border-color:var(--primary)}.deposit-preview{background:var(--bg-2);border-radius:8px;padding:12px;margin-bottom:16px}.preview-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.preview-row .green{color:var(--green);font-weight:600}.preview-row .orange{color:var(--orange);font-weight:600}.create-layaway-btn{width:100%;padding:14px;background:var(--primary);border-radius:8px;color:#fff;font-size:14px;font-weight:600}.create-layaway-btn:hover:not(:disabled){background:var(--primary-dark, #059669)}.create-layaway-btn:disabled{opacity:.4;cursor:not-allowed}.layaway-list{display:flex;flex-direction:column;gap:12px}.layaway-card{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;transition:all .15s}.layaway-card:hover{border-color:var(--primary)}.layaway-card.selected{border-color:var(--primary);background:#10b9810d}.layaway-card.urgent{border-left:3px solid var(--orange)}.layaway-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.layaway-id{font-weight:700;font-size:14px;color:var(--primary)}.days-badge{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--bg-2);color:var(--gray-3)}.days-badge.urgent{background:var(--orange);color:#fff}.layaway-customer-name{font-weight:600;font-size:14px;margin-bottom:4px}.layaway-items-preview{font-size:11px;color:var(--gray-4);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layaway-amounts{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.amount-row{display:flex;justify-content:space-between;font-size:12px}.amount-row .green{color:var(--green)}.amount-row .orange{color:var(--orange);font-weight:600}.amount-row.balance{padding-top:4px;border-top:1px dashed var(--border)}.layaway-dates{display:flex;justify-content:space-between;font-size:10px;color:var(--gray-4)}.layaway-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.layaway-actions .payment-input{margin-bottom:10px}.layaway-actions .payment-input label{display:block;font-size:11px;color:var(--gray-4);margin-bottom:4px}.layaway-actions .payment-input input{width:100%;padding:8px;font-size:14px;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:6px}.action-buttons{display:flex;gap:8px}.action-buttons button{flex:1;padding:10px;border-radius:6px;font-size:12px;font-weight:500}.complete-btn{background:var(--green);color:#fff}.complete-btn:hover{background:var(--green-light)}.cancel-layaway-btn{background:var(--bg-2);color:var(--red, #ef4444);border:1px solid var(--border)}.cancel-layaway-btn:hover{background:#ef44441a}.layaway-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.layaway-history h4{font-size:12px;color:var(--gray-4);margin-bottom:8px}.history-item{display:flex;justify-content:space-between;font-size:12px;padding:6px 0}.history-item.completed{color:var(--green)}.history-item.cancelled{color:var(--gray-4);text-decoration:line-through}.others-btn.layaway-btn{position:relative}.notification-badge{position:absolute;top:12px;right:12px;background:var(--orange);color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-badge.warning{background:var(--red, #ef4444)}.credit-screen .screen-header{display:flex;align-items:center;gap:16px}.credit-summary{margin-left:auto;font-size:13px;display:flex;align-items:center;gap:12px}.overdue-badge{background:var(--red, #ef4444);color:#fff;padding:3px 8px;border-radius:4px;font-size:11px}.credit-content{flex:1;display:grid;grid-template-columns:1fr 1.2fr 1fr;overflow:hidden}.credit-panel{padding:16px;overflow-y:auto;border-right:1px solid var(--border)}.credit-panel:last-child{border-right:none}.credit-panel h3{font-size:14px;font-weight:600;margin-bottom:16px}.credit-panel.create-panel{background:var(--bg-1)}.credit-customer-info{background:var(--bg-2);border-radius:8px;padding:12px;margin-bottom:16px}.customer-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.customer-row .value{font-weight:600}.customer-row.highlight{padding-top:8px;margin-top:8px;border-top:1px dashed var(--border)}.customer-row .green{color:var(--green)}.customer-row .red{color:var(--red, #ef4444)}.warning-msg{padding:8px;background:#f59e0b1a;border:1px solid var(--orange);border-radius:6px;font-size:12px;color:var(--orange);text-align:center}.credit-cart-summary{background:var(--bg-2);border-radius:8px;padding:12px;margin-bottom:16px}.credit-cart-summary h4{font-size:11px;color:var(--gray-4);margin-bottom:8px}.credit-item{display:flex;justify-content:space-between;font-size:12px;padding:4px 0}.credit-total{display:flex;justify-content:space-between;font-weight:700;font-size:14px;padding-top:8px;margin-top:8px;border-top:2px solid var(--border)}.create-credit-btn{width:100%;padding:12px;background:var(--primary);border-radius:8px;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.create-credit-btn:disabled{opacity:.4;cursor:not-allowed}.create-credit-btn svg{width:16px;height:16px}.auth-note{font-size:10px;color:var(--gray-4);text-align:center;margin-top:8px}.overdue-section,.pending-section{margin-bottom:16px}.overdue-section h4,.pending-section h4{font-size:12px;color:var(--gray-4);margin-bottom:8px}.overdue-section h4{color:var(--red, #ef4444)}.credit-card{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .15s}.credit-card:hover{border-color:var(--primary)}.credit-card.selected{border-color:var(--primary);background:#10b9810d}.credit-card.overdue{border-left:3px solid var(--red, #ef4444)}.credit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.credit-id{font-weight:700;font-size:13px;color:var(--primary)}.overdue-days{font-size:11px;background:var(--red, #ef4444);color:#fff;padding:2px 6px;border-radius:4px}.due-date{font-size:11px;color:var(--gray-4)}.credit-customer{font-weight:500;font-size:13px;margin-bottom:8px}.credit-amounts{display:flex;gap:12px;font-size:11px;color:var(--gray-4)}.credit-amounts .balance{color:var(--orange);font-weight:600}.credit-payment-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:8px}.credit-payment-form input{flex:1;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-size:13px}.credit-payment-form button{padding:8px 12px;background:var(--green);border-radius:6px;color:#fff;font-size:12px;white-space:nowrap}.notes-panel{background:var(--bg-1)}.notes-list{display:flex;flex-direction:column;gap:10px}.credit-note-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:12px}.note-header{display:flex;justify-content:space-between;margin-bottom:6px}.note-id{font-weight:700;font-size:13px;color:var(--orange)}.note-date{font-size:11px;color:var(--gray-4)}.note-customer{font-weight:500;font-size:13px;margin-bottom:4px}.note-items{font-size:11px;color:var(--gray-4);margin-bottom:6px}.note-items span{display:block}.note-amount{font-size:16px;font-weight:700;color:var(--green);margin-bottom:4px}.note-reason{font-size:11px;color:var(--gray-4);font-style:italic;margin-bottom:10px}.note-actions{display:flex;gap:8px}.note-actions button{flex:1;padding:8px;border-radius:6px;font-size:12px;background:var(--bg);border:1px solid var(--border)}.note-actions button:hover{background:var(--bg-secondary);border-color:var(--primary)}.notes-history{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.notes-history h4{font-size:11px;color:var(--gray-4);margin-bottom:8px}.note-history-item{display:flex;justify-content:space-between;font-size:11px;color:var(--gray-4);padding:4px 0}.others-btn.credit-btn{position:relative}.history-filters{padding:16px 24px;background:var(--bg-1);border-bottom:1px solid var(--border)}.filter-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item label{font-size:10px;color:var(--gray-4);text-transform:uppercase}.filter-item input,.filter-item select{padding:8px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;color:var(--white);font-size:13px}.filter-item input:focus,.filter-item select:focus{border-color:var(--green)}.filter-item select{min-width:120px}.clear-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;color:var(--gray-3);font-size:12px}.clear-btn:hover{border-color:var(--green);color:var(--white)}.clear-btn svg{width:14px;height:14px}.history-results{flex:1;overflow:auto;padding:16px 24px}.results-count{display:block;font-size:12px;color:var(--gray-4);margin-bottom:12px}.prescriptions-content{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.prescriptions-panel{padding:24px;overflow-y:auto}.prescriptions-panel:first-child{border-right:1px solid var(--border)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h3{font-size:14px;font-weight:600}.doctors-list{display:flex;flex-direction:column;gap:8px}.doctor-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}.doctor-card svg{width:20px;height:20px;color:var(--blue);margin-top:2px}.doctor-info{flex:1}.doctor-name{display:block;font-size:14px;font-weight:500}.doctor-specialty{display:block;font-size:12px;color:var(--blue);margin-top:2px}.doctor-cedula{display:block;font-size:11px;color:var(--gray-4);margin-top:4px}.prescriptions-list{display:flex;flex-direction:column;gap:8px}.prescription-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px}.prescription-card svg{width:18px;height:18px;color:var(--orange);margin-top:2px}.rx-info{flex:1}.rx-customer{display:block;font-size:13px;font-weight:500}.rx-products{display:block;font-size:11px;color:var(--orange);margin-top:2px}.rx-doctor{display:block;font-size:11px;color:var(--gray-4);margin-top:4px}.rx-time{font-size:10px;color:var(--gray-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{position:relative;background:var(--bg-1);border:1px solid var(--border);border-radius:16px;max-width:90vw;max-height:90vh;overflow:auto}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--gray-3);z-index:10}.modal-close:hover{background:var(--red);border-color:var(--red);color:var(--white)}.modal-close svg{width:16px;height:16px}.password-modal{width:360px;padding:32px;text-align:center}.modal-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:var(--orange-subtle);border-radius:50%}.modal-icon svg{width:32px;height:32px;color:var(--orange)}.password-modal h3{font-size:18px;font-weight:600;margin-bottom:8px}.password-modal p{font-size:13px;color:var(--gray-3);margin-bottom:20px}.password-modal input{width:100%;padding:16px;background:var(--bg-2);border:2px solid var(--border);border-radius:10px;color:var(--white);font-size:32px;font-weight:600;text-align:center;letter-spacing:8px;font-family:monospace}.password-modal input:focus{border-color:var(--green)}.password-modal input.error{border-color:var(--red);animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.error-msg{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;margin-top:12px;background:var(--red-subtle);border-radius:6px;font-size:12px;color:var(--red)}.error-msg svg{width:14px;height:14px}.modal-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--green);border-radius:10px;color:var(--white);font-size:14px;font-weight:600;margin-top:20px}.modal-btn:hover:not(:disabled){background:var(--green-light)}.modal-btn:disabled{opacity:.4;cursor:not-allowed}.modal-btn svg{width:18px;height:18px}.modal-btn.secondary{background:var(--bg-2);border:1px solid var(--border)}.modal-btn.secondary:hover{border-color:var(--green)}.cart-detail-modal{width:420px;padding:24px}.detail-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.detail-header h3{font-size:18px;font-weight:600;margin-bottom:4px}.detail-compound{font-size:13px;color:var(--gray-3)}.detail-body{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-2);border-radius:8px}.detail-row .label{font-size:13px;color:var(--gray-3)}.detail-row .value{font-size:14px;font-weight:500;color:var(--text)}.detail-row .location-badge{background:var(--green-subtle);color:var(--green);padding:4px 10px;border-radius:4px;font-family:monospace;font-weight:600}.detail-row.total{background:var(--green-subtle);border:1px solid var(--green)}.detail-row.total .value{color:var(--green);font-size:16px;font-weight:700}.detail-description{padding:16px;background:var(--bg-2);border-radius:8px;margin-bottom:20px}.detail-description .label{display:block;font-size:12px;color:var(--gray-3);margin-bottom:8px}.detail-description p{font-size:14px;line-height:1.5;color:var(--text);margin:0}.modal-btn.secondary{background:var(--bg-2);border:1px solid var(--border);color:var(--text)}.modal-btn.secondary:hover{background:var(--bg-3);border-color:var(--gray-4)}.item-info{cursor:pointer}.item-info:hover .item-name{color:var(--green)}.product-modal{width:480px;padding:24px}.product-header{margin-bottom:20px}.product-header h3{font-size:18px;font-weight:600;margin-bottom:4px}.product-header .compound{display:block;font-size:13px;color:var(--gray-3)}.rx-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin-top:8px;background:var(--orange-subtle);border:1px solid var(--orange);border-radius:6px;font-size:11px;color:var(--orange)}.rx-tag svg{width:14px;height:14px}.product-location{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-2);border-radius:8px;margin-bottom:16px}.product-location svg{width:18px;height:18px;color:var(--green)}.location-code{font-size:16px;font-weight:600;font-family:monospace}.lots-section{margin-bottom:16px;padding:12px;background:var(--bg-2);border-radius:8px}.lots-section h4{font-size:12px;font-weight:600;color:var(--gray-3);margin-bottom:12px}.no-lots{text-align:center;padding:20px;color:var(--gray-4)}.lots-list{display:flex;flex-direction:column;gap:6px}.lot-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-3);border:1px solid var(--border);border-radius:6px;text-align:left;color:var(--white);transition:all .2s}.lot-item:hover{border-color:var(--green)}.lot-item.selected{border-color:var(--green);background:var(--green-subtle)}.lot-item.kb-focused{border-color:var(--green);background:var(--green-subtle);box-shadow:0 0 0 2px var(--green),inset 0 0 0 1px var(--green);animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 0 2px var(--green),inset 0 0 0 1px var(--green)}50%{box-shadow:0 0 0 3px var(--green),inset 0 0 0 1px var(--green),0 0 12px #3a5f1c4d}}.section-active{outline:2px solid var(--green);outline-offset:2px;border-radius:8px}.kb-hint{font-size:10px;font-weight:400;color:var(--green);margin-left:8px;opacity:.8}.lot-info{flex:1}.lot-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.fefo-badge{padding:2px 6px;background:var(--green);border-radius:4px;font-size:9px;font-weight:600}.lot-exp{display:block;font-size:11px;color:var(--gray-4);margin-top:2px}.lot-qty{font-size:12px;color:var(--gray-3)}.lot-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--green);border-radius:4px}.lot-check svg{width:12px;height:12px}.qty-section{padding:12px;background:var(--bg-2);border-radius:8px;margin-bottom:16px}.qty-section h4{font-size:12px;font-weight:600;color:var(--gray-3);text-align:center;margin-bottom:12px}.qty-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.qty-controls button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--white)}.qty-controls button:hover{border-color:var(--green)}.qty-controls button svg{width:18px;height:18px}.qty-controls input{width:70px;height:44px;padding:0;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--white);font-size:20px;font-weight:600;text-align:center}.qty-controls input:focus{border-color:var(--green)}.price-tiers{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.price-tiers span{font-size:11px;color:var(--gray-4);padding:4px 10px;background:var(--bg-3);border-radius:4px}.price-tiers span.active{background:var(--green);color:var(--white)}.qty-total{text-align:center;font-size:14px;color:var(--gray-2)}.qty-total strong{font-size:18px;color:var(--green)}.customer-modal{width:440px;padding:24px}.customer-modal h3{font-size:18px;font-weight:600;margin-bottom:16px}.credit-notice{display:flex;align-items:center;gap:8px;padding:10px;background:var(--orange-subtle);border-radius:6px;font-size:12px;color:var(--orange);margin-bottom:16px}.credit-notice svg{width:16px;height:16px}.customer-modal .customer-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-top:16px}.customer-modal .customer-item .credit-info,.customer-modal .customer-item .wallet-info{text-align:right}.customer-modal .customer-item .available{display:block;font-size:10px;color:var(--gray-4)}.customer-modal .customer-item .amount{display:block;font-size:14px;font-weight:600;color:var(--green)}.customer-modal .customer-item .label{display:block;font-size:10px;color:var(--gray-4)}.customer-modal .customer-item .rfc{display:block;font-size:11px;color:var(--gray-4)}.customer-modal .customer-item .credit-badge{font-size:10px;color:var(--primary);background:var(--green-subtle);padding:4px 8px;border-radius:4px;margin-left:auto}.prescription-modal{width:480px;padding:24px}.prescription-modal h3{font-size:18px;font-weight:600;margin-bottom:16px}.rx-alert{display:flex;align-items:center;gap:8px;padding:12px;background:var(--orange-subtle);border:1px solid var(--orange);border-radius:8px;font-size:13px;color:var(--orange);margin-bottom:16px}.rx-alert svg{width:18px;height:18px}.rx-products{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.rx-product-tag{padding:6px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;font-size:12px}.rx-form{display:flex;flex-direction:column;gap:16px}.rx-form .form-group input{width:100%}.doctor-found{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--green-subtle);border:1px solid var(--green);border-radius:8px}.doctor-found svg{width:20px;height:20px;color:var(--green);flex-shrink:0}.doctor-found .name{display:block;font-size:14px;font-weight:500}.doctor-found .specialty{display:block;font-size:12px;color:var(--gray-3)}.new-doctor-form{padding:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px}.new-doctor-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--orange);margin-bottom:12px}.new-doctor-label svg{width:14px;height:14px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.photo-upload{display:flex;flex-direction:column;gap:8px}.photo-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:var(--bg-2);border:2px dashed var(--border);border-radius:10px;color:var(--gray-3);transition:all .2s}.photo-btn:hover{border-color:var(--green);background:var(--bg-3)}.photo-btn svg{width:32px;height:32px}.photo-preview{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--green-subtle);border-radius:8px}.photo-preview button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--red);border-radius:6px;color:var(--white)}.photo-preview button svg{width:14px;height:14px}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions .modal-btn{flex:1;margin-top:0}@media(max-width:1200px){.index-grid{grid-template-columns:repeat(4,1fr);max-width:600px}.sale-content{flex-direction:column-reverse}.cart-panel{width:100%;height:50%;border-left:none;border-top:2px solid var(--border)}.products-panel{height:50%}.payment-screen{grid-template-columns:1fr}.payment-summary{border-right:none;border-bottom:1px solid var(--border)}.cancellations-content{grid-template-columns:1fr}.cancel-section:first-child{border-right:none;border-bottom:1px solid var(--border)}.prescriptions-content{grid-template-columns:1fr}.prescriptions-panel:first-child{border-right:none;border-bottom:1px solid var(--border)}.wallet-content{flex-direction:column}}.sale-shortcuts-bar{display:flex;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.sale-shortcuts-bar button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;color:var(--text);transition:all .15s}.sale-shortcuts-bar button span{background:var(--primary);color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.sale-shortcuts-bar button:hover{border-color:var(--primary);background:var(--bg-secondary)}.sale-shortcuts-bar .demo-btn{margin-left:auto;background:var(--primary);color:#fff;border-color:var(--primary)}.sale-shortcuts-bar .demo-btn:hover{background:var(--primary-dark)}.quick-entry-section{padding:12px 16px;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg));border-bottom:2px solid var(--primary)}.quick-entry-row{display:flex;gap:12px;align-items:flex-end}.quick-field{display:flex;flex-direction:column;gap:4px}.quick-field label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.quick-field input{padding:8px 12px;border:2px solid var(--border);border-radius:6px;font-size:14px;background:var(--bg);color:var(--text);transition:border-color .15s}.quick-field input:focus{outline:none;border-color:var(--primary);background:var(--bg);color:var(--text)}.quick-field:first-child{flex:2}.quick-field.lot-field{flex:1}.quick-field.qty-field{width:80px}.quick-field.qty-field input{text-align:center}.lot-selector{display:flex;align-items:center;border:2px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg);transition:border-color .15s,box-shadow .15s}.lot-selector:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b98133}.quick-field.lot-field select{padding:8px 12px;border:2px solid var(--border);border-radius:6px;font-size:13px;background:var(--bg);color:var(--text);cursor:pointer;min-width:200px;transition:border-color .15s}.quick-field.lot-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b98133}.quick-field.lot-field select:disabled{opacity:.5;cursor:not-allowed}.lot-selector button{padding:8px 10px;background:var(--bg-secondary);border:none;cursor:pointer;font-size:10px;color:var(--text-secondary);transition:all .15s}.lot-selector button:hover{background:var(--primary);color:#fff}.lot-selector span{flex:1;text-align:center;padding:8px;font-size:13px;font-weight:500}.quick-add-btn{padding:8px 20px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.quick-add-btn:hover:not(:disabled){background:var(--primary-dark)}.quick-add-btn:disabled{opacity:.5;cursor:not-allowed}.quick-product-info{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding:10px;background:#4a5d231a;border-radius:6px;align-items:center}.quick-product-info span{font-size:13px}.qp-name{font-weight:600;color:var(--text)}.qp-compound{color:var(--text-secondary)}.qp-location{background:var(--bg-secondary);padding:2px 8px;border-radius:4px;font-family:monospace;font-size:12px!important}.qp-location.clickable{cursor:pointer;transition:all .15s;border:1px solid transparent}.qp-location.clickable:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.qp-price{color:var(--primary);font-weight:500}.qp-total{font-weight:700;color:var(--primary)}.qp-rx{background:#dc2626;color:#fff;padding:2px 8px;border-radius:4px;font-weight:600;font-size:11px!important}@media(max-width:768px){.index-grid{grid-template-columns:repeat(2,1fr);max-width:320px}.index-btn{padding:20px 16px;min-width:auto}.cashclose-grid{grid-template-columns:1fr 1fr}.cashclose-card.total{grid-column:span 2}.others-grid{grid-template-columns:1fr}.sales-summary{flex-direction:column}.shift-info{gap:16px}}.location-modal{max-width:400px;text-align:center}.location-modal h3{margin-bottom:20px;font-size:20px}.location-details{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:20px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.loc-item{display:flex;flex-direction:column;align-items:center;gap:4px}.loc-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.loc-value{font-weight:600;color:var(--text)}.loc-value.big{font-size:32px;font-weight:700;color:var(--primary);font-family:monospace}.location-path{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:12px;border-top:1px solid var(--border);font-size:14px}.location-path strong{font-size:18px;font-family:monospace;color:var(--primary);background:var(--bg);padding:4px 12px;border-radius:6px}.product-description{background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;padding:16px;margin-bottom:20px;text-align:left}.product-description h4{margin:0 0 8px;font-size:14px;color:#92400e}.product-description p{margin:0;font-size:15px;color:#78350f;font-weight:500;line-height:1.5}.product-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.ps-name{font-weight:600;font-size:14px}.ps-compound{color:var(--text-secondary);font-size:13px}.ps-tag{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.location-modal .modal-btn{width:100%}.ticket-overlay{background:#000000d9;justify-content:center;align-items:center}.ticket-preview-container{background:var(--bg);border-radius:16px;padding:24px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:16px}.ticket-actions-top{display:flex;justify-content:space-between;align-items:center}.ticket-actions-top h3{margin:0;color:var(--green);font-size:18px}.sale-id{font-size:13px;color:var(--gray-4)}.ticket-paper{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px;font-family:Courier New,monospace;font-size:12px;color:#333;box-shadow:0 2px 8px #0000001a}.ticket-header{text-align:center;margin-bottom:8px}.ticket-logo{font-size:32px;margin-bottom:4px}.ticket-business{font-size:16px;font-weight:700;letter-spacing:1px}.ticket-rfc,.ticket-address,.ticket-phone{font-size:11px;color:#666}.ticket-slogan{font-style:italic;font-size:10px;color:#888;margin-top:4px}.ticket-divider{text-align:center;color:#ccc;font-size:10px;margin:8px 0;overflow:hidden}.ticket-info{font-size:11px}.ticket-row{display:flex;justify-content:space-between;padding:2px 0}.ticket-items{margin:8px 0}.ticket-item{display:flex;justify-content:space-between;padding:4px 0;font-size:11px}.ticket-item .item-desc{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.ticket-totals .ticket-row.total{font-weight:700;font-size:14px;padding:4px 0;border-top:1px dashed #ccc;margin-top:4px}.ticket-payment .ticket-row.change{font-weight:700;font-size:13px}.ticket-footer{text-align:center;margin-top:8px}.ticket-thanks{font-weight:700;font-size:12px;margin-bottom:4px}.ticket-policy{font-size:9px;color:#888}.ticket-schedule{font-size:9px;color:#888;margin-top:4px}.ticket-actions{display:flex;gap:12px}.ticket-actions .print-btn{flex:1;padding:12px;background:var(--primary);border-radius:8px;color:#fff;font-size:14px;font-weight:600}.ticket-actions .close-btn{flex:1;padding:12px;background:var(--bg-2);border-radius:8px;color:var(--text);font-size:14px;font-weight:600;border:1px solid var(--border)}.ticket-actions .close-btn:hover{background:var(--bg-1)}@media print{body *{visibility:hidden}.ticket-paper,.ticket-paper *{visibility:visible}.ticket-paper{position:absolute;left:0;top:0;width:80mm;padding:10px;border:none;box-shadow:none}}.reports-screen .screen-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.period-selector{margin-left:auto;display:flex;gap:4px;background:var(--bg-1);padding:4px;border-radius:8px}.period-selector button{padding:6px 12px;border-radius:6px;font-size:12px;color:var(--gray-4);background:transparent}.period-selector button.active{background:var(--primary);color:#fff}.reports-content{flex:1;padding:16px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.metric-icon{font-size:32px}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:12px;color:var(--gray-4)}.metric-value{font-size:24px;font-weight:700}.metric-growth{font-size:11px;margin-top:4px}.metric-growth.positive{color:var(--green)}.metric-growth.negative{color:var(--red, #ef4444)}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-card{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:20px}.report-card h3{font-size:14px;font-weight:600;margin-bottom:16px}.bar-chart{display:flex;flex-direction:column;gap:12px}.bar-item{display:grid;grid-template-columns:100px 1fr 80px;align-items:center;gap:12px}.bar-label{font-size:12px;color:var(--gray-4)}.bar-container{height:24px;background:var(--bg-2);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--green));border-radius:4px;transition:width .3s ease}.bar-value{font-size:12px;font-weight:600;text-align:right}.top-products{display:flex;flex-direction:column;gap:10px}.product-rank{display:grid;grid-template-columns:30px 1fr 100px 80px;align-items:center;gap:10px;padding:8px;background:var(--bg-2);border-radius:8px}.rank-number{font-size:14px;font-weight:700;color:var(--primary)}.rank-info{display:flex;flex-direction:column}.rank-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-qty{font-size:10px;color:var(--gray-4)}.rank-bar-container{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.rank-bar{height:100%;background:var(--orange);border-radius:4px}.rank-revenue{font-size:12px;font-weight:600;text-align:right}.report-summary{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:20px}.report-summary h3{font-size:14px;font-weight:600;margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.summary-item{text-align:center}.summary-label{display:block;font-size:11px;color:var(--gray-4);margin-bottom:4px}.summary-value{display:block;font-size:16px;font-weight:600}@media(max-width:900px){.metrics-row,.reports-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}.config-screen .screen-header h2{font-size:18px}.config-content{flex:1;padding:16px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.config-section{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:20px}.config-section h3{font-size:14px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.config-item{display:flex;flex-direction:column;gap:6px}.config-item.full{grid-column:1 / -1}.config-item label{font-size:11px;color:var(--gray-4);text-transform:uppercase;letter-spacing:.5px}.config-item input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);font-size:13px}.config-item input:disabled{opacity:.7;cursor:not-allowed}.config-value{padding:10px 12px;background:var(--bg-2);border-radius:8px;font-size:16px;font-weight:600;color:var(--primary)}.config-note{font-size:11px;color:var(--gray-4);margin-top:12px;font-style:italic}.price-levels-display{display:flex;flex-direction:column;gap:10px}.level-item{display:grid;grid-template-columns:100px 120px 1fr;gap:12px;padding:10px 12px;background:var(--bg-2);border-radius:8px;align-items:center}.level-qty{font-size:12px;color:var(--gray-4)}.level-name{font-size:13px;font-weight:600;color:var(--primary)}.level-desc{font-size:12px;color:var(--gray-4)}.system-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border);font-size:13px}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--gray-4)}.info-row span:last-child{font-weight:500}.config-actions{display:flex;gap:12px;padding-top:8px}.action-btn{flex:1;padding:12px;border-radius:8px;font-size:13px;font-weight:500;background:var(--bg-1);border:1px solid var(--border)}.action-btn:hover{background:var(--bg-2)}.action-btn.danger{color:var(--red, #ef4444);border-color:var(--red, #ef4444)}.action-btn.danger:hover{background:#ef44441a}.whatsapp-screen .screen-header{display:flex;align-items:center;gap:16px}.orders-count{margin-left:auto;font-size:12px;color:var(--gray-4)}.whatsapp-content{flex:1;padding:16px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;overflow-y:auto}.orders-section{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;max-height:calc(100vh - 180px);overflow-y:auto}.orders-section h3{font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-1)}.pending-section{border-color:var(--orange)}.pending-section h3{color:var(--orange)}.confirmed-section{border-color:var(--primary)}.confirmed-section h3{color:var(--primary)}.orders-list{display:flex;flex-direction:column;gap:12px}.orders-list.compact{gap:6px}.order-card{background:var(--bg-2);border-radius:10px;padding:14px;border-left:4px solid var(--gray-4)}.order-card.pending{border-left-color:var(--orange);animation:cardPulse 2s ease-in-out infinite}@keyframes cardPulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 0 4px #f59e0b26}}.order-card.confirmed{border-left-color:var(--primary)}.order-card.delivered{border-left-color:var(--green);opacity:.7}.order-card.cancelled{border-left-color:var(--red, #ef4444);opacity:.6}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.order-id{font-weight:700;font-size:13px;color:var(--primary)}.order-time{font-size:11px;color:var(--gray-4)}.order-customer{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-customer strong{font-size:14px}.order-phone{font-size:11px;color:var(--gray-4)}.order-items{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding:8px;background:var(--bg);border-radius:6px}.order-items.compact{flex-direction:row;flex-wrap:wrap;gap:8px;padding:6px 8px}.order-items.compact span{font-size:11px;color:var(--gray-4)}.order-item{display:flex;justify-content:space-between;font-size:12px}.order-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px dashed var(--border);margin-bottom:8px}.order-total strong{font-size:16px;color:var(--primary)}.order-notes{font-size:11px;color:var(--orange);background:#f59e0b1a;padding:6px 8px;border-radius:4px;margin-bottom:10px}.order-actions{display:flex;gap:8px}.order-actions button{flex:1;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600}.order-actions button{display:flex;align-items:center;gap:6px}.order-actions button svg{width:14px;height:14px}.confirm-btn{background:var(--primary);color:#fff}.confirm-btn:hover{background:var(--green)}.orders-section .cancel-btn{background:var(--bg);color:var(--red, #ef4444);border:1px solid var(--red, #ef4444)}.orders-section .cancel-btn:hover{background:#ef44441a}.ready-btn{background:var(--orange);color:#fff}.sale-btn{background:var(--primary);color:#fff}.order-card.mini{padding:10px 12px;display:grid;grid-template-columns:70px 1fr 80px 90px;align-items:center;gap:8px}.order-customer-mini,.order-total-mini{font-size:12px}.order-status{font-size:10px;padding:2px 6px;border-radius:4px;text-align:center}.order-status.delivered{background:#10b98133;color:var(--green)}.order-status.cancelled{background:#ef444433;color:var(--red, #ef4444)}.whatsapp-btn{position:relative}.notification-badge.pulse{animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.whatsapp-notification{position:fixed;bottom:24px;right:24px;background:var(--bg-1);border:1px solid var(--primary);border-left:4px solid var(--primary);color:var(--text);border-radius:8px;display:flex;align-items:center;gap:0;box-shadow:0 4px 16px #0000004d;animation:notificationSlide .3s ease-out;z-index:1000;overflow:hidden}.notification-main{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.notification-main:hover{background:var(--bg-2)}@keyframes notificationSlide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{width:24px;height:24px;color:var(--primary)}.notification-icon svg{width:100%;height:100%}.notification-content{display:flex;flex-direction:column;gap:2px}.notification-content strong{font-size:13px;font-weight:600}.notification-content span{font-size:11px;color:var(--gray-4)}.notification-count{background:var(--primary);color:var(--bg);min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.notification-close{padding:12px;color:var(--gray-4);border-left:1px solid var(--border);display:flex;align-items:center;justify-content:center}.notification-close:hover{color:var(--text);background:var(--bg-2)}.notification-close svg{width:16px;height:16px}.sale-shortcuts-bar .shortcut-credit,.sale-shortcuts-bar .shortcut-layaway{position:relative}.sale-shortcuts-bar .shortcut-credit{border-color:var(--orange);color:var(--orange)}.sale-shortcuts-bar .shortcut-credit:hover{background:#f59e0b1a}.sale-shortcuts-bar .shortcut-layaway{border-color:var(--primary)}.sale-shortcuts-bar .shortcut-layaway:hover{background:#10b9811a}.sale-shortcuts-bar .mode-active{display:inline-flex;margin-left:4px;color:var(--green)}.sale-shortcuts-bar .mode-active svg{width:14px;height:14px}@media(max-width:1100px){.whatsapp-content{grid-template-columns:1fr 1fr}.history-section{grid-column:1 / -1}}@media(max-width:768px){.whatsapp-content{grid-template-columns:1fr}.whatsapp-notification{bottom:16px;right:16px;left:16px}}html,body,#root{height:100%;min-height:0}.app{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.sale-screen{height:100%;min-height:0;max-height:100%;overflow:hidden}.sale-content{min-height:0;height:100%;max-height:100%;overflow:hidden}@media(min-width:1201px){.sale-content{flex-direction:row}.sale-grid{flex:1 1 0;min-width:0;min-height:0;overflow-y:auto}.cart-panel{width:380px;flex-shrink:0;height:100%}}@media(max-width:1200px){.sale-content{flex-direction:column}.products-panel{flex:1 1 0;min-height:100px;overflow-y:auto;order:1}.cart-panel{flex:0 0 58vh;max-height:58vh;min-height:58vh;order:2;border-top:1px solid rgba(255,255,255,.08)}.cart-items{flex:1 1 0;min-height:0}}.cart-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cart-header{flex-shrink:0}.cart-items{flex:1 1 0;min-height:60px;overflow-y:auto;overflow-x:hidden}.cart-totals{flex-shrink:0;background:var(--bg-1);position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.05)}.pay-btn{flex-shrink:0;position:relative;z-index:3;margin-top:0}.sale-screen.credit-mode .pay-btn{background:var(--orange)}
