:root{--primary-color:#2c586e;--primary-light:#8da1af;--primary-dark:#2b576d;--secondary-color:#dd9f52;--secondary-light:#dcc894;--accent-color:#dd9f52;--danger-color:#dc3545;--warning-color:#dd9f52;--success-color:#28a745;--background-primary:#fff;--background-secondary:#f8f9fa;--background-tertiary:#e9ecef;--surface-color:#fff;--background-light:#f8f9fa;--text-color:#212529;--text-primary:#212529;--text-secondary:#495057;--text-muted:#6c757d;--border-color:#dee2e6;--border-light:#e9ecef;--border-dark:#adb5bd;--font-size-xs:0.6rem;--font-size-sm:0.7rem;--font-size-base:0.8rem;--font-size-lg:0.9rem;--font-size-xl:1rem;--font-size-2xl:1.1rem;--font-size-3xl:1.3rem;--spacing-1:0.15rem;--spacing-2:0.3rem;--spacing-3:0.5rem;--spacing-4:0.7rem;--spacing-5:0.9rem;--spacing-6:1rem;--spacing-8:1.3rem;--spacing-10:1.6rem;--spacing-12:2rem;--spacing-16:2.5rem;--spacing-20:3rem;--border-radius:6px;--border-radius-sm:3px;--border-radius-lg:10px;--border-radius-xl:14px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100;line-height:1.15;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.8rem;font-size:var(--font-size-base);line-height:1.6;margin:0}body,h1,h2,h3,h4,h5,h6{color:#212529;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0 0 .7rem;margin:0 0 var(--spacing-4) 0}h1{font-size:1.3rem;font-size:var(--font-size-3xl)}h2{font-size:1.1rem;font-size:var(--font-size-2xl)}h3{font-size:1rem;font-size:var(--font-size-xl)}h4{font-size:.9rem;font-size:var(--font-size-lg)}h5{font-size:.8rem;font-size:var(--font-size-base)}h6{font-size:.7rem;font-size:var(--font-size-sm)}p{line-height:1.6;margin:0 0 .7rem;margin:0 0 var(--spacing-4) 0}code{background-color:#e9ecef;background-color:var(--background-tertiary);border-radius:3px;border-radius:var(--border-radius-sm);color:#212529;color:var(--text-primary);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em;padding:.15rem .3rem;padding:var(--spacing-1) var(--spacing-2)}pre code{background:none;padding:0}pre{background-color:#e9ecef;background-color:var(--background-tertiary);border-radius:6px;border-radius:var(--border-radius);color:#212529;color:var(--text-primary);margin:.7rem 0;margin:var(--spacing-4) 0;overflow-x:auto;padding:.7rem;padding:var(--spacing-4)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e9ecef;background:var(--background-tertiary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:6px;border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-muted)}::selection{background-color:#8da1af;background-color:var(--primary-light);color:#fff}::-moz-selection{background-color:#8da1af;background-color:var(--primary-light);color:#fff}:focus{outline:2px solid #2c586e;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.app{background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-bottom:3px solid var(--primary-light);box-shadow:var(--shadow-xl);color:#fff;overflow:hidden;padding:var(--spacing-4) var(--spacing-8);position:relative}.app-header:before{animation:float 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='80' cy='40' r='3' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='40' cy='80' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");background-size:100px 100px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-title{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000004d}.header-subtitle{font-size:var(--font-size-base);font-weight:400;letter-spacing:.5px;margin:var(--spacing-2) 0 0 0;opacity:.9}.main-container{display:flex;flex:1 1;gap:var(--spacing-4);margin:0 auto;max-width:1600px;padding:var(--spacing-3);width:100%}.content-area{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-3);min-width:0}.search-section{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--spacing-4);position:relative}.search-section:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.search-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:700;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.search-title:before{content:"🔍";font-size:var(--font-size-xl)}.search-input,input[type=search]{background:var(--background-primary);border:3px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);font-family:inherit;font-size:var(--font-size-base);margin:0;max-width:500px;padding:var(--spacing-3) var(--spacing-4);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus,input[type=search]:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f61a,var(--shadow-lg);outline:none;transform:translateY(-2px)}.search-input:hover,input[type=search]:hover{border-color:var(--border-dark);box-shadow:var(--shadow-md)}.search-input::placeholder,input[type=search]::placeholder{color:var(--text-muted);font-style:italic}.products-section{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-4)}.products-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;justify-content:space-between;margin-bottom:var(--spacing-3)}.products-count{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:15px;box-shadow:var(--shadow-md);font-size:var(--font-size-xs);font-weight:600;min-width:30px;padding:var(--spacing-1) var(--spacing-2);text-align:center}.products{grid-gap:var(--spacing-3);flex:1 1;gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-3);transition:all .3s cubic-bezier(.4,0,.2,1)}.product:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:6px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.product:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.02)}.product:active{box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(1.01)}.product-name{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);line-height:1.2;min-height:2em}.product-name,.product-price{margin-bottom:var(--spacing-1)}.product-price{font-size:var(--font-size-lg);text-shadow:0 1px 2px #0000001a}.product-stock{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500}.stock-indicator{box-shadow:0 0 0 2px #fff,0 0 0 3px currentColor;height:12px;width:12px}.stock-high{color:var(--success-color)}.stock-medium{color:var(--warning-color)}.stock-low{animation:pulse 2s infinite;color:var(--danger-color)}.other-product{overflow:hidden;position:relative}.other-product:before{background:linear-gradient(45deg,#0000 48%,#ffffff1a 50%,#0000 52%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.other-product:hover:before{opacity:1}.other-product:hover{box-shadow:0 20px 25px -5px #667eea66,0 10px 10px -5px #764ba233;transform:translateY(-4px) scale(1.02)}.cart{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:96vh;margin-bottom:var(--spacing-1);overflow:hidden;position:sticky;top:var(--spacing-1);width:350px}.cart,.cart-header{background:var(--background-primary)}.cart-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);flex-shrink:0;padding:var(--spacing-3) var(--spacing-4);position:relative}.cart-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.cart-title{align-items:center;display:flex;font-size:var(--font-size-base);font-weight:700;justify-content:space-between;margin:0}.cart-count{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;font-size:var(--font-size-xs);font-weight:600;min-width:18px;padding:var(--spacing-1) var(--spacing-2);text-align:center}.cart-items{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-3);scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:var(--background-tertiary);border-radius:3px}.cart-items::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.cart-items::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.cart-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-2);justify-content:space-between;padding:var(--spacing-2) 0;transition:all .3s ease}.cart-item:last-child{border-bottom:none}.cart-item:hover{background:var(--background-secondary);border-radius:var(--border-radius);margin:0 calc(var(--spacing-3)*-1);padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.cart-item-info{flex:1 1;min-width:0}.cart-item-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-price{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;line-height:1.2}.cart-item-controls{align-items:center;display:flex;gap:var(--spacing-1)}.quantity-input{background-color:var(--background-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;font-weight:600;margin:0!important;max-width:50px!important;padding:var(--spacing-1)!important;text-align:center;width:50px!important}.quantity-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #3b82f61a!important}.delete-item-btn{align-items:center;background:var(--danger-color);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xs);height:24px;justify-content:center;min-width:24px;padding:var(--spacing-1);transition:all .3s ease}.delete-item-btn:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.delete-item-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.cart-total-section{background:var(--background-secondary);border-top:2px solid var(--border-color);flex-shrink:0;padding:var(--spacing-3) var(--spacing-4)}.cart-total{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;font-size:var(--font-size-base);font-weight:700;justify-content:space-between;margin-bottom:var(--spacing-3);padding:var(--spacing-2)}.total-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.total-amount{color:var(--secondary-color);font-size:var(--font-size-lg);font-weight:800;text-shadow:0 1px 2px #0000001a}.cart-empty{color:var(--text-muted);font-size:var(--font-size-base);font-style:italic;line-height:1.5;margin:auto 0;padding:var(--spacing-8) var(--spacing-4);text-align:center}.cart-empty small{color:var(--text-muted);display:block;margin-top:var(--spacing-2)}.cart-empty small,button{font-size:var(--font-size-xs)}button{font-weight:700;letter-spacing:.5px;min-height:36px;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkout-buttons{gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.checkout-button{border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:800;letter-spacing:1px;min-height:44px;overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;text-transform:uppercase}.checkout-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.checkout-button:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);box-shadow:var(--shadow-lg);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-success{box-shadow:var(--shadow-lg)}.btn-success:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}button:disabled{box-shadow:var(--shadow-sm)!important;opacity:.5}button:disabled:hover{box-shadow:var(--shadow-sm)!important;transform:none!important}.status-bar{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:inset 0 2px 4px #0000001a;color:var(--text-primary);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.status-item{font-weight:600;gap:var(--spacing-2)}.status-dot{box-shadow:0 0 0 2px #22c55e33;height:10px;width:10px}.status-dot.error{box-shadow:0 0 0 2px #ef444433}@media (max-width:1200px){.main-container{flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6)}.cart{max-height:none;order:-1;position:relative;width:100%}.products{gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.app-header{padding:var(--spacing-4) var(--spacing-6)}.header-title{font-size:var(--font-size-2xl)}.main-container{gap:var(--spacing-4);padding:var(--spacing-4)}.products-section,.search-section{padding:var(--spacing-6)}.products{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.product{padding:var(--spacing-5)}.checkout-button{font-size:var(--font-size-base);min-height:56px;padding:var(--spacing-4) var(--spacing-6)}}@media (max-width:480px){.products{grid-template-columns:1fr}.search-input{max-width:100%}.checkout-buttons{gap:var(--spacing-3)}}input[type=number],input[type=search],input[type=text]{background-color:#fff;border:2px solid var(--gray-300);border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-size-base);margin:0;max-width:400px;padding:var(--spacing-3) var(--spacing-4);transition:all .3s ease;width:100%}input[type=number]:focus,input[type=search]:focus,input[type=text]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}input[type=number]:hover,input[type=search]:hover,input[type=text]:hover{border-color:var(--gray-400)}input::placeholder{color:var(--gray-500);font-style:italic}.products-section{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6)}.products-title{align-items:center;color:var(--gray-800);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.products-count{background:var(--primary-color);border-radius:20px;color:#fff;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-1) var(--spacing-3)}.products{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--spacing-4)}.product{background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;overflow:hidden;padding:var(--spacing-5);position:relative;transition:all .3s ease}.product:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.product:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product:hover:before{transform:scaleX(1)}.product:active{box-shadow:var(--shadow-md);transform:translateY(0)}.product-name{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600;line-height:1.3}.product-name,.product-price{margin-bottom:var(--spacing-2)}.product-price{color:var(--secondary-color);font-size:var(--font-size-xl);font-weight:700}.product-stock{align-items:center;color:var(--gray-600);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1)}.stock-indicator{border-radius:50%;display:inline-block;height:8px;width:8px}.stock-high{background-color:var(--success-color)}.stock-medium{background-color:var(--warning-color)}.stock-low{background-color:var(--danger-color)}button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-2);justify-content:center;margin:var(--spacing-1);min-height:44px;overflow:hidden;padding:var(--spacing-3) var(--spacing-5);position:relative;text-decoration:none;transition:all .3s ease}.btn-primary,button:not([class]){background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);box-shadow:var(--shadow);color:#fff}.btn-primary:hover,button:not([class]):hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active,button:not([class]):active{box-shadow:var(--shadow);transform:translateY(0)}.btn-secondary{background:var(--gray-200);border:1px solid var(--gray-300);color:var(--gray-800)}.btn-secondary:hover{background:var(--gray-300);border-color:var(--gray-400);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success-color) 0,var(--secondary-color) 100%);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#059669);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,var(--warning-color) 0,var(--accent-color) 100%);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#ea580c,#d97706);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger-color) 0,#dc2626 100%);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-large{font-size:var(--font-size-lg);min-height:56px;padding:var(--spacing-4) var(--spacing-8)}.btn-small{font-size:var(--font-size-sm);min-height:36px;padding:var(--spacing-2) var(--spacing-4)}.btn-full{margin:var(--spacing-2) 0;width:100%}button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.checkout-buttons{display:flex;flex-direction:column;gap:var(--spacing-3)}.checkout-button{border-radius:var(--border-radius-lg);font-size:var(--font-size-lg);font-weight:700;min-height:56px;padding:var(--spacing-4) var(--spacing-6);width:100%}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-2);letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase}.status-connected{background:#22c55e1a;border:1px solid #22c55e33;color:#15803d}.status-disconnected{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.status-processing{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.loading{color:#0000!important;position:relative}.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.notification{animation:slideIn .3s ease;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-4) var(--spacing-6);position:fixed;right:var(--spacing-6);top:var(--spacing-6);z-index:1000}.notification-success{background:var(--success-color);color:#fff}.notification-error{background:var(--danger-color);color:#fff}.notification-warning{background:var(--warning-color);color:#fff}@media (max-width:1024px){.main-container{flex-direction:column;padding:var(--spacing-4)}.cart{max-height:60vh;order:-1;position:relative;width:100%}.cart-items{max-height:calc(40vh - 250px)}.products{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.app-header{padding:var(--spacing-3) var(--spacing-4)}.header-title{font-size:var(--font-size-xl)}.main-container{gap:var(--spacing-4);padding:var(--spacing-3)}.products-section,.search-section{padding:var(--spacing-4)}.products{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product{padding:var(--spacing-4)}.cart{border-radius:var(--border-radius-lg);height:50vh}.checkout-button{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-5)}}@media (max-width:480px){.products{grid-template-columns:1fr}.cart{height:45vh}input[type=number],input[type=search],input[type=text]{max-width:100%}}@media print{.cart,.search-section,button{display:none!important}.main-container{flex-direction:column}.products{gap:var(--spacing-2);grid-template-columns:repeat(3,1fr)}.product{border:1px solid var(--gray-400);break-inside:avoid;padding:var(--spacing-2);page-break-inside:avoid}}@media (max-width:1400px){.products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cart{width:320px}}@media (max-width:1200px){.products{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cart{width:300px}.main-container{gap:var(--spacing-3);padding:var(--spacing-2)}}@media (max-width:1024px){.products{gap:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cart{width:280px}.product{padding:var(--spacing-2)}.products-section,.search-section{padding:var(--spacing-3)}}@media (max-width:768px){.main-container{flex-direction:column;padding:var(--spacing-2)}.cart{height:auto;margin:0;max-height:40vh;position:relative;top:auto;width:100%}.products{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.content-area,.products{gap:var(--spacing-2)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.cart,.product,.products-section,.search-section{border-width:.5px}}@media (hover:none) and (pointer:coarse){.cart-item,.product,button{min-height:44px}.delete-item-btn{height:32px;min-width:32px}.quantity-input{min-height:32px}}@media (max-zoom:1){html{zoom:1}}@media (min-width:1920px){.products{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cart{width:400px}.main-container{max-width:1800px;padding:var(--spacing-6)}}button:hover{background:#0056b3}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:var(--spacing-4) var(--spacing-6)}.card-title{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600;margin:0}.card-subtitle{color:var(--gray-600);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0 0}.card-body{padding:var(--spacing-6)}.card-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:var(--spacing-4) var(--spacing-6)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.badge-primary{background:var(--primary-color);color:#fff}.badge-secondary{background:var(--gray-200);color:var(--gray-800)}.badge-success{background:var(--success-color);color:#fff}.badge-warning{background:var(--warning-color);color:#fff}.badge-danger{background:var(--danger-color);color:#fff}.alert{border-left:4px solid;border-radius:var(--border-radius);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.alert-success{background:#22c55e1a;border-left-color:var(--success-color);color:#15803d}.alert-warning{background:#f59e0b1a;border-left-color:var(--warning-color);color:#d97706}.alert-danger{background:#ef44441a;border-left-color:var(--danger-color);color:#dc2626}.alert-info{background:#3b82f61a;border-left-color:var(--primary-color);color:#1d4ed8}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:scaleIn .3s ease;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;overflow:hidden}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-6)}.modal-title{color:var(--gray-900);font-weight:600;margin:0}.modal-close,.modal-title{font-size:var(--font-size-xl)}.modal-close{background:none;border:none;border-radius:var(--border-radius);color:var(--gray-400);cursor:pointer;padding:var(--spacing-2);transition:all .3s ease}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{overflow-y:auto;padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-5)}.form-label{color:var(--gray-700);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-2)}.form-input{background-color:#fff;border:2px solid var(--gray-300);border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:invalid{border-color:var(--danger-color)}.form-input:invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{color:var(--danger-color)}.form-error,.form-help{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.form-help{color:var(--gray-600)}.form-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:16px 12px;border:2px solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);padding-right:calc(var(--spacing-4) + 20px);transition:all .3s ease;width:100%}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-check{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.form-check-input{border:2px solid var(--gray-300);border-radius:var(--border-radius-sm);cursor:pointer;height:18px;position:relative;width:18px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-check-input:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.form-check-input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:6px;width:6px}.form-check-label{color:var(--gray-700);cursor:pointer;font-size:var(--font-size-base);-webkit-user-select:none;user-select:none}.table{background:#fff;border-collapse:collapse;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid var(--gray-200);padding:var(--spacing-4);text-align:left}.table th{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tbody tr:hover,.table th{background:var(--gray-50)}.table tbody tr:last-child td{border-bottom:none}.progress{background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:4px;height:100%;transition:width .3s ease}.progress-bar-success{background:linear-gradient(90deg,var(--success-color),var(--secondary-color))}.progress-bar-warning{background:linear-gradient(90deg,var(--warning-color),var(--accent-color))}.progress-bar-danger{background:linear-gradient(90deg,var(--danger-color),#dc2626)}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:var(--spacing-4) auto;width:40px}.spinner-sm{border-width:2px;height:20px;width:20px}.spinner-lg{border-width:6px;height:60px;width:60px}.tooltip{display:inline-block;position:relative}.tooltip-text{background-color:var(--gray-900);border-radius:var(--border-radius);bottom:125%;color:#fff;font-size:var(--font-size-sm);left:50%;margin-left:-60px;opacity:0;padding:var(--spacing-2) var(--spacing-3);position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.tooltip-text:after{border-color:var(--gray-900) #0000 #0000 #0000;border-style:solid;border-width:5px;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.text-muted{color:var(--gray-600)}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.bg-primary{background-color:var(--primary-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.bg-light{background-color:var(--gray-100)}.bg-dark{background-color:var(--gray-800)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.w-100{width:100%}.h-100{height:100%}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.custom-alert-overlay{align-items:center;animation:fadeInOverlay .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-3);position:fixed;right:0;top:0;z-index:10000}.custom-alert{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;background:#fff;border:2px solid #fffc;border-radius:var(--border-radius-xl);box-shadow:0 25px 50px #00000040;margin:auto;max-height:calc(100vh - 2rem);max-width:600px;min-width:320px;overflow:hidden;transform:scale(.9);width:100%}.custom-alert,.custom-alert-header{display:flex;flex-direction:column;position:relative}.custom-alert-header{align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%);flex-shrink:0;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);text-align:center}.custom-alert-header:after{background:linear-gradient(90deg,#0000,#00000014,#0000);bottom:0;content:"";height:1px;left:var(--spacing-8);position:absolute;right:var(--spacing-8)}.custom-alert-icon{align-items:center;animation:bounceIn .6s ease;border-radius:50%;display:flex;flex-shrink:0;font-size:48px;font-weight:700;height:80px;justify-content:center;margin-bottom:var(--spacing-4);position:relative;width:80px}.custom-alert-icon:before{animation:pulse 3s infinite;background:linear-gradient(45deg,currentColor,#0000);border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:.05;position:absolute;right:-4px;top:-4px}.custom-alert-title{color:var(--gray-900);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.custom-alert-body{flex:1 1;min-height:0;overflow-y:auto;padding:0 var(--spacing-6) var(--spacing-4);text-align:center}.custom-alert-message{color:var(--gray-700);font-size:var(--font-size-base);font-weight:400;letter-spacing:.01em;line-height:1.6;margin:0 auto;max-width:500px;white-space:pre-line}.custom-alert-message strong{color:var(--gray-900);display:block;font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-3)}.custom-alert-message em{color:var(--gray-600);font-size:var(--font-size-base);font-style:italic}.custom-alert-message .highlight{background:#3b82f61a;border-radius:6px;color:var(--primary-color);font-weight:600;padding:4px 8px}.custom-alert-message .code{background:var(--gray-100);border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;font-weight:500;padding:4px 8px}.custom-alert-footer{background:var(--gray-50);display:flex;flex-shrink:0;gap:var(--spacing-3);justify-content:center;padding:var(--spacing-4) var(--spacing-6) var(--spacing-6)}.custom-alert-button{border:none;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #0000001a;cursor:pointer;font-size:var(--font-size-base);font-weight:600;letter-spacing:.02em;min-width:100px;overflow:hidden;padding:var(--spacing-3) var(--spacing-6);position:relative;text-transform:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.custom-alert-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.custom-alert-button:hover:before{left:100%}.custom-alert-button:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.custom-alert-button:active{transform:translateY(0);transition:transform .1s}.custom-alert-button:focus{box-shadow:0 0 0 4px #3b82f633;outline:none}.custom-alert.success .custom-alert-icon{background:linear-gradient(135deg,#22c55e33,#22c55e0d);box-shadow:0 0 30px #22c55e4d;color:var(--success-color)}.custom-alert.success .custom-alert-icon:after{content:"✓";font-size:32px;font-weight:900}.custom-alert.success .custom-alert-button{background:linear-gradient(135deg,var(--success-color),#16a34a);box-shadow:0 6px 16px #22c55e66;color:#fff}.custom-alert.error .custom-alert-icon{background:linear-gradient(135deg,#ef444433,#ef44440d);box-shadow:0 0 30px #ef44444d;color:var(--danger-color)}.custom-alert.error .custom-alert-icon:after{content:"✕";font-size:32px;font-weight:900}.custom-alert.error .custom-alert-button{background:linear-gradient(135deg,var(--danger-color),#dc2626);box-shadow:0 6px 16px #ef444466;color:#fff}.custom-alert.warning .custom-alert-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);box-shadow:0 0 30px #f59e0b4d;color:var(--warning-color)}.custom-alert.warning .custom-alert-icon:after{content:"!";font-size:36px;font-weight:900}.custom-alert.warning .custom-alert-button{background:linear-gradient(135deg,var(--warning-color),#d97706);box-shadow:0 6px 16px #f59e0b66;color:#fff}.custom-alert.info .custom-alert-icon{background:linear-gradient(135deg,#3b82f633,#3b82f60d);box-shadow:0 0 30px #3b82f64d;color:var(--primary-color)}.custom-alert.info .custom-alert-icon:after{content:"i";font-size:32px;font-style:italic;font-weight:900}.custom-alert.info .custom-alert-button{background:linear-gradient(135deg,var(--primary-color),#2563eb);box-shadow:0 6px 16px #3b82f666;color:#fff}.toast-alert{animation:slideInRight .5s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-left:4px solid;border-radius:var(--border-radius-lg);box-shadow:0 15px 35px #0000001a,0 5px 15px #00000012;max-width:420px;min-width:320px;overflow:hidden;position:fixed;right:var(--spacing-6);top:var(--spacing-6);z-index:10000}.toast-alert-content{align-items:flex-start;display:flex;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-5)}.toast-alert-icon{animation:bounceIn .6s ease .2s both;flex-shrink:0;font-size:22px;margin-top:2px}.toast-alert-text{flex:1 1;min-width:0}.toast-alert-title{color:var(--gray-900);font-size:var(--font-size-base);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--spacing-2) 0}.toast-alert-message{word-wrap:break-word;color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0}.toast-alert-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-400);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;margin-top:-2px;padding:var(--spacing-1);transition:all .3s ease;width:28px}.toast-alert-close:hover{background:#00000014;color:var(--gray-600);transform:scale(1.1)}.toast-alert.success{border-left-color:var(--success-color)}.toast-alert.success .toast-alert-icon{color:var(--success-color)}.toast-alert.error{border-left-color:var(--danger-color)}.toast-alert.error .toast-alert-icon{color:var(--danger-color)}.toast-alert.warning{border-left-color:var(--warning-color)}.toast-alert.warning .toast-alert-icon{color:var(--warning-color)}.toast-alert.info{border-left-color:var(--primary-color)}.toast-alert.info .toast-alert-icon{color:var(--primary-color)}.toast-alert-progress{animation:progressShrink 5s linear forwards;background:currentColor;bottom:0;height:3px;left:0;opacity:.3;position:absolute}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes progressShrink{0%{width:100%}to{width:0}}[data-theme=dark] .custom-alert{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .custom-alert-title{color:var(--gray-100)}[data-theme=dark] .custom-alert-message{color:var(--gray-300)}[data-theme=dark] .toast-alert{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .toast-alert-title{color:var(--gray-100)}[data-theme=dark] .toast-alert-message{color:var(--gray-300)}[data-theme=dark] .toast-alert-close{color:var(--gray-400)}[data-theme=dark] .toast-alert-close:hover{background:#ffffff1a;color:var(--gray-200)}@media (max-width:768px){.custom-alert-overlay{padding:var(--spacing-2)}.custom-alert{margin:0;max-height:calc(100vh - 1rem);max-width:100%;min-width:280px}.custom-alert-header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3)}.custom-alert-icon{font-size:30px;height:50px;margin-bottom:var(--spacing-2);width:50px}.custom-alert-icon:after{font-size:20px!important}.custom-alert-title{font-size:var(--font-size-lg)}.custom-alert-body{padding:0 var(--spacing-4) var(--spacing-3)}.custom-alert-message{font-size:var(--font-size-sm);line-height:1.5}.custom-alert-message strong{font-size:var(--font-size-base)}.custom-alert-footer{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4)}.custom-alert-button{font-size:var(--font-size-sm);min-width:80px;padding:var(--spacing-2) var(--spacing-4)}.toast-alert{left:var(--spacing-4);max-width:none;min-width:auto;right:var(--spacing-4);top:var(--spacing-4)}.toast-alert-content{gap:var(--spacing-3);padding:var(--spacing-4)}.toast-alert-icon{font-size:18px}.toast-alert-title{font-size:var(--font-size-sm)}.toast-alert-message{font-size:var(--font-size-xs)}}@media (max-width:480px){.custom-alert-overlay{padding:var(--spacing-1)}.custom-alert{max-height:calc(100vh - .5rem);min-width:260px}.custom-alert-header{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2)}.custom-alert-icon{font-size:24px;height:40px;margin-bottom:var(--spacing-2);width:40px}.custom-alert-title{font-size:var(--font-size-base)}.custom-alert-body{padding:0 var(--spacing-3) var(--spacing-2)}.custom-alert-message{font-size:var(--font-size-xs)}.custom-alert-footer{padding:var(--spacing-2) var(--spacing-3) var(--spacing-3)}.custom-alert-button{font-size:var(--font-size-xs);min-width:70px;padding:var(--spacing-2) var(--spacing-3)}}@media (prefers-contrast:high){.custom-alert{border:2px solid}.custom-alert.success{border-color:var(--success-color)}.custom-alert.error{border-color:var(--danger-color)}.custom-alert.warning{border-color:var(--warning-color)}.custom-alert.info{border-color:var(--primary-color)}.toast-alert{border:1px solid;border-left:4px solid}.toast-alert.success{border-color:var(--success-color)}.toast-alert.error{border-color:var(--danger-color)}.toast-alert.warning{border-color:var(--warning-color)}.toast-alert.info{border-color:var(--primary-color)}}@media (prefers-reduced-motion:reduce){.custom-alert,.custom-alert-overlay{animation:none}.custom-alert{transform:scale(1)}.custom-alert-icon,.custom-alert-icon:before,.toast-alert{animation:none}.toast-alert{transform:translateX(0)}.toast-alert-icon{animation:none}.toast-alert-progress{animation:progressShrink 5s linear forwards}}.payment-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:10000}.payment-popup{animation:slideIn .3s ease-out;background:#fff;border:2px solid #2c586e;border:2px solid var(--primary-color,#2c586e);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-width:450px;overflow:hidden;width:100%}.payment-popup-header{background:linear-gradient(135deg,#2c586e,#2b576d);background:linear-gradient(135deg,var(--primary-color,#2c586e),var(--primary-dark,#2b576d));border-bottom:1px solid #8da1af;border-bottom:1px solid var(--primary-light,#8da1af);color:#fff;flex-shrink:0;padding:var(--spacing-4);text-align:center}.payment-popup-header h3{font-size:var(--font-size-lg);font-weight:600;margin:0}.payment-popup-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-6);text-align:center}.payment-icon-container{margin-bottom:var(--spacing-6)}.payment-icon{animation:pulse 2s infinite;display:inline-block;font-size:4rem}.payment-message{margin-bottom:var(--spacing-6)}.payment-message h4{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-3) 0}.payment-instruction{color:var(--gray-600);font-size:var(--font-size-base);line-height:1.5;margin:0}.payment-progress-container{margin-bottom:var(--spacing-4)}.payment-progress-bar{background:var(--gray-200);border-radius:var(--border-radius-full);height:8px;margin-bottom:var(--spacing-3);overflow:hidden;width:100%}.payment-progress-fill{background:linear-gradient(90deg,#2c586e,#8da1af);background:linear-gradient(90deg,var(--primary-color,#2c586e),var(--primary-light,#8da1af));border-radius:var(--border-radius-full);height:100%;position:relative;transition:width .5s ease}.payment-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.payment-progress-text{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500}.payment-popup-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);flex-shrink:0;padding:var(--spacing-4);text-align:center}.payment-cancel-btn{background:#6b7280;background:var(--gray-500,#6b7280);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:500;min-width:140px;padding:var(--spacing-3) var(--spacing-8);transition:all .2s ease}.payment-cancel-btn.cancel-available{background:#dc3545;background:var(--danger-color,#dc3545);border:2px solid #dc3545;border:2px solid var(--danger-color,#dc3545);box-shadow:0 2px 4px #dc354533}.payment-cancel-btn.cancel-available:hover{background:#c82333;border-color:#bd2130;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-lg,0 4px 6px #0000001a);transform:translateY(-1px)}.payment-cancel-btn.cancel-disabled,.payment-cancel-btn:disabled{background:#d1d5db;background:var(--gray-300,#d1d5db);cursor:not-allowed;opacity:.6}.cancel-help-text{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.4;margin:var(--spacing-3) 0 0 0;text-align:center}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.payment-popup-overlay{padding:var(--spacing-2)}.payment-popup{max-height:calc(100vh - 1rem);max-width:100%;width:100%}.payment-popup-header{padding:var(--spacing-3)}.payment-popup-header h3{font-size:var(--font-size-base)}.payment-popup-body{padding:var(--spacing-4)}.payment-icon{font-size:3rem}.payment-popup-footer{padding:var(--spacing-3)}}@media (max-width:480px){.payment-popup-overlay{padding:var(--spacing-1)}.payment-popup{max-height:calc(100vh - .5rem)}.payment-popup-header{padding:var(--spacing-2)}.payment-popup-body{padding:var(--spacing-3)}.payment-icon{font-size:2.5rem}}.cash-calculator-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-3);position:fixed;right:0;top:0;z-index:10000}.cash-calculator{animation:slideUp .4s ease-out;background:#fff;background:var(--surface-color,#fff);border:2px solid #007bff;border:2px solid var(--primary-color,#007bff);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-width:600px;overflow:hidden;width:100%}.cash-calculator-header{background:linear-gradient(135deg,#28a745,#1e7e34);background:linear-gradient(135deg,var(--success-color,#28a745),var(--success-dark,#1e7e34));border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;color:#fff;flex-shrink:0;padding:var(--spacing-4);text-align:center}.cash-calculator-header h3{font-size:var(--font-size-xl);font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.cash-calculator-body{background:#fff;background:var(--surface-color,#fff);flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-6)}.order-summary{background:#f8f9fa;background:var(--gray-50,#f8f9fa);border:2px solid #007bff;border:2px solid var(--primary-color,#007bff);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.order-total{align-items:center;display:flex;font-size:var(--font-size-xl);font-weight:700;justify-content:space-between}.order-total .label{color:#333;color:var(--text-color,#333)}.order-total .amount{color:#007bff;color:var(--primary-color,#007bff);font-size:var(--font-size-2xl)}.amount-input-section{margin-bottom:var(--spacing-6)}.amount-input-section label{color:#333;color:var(--text-color,#333);display:block;font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2)}.amount-input-container{align-items:center;background:#fff;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:var(--border-radius-lg);display:flex;overflow:hidden;position:relative;transition:all .3s ease}.amount-input-container:focus-within{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 3px #007bff1a}.currency-symbol{background:#f1f3f4;background:var(--gray-100,#f1f3f4);border-right:1px solid #dee2e6;border-right:1px solid var(--border-color,#dee2e6);font-weight:700}.amount-input,.currency-symbol{color:#333;color:var(--text-color,#333);font-size:var(--font-size-xl);padding:var(--spacing-4)}.amount-input{background:#0000;border:none;flex:1 1;font-weight:600;outline:none}.amount-input::placeholder{color:#9ca3af;color:var(--gray-400,#9ca3af)}.error-message{color:#dc3545;color:var(--danger-color,#dc3545);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-2)}.quick-amounts{margin-bottom:var(--spacing-6)}.quick-amounts-label{color:#333;color:var(--text-color,#333);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-3)}.quick-amount-buttons{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.quick-amount-btn{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease}.quick-amount-btn:hover{background:#0056b3;background:var(--primary-dark,#0056b3);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-amount-btn:active{transform:translateY(0)}.calculator-keypad{background:#f8f9fa;background:var(--gray-50,#f8f9fa);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.keypad-row{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-3)}.keypad-row:last-child{margin-bottom:0}.keypad-btn{align-items:center;background:#fff;border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:600;justify-content:center;min-height:60px;padding:var(--spacing-4);transition:all .2s ease}.keypad-btn:hover{background:#007bff;background:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.keypad-btn:active{transform:translateY(0)}.keypad-zero{grid-column:span 1}.keypad-clear{background:#ffc107;background:var(--warning-color,#ffc107);color:#d39e00;color:var(--warning-dark,#d39e00);font-weight:700;grid-column:span 3}.keypad-clear:hover{background:#d39e00;background:var(--warning-dark,#d39e00);color:#fff}.keypad-backspace{background:#e9ecef;background:var(--gray-200,#e9ecef);color:#495057;color:var(--gray-700,#495057)}.keypad-backspace:hover{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff}.change-calculation{background:linear-gradient(135deg,#d4edda,#28a745);background:linear-gradient(135deg,var(--success-light,#d4edda),var(--success-color,#28a745));border:2px solid #28a745;border:2px solid var(--success-color,#28a745);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.change-summary{color:#155724;color:var(--success-dark,#155724)}.change-row{align-items:center;display:flex;font-size:var(--font-size-lg);font-weight:600;justify-content:space-between;padding:var(--spacing-2) 0}.change-row:not(:last-child){border-bottom:1px solid #15572433}.change-result{border-top:2px solid #28a745;border-top:2px solid var(--success-color,#28a745);font-size:var(--font-size-xl);font-weight:700;margin-top:var(--spacing-2);padding-top:var(--spacing-4)}.amount-received{color:#155724;color:var(--success-dark,#155724)}.order-total-amount{color:#dc3545;color:var(--danger-color,#dc3545)}.change-amount.sufficient{color:#28a745;color:var(--success-color,#28a745);font-size:var(--font-size-2xl)}.change-amount.insufficient{color:#dc3545;color:var(--danger-color,#dc3545);font-size:var(--font-size-2xl)}.cash-calculator-footer{background:#f8f9fa;background:var(--gray-50,#f8f9fa);border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color,#dee2e6);display:flex;flex-shrink:0;gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-4)}.calculator-cancel-btn{background:#6c757d;background:var(--gray-500,#6c757d);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;flex:0 0 auto;font-size:var(--font-size-lg);font-weight:600;min-width:120px;padding:var(--spacing-4) var(--spacing-6);transition:all .2s ease}.calculator-cancel-btn:hover{background:#5a6268;background:var(--gray-600,#5a6268);transform:translateY(-1px)}.calculator-complete-btn{background:#28a745;background:var(--success-color,#28a745);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;flex:1 1;font-size:var(--font-size-lg);font-weight:700;min-height:50px;padding:var(--spacing-4) var(--spacing-6);transition:all .2s ease}.calculator-complete-btn.enabled:hover{background:#1e7e34;background:var(--success-dark,#1e7e34);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.calculator-complete-btn.disabled,.calculator-complete-btn:disabled{background:#d1ecf1;background:var(--gray-300,#d1ecf1);box-shadow:none;color:#6c757d;color:var(--gray-500,#6c757d);cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.cash-calculator-overlay{padding:var(--spacing-2)}.cash-calculator{max-height:calc(100vh - 1rem);max-width:none;width:100%}.cash-calculator-header{padding:var(--spacing-3)}.cash-calculator-header h3{font-size:var(--font-size-lg)}.cash-calculator-body{padding:var(--spacing-4)}.quick-amount-buttons{gap:var(--spacing-2);grid-template-columns:repeat(3,1fr)}.keypad-btn{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-2)}.cash-calculator-footer{flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3)}.calculator-cancel-btn,.calculator-complete-btn{font-size:var(--font-size-base);min-width:auto;padding:var(--spacing-3) var(--spacing-4)}}@media (max-width:480px){.cash-calculator-overlay{padding:var(--spacing-1)}.cash-calculator{max-height:calc(100vh - .5rem)}.cash-calculator-header{padding:var(--spacing-2)}.cash-calculator-header h3{font-size:var(--font-size-base)}.cash-calculator-body{padding:var(--spacing-3)}.quick-amount-buttons{grid-template-columns:repeat(2,1fr)}.keypad-btn{font-size:var(--font-size-sm);min-height:40px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.discount-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.discount-role-btn{position:relative}.discount-role-btn:before{background:linear-gradient(45deg,#0000 48%,#ffffff1a 50%,#0000 52%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.discount-role-btn:hover:before{opacity:1}.discount-controls .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,#4f46e5 100%);border:none;box-shadow:0 2px 4px #4f46e533;color:#fff;text-shadow:0 1px 2px #0000001a}.discount-controls .btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 8px #4f46e54d;transform:translateY(-1px)}.discount-controls .btn-primary:disabled{background:var(--gray-300);box-shadow:none;transform:none}.discount-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:var(--border-radius);margin-bottom:var(--spacing-3);overflow:hidden;padding:var(--spacing-3);position:relative}.discount-summary:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0ea5e9,#3b82f6,#8b5cf6,#0ea5e9);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inventory-manager-popup{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px #00000026;max-height:85vh;max-width:800px;overflow:hidden;position:relative;width:90%}.inventory-manager-btn{transition:all .3s ease}.inventory-manager-btn:hover{box-shadow:0 8px 20px #667eea80!important;transform:translateY(-3px)!important}.inventory-manager-btn:active{box-shadow:0 4px 12px #667eea66!important;transform:translateY(-1px)!important}.inventory-item-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;padding:var(--spacing-3);transition:all .3s ease}.inventory-item-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.inventory-quantity-input{border:2px solid var(--border-color);border-radius:6px;font-weight:600;padding:6px 10px;text-align:center;transition:all .3s ease;width:80px}.inventory-quantity-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.inventory-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .3s ease}.inventory-action-btn:hover{transform:scale(1.05)}.inventory-edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.inventory-edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d}.inventory-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.inventory-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.inventory-form-field{margin-bottom:var(--spacing-4)}.inventory-form-label{color:var(--text-color);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:8px}.inventory-form-input{background:var(--input-background);border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-color);font-size:var(--font-size-base);padding:12px 16px;transition:all .3s ease;width:100%}.inventory-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f61a;outline:none}.inventory-form-input::placeholder{color:var(--text-secondary)}.inventory-form-textarea{font-family:inherit;min-height:80px;resize:vertical}.inventory-form-grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:1fr 1fr}@media (max-width:640px){.inventory-form-grid{grid-template-columns:1fr}.inventory-manager-popup{margin:20px;width:95%}}.animate-slide-up{animation:slideUpInventory .4s cubic-bezier(.34,1.56,.64,1)}.animate-fade-in{animation:fadeInOverlay .3s ease}@keyframes slideUpInventory{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.discount-popup-overlay,.modal-overlay{align-items:center;animation:fadeInOverlay .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-3);position:fixed;right:0;top:0;z-index:10000}.discount-popup,.inventory-manager-popup,.modal,.other-product-calculator{animation:slideUpInventory .3s ease-out;background:#fff;background:var(--background-primary,#fff);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:hidden;width:100%}.popup-small{max-width:400px}.popup-medium{max-width:600px}.popup-large{max-width:800px}.popup-xlarge{max-width:1000px}.modal-header,.popup-header{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:var(--spacing-4)}.modal-title,.popup-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.modal-body,.popup-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-4)}.modal-footer,.popup-footer{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4)}.modal-body input,.modal-body select,.modal-body textarea,.popup-body input,.popup-body select,.popup-body textarea{border:2px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;font-size:var(--font-size-base);padding:var(--spacing-3);transition:border-color .2s ease;width:100%}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus,.popup-body input:focus,.popup-body select:focus,.popup-body textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:768px){.discount-popup-overlay,.modal-overlay{padding:var(--spacing-2)}.discount-popup,.inventory-manager-popup,.modal,.other-product-calculator{max-height:calc(100vh - 1rem);max-width:100%;width:100%}.modal-header,.popup-header{padding:var(--spacing-3)}.modal-title,.popup-header h3{font-size:var(--font-size-base)}.modal-body,.popup-body{padding:var(--spacing-3)}.modal-footer,.popup-footer{flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3)}.modal-footer button,.popup-footer button{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);width:100%}.discount-options{gap:var(--spacing-2)!important;grid-template-columns:1fr!important}.discount-role-btn{padding:var(--spacing-3)!important}.discount-role-btn>div:first-child{font-size:var(--font-size-lg)!important}.discount-role-btn>div:last-child{font-size:var(--font-size-sm)!important}}@media (max-width:480px){.discount-popup-overlay,.modal-overlay{padding:var(--spacing-1)}.discount-popup,.inventory-manager-popup,.modal,.other-product-calculator{max-height:calc(100vh - .5rem)}.modal-header,.popup-header{padding:var(--spacing-2)}.modal-title,.popup-header h3{font-size:var(--font-size-sm)}.modal-body,.modal-footer,.popup-body,.popup-footer{padding:var(--spacing-2)}.modal-body input,.modal-body textarea,.popup-body input,.popup-body textarea{font-size:var(--font-size-sm);padding:var(--spacing-2)}[style*="grid-template-columns: repeat(auto-fit, minmax(60px, 1fr))"]{grid-template-columns:repeat(3,1fr)!important}.modal-footer button,.popup-footer button{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}}@media (hover:none) and (pointer:coarse){.custom-alert-button,.modal-footer button,.payment-cancel-btn,.popup-footer button{min-height:44px;touch-action:manipulation}.discount-role-btn{min-height:60px;touch-action:manipulation}.modal-body input,.modal-body textarea,.popup-body input,.popup-body textarea{min-height:44px;touch-action:manipulation}}@media (max-width:768px) and (orientation:landscape){.cash-calculator,.custom-alert,.discount-popup,.other-product-calculator,.payment-popup{max-height:calc(100vh - 1rem)}.cash-calculator-body,.custom-alert-body,.modal-body,.payment-popup-body,.popup-body{-webkit-overflow-scrolling:touch;overflow-y:auto}}:root,[data-theme=light]{--primary-color:#2c586e;--primary-light:#8da1af;--primary-dark:#2b576d;--secondary-color:#dd9f52;--secondary-light:#dcc894;--accent-color:#dd9f52;--danger-color:#dc3545;--warning-color:#dd9f52;--success-color:#28a745;--background-primary:#fff;--background-secondary:#f5f5f5;--background-tertiary:#e8e8e8;--text-primary:#1a1a1a;--text-secondary:#3a3a3a;--text-muted:#5a5a5a;--border-color:silver;--border-light:#d4d4d4;--border-dark:#909090;--gray-50:#f5f5f5;--gray-100:#e8e8e8;--gray-200:#d0d0d0;--gray-300:#b8b8b8;--gray-400:#a0a0a0;--gray-500:#5a5a5a;--gray-600:#3a3a3a;--gray-700:#2a2a2a;--gray-800:#1a1a1a;--gray-900:#0a0a0a;--card-background:#fff;--card-shadow:0 4px 6px #2c586e26;--hover-background:#f0f0f0;--hover-shadow:0 8px 15px #2c586e33}[data-theme=dark]{--primary-color:#93b3c7;--primary-light:#bed0db;--primary-dark:#2c586e;--secondary-color:#e6d4a3;--secondary-light:#dd9f52;--accent-color:#e6d4a3;--danger-color:#f87171;--warning-color:#fbbf24;--success-color:#34d399;--background-primary:#111827;--background-secondary:#1f2937;--background-tertiary:#374151;--text-primary:#fff;--text-secondary:#f3f4f6;--text-muted:#d1d5db;--border-color:#6b7280;--border-light:#4b5563;--border-dark:#9ca3af;--gray-50:#fff;--gray-100:#f9fafb;--gray-200:#f3f4f6;--gray-300:#e5e7eb;--gray-400:#d1d5db;--gray-500:#9ca3af;--gray-600:#6b7280;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--card-background:#111827;--card-shadow:0 4px 6px #00000080;--hover-background:#1f2937;--hover-shadow:0 8px 15px #0009}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[data-theme=dark] body{background-color:#0a0a0a!important;background-color:var(--gray-900)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .app{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)!important;background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%)!important}[data-theme=dark] .products-section,[data-theme=dark] .search-section{box-shadow:0 4px 12px #0006!important}[data-theme=dark] .product,[data-theme=dark] .products-section,[data-theme=dark] .search-section{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .product{box-shadow:0 2px 6px #0000004d!important}[data-theme=dark] .product:hover{background:#f0f0f0!important;background:var(--hover-background)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important;box-shadow:0 6px 16px #93b3c74d!important}[data-theme=dark] .products-title,[data-theme=dark] .search-input,[data-theme=dark] .search-title,[data-theme=dark] input{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .search-input,[data-theme=dark] input{background:#f5f5f5!important;background:var(--background-secondary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:inset 0 2px 4px #0000004d!important}[data-theme=dark] .cart-header h3,[data-theme=dark] .cart-header span,[data-theme=dark] .cart-item,[data-theme=dark] .cart-item-name,[data-theme=dark] .cart-item-price,[data-theme=dark] .cart-title,[data-theme=dark] .cart-total,[data-theme=dark] .price,[data-theme=dark] .product-name,[data-theme=dark] .product-price,[data-theme=dark] .product-stock,[data-theme=dark] .products-title,[data-theme=dark] .search-title,[data-theme=dark] .section-title,[data-theme=dark] .text,[data-theme=dark] .total-label,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] label,[data-theme=dark] p,[data-theme=dark] span{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .quantity-input,[data-theme=dark] .search-input,[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] input[type=text]{background:#111827!important;border:2px solid #6b7280!important;box-shadow:inset 0 2px 4px #00000080!important;color:#fff!important}[data-theme=dark] .search-input:focus,[data-theme=dark] input:focus{box-shadow:0 0 0 3px #93b3c74d!important}[data-theme=dark] .search-input::placeholder,[data-theme=dark] input::placeholder{opacity:.9!important}[data-theme=dark] .search-input:focus,[data-theme=dark] input:focus{background:#fff!important;background:var(--background-primary)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important}[data-theme=dark] .search-input::placeholder,[data-theme=dark] input::placeholder{color:#5a5a5a!important;color:var(--text-muted)!important}[data-theme=light] .cart-header h3,[data-theme=light] .cart-header span,[data-theme=light] .cart-item,[data-theme=light] .cart-item-name,[data-theme=light] .cart-item-price,[data-theme=light] .cart-title,[data-theme=light] .cart-total,[data-theme=light] .price,[data-theme=light] .product-name,[data-theme=light] .product-price,[data-theme=light] .product-stock,[data-theme=light] .products-title,[data-theme=light] .search-title,[data-theme=light] .section-title,[data-theme=light] .text,[data-theme=light] .total-label,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] label,[data-theme=light] p,[data-theme=light] span{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=light] .quantity-input,[data-theme=light] .search-input,[data-theme=light] input[type=number],[data-theme=light] input[type=search],[data-theme=light] input[type=text]{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:inset 0 1px 3px #0000001a!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=light] .search-input:focus,[data-theme=light] input:focus{border-color:#2c586e!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #2c586e33!important}[data-theme=light] .search-input::placeholder,[data-theme=light] input::placeholder{color:#5a5a5a!important;color:var(--text-muted)!important;opacity:.8!important}[data-theme=light] .products-section,[data-theme=light] .search-section{box-shadow:0 2px 4px #0000001a!important}[data-theme=light] .product,[data-theme=light] .products-section,[data-theme=light] .search-section{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=light] .product{box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .product:hover{background:#f0f0f0!important;background:var(--hover-background)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important;box-shadow:0 4px 8px #2c586e26!important}.theme-toggle-container{position:fixed;right:20px;top:20px;z-index:1000}.theme-toggle{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:disabled{cursor:not-allowed;opacity:.7}.toggle-track{background:#f5f5f5;background:var(--background-secondary);border:2px solid silver;border:2px solid var(--border-color);border-radius:15px;height:30px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.theme-toggle.dark .toggle-track{background:#fff;background:var(--background-primary);border-color:silver;border-color:var(--border-color)}.toggle-icons{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;padding:0 6px;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.icon-dark,.icon-light{font-size:12px;transition:opacity .3s ease}.theme-toggle.dark .icon-light,.theme-toggle.light .icon-dark{opacity:.3}.toggle-thumb{background:#fff;background:var(--background-primary);border-radius:50%;box-shadow:0 2px 4px #2c586e4d;height:22px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px;z-index:2}.toggle-thumb.light{background:linear-gradient(135deg,#dcc894,#dd9f52);background:linear-gradient(135deg,var(--secondary-light),var(--secondary-color));left:2px}.toggle-thumb.dark{background:linear-gradient(135deg,#8da1af,#2c586e);background:linear-gradient(135deg,var(--primary-light),var(--primary-color));left:32px}.theme-toggle.animating .toggle-thumb{transition-duration:.4s}@media print{[data-theme]{--primary-color:#000;--secondary-color:#000;--accent-color:#000;--background-primary:#fff;--background-secondary:#fff;--background-tertiary:#fff;--text-primary:#000;--text-secondary:#000;--text-muted:#666;--border-color:#000;--shadow:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}[data-theme=dark] ::-webkit-scrollbar-track{background:#f5f5f5;background:var(--background-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:silver;background:var(--border-color)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#909090;background:var(--border-dark)}[data-theme=light] ::-webkit-scrollbar-track{background:#e8e8e8;background:var(--background-tertiary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:silver;background:var(--border-color)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#909090;background:var(--border-dark)}[data-theme=dark] ::selection{background-color:#2c586e;background-color:var(--primary-color);color:#1a1a1a;color:var(--text-primary)}[data-theme=light] ::selection{background-color:#2c586e;background-color:var(--primary-color);color:#fff}[data-theme=light] ::-moz-selection{background-color:#2c586e;background-color:var(--primary-color);color:#fff}[data-theme=dark] .cart{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 6px 20px #00000080!important}[data-theme=dark] .cart-header{background:#f5f5f5!important;background:var(--background-secondary)!important;border-bottom:2px solid silver!important;border-bottom:2px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .cart-header:before{background:linear-gradient(90deg,#2c586e,#dd9f52)!important;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))!important}[data-theme=dark] .cart-title{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .cart-count{background:linear-gradient(135deg,#2c586e,#8da1af)!important;background:linear-gradient(135deg,var(--primary-color),var(--primary-light))!important;box-shadow:0 2px 4px #0000004d!important;color:#0a0a0a!important;color:var(--gray-900)!important}[data-theme=dark] .cart-items{background:#fff!important;background:var(--background-primary)!important}[data-theme=dark] .cart-items::-webkit-scrollbar{background:#f5f5f5!important;background:var(--background-secondary)!important}[data-theme=dark] .cart-items::-webkit-scrollbar-track{background:#e8e8e8!important;background:var(--background-tertiary)!important}[data-theme=dark] .cart-items::-webkit-scrollbar-thumb{background:#909090!important;background:var(--border-dark)!important}[data-theme=dark] .cart-items::-webkit-scrollbar-thumb:hover{background:#5a5a5a!important;background:var(--text-muted)!important}[data-theme=dark] .cart-total-section{background:#e8e8e8!important;background:var(--background-tertiary)!important;border-bottom:2px solid silver!important;border-bottom:2px solid var(--border-color)!important;border-top:2px solid silver!important;border-top:2px solid var(--border-color)!important}[data-theme=dark] .cart-total{border:2px solid #909090!important;border:2px solid var(--border-dark)!important;box-shadow:0 2px 8px #0006!important;color:#1a1a1a!important;color:var(--text-primary)!important;font-weight:600!important}[data-theme=dark] .cart-item,[data-theme=dark] .cart-total{background:#fff!important;background:var(--background-primary)!important}[data-theme=dark] .cart-item{border-bottom:1px solid silver!important;border-bottom:1px solid var(--border-color)!important}[data-theme=dark] .cart-item:hover{background:#f5f5f5!important;background:var(--background-secondary)!important;border-color:#909090!important;border-color:var(--border-dark)!important}[data-theme=dark] .cart-item-controls,[data-theme=dark] .cart-item-info{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .quantity-input{background-color:#111827!important;border:2px solid #6b7280!important;box-shadow:inset 0 2px 4px #00000080!important;color:#fff!important}[data-theme=dark] .quantity-input:focus{background-color:#0f172a!important;border:2px solid #93b3c7!important;box-shadow:0 0 0 3px #93b3c74d!important;color:#fff!important;outline:none!important}[data-theme=dark] .discount-summary{background:linear-gradient(135deg,#1f2937,#111827)!important;border:2px solid #34d399!important}[data-theme=dark] .cart-empty,[data-theme=dark] .cart-empty small,[data-theme=dark] .cart-header h3,[data-theme=dark] .cart-header span,[data-theme=dark] .cart-item,[data-theme=dark] .cart-item *,[data-theme=dark] .cart-item-details,[data-theme=dark] .cart-item-name,[data-theme=dark] .cart-item-price,[data-theme=dark] .cart-total-text,[data-theme=dark] .discount-summary,[data-theme=dark] .discount-summary span{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .cart-item-name{font-size:var(--font-size-sm)!important;font-weight:500!important}[data-theme=dark] .cart-item-price{color:#dd9f52!important;color:var(--secondary-color)!important;font-size:var(--font-size-sm)!important;font-weight:600!important}[data-theme=dark] .delete-item-btn{color:#fff!important}[data-theme=dark] .delete-item-btn:hover{background:#ef4444!important}[data-theme=light] .cart{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 4px 12px #0000001a!important}[data-theme=light] .cart-header{background:#f5f5f5!important;background:var(--background-secondary)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=light] .cart-header,[data-theme=light] .cart-total-section{border-bottom:2px solid silver!important;border-bottom:2px solid var(--border-color)!important}[data-theme=light] .cart-total-section{background:#e8e8e8!important;background:var(--background-tertiary)!important;border-top:2px solid silver!important;border-top:2px solid var(--border-color)!important}[data-theme=light] .cart-total{background:#fff!important;background:var(--background-primary)!important;border:2px solid #909090!important;border:2px solid var(--border-dark)!important;font-weight:600!important}[data-theme=light] .cart-empty,[data-theme=light] .cart-empty small,[data-theme=light] .cart-header h3,[data-theme=light] .cart-header span,[data-theme=light] .cart-item,[data-theme=light] .cart-item *,[data-theme=light] .cart-item-details,[data-theme=light] .cart-item-name,[data-theme=light] .cart-item-price,[data-theme=light] .cart-total,[data-theme=light] .cart-total-text{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=light] .cart-item{background:#fff!important;background:var(--background-primary)!important;border-bottom:1px solid silver!important;border-bottom:1px solid var(--border-color)!important}[data-theme=light] .cart-item:hover{background:#f0f0f0!important;background:var(--hover-background)!important;border-color:#909090!important;border-color:var(--border-dark)!important}[data-theme=light] .cart-item-name{font-size:var(--font-size-sm)!important;font-weight:500!important}[data-theme=light] .cart-item-price{color:#dd9f52!important;color:var(--secondary-color)!important;font-size:var(--font-size-sm)!important;font-weight:600!important}[data-theme=light] .delete-item-btn{background:#dc3545!important;background:var(--danger-color)!important;color:#fff!important}[data-theme=light] .delete-item-btn:hover{background:#dc2626!important}[data-theme=dark] .checkout-button,[data-theme=dark] button{background:#f5f5f5!important;background:var(--background-secondary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 2px 6px #0000004d!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .checkout-button:hover,[data-theme=dark] button:hover{background:#e8e8e8!important;background:var(--background-tertiary)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #93b3c74d!important}[data-theme=dark] .checkout-buttons{background:#0000!important}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#2c586e,#8da1af)!important;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important;color:#0a0a0a!important;color:var(--gray-900)!important}[data-theme=dark] .btn-primary:hover{background:linear-gradient(135deg,#8da1af,#2c586e)!important;background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-color) 100%)!important;box-shadow:0 8px 16px #93b3c766!important}[data-theme=dark] .btn-success{background:linear-gradient(135deg,#28a745,#dd9f52)!important;background:linear-gradient(135deg,var(--success-color) 0,var(--secondary-color) 100%)!important;border-color:#28a745!important;border-color:var(--success-color)!important;color:#0a0a0a!important;color:var(--gray-900)!important}[data-theme=dark] .btn-success:hover{background:linear-gradient(135deg,#34d399,#e6d4a3)!important;box-shadow:0 8px 16px #34d39966!important}[data-theme=dark] .btn-secondary{background:#e8e8e8!important;background:var(--background-tertiary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .btn-secondary:hover{background:#f5f5f5!important;background:var(--background-secondary)!important;border-color:#909090!important;border-color:var(--border-dark)!important}[data-theme=dark] .btn-warning{background:linear-gradient(135deg,#dd9f52,#f59e0b)!important;background:linear-gradient(135deg,var(--warning-color) 0,#f59e0b 100%)!important;border-color:#dd9f52!important;border-color:var(--warning-color)!important;color:#0a0a0a!important;color:var(--gray-900)!important}[data-theme=dark] .btn-warning:hover{background:linear-gradient(135deg,#fbbf24,#dd9f52)!important;background:linear-gradient(135deg,#fbbf24 0,var(--warning-color) 100%)!important}[data-theme=dark] .btn-danger{background:linear-gradient(135deg,#dc3545,#ef4444)!important;background:linear-gradient(135deg,var(--danger-color) 0,#ef4444 100%)!important;border-color:#dc3545!important;border-color:var(--danger-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .btn-danger:hover{background:linear-gradient(135deg,#f87171,#dc3545)!important;background:linear-gradient(135deg,#f87171 0,var(--danger-color) 100%)!important}[data-theme=dark] button:disabled{background:#f5f5f5!important;background:var(--background-secondary)!important;border-color:silver!important;border-color:var(--border-color)!important;color:#5a5a5a!important;color:var(--text-muted)!important;opacity:.6!important}[data-theme=light] .checkout-button,[data-theme=light] button{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 2px 4px #0000001a!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=light] .checkout-button:hover,[data-theme=light] button:hover{background:#f0f0f0!important;background:var(--hover-background)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important;box-shadow:0 4px 8px #2c586e26!important}[data-theme=light] .btn-primary{background:#2c586e!important;background:var(--primary-color)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important;color:#fff!important}[data-theme=light] .btn-success{background:#28a745!important;background:var(--success-color)!important;border-color:#28a745!important;border-color:var(--success-color)!important;color:#fff!important}[data-theme=light] ::-webkit-scrollbar{background:#f5f5f5!important;background:var(--background-secondary)!important;width:8px!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#909090!important;background:var(--border-dark)!important;border-radius:4px!important}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#5a5a5a!important;background:var(--text-muted)!important}[data-theme=light] ::-webkit-scrollbar-track{background:#e8e8e8!important;background:var(--background-tertiary)!important}[data-theme=dark] .cart-count,[data-theme=dark] .products-count,[data-theme=light] .cart-count,[data-theme=light] .products-count{color:#fff!important}[data-theme=dark] .cart-title,[data-theme=dark] .products-title,[data-theme=dark] .search-title{color:#1a1a1a!important;color:var(--text-primary)!important;font-weight:600!important;text-shadow:0 1px 2px #00000080!important}[data-theme=dark] .product-name{color:#1a1a1a!important;color:var(--text-primary)!important;font-weight:500!important}[data-theme=dark] .product-price{color:#dd9f52!important;color:var(--secondary-color)!important;font-weight:600!important}[data-theme=dark] .product-stock{color:#3a3a3a!important;color:var(--text-secondary)!important;opacity:1!important}[data-theme=light] .cart-title,[data-theme=light] .products-title,[data-theme=light] .search-title{color:#1a1a1a!important;color:var(--text-primary)!important;font-weight:600!important;text-shadow:none!important}[data-theme=light] .product-name{color:#1a1a1a!important;color:var(--text-primary)!important;font-weight:500!important}[data-theme=light] .product-price{color:#dd9f52!important;color:var(--secondary-color)!important;font-weight:600!important}[data-theme=light] .product-stock{color:#3a3a3a!important;color:var(--text-secondary)!important;opacity:.9!important}[data-theme=dark] ::-webkit-scrollbar{background:#f5f5f5!important;background:var(--background-secondary)!important;width:8px!important}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#909090!important;background:var(--border-dark)!important;border-radius:4px!important}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5a5a5a!important;background:var(--text-muted)!important}[data-theme=dark] ::-webkit-scrollbar-track{background:#fff!important;background:var(--background-primary)!important}[data-theme=dark] .custom-alert{box-shadow:0 8px 32px #0009!important}[data-theme=dark] .custom-alert,[data-theme=dark] .custom-alert div,[data-theme=dark] .custom-alert h3,[data-theme=dark] .custom-alert h4,[data-theme=dark] .custom-alert p,[data-theme=dark] .custom-alert span{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .custom-alert .alert-content,[data-theme=dark] .custom-confirm{background:#fff!important;background:var(--background-primary)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .custom-confirm{border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 8px 32px #0009!important}[data-theme=dark] .custom-confirm div,[data-theme=dark] .custom-confirm h3,[data-theme=dark] .custom-confirm h4,[data-theme=dark] .custom-confirm p,[data-theme=dark] .custom-confirm span{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .modal-overlay{background:#000c!important}[data-theme=dark] .modal-content{background:#fff!important;background:var(--background-primary)!important}[data-theme=dark] .modal-content,[data-theme=dark] .payment-popup{border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 8px 32px #0009!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .cash-calculator,[data-theme=dark] .payment-popup div,[data-theme=dark] .payment-popup h3,[data-theme=dark] .payment-popup h4,[data-theme=dark] .payment-popup label,[data-theme=dark] .payment-popup p,[data-theme=dark] .payment-popup span{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .cash-calculator{box-shadow:0 8px 32px #0009!important}[data-theme=dark] .cash-calculator div,[data-theme=dark] .cash-calculator h3,[data-theme=dark] .cash-calculator h4,[data-theme=dark] .cash-calculator label,[data-theme=dark] .cash-calculator p,[data-theme=dark] .cash-calculator span{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .calculator-buttons button,[data-theme=dark] .calculator-display{background:#f5f5f5!important;background:var(--background-secondary)!important;border:1px solid silver!important;border:1px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .calculator-buttons button:hover{background:#e8e8e8!important;background:var(--background-tertiary)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important}[data-theme=dark] .discount-display,[data-theme=dark] .discount-info,[data-theme=dark] .discount-section{background:#fff!important;background:var(--background-primary)!important;border:1px solid silver!important;border:1px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .discount-amount,[data-theme=dark] .payment-total,[data-theme=dark] .subtotal,[data-theme=dark] .total-amount{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .status-bar{border:1px solid silver!important;border:1px solid var(--border-color)!important}[data-theme=dark] .status-item,[data-theme=dark] option{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .cart-empty,[data-theme=dark] option{background:#f5f5f5!important;background:var(--background-secondary)!important}[data-theme=dark] .cart-empty{border:1px solid silver!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;padding:var(--spacing-4)!important}[data-theme=dark] .cart-empty,[data-theme=dark] .cart-empty small{color:#5a5a5a!important;color:var(--text-muted)!important}[data-theme=dark] .products-count{background:linear-gradient(135deg,#2c586e,#8da1af)!important;background:linear-gradient(135deg,var(--primary-color),var(--primary-light))!important;color:#0a0a0a!important;color:var(--gray-900)!important}[data-theme=dark] .section-divider{border-color:silver!important;border-color:var(--border-color)!important}[data-theme=dark] table{background:#fff!important;background:var(--background-primary)!important;border:1px solid silver!important;border:1px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] th,[data-theme=dark] tr:hover{background:#f5f5f5!important;background:var(--background-secondary)!important}[data-theme=dark] .delete-item-btn{background:#dc3545!important;background:var(--danger-color)!important;border:1px solid #dc3545!important;border:1px solid var(--danger-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .delete-item-btn:hover{background:#f87171!important;box-shadow:0 4px 8px #f871714d!important}[data-theme=dark] div[style*="position: fixed"],[data-theme=dark] div[style*=background],[data-theme=dark] div[style*=z-index]{border:2px solid silver!important;border:2px solid var(--border-color)!important}[data-theme=dark] div[style*="background-color: #fff"],[data-theme=dark] div[style*="background-color: white"],[data-theme=dark] div[style*="background: #fff"],[data-theme=dark] div[style*="background: white"],[data-theme=dark] div[style*="position: fixed"],[data-theme=dark] div[style*=background],[data-theme=dark] div[style*=z-index]{background:#fff!important;background:var(--background-primary)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] div[style*="color: #000"],[data-theme=dark] div[style*="color: #333"],[data-theme=dark] div[style*="color: black"]{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] div[style*="background-color: rgba(0, 0, 0, 0.5)"], [data-theme=dark] div[style*="background: rgba(0, 0, 0, 0.5)"]{background:#000c!important}[data-theme=dark] .amount-display,[data-theme=dark] .currency-display,[data-theme=dark] .price-display{color:#dd9f52!important;color:var(--secondary-color)!important;font-weight:600!important}[data-theme=dark] .field-label,[data-theme=dark] .form-label,[data-theme=dark] .label{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .divider,[data-theme=dark] hr{background:silver!important;background:var(--border-color)!important;border-color:silver!important;border-color:var(--border-color)!important}[data-theme=dark] b,[data-theme=dark] em,[data-theme=dark] i,[data-theme=dark] li,[data-theme=dark] ol,[data-theme=dark] strong,[data-theme=dark] ul{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .container,[data-theme=dark] .content,[data-theme=dark] .main,[data-theme=dark] .wrapper{background:#fff!important;background:var(--background-primary)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .custom-confirm-dialog{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 20px 60px #000c!important}[data-theme=dark] .custom-confirm-dialog>div:first-child{background:linear-gradient(135deg,#dc3545,#dc2626)!important;background:linear-gradient(135deg,var(--danger-color) 0,#dc2626 100%)!important}[data-theme=dark] .custom-confirm-dialog>div:nth-child(2){background:#fff!important;background:var(--background-primary)!important}[data-theme=dark] .custom-confirm-dialog>div:nth-child(2),[data-theme=dark] .custom-confirm-dialog>div:nth-child(2)>div{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .custom-confirm-dialog>div:last-child{background:#f5f5f5!important;background:var(--background-secondary)!important;border-top:1px solid silver!important;border-top:1px solid var(--border-color)!important}[data-theme=dark] .custom-confirm-dialog button{background:#e8e8e8!important;background:var(--background-tertiary)!important;border-color:silver!important;border-color:var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .custom-confirm-dialog button:last-child{background:#dc3545!important;background:var(--danger-color)!important;color:#fff!important}[data-theme=dark] .payment-popup{background:#fff!important;background:var(--background-primary)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important;box-shadow:0 20px 60px #000c!important}[data-theme=dark] .payment-popup-header{background:linear-gradient(135deg,#2c586e,#2b576d)!important;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))!important;border-bottom-color:silver!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .payment-popup-body{background:#fff!important;background:var(--background-primary)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .payment-popup-footer{background:#f5f5f5!important;background:var(--background-secondary)!important;border-top-color:silver!important;border-top-color:var(--border-color)!important}[data-theme=dark] .payment-popup-footer button{background:#e8e8e8!important;background:var(--background-tertiary)!important;border-color:silver!important;border-color:var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .modal{background:#fff!important;background:var(--background-primary)!important;box-shadow:0 20px 60px #000c!important}[data-theme=dark] .modal-header{background:#f5f5f5!important;background:var(--background-secondary)!important;border-bottom-color:silver!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .modal-title{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .modal-close{color:#5a5a5a!important;color:var(--text-muted)!important}[data-theme=dark] .modal-close:hover{background:#e8e8e8!important;background:var(--background-tertiary)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .modal-body{background:#fff!important;background:var(--background-primary)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .modal-footer{background:#f5f5f5!important;background:var(--background-secondary)!important;border-top-color:silver!important;border-top-color:var(--border-color)!important}[data-theme=dark] .cash-calculator{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 20px 60px #000c!important}[data-theme=dark] .cash-calculator-header{background:linear-gradient(135deg,#28a745,#059669)!important;background:linear-gradient(135deg,var(--success-color),#059669)!important;border-bottom-color:silver!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .cash-calculator-header h3{color:#fff!important}[data-theme=dark] .cash-calculator-body{background:#fff!important;background:var(--background-primary)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .cash-calculator-footer{border-top-color:silver!important;border-top-color:var(--border-color)!important}[data-theme=dark] .cash-calculator-footer,[data-theme=dark] .order-summary{background:#f5f5f5!important;background:var(--background-secondary)!important}[data-theme=dark] .order-summary{border-color:silver!important;border-color:var(--border-color)!important}[data-theme=dark] .amount-input,[data-theme=dark] .amount-input-section label,[data-theme=dark] .order-total{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .amount-input{background:#f5f5f5!important;background:var(--background-secondary)!important;border-color:silver!important;border-color:var(--border-color)!important}[data-theme=dark] .amount-input:focus{border-color:#2c586e!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #93b3c74d!important}[data-theme=dark] .quick-amount-btn{background:#e8e8e8!important;background:var(--background-tertiary)!important;border-color:silver!important;border-color:var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .quick-amount-btn:hover{background:#2c586e!important;background:var(--primary-color)!important;color:#fff!important}[data-theme=dark] .change-calculation{background:#f5f5f5!important;background:var(--background-secondary)!important;border-color:silver!important;border-color:var(--border-color)!important}[data-theme=dark] .change-summary{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .error-message{color:#dc3545!important;color:var(--danger-color)!important}[data-theme=dark] .custom-alert{background:#fff!important;background:var(--background-primary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;box-shadow:0 20px 60px #000c!important}[data-theme=dark] .custom-alert-header{background:#f5f5f5!important;background:var(--background-secondary)!important;border-bottom-color:silver!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .custom-alert-body,[data-theme=dark] .custom-alert-title{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .custom-alert-body{background:#fff!important;background:var(--background-primary)!important}[data-theme=dark] .custom-alert-message{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .custom-alert-footer{background:#f5f5f5!important;background:var(--background-secondary)!important;border-top-color:silver!important;border-top-color:var(--border-color)!important}[data-theme=dark] .custom-alert-button{background:#2c586e!important;background:var(--primary-color)!important;border-color:#2c586e!important;border-color:var(--primary-color)!important;color:#fff!important}[data-theme=dark] .custom-alert-button:hover{background:#2b576d!important;background:var(--primary-dark)!important}[data-theme=dark] .custom-alert.success .custom-alert-header{background:linear-gradient(135deg,#28a745,#059669)!important;background:linear-gradient(135deg,var(--success-color),#059669)!important}[data-theme=dark] .custom-alert.warning .custom-alert-header{background:linear-gradient(135deg,#dd9f52,#d97706)!important;background:linear-gradient(135deg,var(--warning-color),#d97706)!important}[data-theme=dark] .custom-alert.danger .custom-alert-header{background:linear-gradient(135deg,#dc3545,#dc2626)!important;background:linear-gradient(135deg,var(--danger-color),#dc2626)!important}[data-theme=dark] .custom-alert.info .custom-alert-header{background:linear-gradient(135deg,#2c586e,#2b576d)!important;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))!important}[data-theme=dark] select,[data-theme=dark] textarea{background:#f5f5f5!important;background:var(--background-secondary)!important;border:2px solid silver!important;border:2px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#2c586e!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #93b3c74d!important}[data-theme=dark] .dropdown,[data-theme=dark] .dropdown-menu{background:#fff!important;background:var(--background-primary)!important;border-color:silver!important;border-color:var(--border-color)!important;box-shadow:0 4px 12px #0006!important}[data-theme=dark] .dropdown-item{color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .dropdown-item:hover{background:#f5f5f5!important;background:var(--background-secondary)!important}[data-theme=dark] .badge,[data-theme=dark] .label{background:#e8e8e8!important;background:var(--background-tertiary)!important;border:1px solid silver!important;border:1px solid var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .table,[data-theme=dark] table{background:#fff!important;background:var(--background-primary)!important}[data-theme=dark] .table,[data-theme=dark] table,[data-theme=dark] td,[data-theme=dark] th{border-color:silver!important;border-color:var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] tbody tr:hover,[data-theme=dark] thead{background:#f5f5f5!important;background:var(--background-secondary)!important}[data-theme=dark] .popover,[data-theme=dark] .tooltip{background:#fff!important;background:var(--background-primary)!important;border:1px solid silver!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #0006!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .product-stock,[data-theme=light] .product-stock{color:#3a3a3a!important;color:var(--text-secondary)!important}[data-theme=dark] .product-price,[data-theme=dark] .total-amount,[data-theme=light] .product-price,[data-theme=light] .total-amount{color:#dd9f52!important;color:var(--secondary-color)!important}[data-theme=dark] .status-bar,[data-theme=light] .status-bar{background:#e8e8e8!important;background:var(--background-tertiary)!important;border-color:silver!important;border-color:var(--border-color)!important;color:#1a1a1a!important;color:var(--text-primary)!important}[data-theme=dark] .app-header,[data-theme=dark] .header-title,[data-theme=light] .app-header,[data-theme=light] .header-title{color:#fff!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wobble{0%{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}to{transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-light)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-out{animation:fadeOut .3s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-slide-in-up{animation:slideInUp .5s ease-out forwards}.animate-slide-in-down{animation:slideInDown .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-scale-out{animation:scaleOut .3s ease-out forwards}.animate-bounce{animation:bounce 1s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-wobble{animation:wobble 1s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.animate-fast{animation-duration:.3s}.animate-slow{animation-duration:1s}.animate-slower{animation-duration:2s}.transition-all{transition:all .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.transition-opacity{transition:opacity .3s ease}.transition-transform{transition:transform .3s ease}.transition-shadow{transition:box-shadow .3s ease}.transition-fast{transition-duration:.15s}.transition-slow{transition-duration:.5s}.transition-slower{transition-duration:1s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-grow:hover{transform:scale(1.05)}.hover-shrink:hover{transform:scale(.95)}.hover-rotate:hover{transform:rotate(5deg)}.hover-skew:hover{transform:skew(-5deg)}.hover-glow:hover{box-shadow:0 0 20px var(--primary-color)}.hover-shadow:hover{box-shadow:var(--shadow-xl)}.hover-brightness:hover{filter:brightness(1.1)}.hover-blur:hover{filter:blur(1px)}.loading-skeleton{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-300) 50%,var(--gray-200) 75%);background-size:200% 100%}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-dots{display:inline-flex;gap:4px}.loading-dots:after,.loading-dots:before{animation:loading-dot 1.4s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:4px;width:4px}.loading-dots:before{animation-delay:-.16s}@keyframes loading-dot{0%,80%,to{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.stagger-children>*{animation-delay:0s;animation-delay:calc(var(--stagger-delay, .1s)*var(--stagger-index, 0))}.interactive{cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:translateY(1px)}.focus-ring:focus{animation:focus-pulse .5s ease-out}@keyframes focus-pulse{0%{box-shadow:0 0 0 0 var(--primary-color)}to{box-shadow:0 0 0 4px #0000}}.parallax{perspective:1000px;transform-style:preserve-3d}.parallax-layer{bottom:0;left:0;position:absolute;right:0;top:0}.parallax-back{transform:translateZ(-1px) scale(2)}.parallax-mid{transform:translateZ(-.5px) scale(1.5)}.parallax-front{transform:translateZ(0)}.morph-button{overflow:hidden;position:relative}.morph-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.morph-button:hover:before{height:300px;width:300px}.text-typing{animation:typing 3s steps(30) 1s both,blink-cursor 1s step-end infinite;border-right:2px solid var(--primary-color);overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-cursor{50%{border-color:#0000}}.text-gradient{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.particle-effect{overflow:hidden;position:relative}.particle-effect:before{animation:particle-float 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff4d,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff4d,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff4d,#0000);background-repeat:repeat;background-size:100px 100px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes particle-float{0%{transform:translateZ(0)}to{transform:translate3d(-100px,-100px,0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.loading-skeleton{animation:none;background:var(--gray-200)}.text-typing{border-right:none;width:100%}.particle-effect:before,.text-typing{animation:none}}.receipt{background:#fff;color:#000;font-family:Courier New,monospace;line-height:1.4;margin:0 auto;max-width:300px;padding:var(--spacing-4)}.receipt-header{border-bottom:2px dashed #000;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);text-align:center}.receipt-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-2)}.receipt-info{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.receipt-items{margin-bottom:var(--spacing-4)}.receipt-item{display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-2)}.receipt-item-name{flex:1 1;margin-right:var(--spacing-2)}.receipt-item-qty{margin-right:var(--spacing-2);min-width:30px;text-align:center}.receipt-item-price{min-width:60px;text-align:right}.receipt-totals{border-top:2px dashed #000;margin-bottom:var(--spacing-4);padding-top:var(--spacing-3)}.receipt-total-line{display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-1)}.receipt-total-line.grand-total{border-top:1px solid #000;font-size:var(--font-size-base);font-weight:700;margin-top:var(--spacing-2);padding-top:var(--spacing-2)}.receipt-footer{border-top:2px dashed #000;font-size:var(--font-size-xs);padding-top:var(--spacing-3);text-align:center}.receipt-barcode{font-family:Libre Barcode\ 128,monospace;font-size:24px;letter-spacing:2px;margin:var(--spacing-3) 0;text-align:center}.pos-terminal{grid-gap:var(--spacing-4);background:var(--background-secondary);display:grid;gap:var(--spacing-4);grid-template-areas:"header header header" "products products cart" "footer footer footer";grid-template-columns:1fr 1fr 400px;grid-template-rows:auto 1fr auto;height:100vh;padding:var(--spacing-4)}.pos-header{align-items:center;grid-area:header;justify-content:space-between;padding:var(--spacing-4)}.pos-header,.pos-products{background:var(--background-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex}.pos-products{flex-direction:column;grid-area:products;overflow:hidden}.pos-cart{flex-direction:column;grid-area:cart}.pos-cart,.pos-footer{background:var(--background-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex}.pos-footer{align-items:center;grid-area:footer;justify-content:space-between;padding:var(--spacing-3)}.touch-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.touch-button{border-radius:var(--border-radius-lg);font-size:var(--font-size-lg);font-weight:600;min-height:56px;padding:var(--spacing-4) var(--spacing-6);touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none}.touch-button:active{background:var(--primary-dark);transform:scale(.95)}.numpad{grid-gap:var(--spacing-2);background:var(--background-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(3,1fr);padding:var(--spacing-4)}.numpad-button{align-items:center;aspect-ratio:1;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:600;justify-content:center;transition:all .2s ease}.numpad-button:hover{background:var(--background-tertiary);border-color:var(--primary-color)}.numpad-button:active{background:var(--primary-color);color:#fff;transform:scale(.95)}.numpad-button.wide{grid-column:span 2}.numpad-button.tall{grid-row:span 2}.payment-methods{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:var(--spacing-4)}.payment-method{align-items:center;background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-2);justify-content:center;min-height:80px;padding:var(--spacing-4);text-align:center;transition:all .3s ease}.payment-method:hover{background:var(--background-secondary);border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.payment-method.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.payment-icon{font-size:24px;margin-bottom:var(--spacing-1)}.payment-label{font-size:var(--font-size-sm);font-weight:600}.quick-actions{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.quick-action{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-3);text-align:center;transition:all .3s ease}.quick-action:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.status-bar{background:var(--background-tertiary);border-radius:var(--border-radius);font-size:var(--font-size-sm);gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4)}.status-bar,.status-item{align-items:center;display:flex}.status-item{gap:var(--spacing-1)}.status-dot{background:var(--success-color);border-radius:50%;height:8px;width:8px}.status-dot.error{animation:pulse 1s infinite;background:var(--danger-color)}.status-dot.warning{background:var(--warning-color)}.kiosk-mode{-webkit-overflow-scrolling:touch;overflow:hidden}.kiosk-mode *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.kiosk-header{box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.cash-drawer,.kiosk-header{background:var(--background-primary)}.cash-drawer{grid-gap:var(--spacing-2);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(4,1fr);max-width:400px;padding:var(--spacing-4)}.cash-slot{align-items:center;aspect-ratio:2.5/1;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-muted);display:flex;font-size:var(--font-size-sm);font-weight:600;justify-content:center}.cash-slot.bills{grid-column:span 2}.cash-slot.has-money{background:var(--success-color);color:#fff}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{background:#fff!important;color:#000!important;font-size:12px!important;left:0;line-height:1.2!important;margin:0!important;max-width:none!important;padding:0!important;position:absolute;top:0;width:100%!important}.receipt-item{page-break-inside:avoid}.receipt-footer{page-break-before:avoid}.receipt *{background:#fff!important;box-shadow:none!important;color:#000!important}.receipt-footer,.receipt-header,.receipt-totals{border-color:#000!important}}@media (max-width:1024px) and (orientation:landscape){.pos-terminal{grid-template-areas:"header header" "products cart" "footer footer";grid-template-columns:2fr 1fr}}@media (max-width:768px) and (orientation:portrait){.pos-terminal{grid-template-areas:"header" "cart" "products" "footer";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.numpad{grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:300px}.payment-methods{grid-template-columns:repeat(2,1fr)}}@media (max-width:736px) and (orientation:landscape){.pos-terminal{grid-template-areas:"header header" "products cart" "footer footer";grid-template-columns:1fr 300px}.pos-header{padding:var(--spacing-2)}.touch-button{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-2) var(--spacing-4)}}@media (max-width:480px) and (orientation:portrait){.pos-terminal{gap:var(--spacing-2);padding:var(--spacing-2)}.payment-methods{grid-template-columns:1fr}.quick-actions{flex-direction:column}.cash-drawer{grid-template-columns:repeat(2,1fr)}.cash-slot.bills{grid-column:span 2}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.receipt-barcode{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){.receipt{background:#fff;color:#000}.receipt *,.receipt-footer,.receipt-header,.receipt-totals{border-color:#000!important;color:#000!important}}@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.touch-button{font-size:var(--font-size-xl);min-height:64px}.numpad-button{font-size:var(--font-size-2xl)}}@media (prefers-reduced-motion:reduce){.status-dot.error{animation:none;opacity:.8}.numpad-button:active,.touch-button:active{transform:none}}
/*# sourceMappingURL=main.2e18c7e1.css.map*/