.categories-page{animation:fadeIn .5s ease}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.category-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border-top:4px solid #667eea;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.category-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0000001f}.category-card:hover:before{opacity:.6}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.category-icon-large{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:16px}.category-actions{display:flex;gap:8px}.btn-icon{background:#f7fafc;border:none;width:36px;height:36px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#edf2f7;transform:scale(1.1)}.category-card h3{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:12px}.category-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.category-badge{font-size:11px;color:#fff;padding:4px 12px;border-radius:12px;font-weight:600}.icon-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.icon-option{width:50px;height:50px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-option:hover{border-color:#667eea;transform:scale(1.05)}.icon-option.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 0 0 3px #667eea33}.color-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-option{width:50px;height:50px;border:3px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#2d3748;box-shadow:0 0 0 3px #2d374833;transform:scale(1.1)}.products-page{animation:fadeIn .5s ease}.filters-bar{display:flex;gap:16px;margin-bottom:24px}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#718096}.search-box input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:Poppins,sans-serif;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:Poppins,sans-serif;cursor:pointer;background:#fff;transition:all .3s ease;min-width:200px}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.products-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.products-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.products-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.products-table tbody tr:hover{background:#f7fafc}.products-table td{padding:16px;font-size:15px;color:#2d3748}.product-info{display:flex;align-items:center;gap:12px}.product-icon{font-size:28px}.product-name{font-weight:600;color:#2d3748}.category-badge-small{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border-radius:8px;font-size:13px;font-weight:600}.price-cell{font-weight:700;color:#48bb78}.stock-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.stock-badge.normal{background:#c6f6d5;color:#22543d}.stock-badge.low{background:#fed7d7;color:#742a2a}.value-cell{font-weight:600;color:#2d3748}.action-buttons{display:flex;gap:8px}.btn-edit{background:#e6fffa;border:none;width:36px;height:36px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-edit:hover{background:#b2f5ea;transform:scale(1.1)}.btn-delete{background:#fff5f5;border:none;width:36px;height:36px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:#fed7d7;transform:scale(1.1)}.no-results{text-align:center;padding:60px 20px;color:#718096}.no-results-icon{font-size:64px;display:block;margin-bottom:16px}.no-results p{font-size:16px;font-weight:500}.caisse-page{animation:fadeIn .5s ease}.caisse-layout{display:grid;grid-template-columns:1fr 450px;gap:24px;height:calc(100vh - 200px)}.products-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;overflow-y:auto}.category-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.category-filter-btn{padding:10px 20px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.category-filter-btn:hover{border-color:#667eea;background:#f7fafc}.category-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.product-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#667eea}.product-icon-circle{font-size:48px;margin-bottom:12px}.product-card h4{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.product-price{font-size:18px;font-weight:700;color:#48bb78;margin-bottom:4px}.product-stock{font-size:12px;color:#718096}.cart-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden}.cart-header{padding:24px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.cart-header h3{font-size:20px;font-weight:700;color:#2d3748}.btn-clear{background:#fff5f5;color:#e53e3e;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear:hover{background:#fed7d7}.cart-items{flex:1;overflow-y:auto;padding:16px}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#718096}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-cart p{font-size:16px;font-weight:500}.cart-item{background:#f7fafc;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s ease}.cart-item:hover{background:#edf2f7}.cart-item-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cart-item-icon{font-size:32px}.cart-item-details{flex:1}.cart-item-price{font-size:13px;color:#718096}.cart-item-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.qty-btn{width:32px;height:32px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.qty-btn:hover:not(:disabled){border-color:#667eea;background:#f7fafc}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-display{width:40px;text-align:center;font-weight:700;font-size:16px;color:#2d3748}.btn-remove{background:#fff5f5;border:none;width:32px;height:32px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:auto}.btn-remove:hover{background:#fed7d7}.cart-item-total{text-align:right;font-size:16px;font-weight:700;color:#48bb78}.cart-summary{padding:20px 24px;border-top:2px solid #e2e8f0;background:#f7fafc}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px;color:#718096}.summary-row.total{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:0;padding-top:12px;border-top:1px solid #cbd5e0}.total-amount{color:#48bb78;font-size:24px}.payment-buttons{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-payment{padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:Poppins,sans-serif}.btn-payment.espece{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 15px #48bb784d}.btn-payment.espece:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.btn-payment.carte{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 4px 15px #4299e14d}.btn-payment.carte:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4299e166}.btn-payment:disabled{opacity:.5;cursor:not-allowed;transform:none}.payment-icon{font-size:32px}.payment-modal{max-width:500px}.payment-details{padding:24px}.payment-method-display{text-align:center;margin-bottom:24px}.payment-icon-large{font-size:72px;margin-bottom:16px}.payment-method-display h4{font-size:20px;font-weight:700;color:#2d3748}.payment-summary{background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:24px}.payment-items{margin-bottom:16px}.payment-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#4a5568}.payment-total{display:flex;justify-content:space-between;padding-top:16px;border-top:2px solid #cbd5e0;font-size:16px;font-weight:700;color:#2d3748}.payment-total .amount{color:#48bb78;font-size:24px}.bon-overlay{background:#000000b3!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bon-commande-modal{max-width:600px;width:90%;max-height:90vh;overflow-y:auto;background:#fff;padding:0}.bon-commande-print{padding:40px;background:#fff}.bon-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.bon-logo{display:flex;align-items:center;gap:16px}.logo-icon{font-size:48px;width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #667eea4d}.logo-text h2{margin:0;font-size:24px;color:#2d3748;font-weight:700}.logo-text p{margin:4px 0 0;font-size:12px;color:#718096}.bon-info{text-align:right}.bon-info h3{margin:0;font-size:20px;color:#2d3748;font-weight:700;text-transform:uppercase;letter-spacing:1px}.order-number{font-size:16px;font-weight:700;color:#667eea;margin:8px 0 4px}.order-date{font-size:13px;color:#718096;margin:0}.bon-divider{height:2px;background:linear-gradient(90deg,#667eea,#764ba2);margin:24px 0;border-radius:2px}.bon-items{margin:24px 0}.bon-table{width:100%;border-collapse:collapse}.bon-table thead{background:linear-gradient(135deg,#f7fafc,#edf2f7)}.bon-table th{padding:12px;text-align:left;font-size:13px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.bon-table td{padding:14px 12px;font-size:14px;color:#2d3748;border-bottom:1px solid #e2e8f0}.bon-item-name{display:flex;align-items:center;gap:8px;font-weight:600}.item-icon{font-size:20px}.item-total{font-weight:700;color:#48bb78}.bon-table tbody tr:hover{background:#f7fafc}.bon-summary{margin:24px 0;padding:20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px}.bon-summary .summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#4a5568}.bon-summary .total-row{margin-top:12px;padding-top:16px;border-top:2px solid #cbd5e0;font-size:18px;font-weight:700;color:#2d3748}.bon-summary .total-price{color:#48bb78;font-size:24px}.payment-method-row{margin-top:12px;padding-top:12px;border-top:1px solid #cbd5e0}.payment-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.bon-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:2px dashed #cbd5e0}.bon-footer p{margin:8px 0;color:#4a5568;font-size:14px}.bon-tagline{font-size:16px;font-weight:600;color:#667eea}.bon-actions{display:flex;gap:12px;padding:20px;background:#f7fafc;border-top:1px solid #e2e8f0}.bon-actions button{flex:1}@media print{body *{visibility:hidden}.bon-commande-print,.bon-commande-print *{visibility:visible}.bon-commande-print{position:absolute;left:0;top:0;width:100%;padding:20px}.bon-actions{display:none!important}.modal-overlay{background:#fff!important}.bon-commande-modal{box-shadow:none;border-radius:0;max-width:100%}}.achat-page{animation:fadeIn .5s ease}.orders-section{margin-top:32px}.orders-section h3{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:24px}.no-orders{background:#fff;border-radius:16px;padding:80px 40px;text-align:center;box-shadow:0 4px 12px #0000000d}.no-orders-icon{font-size:80px;margin-bottom:24px;opacity:.5}.no-orders p{font-size:18px;color:#718096;margin-bottom:24px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.order-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.order-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.order-number{display:flex;align-items:center;gap:8px;font-weight:700;color:#2d3748;font-size:15px}.order-icon{font-size:20px}.order-status{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.order-status.completed{background:#c6f6d5;color:#22543d}.order-date{font-size:13px;color:#718096;margin-bottom:16px}.order-items{margin-bottom:16px}.order-item-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#4a5568}.order-item-qty{font-weight:600;color:#2d3748}.order-total{display:flex;justify-content:space-between;padding-top:16px;border-top:2px solid #e2e8f0;font-weight:700;color:#2d3748}.total-value{color:#48bb78;font-size:20px}.achat-modal{max-width:1200px!important;width:92vw;max-height:88vh;padding:0!important;display:flex;flex-direction:column;overflow:hidden}.achat-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;flex-shrink:0}.achat-modal-header h3{margin:0;font-size:22px;font-weight:700}.achat-modal-header .btn-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease}.achat-modal-header .btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.achat-modal-body{flex:1;overflow-y:auto;padding:24px;background:#f8f9fa;display:flex;flex-direction:column;gap:20px;min-height:0}.achat-modal-body::-webkit-scrollbar{width:8px}.achat-modal-body::-webkit-scrollbar-track{background:#e9ecef}.achat-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.achat-search{width:100%}.achat-search-input{width:100%;padding:14px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:15px;font-family:Poppins,sans-serif;transition:all .3s ease;background:#fff}.achat-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.achat-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.achat-no-products{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#a0aec0}.achat-no-products span{font-size:64px;display:block;margin-bottom:16px;opacity:.5}.achat-no-products p{font-size:16px;margin:0}.achat-product-card{background:#fff;border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid #e9ecef;display:flex;flex-direction:column;gap:8px}.achat-product-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 20px #667eea26}.achat-product-icon{font-size:48px;margin-bottom:8px}.achat-product-name{font-weight:600;color:#2d3748;font-size:15px}.achat-product-category{font-size:12px;color:#718096}.achat-product-stock{font-size:12px;color:#48bb78;font-weight:600}.achat-product-price{font-size:18px;font-weight:700;color:#667eea;margin-top:8px}.achat-cart{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}.achat-cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.achat-cart-header h4{margin:0;font-size:18px;font-weight:700;color:#2d3748}.achat-clear-btn{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.achat-clear-btn:hover{background:#fed7d7}.achat-cart-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:300px;overflow-y:auto}.achat-cart-items::-webkit-scrollbar{width:6px}.achat-cart-items::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.achat-cart-item{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px;background:#f8f9fa;border-radius:12px;border:2px solid #e9ecef}.achat-cart-item-info{display:flex;align-items:center;gap:12px}.achat-cart-icon{font-size:32px}.achat-cart-item-name{font-weight:600;color:#2d3748;font-size:14px}.achat-cart-item-price{font-size:12px;color:#718096}.achat-cart-item-controls{display:flex;align-items:center;gap:8px}.achat-cart-item-controls button{width:32px;height:32px;border-radius:8px;border:2px solid #e9ecef;background:#fff;color:#495057;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.achat-cart-item-controls button:hover{border-color:#667eea;color:#667eea}.achat-cart-item-controls span{min-width:32px;text-align:center;font-weight:600;color:#2d3748}.achat-remove-btn{background:#fff5f5!important;color:#e53e3e!important;border-color:#feb2b2!important}.achat-remove-btn:hover{background:#fed7d7!important;border-color:#fc8181!important}.achat-cart-item-total{font-weight:700;color:#48bb78;font-size:16px}.achat-cart-summary{padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px}.achat-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#4a5568}.achat-total{border-top:2px solid #cbd5e0;margin-top:12px;padding-top:16px;font-size:18px;font-weight:700;color:#2d3748}.achat-total span:last-child{color:#48bb78;font-size:22px}.achat-validate-btn{width:100%;padding:16px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;margin-top:16px;transition:all .3s ease;box-shadow:0 4px 12px #48bb784d}.achat-validate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.product-icon-large{font-size:42px;min-width:50px;text-align:center}.product-item .product-info{flex:1;min-width:0}.product-item .product-name{font-weight:600;color:#2d3748;font-size:15px;margin-bottom:6px}.product-meta{display:flex;gap:12px;font-size:12px}.product-category{color:#718096}.product-stock{color:#48bb78;font-weight:600}.product-item .product-price{font-weight:700;color:#667eea;font-size:17px;white-space:nowrap}.btn-add{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-add:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px #667eea66}.purchase-right{display:flex;flex-direction:column;background:#fff;overflow:hidden}.btn-clear-all{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear-all:hover{background:#fed7d7}.empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.3;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-cart p{font-size:18px;font-weight:600;color:#4a5568;margin:0 0 8px}.empty-cart span{font-size:14px;color:#a0aec0}.cart-items-list{flex:1;overflow-y:auto;padding:16px 24px;min-height:0}.cart-items-list::-webkit-scrollbar{width:6px}.cart-items-list::-webkit-scrollbar-track{background:transparent}.cart-items-list::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:10px}.cart-items-list::-webkit-scrollbar-thumb:hover{background:#cbd5e0}.cart-item{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:16px;margin-bottom:12px;display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;border:2px solid #e9ecef;transition:all .3s ease;position:relative}.cart-item:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014}.btn-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#fff5f5;border:none;color:#e53e3e;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#e53e3e;color:#fff;transform:scale(1.1)}.cart-item-icon{font-size:36px}.cart-item-details{grid-column:2 / 4}.cart-item-name{font-weight:600;color:#2d3748;font-size:14px;margin-bottom:4px}.cart-item-price{font-size:12px;color:#718096}.cart-item-actions{grid-column:2 / 5;display:flex;align-items:center;gap:8px;margin-top:8px}.qty-btn{width:32px;height:32px;border-radius:8px;background:#fff;border:2px solid #e9ecef;color:#495057;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.qty-btn:hover{border-color:#667eea;color:#667eea;background:#f7fafc}.qty-input{width:60px;height:32px;text-align:center;border:2px solid #e9ecef;border-radius:8px;font-weight:600;color:#2d3748;font-size:14px}.qty-input:focus{outline:none;border-color:#667eea}.cart-item-total{grid-column:4;text-align:right;font-weight:700;color:#48bb78;font-size:15px;white-space:nowrap}.cart-footer{padding:20px 24px;background:linear-gradient(to top,#f8f9fa,#fff);border-top:2px solid #e9ecef;flex-shrink:0}.cart-summary{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;border:2px solid #e9ecef}.summary-line{display:flex;justify-content:space-between;padding:8px 0;color:#4a5568;font-size:14px}.summary-value{font-weight:600;color:#2d3748}.total-line{border-top:2px solid #e9ecef;margin-top:8px;padding-top:12px;font-size:16px;font-weight:700}.total-price{font-size:22px;color:#48bb78;font-weight:800}.btn-validate{width:100%;padding:16px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #48bb784d}.btn-validate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.btn-validate span{font-size:20px}@media (max-width: 900px){.purchase-content{grid-template-columns:1fr}.purchase-left{border-right:none;border-bottom:3px solid #e9ecef}}.btn-confirm-purchase{width:100%;padding:14px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;box-shadow:0 4px 15px #48bb784d}.btn-confirm-purchase:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.dashboard{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border-left:4px solid transparent}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-card.blue{border-left-color:#4299e1}.stat-card.green{border-left-color:#48bb78}.stat-card.purple{border-left-color:#9f7aea}.stat-card.orange{border-left-color:#ed8936}.stat-icon{font-size:40px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#4299e126,#4299e10d)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#48bb7826,#48bb780d)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#9f7aea26,#9f7aea0d)}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#ed893626,#ed89360d)}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:4px}.stat-label{font-size:14px;color:#718096;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.dashboard-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d}.dashboard-card h3{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:20px}.category-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f7fafc;border-radius:10px;border-left:3px solid #667eea;transition:all .2s ease}.category-item:hover{background:#edf2f7;transform:translate(4px)}.category-icon{font-size:24px}.category-name{flex:1;font-weight:600;color:#2d3748}.category-count{font-size:13px;color:#718096;background:#fff;padding:4px 12px;border-radius:12px}.alert-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff5f5;border-radius:10px;border-left:3px solid #fc8181}.alert-icon{font-size:24px}.alert-content{flex:1}.alert-title{font-weight:600;color:#2d3748;margin-bottom:4px}.alert-message{font-size:13px;color:#718096}.no-alerts{text-align:center;padding:40px;color:#718096;font-size:15px}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,#4a2c2a,#2d1b1a);color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000001a;position:fixed;height:100vh;left:0;top:0;z-index:1000}.logo{padding:32px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-icon{font-size:36px;animation:rotate 3s ease-in-out infinite}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.logo h1{font-size:24px;font-weight:700;background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffb3;text-decoration:none;transition:all .3s ease;font-weight:500}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.nav-icon{font-size:20px}.nav-label{font-size:15px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px}.user-details{flex:1}.user-name{font-size:14px;font-weight:600;color:#fff}.user-role{font-size:12px;color:#fff9}.main-content{flex:1;margin-left:280px;padding:32px;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h2{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:8px}.page-subtitle{font-size:15px;color:#718096;font-weight:400}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#e2e8f0;color:#2d3748;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#cbd5e0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:20px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:22px;font-weight:700;color:#2d3748}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#718096;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.btn-close:hover{background:#f7fafc;color:#2d3748}form{padding:24px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-family:Poppins,sans-serif;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2d3748;overflow-x:hidden}#root{min-height:100vh}