@media (max-width:1024px){.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar{border-right:none;border-top:1px solid var(--border-primary);bottom:0;height:auto;position:fixed;top:auto;width:100%;z-index:1000}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:.5rem}.nav-item{flex-direction:column;min-width:80px;padding:.5rem}.nav-label{font-size:.75rem;margin-top:.25rem}.main-content{flex:1;height:calc(100vh - 80px);margin-left:0;overflow-y:auto;padding-bottom:80px}.pos-interface{flex-direction:column;height:100%}.products-panel{height:40vh;overflow-y:auto}.cart-panel{border-left:none;border-top:1px solid var(--border-primary);height:60vh;overflow-y:auto}.category-filter,.product-card,button{min-height:44px;min-width:44px}.product-card{padding:1rem}.sidebar-footer{display:none}.modal-container{margin:10px;max-height:90vh;width:95%}input,select,textarea{font-size:16px}}@media (max-width:1024px) and (orientation:landscape){.cart-panel,.products-panel{height:50vh}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.tab-header{flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}}:root{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-card:#1c1c1e;--bg-modal:#1c1c1e;--bg-input:#2c2c2e;--text-primary:#fff;--text-secondary:#8e8e93;--text-muted:#636366;--text-accent:#007aff;--border-primary:#38383a;--border-secondary:#464648;--border-accent:#007aff;--primary-blue:#007aff;--primary-green:#30d158;--primary-orange:#ff9f0a;--primary-red:#ff453a;--primary-purple:#bf5af2;--gradient-primary:linear-gradient(135deg,#007aff,#5856d6);--gradient-secondary:linear-gradient(135deg,#32d74b,#30d158);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--transition-fast:0.2s ease;--transition-normal:0.3s ease}.light-theme{--bg-primary:#fff;--bg-secondary:#f2f2f7;--bg-tertiary:#e5e5ea;--bg-card:#fff;--bg-modal:#fff;--bg-input:#f2f2f7;--text-primary:#000;--text-secondary:#8e8e93;--text-muted:#aeaeb2;--text-accent:#007aff;--border-primary:#c6c6c8;--border-secondary:#d1d1d6;--border-accent:#007aff;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5}.login-container,body{background:var(--bg-primary)}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:3rem;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.logo-circle{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.logo-icon{color:#fff}.login-title,.logo-icon{font-size:2rem;font-weight:700}.login-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:1.1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.input-field{background:var(--bg-input);border:2px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;padding:1rem;transition:all var(--transition-fast);width:100%}.input-field:focus{background:var(--bg-secondary);border-color:var(--primary-blue);outline:none}.floating-label{background:var(--bg-input);color:var(--text-muted);left:1rem;padding:0 .5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.input-field:focus+.floating-label,.input-field:not(:placeholder-shown)+.floating-label{background:var(--bg-card);color:var(--primary-blue);font-size:.8rem;top:0}.password-toggle{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.password-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.error-message{background:#ff453a1a;border:1px solid #ff453a33;border-radius:var(--border-radius-md);font-size:.9rem;padding:.75rem}.error-message,.login-button{align-items:center;display:flex;gap:.5rem}.login-button{background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;justify-content:center;padding:1rem 2rem;transition:all var(--transition-fast)}.login-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-container{background:var(--bg-primary);display:flex;height:100vh}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;width:280px}.sidebar-header{border-bottom:1px solid var(--border-primary);padding:2rem 1.5rem}.sidebar-brand{gap:1rem}.sidebar-brand,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:var(--gradient-primary);border-radius:var(--border-radius-md);color:#fff;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;width:44px}.sidebar-title{font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.sidebar-subtitle{color:var(--text-secondary);font-size:.9rem}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem 1.5rem;transition:all var(--transition-fast);width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item-active{background:var(--primary-blue);color:#fff}.sidebar-footer{border-top:1px solid var(--border-primary);padding:1.5rem}.user-info{margin-bottom:1rem}.user-name{font-weight:600;margin-bottom:.25rem}.user-role{font-size:.9rem}.footer-button,.user-role{color:var(--text-secondary)}.footer-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all var(--transition-fast);width:100%}.footer-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.main-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.tab-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.tab-content p{color:var(--text-secondary)}.pos-interface{background:var(--border-primary);display:flex;gap:1px;height:100%}.products-panel{display:flex;flex:1;flex-direction:column}.cart-panel,.products-panel{background:var(--bg-secondary)}.cart-panel{border-left:1px solid var(--border-primary);width:400px}.search-filters{border-bottom:1px solid var(--border-primary);padding:1.5rem}.search-bar{margin-bottom:1rem;position:relative}.search-icon{color:var(--text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--bg-input);border:2px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all var(--transition-fast);width:100%}.search-input:focus{background:var(--bg-tertiary);border-color:var(--primary-blue);outline:none}.category-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.category-filter{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all var(--transition-fast);white-space:nowrap}.category-filter:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-filter-active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.products-grid-container{display:flex;flex:2;flex-direction:column}.empty-state,.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.error-message{color:var(--primary-red);margin-bottom:1rem}.clear-search-button,.retry-button{background:var(--primary-blue);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all var(--transition-fast)}.clear-search-button:hover,.retry-button:hover{background:var(--primary-blue);transform:translateY(-1px)}.products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-y:auto;padding:1.5rem}.product-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all var(--transition-fast)}.product-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-image{align-items:center;background:var(--bg-tertiary);border-radius:var(--border-radius-md);display:flex;height:120px;justify-content:center;overflow:hidden;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.product-placeholder{color:var(--text-muted)}.product-info{display:flex;flex-direction:column;gap:.5rem}.product-name{font-size:1.1rem;font-weight:600;line-height:1.3}.product-category{color:var(--text-secondary);font-size:.9rem}.product-details{align-items:center;display:flex;justify-content:space-between}.product-price{color:var(--primary-green);font-size:1.2rem;font-weight:700}.variants-badge{background:var(--primary-blue);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.stock-info{margin-top:auto}.stock-indicator{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.stock-high{background:#30d15833;color:var(--primary-green)}.stock-medium{background:#ff9f0a33;color:var(--primary-orange)}.stock-low{background:#ff453a33;color:var(--primary-red)}.products-count{border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:.9rem;padding:1rem 1.5rem}.cart-panel{display:flex;flex-direction:column}.cart-title{border-bottom:1px solid var(--border-primary);font-size:1.5rem;font-weight:700;padding:1.5rem}.customer-selector{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all var(--transition-fast);width:100%}.customer-selector:hover{background:var(--bg-tertiary)}.customer-selector-content{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem}.cart-items-container{flex:1;overflow-y:auto}.empty-cart{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-cart-icon{color:var(--text-muted);margin-bottom:1rem}.empty-cart-hint{font-size:.9rem;margin-top:.5rem}.cart-item,.cart-items-list{padding:1rem}.cart-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);margin-bottom:.75rem}.cart-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.cart-item-info{flex:1}.cart-item-name{font-weight:600;margin-bottom:.25rem}.cart-item-variants{color:var(--text-secondary);font-size:.9rem}.remove-item-button{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;padding:.5rem;transition:all var(--transition-fast)}.remove-item-button:hover{background:#ff453a1a;color:var(--primary-red)}.cart-item-controls{align-items:center;display:flex;justify-content:space-between}.quantity-controls{align-items:center;display:flex;gap:.5rem}.quantity-button{align-items:center;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.quantity-button:hover{background:var(--bg-tertiary);border-color:var(--primary-blue)}.quantity-display{font-weight:600;min-width:40px;text-align:center}.cart-item-total{color:var(--primary-green);font-weight:700}.cart-summary{border-top:1px solid var(--border-primary);padding:1.5rem}.discount-input-group{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.discount-label{color:var(--text-secondary);white-space:nowrap}.discount-input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);padding:.5rem;text-align:center;width:80px}.totals-breakdown{margin-bottom:1.5rem}.total-row.subtotal{border-bottom:1px solid var(--border-primary)}.total-row.final-total{border-top:1px solid var(--border-primary);color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.checkout-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all var(--transition-fast);width:100%}.checkout-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-overlay{align-items:center;backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modalSlideIn .3s ease-out;background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem}.modal-title{font-size:1.3rem;font-weight:700}.modal-close-button{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;padding:.5rem;transition:all var(--transition-fast)}.modal-close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content{max-height:calc(90vh - 80px);overflow-y:auto;padding:1.5rem}.customer-modal-content{display:flex;flex-direction:column;gap:.75rem}.customer-option{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);cursor:pointer;padding:1rem;text-align:left;transition:all var(--transition-fast);width:100%}.customer-option:hover{background:var(--bg-tertiary);border-color:var(--primary-blue)}.customer-option-name{font-weight:600;margin-bottom:.25rem}.customer-option-description,.customer-option-details{color:var(--text-secondary);font-size:.9rem}.payment-customer-info{background:var(--bg-input);border-radius:var(--border-radius-md);margin-bottom:1.5rem;padding:1rem}.customer-name{font-weight:600;margin-bottom:.25rem}.customer-details{color:var(--text-secondary);font-size:.9rem}.payment-summary{margin-bottom:1.5rem}.payment-row{border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:.75rem 0}.payment-row.final-amount{border-bottom:none;border-top:1px solid var(--border-primary);font-size:1.2rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.payment-divider{background:var(--border-primary);height:1px;margin:1rem 0}.payment-methods{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.payment-method{align-items:center;background:var(--bg-input);border:2px solid var(--border-primary);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all var(--transition-fast)}.payment-method:hover{border-color:var(--primary-blue);transform:translateY(-1px)}.payment-method.pin:hover{background:#007aff1a}.payment-method.cash:hover{background:#30d1581a}.cash-icon{font-size:1.5rem}.primary-button,.secondary-button{border:none;border-radius:var(--border-radius-md);cursor:pointer;flex:1;font-weight:600;padding:1rem 2rem;transition:all var(--transition-fast)}.primary-button{background:var(--primary-blue)}.primary-button:hover:not(:disabled){background:var(--primary-blue);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.variant-modal-content{display:flex;flex-direction:column;gap:1.5rem}.variant-option{display:flex;flex-direction:column;gap:.5rem}.variant-option label{color:var(--text-secondary);font-weight:600}.variant-option select{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;padding:1rem}.variant-option select:focus{border-color:var(--primary-blue);outline:none}.variant-actions{gap:1rem;margin-top:1rem}.settings-modal-content{display:flex;flex-direction:column;gap:2rem}.setting-group h4{color:var(--text-secondary);font-weight:600;margin-bottom:1rem}.theme-toggle{align-items:center;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all var(--transition-fast);width:100%}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--primary-blue)}.account-info{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);padding:1rem}.account-name{font-weight:600;margin-bottom:.5rem}.account-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cart-panel{width:350px}}@media (max-width:768px){.pos-interface{flex-direction:column}.cart-panel{height:40vh;width:100%}.products-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.payment-methods{grid-template-columns:1fr}}@media (max-width:480px){.sidebar{height:100vh;position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:100}.sidebar.open{transform:translateX(0)}.products-grid{grid-template-columns:1fr}.modal-container{margin:1rem;max-height:calc(100vh - 2rem)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.slide-in-up{animation:slideInUp .3s ease}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.hidden{display:none}.flex{display:flex}.grid{display:grid}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.w-full{width:100%}.h-full{height:100%}.tab-content{flex:1;overflow-y:auto;padding:2rem}.tab-header h2{font-size:2rem;font-weight:700}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tab-header .primary-button{min-width:auto;padding:.5rem 1rem;white-space:nowrap}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-secondary);font-weight:600}.form-group input,.form-group select,.form-group textarea{border-radius:var(--border-radius-md);font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-tertiary);border-color:var(--primary-blue)}.form-group textarea{min-height:80px;resize:vertical}.products-management-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.product-management-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);padding:1.5rem;transition:all var(--transition-fast)}.product-management-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.product-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.product-info p{color:var(--text-secondary);margin-bottom:.25rem}.product-category{color:var(--text-secondary)!important;font-weight:500}.product-description{color:var(--text-muted)!important;font-size:.9rem;line-height:1.4;margin-top:.75rem}.product-stock-total{background:var(--accent-color);border-radius:var(--border-radius-sm);color:#fff;display:inline-block;font-size:.85rem;font-weight:500;margin-top:.75rem;padding:.5rem .75rem}.product-actions{display:flex;flex-shrink:0;gap:.5rem}.icon-button{align-items:center;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.icon-button:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.icon-button.small{padding:.375rem}.icon-button.small svg{height:14px;width:14px}.icon-button.danger:hover{background:#ff453a1a;border-color:var(--primary-red);color:var(--primary-red)}.variants-section{border-top:1px solid var(--border-primary);margin-top:1.25rem;padding-top:1.25rem}.variants-section h4{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.variants-grid{gap:.75rem}.variant-item{align-items:center;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);display:flex;font-size:.8rem;justify-content:space-between;padding:1rem;transition:all var(--transition-fast)}.variant-item:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.variant-details{gap:1rem;width:100%}.variant-info{flex:1;min-width:0}.variant-name{color:var(--text-primary);display:block;font-size:.85rem;margin-bottom:.25rem}.variant-price{color:var(--success-color);font-size:.8rem;font-weight:500}.variant-stock-controls{align-items:center;display:flex;gap:1rem}.variant-stock{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.8rem;font-weight:500;min-width:100px;padding:.375rem .5rem;text-align:center}.variant-actions{display:flex;gap:.375rem}.form-grid{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.form-group small{line-height:1.3;margin-top:.375rem}.modal-actions{border-top:1px solid var(--border-primary);gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem}.primary-button{background:var(--accent-color);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500}.primary-button:hover{background:var(--accent-hover)}.secondary-button{border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500}.secondary-button:hover{border-color:var(--accent-color)}@media (max-width:768px){.products-management-grid{gap:1rem;grid-template-columns:1fr}.product-card-header{align-items:stretch;flex-direction:column}.product-actions{align-self:flex-end}.variant-details{align-items:stretch;flex-direction:column;gap:.75rem}.variant-stock-controls{justify-content:space-between}.form-grid{gap:.875rem;grid-template-columns:1fr}.modal-actions{flex-direction:column}.primary-button,.secondary-button{justify-content:center}}.customers-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.customer-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);padding:1.5rem;transition:all var(--transition-fast)}.customer-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.customer-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.customer-info{align-items:center;display:flex;gap:1rem}.customer-info h3{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.loyalty-badge{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.loyalty-badge.bronze{background:linear-gradient(135deg,#cd7f32,#a67c52);color:#fff}.loyalty-badge.silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#000}.loyalty-badge.gold{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.loyalty-badge.platinum{background:linear-gradient(135deg,#e5e4e2,#f8f8f8);color:#000}.customer-actions{display:flex;gap:.5rem}.customer-details p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:.25rem}.reports-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);display:flex;gap:1rem;padding:1.5rem;transition:all var(--transition-fast)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:var(--border-radius-md);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-icon,.metric-info h3{background:var(--gradient-primary)}.metric-info h3{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.metric-info p{color:var(--text-secondary);font-size:.9rem}.reports-charts{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.chart-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);padding:1.5rem}.chart-section h3{color:var(--text-primary);font-weight:600;margin-bottom:1rem}.recent-transactions,.top-products-list{display:flex;flex-direction:column;gap:.75rem}.top-product-item{align-items:center;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);display:flex;gap:1rem;padding:.75rem;transition:all var(--transition-fast)}.top-product-item:hover{background:var(--bg-tertiary);transform:translateX(4px)}.rank{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.product-name{color:var(--text-primary);flex:1;font-weight:500}.quantity{color:var(--text-secondary);font-size:.9rem;font-weight:600}.transaction-item{align-items:center;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:.75rem;transition:all var(--transition-fast)}.transaction-item:hover{background:var(--bg-tertiary);transform:translateX(4px)}.transaction-info{display:flex;flex-direction:column}.transaction-id{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.transaction-customer{color:var(--text-secondary);font-size:.8rem}.transaction-amount{color:var(--primary-green);font-size:1.1rem;font-weight:700}.transaction-header h3{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.transaction-header p{color:var(--text-secondary);font-size:.9rem}.transaction-amount span:first-child{color:var(--primary-green);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.payment-method{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.payment-method.pin{background:#007aff1a;border:1px solid #007aff33;color:var(--primary-blue)}.payment-method.contant{background:#30d1581a;border:1px solid #30d15833;color:var(--primary-green)}.transaction-details{border-top:1px solid var(--border-primary);padding-top:1rem}.customer-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.customer-info strong{color:var(--text-primary)}.items-list{margin-bottom:1.5rem}.sale-item{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:.5rem 0}.sale-item:last-child{border-bottom:none}.sale-item span:first-child{color:var(--text-primary);font-weight:500}.sale-item span:last-child{color:var(--text-secondary);font-size:.9rem}.transaction-summary{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);padding:1rem}.summary-row{color:var(--text-secondary);display:flex;justify-content:space-between;padding:.25rem 0}.summary-row.discount{color:var(--primary-red)}.summary-row.total{border-top:1px solid var(--border-primary);color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:.5rem}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-state{color:var(--text-primary)}.empty-state{background:var(--bg-input);border:2px dashed var(--border-primary);border-radius:var(--border-radius-lg)}.primary-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.primary-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.secondary-button{align-items:center;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.secondary-button:hover{background:var(--bg-tertiary);border-color:var(--primary-blue)}@media (max-width:1024px){.reports-charts{grid-template-columns:1fr}.products-management-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.tab-content{padding:1rem}.tab-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.customers-grid,.form-grid,.products-management-grid{grid-template-columns:1fr}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.transaction-header{flex-direction:column;gap:1rem}.transaction-amount{text-align:left}}@media (max-width:480px){.metric-card{flex-direction:column;gap:.75rem;text-align:center}.customer-card-header,.product-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.customer-actions,.product-actions{align-self:flex-end}}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.tab-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customer-card,.metric-card,.product-management-card,.transaction-card{animation:fadeInUp .5s ease-out}.text-success{color:var(--primary-green)}.text-warning{color:var(--primary-orange)}.text-danger{color:var(--primary-red)}.text-info{color:var(--primary-blue)}.bg-success{background:#30d1581a}.bg-warning{background:#ff9f0a1a}.bg-danger{background:#ff453a1a}.bg-info{background:#007aff1a}.transactions-container{margin-top:1rem}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);cursor:pointer;overflow:hidden;padding:1.5rem}.transaction-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.transaction-card:before{background:var(--primary-blue);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-fast);width:4px}.transaction-card:hover:before{opacity:1}.transaction-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.transaction-info h3{color:var(--text-primary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-weight:600;margin-bottom:.5rem}.transaction-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.transaction-amount{text-align:right}.transaction-amount .amount{color:var(--primary-green);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.payment-badge{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.payment-badge.pin{background:#007aff1a;border:1px solid #007aff33;color:var(--primary-blue)}.payment-badge.contant{background:#30d1581a;border:1px solid #30d15833;color:var(--primary-green)}.transaction-details{align-items:center;background:var(--bg-input);border-radius:var(--border-radius-md);display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem}.customer-info,.items-count{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.transaction-summary{border-top:1px solid var(--border-primary);display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:1rem}.summary-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.summary-item.discount{color:var(--primary-red)}.summary-item span:last-child{font-weight:600}.detail-item{padding:.5rem 0}.status-completed{background:var(--primary-green);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.item-name{margin-bottom:.25rem}.item-sku,.item-variant{margin-bottom:.1rem}.item-quantity-price span{display:block;margin-bottom:.25rem}.total-breakdown{padding:1rem}.total-row{padding:.5rem 0}.total-row.final{border-top:1px solid var(--border-primary);padding-top:.75rem}.tab-header .search-bar{position:relative;width:300px}.tab-header .search-bar input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.tab-header .search-bar svg{color:var(--text-muted);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.transaction-header{flex-direction:column;gap:1rem}.transaction-amount{text-align:left}.transaction-details{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-grid,.transaction-summary{grid-template-columns:1fr}.sale-item-detail{flex-direction:column;gap:.5rem}.item-quantity-price{text-align:left;width:100%}.tab-header .header-actions{flex-direction:column;gap:1rem}.tab-header .search-bar{width:100%}}.transaction-actions{opacity:0;position:absolute;right:1rem;top:1rem;transition:all var(--transition-fast)}.transaction-card:hover .transaction-actions{opacity:1}.delete-transaction-btn{align-items:center;background:#ff453a1a;border:1px solid #ff453a4d;border-radius:var(--border-radius-sm);color:var(--primary-red);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.delete-transaction-btn:hover{background:var(--primary-red);color:#fff;transform:scale(1.1)}.delete-confirmation-modal{padding:1rem;text-align:center}.warning-icon{color:var(--primary-orange);margin-bottom:1rem}.delete-confirmation-modal h3{color:var(--text-primary);margin-bottom:1rem}.delete-confirmation-modal p{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.warning-details{background:var(--bg-input);border-radius:var(--border-radius-md);margin:1.5rem 0;padding:1rem;text-align:left}.warning-details p{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.warning-details p:last-child{margin-bottom:0}.danger-button{align-items:center;background:linear-gradient(135deg,#ff453a,#ff375f);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.danger-button:hover{background:linear-gradient(135deg,#ff375f,#ff2975);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.transaction-actions{display:flex;justify-content:flex-end;margin-top:1rem;opacity:1;position:static}.delete-transaction-btn{padding:.75rem}.modal-actions{flex-direction:column}.danger-button,.secondary-button{justify-content:center;width:100%}}.transaction-card{position:relative;transition:all var(--transition-fast)}.transaction-card.deletable{border-left:4px solid var(--primary-orange)}.transaction-card:hover{background:var(--bg-tertiary)}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.transaction-card.deleting{animation:slideOut .3s ease forwards}.empty-state-small{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.additional-stats{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);padding:1.5rem;text-align:center}.stat-card h4{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.stat-value{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.metric-info h3,.stat-value,.transaction-amount{font-variant-numeric:tabular-nums}.metric-card h3:empty:before,.stat-value:empty:before{content:"0.00";opacity:.5}.reports-grid .metric-card{align-items:center;display:flex;min-height:100px}@media (max-width:768px){.additional-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}}.transaction-detail-modal{max-height:70vh;overflow-y:auto}.detail-section{border-bottom:1px solid var(--border-primary);margin-bottom:2rem;padding-bottom:1.5rem}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.detail-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{align-items:center;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:.75rem}.detail-item span:first-child{color:var(--text-secondary);font-weight:600}.detail-item span:last-child{color:var(--text-primary);font-weight:500}.items-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto}.sale-item-detail{align-items:flex-start;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:1rem}.item-info{display:flex;flex:1;flex-direction:column;gap:.25rem}.item-name{color:var(--text-primary);display:block;font-weight:600}.item-sku,.item-variant{color:var(--text-secondary);display:block;font-size:.8rem}.item-quantity-price{display:flex;flex-direction:column;gap:.25rem;text-align:right}.item-total{color:var(--primary-green);font-weight:700}.total-breakdown{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);padding:1.5rem}.total-row{align-items:center;border-bottom:1px solid var(--border-primary);color:var(--text-secondary);display:flex;justify-content:space-between;padding:.75rem 0}.total-row:last-child{border-bottom:none}.total-row.discount{color:var(--primary-red)}.total-row.final{border-top:2px solid var(--border-primary);color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.modal-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.modal-actions .danger-button,.modal-actions .primary-button,.modal-actions .secondary-button{flex:1;justify-content:center;min-width:120px}@media print{.modal-actions{display:none!important}.transaction-detail-modal{max-height:none;overflow:visible}}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}.sale-item-detail{flex-direction:column;gap:.5rem}.item-quantity-price{flex-direction:row;justify-content:space-between;text-align:left;width:100%}.modal-actions{flex-direction:column}.modal-actions .danger-button,.modal-actions .primary-button,.modal-actions .secondary-button{width:100%}}.variants-grid{display:flex;flex-direction:column;gap:.5rem}.variant-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem}.variant-details{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.variant-name{font-weight:500}.variant-price,.variant-stock{color:var(--text-muted);font-size:.875rem}.form-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-color);padding:.5rem;width:100%}.form-group small{color:var(--text-muted);display:block;font-size:.75rem;margin-top:.25rem}
/*# sourceMappingURL=main.47bfbced.css.map*/