:root{--bg-color: #0f0f13;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--neon-blue: #00f3ff;--neon-purple: #9d00ff;--neon-pink: #ff00ea;--neon-green: #00ff66;--neon-red: #ff003c;--neon-yellow: #fcee0a;--text-main: #ffffff;--text-muted: #a0a0a0;--panel-gap: 20px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hidden{display:none!important}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(0,243,255,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(157,0,255,.08) 0%,transparent 50%);color:var(--text-main);height:100vh;overflow:hidden}.pos-container{display:flex;height:100vh;padding:var(--panel-gap);gap:var(--panel-gap)}.pos-left{flex:1;display:flex;flex-direction:column;gap:var(--panel-gap);overflow:hidden}.pos-left-body{display:flex;gap:var(--panel-gap);flex:1;min-height:0}.action-sidebar{display:flex;flex-direction:column;gap:10px;width:150px}.btn-action{padding:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;text-align:center}.btn-action:hover{background:#00f3ff26;border-color:var(--neon-blue);box-shadow:0 0 10px #00f3ff33}.btn-color-teal{background:#14b8a633;border-color:#14b8a680;color:#5eead4}.btn-color-teal:hover{background:#14b8a64d}.btn-color-blue{background:#3b82f633;border-color:#3b82f680;color:#93c5fd}.btn-color-blue:hover{background:#3b82f64d}.btn-color-orange{background:#f9731633;border-color:#f9731680;color:#fdba74}.btn-color-orange:hover{background:#f973164d}.btn-color-purple{background:#a855f733;border-color:#a855f780;color:#d8b4fe}.btn-color-purple:hover{background:#a855f74d}.btn-color-green{background:#22c55e33;border-color:#22c55e80;color:#86efac}.btn-color-green:hover{background:#22c55e4d}.btn-action.active-mode{background:var(--neon-blue);color:#000;box-shadow:0 0 15px #00f3ff80}.products-area{display:flex;flex-direction:column;gap:var(--panel-gap);flex:1;min-height:0;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{font-size:1.5rem;font-weight:700}.user-info{display:flex;align-items:center;gap:15px;font-size:1.1rem;background:#0000004d;padding:8px 15px;border-radius:10px;border:1px solid var(--glass-border)}.btn-small{padding:6px 12px;background:#ffffff1a;color:#fff;border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;transition:.2s}.btn-small:hover{background:#fff3}.datetime{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.clock{font-family:monospace;font-size:1.5rem;color:var(--neon-blue);font-weight:700;text-shadow:0 0 10px rgba(0,243,255,.4)}.date-text{font-size:.85rem;color:var(--text-muted)}.neon-text{color:var(--neon-blue);text-shadow:0 0 10px rgba(0,243,255,.5)}.warning-text{color:var(--neon-red);text-shadow:0 0 10px rgba(255,0,60,.5)}.categories-sidebar{display:flex;flex-direction:column;gap:10px;width:140px;overflow-y:auto;padding-right:5px}.categories-sidebar::-webkit-scrollbar{width:6px}.categories-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.btn-category{padding:12px 15px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-main);font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left;word-break:break-word}.btn-category:hover,.btn-category.active{background:#00f3ff26;border-color:var(--neon-blue);box-shadow:0 0 15px #00f3ff33}.products-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-rows:140px;align-content:start;gap:10px;overflow-y:auto;padding-right:5px}.products-grid::-webkit-scrollbar,.cart-items::-webkit-scrollbar{width:6px}.products-grid::-webkit-scrollbar-thumb,.cart-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.product-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:hidden}.product-card:active{transform:scale(.95)}.product-card:hover{background:#ffffff1a;border-color:#ffffff4d}.product-icon{font-size:2.5rem}.product-name{text-align:center;font-size:.9rem;font-weight:500}.product-price{color:var(--neon-blue);font-weight:700}.age-badge{position:absolute;top:5px;right:5px;background:var(--neon-red);color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:10px}.pos-right{width:400px;display:flex;flex-direction:column;gap:var(--panel-gap)}.cart-container{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.cart-header{padding:20px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.btn-clear{background:transparent;border:1px solid var(--neon-red);color:var(--neon-red);padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#ff003c33;color:#fff}.cart-items{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.cart-item{display:flex;justify-content:space-between;align-items:center;background:#0003;padding:12px;border-radius:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:500}.item-price{font-size:.85rem;color:var(--text-muted)}.item-controls{display:flex;align-items:center;gap:10px}.qty-btn{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.qty-btn:active{background:#fff3}.cart-summary{padding:20px;background:#0000004d;border-top:1px solid var(--glass-border)}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1.1rem}.summary-row.total{font-size:1.8rem;font-weight:700;margin-bottom:0;margin-top:15px;padding-top:15px;border-top:1px dashed rgba(255,255,255,.2)}.search-container input{width:100%;padding:15px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;color:#fff;font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.search-container input:focus{outline:none;border-color:var(--neon-blue);box-shadow:0 0 15px #00f3ff33}.checkout-actions{display:flex;gap:15px}.numpad-container{display:flex;flex-direction:column;gap:10px}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.btn-numpad{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;padding:5px 0;cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none}.btn-numpad:active{transform:scale(.95);background:#fff3}.btn-numpad-clear{background:#ff003c33;color:var(--neon-red);border-color:#ff003c80}.btn-checkout-numpad{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1.3rem;font-weight:700;padding:14px 0;cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none}.btn-checkout-numpad:active{transform:scale(.95);background:#00f3ff33}.btn-checkout{padding:20px;border:none;border-radius:16px;font-size:1.2rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s}.btn-pay-card{background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 4px 15px #2a52984d}.btn-pay-credit{background:linear-gradient(135deg,#8e2de2,#4a00e0);box-shadow:0 4px 15px #4a00e04d}.btn-pay-cash{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #38ef7d4d}.btn-checkout:active{transform:scale(.95)}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .form-group{margin-bottom:0}.form-control{width:100%;padding:12px;background:#00000080;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:1.1rem}.form-control:focus{outline:none;border-color:var(--neon-blue)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .3s}#checkout-modal.modal{background:#00000080;-webkit-backdrop-filter:none;backdrop-filter:none}.modal.hidden{opacity:0;pointer-events:none}.glass-panel{background:#141419f2;border:1px solid var(--glass-border);border-radius:24px;padding:30px;width:90%;max-width:500px;text-align:center;box-shadow:0 20px 50px #000c;transform:translateY(0);transition:transform .3s}.modal.hidden .glass-panel{transform:translateY(20px)}.modal-actions{display:flex;gap:15px;margin-top:25px}.btn-large{flex:1;padding:15px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;color:#fff;transition:all .2s}.btn-danger{background:var(--neon-red)}.btn-success{background:var(--neon-green);color:#000}.btn-primary{background:var(--neon-blue);color:#000;padding:15px 25px;border:none;border-radius:12px;font-weight:700;cursor:pointer}.checkout-total{font-size:2rem;margin:20px 0}.quick-cash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.btn-quick-cash{padding:15px;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s}.btn-quick-cash:hover{background:#fff3}.custom-cash{display:flex;gap:10px;margin-bottom:20px}.custom-cash input{flex:1;padding:15px;background:#00000080;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:1.2rem}.change-display{background:#00ff661a;border:1px solid rgba(0,255,102,.3);padding:20px;border-radius:16px;margin-bottom:20px}.change-amount{font-size:3rem;font-weight:700;color:var(--neon-green);text-shadow:0 0 15px rgba(0,255,102,.5)}.btn-close-modal{background:transparent;border:none;color:var(--text-muted);cursor:pointer;margin-top:10px;text-decoration:underline}.z-report-panel{max-width:600px;max-height:90vh;display:flex;flex-direction:column}.z-report-content{flex:1;overflow-y:auto;text-align:left;background:#fff;color:#000;padding:20px;border-radius:10px;margin:20px 0;font-family:monospace;font-size:1.1rem}.z-report-content h3{text-align:center;border-bottom:1px dashed black;padding-bottom:10px;margin-bottom:10px}.report-row{display:flex;justify-content:space-between;margin-bottom:5px}.report-row.bold{font-weight:700;margin-top:10px;border-top:1px dashed #ccc;padding-top:5px}.report-table{width:100%;margin-top:15px;border-collapse:collapse}.report-table th,.report-table td{text-align:left;padding:5px;border-bottom:1px dotted #ccc}.report-table th:last-child,.report-table td:last-child{text-align:right}.auto-print-toggle{margin-top:15px;display:flex;align-items:center;gap:10px;font-size:1rem;color:var(--text-muted)}.auto-print-toggle input{cursor:pointer;width:18px;height:18px}.hidden-screen{display:none}.receipt-print{font-family:monospace;font-size:14px;color:#000;width:100%;max-width:300px;margin:0 auto;text-align:left}.receipt-print h2,.receipt-print h3{text-align:center;margin:5px 0}.receipt-print .divider{border-top:1px dashed black;margin:10px 0}.receipt-item{display:flex;justify-content:space-between;margin-bottom:5px}.receipt-total{font-weight:700;font-size:16px}@media print{body *{visibility:hidden}#age-refusal-slip,#age-refusal-slip *{visibility:visible!important;color:#000!important;background:#fff!important}#age-refusal-slip{display:block!important;position:fixed;left:0;top:0;width:100%;margin:0;padding:20px;box-sizing:border-box}#product-label-print,#product-label-print *{visibility:visible!important;color:#000!important;background:#fff!important}#product-label-print{display:block!important;position:fixed;left:0;top:0;width:100%}.print-area,.print-area *{visibility:visible;color:#000!important;background:#fff!important}.print-area{position:absolute;left:0;top:0;width:100%}.no-print{display:none!important}}.vertical-btn-group{display:flex;flex-direction:column;gap:10px;margin-top:20px}.tabs{display:flex;border-bottom:1px solid var(--glass-border);margin-bottom:20px}.tab-btn{flex:1;background:transparent;border:none;padding:10px;color:var(--text-muted);font-size:1.1rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-btn.active{color:var(--neon-blue);border-bottom:3px solid var(--neon-blue)}.tab-content{display:none;text-align:left}.tab-content.active{display:block}.btn-report-type{padding:16px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;text-align:center;transition:all .2s;line-height:1.4}.btn-report-type:hover{background:#2563eb40;border-color:#3b82f6;box-shadow:0 0 12px #3b82f64d;transform:translateY(-2px)}.btn-report-type.active{background:#2563eb66;border-color:#60a5fa}.btn-date-range{padding:12px 20px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-date-range:hover{background:#7c3aed40;border-color:#7c3aed}.btn-date-range.active{background:#7c3aed66;border-color:#a78bfa;box-shadow:0 0 10px #7c3aed4d}.report-table{width:100%;border-collapse:collapse;font-size:.95rem}.report-table th{background:#ffffff14;padding:10px 14px;text-align:left;font-weight:700;color:var(--neon-blue);border-bottom:1px solid var(--glass-border)}.report-table td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0}.report-table tr:hover td{background:#ffffff0a}.report-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:20px}.report-stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:center}.report-stat-card .stat-label{font-size:.85rem;color:var(--text-muted);margin-bottom:6px}.report-stat-card .stat-value{font-size:1.6rem;font-weight:700;color:#4ade80}.mp-tab-btn{flex:1;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);padding:14px 10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.mp-tab-btn:hover{color:#fff}.mp-tab-btn.active{color:var(--neon-blue);border-bottom-color:var(--neon-blue);background:#00f3ff0d}.mp-tab-content{display:block}.mp-tab-content.hidden{display:none}.mp-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.mp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-field{display:flex;flex-direction:column;gap:6px}.mp-field label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mp-radio-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .15s}.mp-radio-label:hover{background:#00f3ff1a;border-color:var(--neon-blue)}.mp-radio-label input{accent-color:var(--neon-blue)}.mp-period-btn{padding:8px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.mp-period-btn:hover{color:#fff;border-color:#ffffff4d}.mp-period-btn.active{background:#00f3ff26;border-color:var(--neon-blue);color:var(--neon-blue)}