body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;padding:15px 0}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--primary-color);font-size:24px;font-weight:700;gap:10px;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:32px}.logo-text{font-size:24px}.nav{align-items:center;display:flex;gap:30px}.nav-link{color:var(--text-dark);font-size:16px;font-weight:500;position:relative;transition:color .3s ease}.nav-link:hover{color:var(--primary-color)}.cart-link{align-items:center;display:flex;gap:8px;position:relative}.cart-icon{font-size:20px}.cart-badge{background-color:var(--primary-color);border-radius:10px;color:#fff;font-size:12px;font-weight:700;min-width:20px;padding:2px 6px;position:absolute;right:-12px;text-align:center;top:-8px}.auth-links{align-items:center;display:flex;gap:15px}.login-link{color:var(--primary-color);font-weight:600}.signup-link{background:linear-gradient(135deg,#8b4513,sienna);border-radius:6px;color:#fff;font-weight:600;padding:8px 20px;transition:all .3s ease}.signup-link:hover{box-shadow:0 4px 12px #8b45134d;color:#fff;transform:translateY(-2px)}.user-menu{position:relative}.user-button{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.user-button:hover{background:#fff;border-color:var(--primary-color)}.user-icon{font-size:18px}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:10px;transition:transform .3s ease}.user-button:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.dropdown-item{background:none;border:none;color:var(--text-dark);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 20px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f8f9fa;color:var(--primary-color)}.dropdown-item.admin-link{color:#27ae60;font-weight:600}.dropdown-item.admin-link:hover{background:#e8f5e9;color:#1e8449}.dropdown-item.logout-btn{border-top:1px solid #e0e0e0;color:#dc3545}.dropdown-item.logout-btn:hover{background:#fee;color:#c33}@media (max-width:768px){.logo-text{font-size:20px}.nav{gap:15px}.nav-link{font-size:14px}.user-name{display:none}.auth-links{gap:10px}.signup-link{font-size:14px;padding:6px 12px}}@media (max-width:480px){.header-content{padding:10px 0}.logo-text{font-size:16px}.logo-icon{font-size:24px}.nav{gap:10px}.nav-link{font-size:12px}.cart-link span:not(.cart-icon):not(.cart-badge){display:none}.login-link,.signup-link{font-size:12px}.signup-link{padding:6px 10px}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,#d35400,#e67e22);color:#fff;margin-bottom:60px;padding:80px 20px;text-align:center}.hero-content h1{font-size:48px;font-weight:700;margin-bottom:15px}.hero-content p{font-size:20px;margin-bottom:10px;opacity:.95}.hero-subtitle{font-size:16px;opacity:.85}.products-section{padding:40px 0}.filter-bar{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.filter-bar button{background-color:#fff;border:2px solid var(--border-color);border-radius:25px;color:var(--text-dark);font-size:16px;font-weight:500;padding:12px 30px;transition:all .3s ease}.filter-bar button:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-bar button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.products-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.product-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.product-image{background-color:var(--bg-light);height:250px;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.1)}.out-of-stock-badge{background-color:var(--error-color);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;position:absolute;right:10px;top:10px}.product-info{padding:20px}.product-info h3{color:var(--text-dark);font-size:20px;margin-bottom:10px}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-light);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:15px;overflow:hidden}.product-meta{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px}.weight{color:var(--text-light);font-weight:500}.rating{color:var(--text-dark);font-weight:500}.product-footer{align-items:center;display:flex;justify-content:space-between}.price{color:var(--primary-color);font-size:24px;font-weight:700}.add-to-cart-btn{background-color:var(--primary-color);border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.add-to-cart-btn:hover:not(:disabled){background-color:var(--primary-dark)}.add-to-cart-btn:disabled{background-color:var(--text-light)}.no-products{color:var(--text-light);font-size:18px;padding:60px 20px;text-align:center}.features{background-color:var(--bg-light);margin-top:40px;padding:60px 0}.feature-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{text-align:center}.feature-icon{font-size:48px;margin-bottom:15px}.feature h3{color:var(--text-dark);font-size:20px;margin-bottom:10px}.feature p{color:var(--text-light);font-size:14px;line-height:1.6}@media (max-width:768px){.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.feature-grid{gap:30px;grid-template-columns:1fr}}.cart-page{min-height:80vh;padding:40px 0}.cart-page h1{color:var(--text-dark);font-size:32px;margin-bottom:30px}.cart-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 400px}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{grid-gap:20px;align-items:center;background:#fff;border-radius:12px;box-shadow:var(--shadow);display:grid;gap:20px;grid-template-columns:100px 1fr auto auto;padding:20px}.item-image{background-color:var(--bg-light);border-radius:8px;height:100px;overflow:hidden;width:100px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details h3{color:var(--text-dark);font-size:18px;margin-bottom:8px}.item-weight{color:var(--text-light);font-size:14px;margin-bottom:5px}.item-price{color:var(--text-dark);font-weight:500}.item-quantity{align-items:center;background-color:var(--bg-light);border-radius:8px;display:flex;gap:15px;padding:8px 15px}.item-quantity button{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:50%;display:flex;font-size:18px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.item-quantity button:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.item-quantity span{font-size:16px;font-weight:600;min-width:30px;text-align:center}.item-total{text-align:right}.subtotal{color:var(--primary-color);font-size:20px;font-weight:700;margin-bottom:10px}.remove-btn{background:none;color:var(--error-color);font-size:14px;padding:5px 10px;transition:opacity .3s ease}.remove-btn:hover{opacity:.7}.cart-summary{background:#fff;border-radius:12px;box-shadow:var(--shadow);height:fit-content;padding:30px;position:sticky;top:100px}.cart-summary h2{color:var(--text-dark);font-size:24px;margin-bottom:20px}.summary-row{border-bottom:1px solid var(--border-color);font-size:16px;padding:12px 0}.summary-row.total{border-bottom:none;border-top:2px solid var(--border-color);padding-top:20px}.checkout-btn{background-color:var(--primary-color);border-radius:8px;color:#fff;font-size:16px;font-weight:600;margin-top:20px;padding:15px;transition:background-color .3s ease;width:100%}.checkout-btn:hover{background-color:var(--primary-dark)}.continue-link{color:var(--primary-color);display:block;font-size:14px;margin-top:15px;text-align:center;transition:opacity .3s ease}.continue-link:hover{opacity:.7}.empty-cart{align-items:center;display:flex;justify-content:center;min-height:60vh}.empty-cart-content{text-align:center}.empty-cart-content h2{color:var(--text-dark);font-size:28px;margin-bottom:15px}.empty-cart-content p{color:var(--text-light);font-size:16px;margin-bottom:30px}.continue-shopping-btn{background-color:var(--primary-color);border-radius:8px;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .3s ease}.continue-shopping-btn:hover{background-color:var(--primary-dark)}@media (max-width:968px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart-item{gap:15px;grid-template-columns:80px 1fr}.item-quantity{grid-column:1/-1;justify-content:center}.item-total{grid-column:1/-1;text-align:center}}.checkout-page{min-height:80vh;padding:40px 0}.checkout-header{margin-bottom:40px}.checkout-header h1{color:var(--text-dark);font-size:32px;margin-bottom:30px;text-align:center}.progress-bar{justify-content:center;margin:0 auto;max-width:600px}.progress-bar,.progress-step{align-items:center;display:flex}.progress-step{flex-direction:column;gap:8px}.step-number{align-items:center;background-color:var(--bg-light);border:2px solid var(--border-color);border-radius:50%;color:var(--text-light);display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.progress-step.active .step-number{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-label{color:var(--text-light);font-size:14px;font-weight:500}.progress-step.active .step-label{color:var(--primary-color);font-weight:600}.progress-line{background-color:var(--border-color);height:2px;margin:0 10px 25px;transition:background-color .3s ease;width:80px}.progress-line.active{background-color:var(--primary-color)}.checkout-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 400px}.checkout-form{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:30px}.form-section h2{color:var(--text-dark);font-size:24px;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-dark);font-size:14px;margin-bottom:8px}.form-group input{border:2px solid var(--border-color);font-size:14px;padding:12px 15px;transition:border-color .3s ease}.form-group input:focus{border-color:var(--primary-color)}.form-row{grid-gap:15px;gap:15px}.payment-methods{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.payment-option{align-items:center;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .3s ease}.payment-option:hover{background-color:#fff5f0;border-color:var(--primary-color)}.payment-option input[type=radio]{cursor:pointer;height:20px;width:20px}.payment-option input[type=radio]:checked+.payment-info{color:var(--primary-color)}.payment-info{align-items:center;display:flex;flex:1 1;gap:15px}.payment-icon{font-size:32px}.payment-info strong{display:block;font-size:16px;margin-bottom:3px}.payment-info p{color:var(--text-light);font-size:13px;margin:0}.button-group{display:flex;gap:15px;margin-top:30px}.next-btn,.place-order-btn{background-color:var(--primary-color);border-radius:8px;color:#fff;flex:1 1;font-size:16px;font-weight:600;padding:15px;transition:background-color .3s ease}.next-btn:hover,.place-order-btn:hover{background-color:var(--primary-dark)}.back-btn{background-color:#fff;border:2px solid var(--border-color);border-radius:8px;color:var(--text-dark);font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.back-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.order-summary-sidebar{background:#fff;border-radius:12px;box-shadow:var(--shadow);height:fit-content;padding:30px;position:sticky;top:100px}.order-summary-sidebar h2{color:var(--text-dark);font-size:20px;margin-bottom:20px}.summary-items{margin-bottom:20px;max-height:300px;overflow-y:auto;padding-right:10px}.summary-items::-webkit-scrollbar{width:6px}.summary-items::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.summary-items::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.summary-item{border-bottom:1px solid var(--border-color);display:flex;gap:15px;padding:15px 0}.summary-item:last-child{border-bottom:none}.summary-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.item-info{flex:1 1}.item-name{color:var(--text-dark);font-size:14px;font-weight:600;margin-bottom:5px}.item-qty{color:var(--text-light);font-size:13px}.item-price{color:var(--primary-color);font-size:14px}.summary-totals{border-top:2px solid var(--border-color);padding-top:20px}.summary-row{display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.summary-row.total{border-top:1px solid var(--border-color);color:var(--text-dark);font-size:20px;font-weight:700;margin-top:10px;padding-top:15px}.summary-row .free{color:var(--success-color);font-weight:600}@media (max-width:968px){.checkout-content{grid-template-columns:1fr}.order-summary-sidebar{order:-1;position:static}}@media (max-width:768px){.progress-bar{padding:0 20px}.progress-line{width:40px}.step-label{font-size:12px}.form-row{grid-template-columns:1fr}.button-group{flex-direction:column}.back-btn{order:2}}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:3rem;width:100%}.login-card h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem;text-align:center}.login-subtitle{color:#7f8c8d;font-size:.95rem;margin-bottom:2rem;text-align:center}.login-form{margin-bottom:1.5rem}.login-btn{background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 5px 15px #8b45134d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-setup-message a{color:#8b4513;text-decoration:underline}.login-footer{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#7f8c8d;font-size:.95rem}.login-footer a{color:#8b4513;font-weight:600;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:sienna;text-decoration:underline}@media (max-width:768px){.login-card{padding:2rem 1.5rem}.login-card h2{font-size:1.75rem}}@media (max-width:480px){.login-container{padding:1rem}.login-card{padding:1.5rem 1rem}.login-card h2{font-size:1.5rem}}.signup-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.signup-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;margin:2rem auto;max-width:650px;padding:3rem;width:100%}.signup-card h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem;text-align:center}.signup-subtitle{color:#7f8c8d;font-size:.95rem;margin-bottom:2rem;text-align:center}.signup-form{margin-bottom:1.5rem}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.address-section{background-color:#f8f9fa;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.address-section h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.signup-btn{background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.signup-btn:hover:not(:disabled){box-shadow:0 5px 15px #8b45134d;transform:translateY(-2px)}.signup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{font-size:.9rem;margin-bottom:1.5rem}.divider{align-items:center;color:#95a5a6;display:flex;margin:2rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.divider span{font-size:.875rem;font-weight:500;padding:0 1rem}.google-login-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.google-login-wrapper>div{width:100%!important}.google-login-wrapper button{justify-content:center!important;width:100%!important}.google-setup-message{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.875rem;margin-bottom:1.5rem;padding:1rem}.google-setup-message p{margin:.5rem 0}.signup-footer{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem;text-align:center}.signup-footer p{color:#7f8c8d;font-size:.95rem}.signup-footer a{color:#8b4513;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-footer a:hover{color:sienna;text-decoration:underline}@media (max-width:768px){.signup-card{padding:2rem 1.5rem}.signup-card h2{font-size:1.75rem}.form-row{grid-template-columns:1fr}.address-section{padding:1rem}}@media (max-width:480px){.signup-container{padding:1rem}.signup-card{padding:1.5rem 1rem}.signup-card h2{font-size:1.5rem}}.profile-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 200px);padding:2rem 1rem}.profile-content{margin:0 auto;max-width:1000px}.profile-content h1{color:#2c3e50;font-size:2.5rem;margin-bottom:2rem;text-align:center}.message{border-radius:8px;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.message.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.message.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.profile-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#2c3e50;font-size:1.75rem;margin:0}.edit-btn{background:#8b4513;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.edit-btn:hover{background:sienna;box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{background:#f8f9fa;border-left:3px solid #8b4513;border-radius:8px;display:flex;padding:1rem}.info-row .label{color:#2c3e50;font-weight:600;min-width:120px}.info-row .value{color:#555;flex:1 1}.profile-form{margin-top:1rem}.form-row{grid-template-columns:1fr 1fr}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:500}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;outline:none}.form-group input.disabled-input{background-color:#f5f5f5;color:#999;cursor:not-allowed}.profile-form h3{border-top:1px solid #e0e0e0;color:#2c3e50;font-size:1.25rem;margin:1.5rem 0 1rem;padding-top:1.5rem}.form-actions{margin-top:2rem}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;flex:1 1}.save-btn:hover{box-shadow:0 5px 15px #8b45134d;transform:translateY(-2px)}.cancel-btn{background:#e0e0e0;color:#555}.cancel-btn:hover{background:#d0d0d0}.loading{font-size:1.25rem}.no-orders{padding:3rem 1rem;text-align:center}.no-orders p{color:#7f8c8d;font-size:1.1rem;margin-bottom:1.5rem}.shop-btn{background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.shop-btn:hover{box-shadow:0 5px 15px #8b45134d;transform:translateY(-2px)}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{border:2px solid #e0e0e0;border-radius:10px;padding:1.5rem;transition:all .3s ease}.order-card:hover{border-color:#8b4513;box-shadow:0 4px 12px #0000001a}.order-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.order-header h3{color:#2c3e50;font-size:1.25rem;margin:0 0 .5rem}.order-date{color:#7f8c8d;font-size:.9rem;margin:0}.status-badge{border-radius:20px;font-size:.875rem;padding:.5rem 1rem;text-transform:capitalize}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.processing{background:#cfe2ff;color:#084298}.status-badge.shipped{background:#d1ecf1;color:#0c5460}.status-badge.delivered{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.order-items{margin:1rem 0}.order-item{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 0}.order-item:last-child{border-bottom:none}.item-name{color:#2c3e50;font-size:.95rem}.item-price{color:#8b4513;font-weight:600}.order-footer{border-top:2px solid #e0e0e0;justify-content:space-between;margin-top:1rem;padding-top:1rem}.order-footer,.order-total{align-items:center;display:flex}.order-total{font-size:1.1rem;gap:1rem}.total-amount{color:#8b4513;font-size:1.25rem;font-weight:700}.payment-status{color:#7f8c8d;font-size:.9rem}.payment-status .paid{color:#28a745;font-weight:600}.payment-status .pending{color:#ffc107;font-weight:600}.payment-status .failed{color:#dc3545;font-weight:600}@media (max-width:768px){.profile-content h1{font-size:2rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.edit-btn{width:100%}.form-row{grid-template-columns:1fr}.info-row{flex-direction:column;gap:.5rem}.info-row .label{min-width:auto}.order-footer,.order-header{flex-direction:column;gap:1rem}.order-footer{align-items:flex-start}}@media (max-width:480px){.profile-container{padding:1rem .5rem}.profile-section{padding:1.5rem 1rem}.profile-content h1{font-size:1.75rem}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.admin-panel{margin:0 auto;max-width:1400px;padding:2rem}.admin-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-header h1{color:#2c3e50;font-size:2rem;margin:0}.btn-add-product{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease}.btn-add-product:hover{background:#229954}.error-message{background:#fee;border-left:4px solid #c33;border-radius:5px;color:#c33;margin-bottom:1rem;padding:1rem}.loading{color:#666;font-size:1.2rem;padding:3rem}.product-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.product-form-container h2{color:#2c3e50;margin-bottom:1.5rem;margin-top:0}.product-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column}.form-group label{color:#34495e;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.form-group textarea{min-height:80px;resize:vertical}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;cursor:pointer;display:flex;margin:0}.checkbox-group input[type=checkbox]{cursor:pointer;margin-right:.5rem;width:auto}.checkbox-group span{color:#34495e;font-weight:600}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-cancel,.btn-submit{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-submit{background:#3498db;color:#fff}.btn-submit:hover{background:#2980b9}.btn-cancel{background:#95a5a6;color:#fff}.btn-cancel:hover{background:#7f8c8d}.products-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.products-table-container h2{color:#2c3e50;margin-bottom:1.5rem;margin-top:0}.table-responsive{overflow-x:auto}.products-table{border-collapse:collapse;font-size:.95rem;width:100%}.products-table thead{background:#f8f9fa}.products-table th{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.products-table td{border-bottom:1px solid #e0e0e0;padding:1rem;vertical-align:middle}.products-table tbody tr:hover{background:#f8f9fa}.product-thumbnail{border:1px solid #e0e0e0;border-radius:5px;height:60px;object-fit:cover;width:60px}.category-badge .badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.badge-spices{background:#fff3cd;color:#856404}.badge-coffee{background:#d1ecf1;color:#0c5460}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.status-badge.in-stock{background:#d4edda;color:#155724}.status-badge.out-of-stock{background:#f8d7da;color:#721c24}.actions{display:flex;gap:.5rem}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.btn-edit{background:#3498db;color:#fff}.btn-edit:hover{background:#2980b9}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b}@media (max-width:768px){.admin-panel{padding:1rem}.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-header h1{font-size:1.5rem}.btn-add-product{width:100%}.product-form-container,.products-table-container{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.products-table{font-size:.85rem}.products-table td,.products-table th{padding:.5rem}.product-thumbnail{height:40px;width:40px}.actions{flex-direction:column}.btn-delete,.btn-edit{font-size:.85rem;padding:.4rem .8rem;width:100%}}@media (max-width:480px){.products-table thead{display:none}.products-table,.products-table tbody,.products-table td,.products-table tr{display:block;width:100%}.products-table tr{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem}.products-table td{border:none;padding:.5rem 0 .5rem 50%;position:relative;text-align:right}.products-table td:before{color:#2c3e50;content:attr(data-label);font-weight:600;left:0;padding-right:10px;position:absolute;text-align:left;width:45%}.product-thumbnail{height:80px;margin-left:auto;width:80px}.actions{flex-direction:row;justify-content:flex-end}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#d35400;--primary-dark:#a04000;--secondary-color:#27ae60;--text-dark:#2c3e50;--text-light:#7f8c8d;--bg-light:#f8f9fa;--border-color:#e0e0e0;--success-color:#27ae60;--error-color:#e74c3c;--shadow:0 2px 8px #0000001a;--shadow-lg:0 4px 16px #00000026}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#2c3e50;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.container{margin:0 auto;max-width:1200px;padding:0 20px}.loading{color:#7f8c8d;color:var(--text-light);font-size:18px;padding:60px 20px;text-align:center}.error-message{background-color:#fee;border-left:4px solid #e74c3c;border-left:4px solid var(--error-color);border-radius:8px;color:#e74c3c;color:var(--error-color);margin-bottom:20px;padding:15px 20px}.notification{animation:slideIn .3s ease-out;background-color:#27ae60;background-color:var(--success-color);border-radius:8px;box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg);color:#fff;padding:15px 25px;position:fixed;right:20px;top:80px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.footer{background-color:#2c3e50;background-color:var(--text-dark);color:#fff;margin-top:60px;padding:30px 0;text-align:center}.footer p{margin:5px 0;opacity:.9}button{border:none;cursor:pointer;font-family:inherit;outline:none;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}@media (max-width:768px){.container{padding:0 15px}.notification{left:15px;right:15px}}
/*# sourceMappingURL=main.fe3ee316.css.map*/