*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;outline:none}input,textarea{font-family:inherit}.header{background:linear-gradient(135deg,#8b4513,sienna);box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{gap:15px}.logo-image{height:60px;object-fit:contain;width:auto}.logo-text h1{font-size:28px;font-weight:700;margin-bottom:4px}.logo-text p{font-size:14px;opacity:.9}.nav{align-items:center;display:flex;gap:30px}.nav a{color:#fff;font-weight:500;transition:opacity .3s}.nav a:hover{opacity:.8}.cart-link{position:relative}.cart-badge{align-items:center;background:#f44;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-12px;top:-8px;width:20px}.user-name{font-size:14px;opacity:.9}.btn-admin,.btn-logout,.btn-register{background:#fff3;border-radius:6px;padding:8px 16px;transition:all .3s}.btn-admin:hover,.btn-logout:hover,.btn-register:hover{background:#ffffff4d}.btn-back-home{background:#fff3;border-radius:6px;padding:8px 16px;transition:all .3s}.btn-back-home:hover{background:#ffffff4d}.menu-toggle{background:none;color:#fff;display:none;font-size:28px}@media (max-width:768px){.menu-toggle{display:block}.nav{background:#8b4513;display:none;flex-direction:column;gap:15px;left:0;padding:20px;position:absolute;right:0;top:100%}.nav.open{display:flex}}.footer{background:#2c2c2c;color:#fff;margin-top:60px}.footer-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1400px;padding:40px 20px}.footer-section h3{font-size:24px;margin-bottom:10px}.footer-section h4{font-size:18px;margin-bottom:15px}.footer-section p{line-height:1.6;opacity:.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#fff;opacity:.8;transition:opacity .3s}.footer-section ul li a:hover{opacity:1}.footer-bottom{border-top:1px solid #ffffff1a;opacity:.7;padding:20px;text-align:center}@media (max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center}}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:block;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.product-image{background:#f5f5f5;overflow:hidden;padding-top:100%;position:relative;width:100%}.product-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.stock-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:10px;top:10px}.stock-badge.low{background:#ff9800}.stock-badge.out{background:#f44336}.product-info{padding:16px}.product-name{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.product-category{color:#666;font-size:14px;margin-bottom:12px}.product-price{color:#8b4513;font-size:22px;font-weight:700}@media (max-width:768px){.product-name{font-size:16px}.product-price{font-size:20px}}.hero{background:linear-gradient(135deg,#8b4513,sienna);border-radius:12px;color:#fff;margin-bottom:60px;padding:80px 20px;text-align:center}.hero-content h1{font-size:48px;font-weight:700;margin-bottom:20px}.hero-content p{font-size:24px;margin-bottom:30px;opacity:.95}.featured-section{margin-bottom:60px}.featured-section h2{color:#333;font-size:36px;margin-bottom:40px;text-align:center}.products-grid{margin-bottom:40px}.view-all{text-align:center}@media (max-width:768px){.hero-content h1{font-size:32px}.hero-content p{font-size:18px}.products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.featured-section h2{font-size:28px}}.products-page{margin:0 auto;max-width:1400px;padding:40px 20px}.products-page h1{color:#333;font-size:36px;margin-bottom:40px;text-align:center}.search-form{display:flex;gap:10px;margin:0 auto 40px;max-width:600px}.search-input{border:2px solid #ddd;border-radius:6px;flex:1 1;font-size:16px;padding:12px 20px}.search-input:focus{border-color:#8b4513;outline:none}.products-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.no-products{color:#666;font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.products-page h1{font-size:28px}.search-form{flex-direction:column}.products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.product-detail{margin:0 auto;max-width:1200px;padding:40px 20px}.btn-back{background:#f5f5f5;border-radius:6px;margin-bottom:30px;padding:10px 20px;transition:background .3s}.btn-back:hover{background:#e0e0e0}.product-detail-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr}.product-detail-image img{border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%}.product-detail-info h1{color:#333;font-size:36px;margin-bottom:10px}.category{color:#666;font-size:18px}.category,.price{margin-bottom:20px}.price{color:#8b4513;font-size:32px;font-weight:700}.stock-info{margin-bottom:20px}.in-stock{color:#4caf50;font-weight:600}.out-of-stock{color:#f44336;font-weight:600}.description{color:#555;line-height:1.8;margin-bottom:30px}.add-to-cart-section{align-items:center;display:flex;gap:20px;margin-bottom:20px}.quantity-selector{align-items:center;display:flex;gap:10px}.quantity-selector input{border:2px solid #ddd;border-radius:6px;font-size:16px;padding:10px;width:80px}@media (max-width:768px){.product-detail-container{gap:30px;grid-template-columns:1fr}.price,.product-detail-info h1{font-size:28px}.add-to-cart-section{align-items:stretch;flex-direction:column}}.cart-page{margin:0 auto;max-width:1200px;padding:40px 20px}.cart-page h1{color:#333;font-size:36px;margin-bottom:40px}.empty-cart{padding:80px 20px;text-align:center}.empty-cart h2{color:#666;font-size:28px;margin-bottom:30px}.cart-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{grid-gap:20px;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:20px;grid-template-columns:100px 1fr auto auto auto;padding:20px}.cart-item img{border-radius:8px;height:100px;object-fit:cover;width:100px}.item-details h3{font-size:18px;margin-bottom:8px}.item-price{color:#666;font-size:16px}.item-quantity{align-items:center;display:flex;gap:10px}.item-quantity button{background:#f5f5f5;border-radius:4px;font-size:18px;height:32px;width:32px}.item-quantity button:hover{background:#e0e0e0}.item-quantity span{font-weight:600;min-width:30px;text-align:center}.item-subtotal{color:#8b4513;font-size:20px;font-weight:700}.btn-remove{background:#f44336;border-radius:50%;color:#fff;font-size:18px;height:32px;width:32px}.btn-remove:hover{background:#d32f2f}.cart-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:100px}.cart-summary h2{font-size:24px;margin-bottom:20px}.summary-row{display:flex;font-size:16px;justify-content:space-between;margin-bottom:15px}.summary-row.total{border-top:2px solid #eee;color:#8b4513;font-size:24px;font-weight:700;margin-top:15px;padding-top:15px}.btn-checkout{margin-top:20px;width:100%}.continue-shopping{color:#666;display:block;margin-top:15px;text-align:center}.continue-shopping:hover{color:#8b4513}@media (max-width:768px){.cart-container{grid-template-columns:1fr}.cart-item{gap:15px;grid-template-columns:80px 1fr}.btn-remove,.item-quantity,.item-subtotal{grid-column:2}.btn-remove{justify-self:end}.cart-summary{position:static}}.checkout-page{margin:0 auto;max-width:1200px;padding:40px 20px}.checkout-page h1{color:#333;font-size:36px;margin-bottom:40px}.checkout-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr}.checkout-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.checkout-form h2{font-size:24px;margin-bottom:20px}.checkout-form textarea{border:2px solid #ddd;border-radius:6px;font-size:16px;padding:12px;resize:vertical;width:100%}.order-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px}.order-summary h2{font-size:24px}.order-summary h2,.summary-items{margin-bottom:20px}.summary-item{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px}.summary-item,.summary-total{display:flex;justify-content:space-between}.summary-total{border-top:2px solid #eee;color:#8b4513;font-size:24px;font-weight:700;padding-top:15px}@media (max-width:768px){.checkout-container{grid-template-columns:1fr}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.auth-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:450px;padding:40px;width:100%}.auth-container h1{color:#333;font-size:32px;margin-bottom:30px;text-align:center}.form-group input{border:2px solid #ddd;border-radius:6px;font-size:16px;padding:12px;width:100%}.form-group input:focus{border-color:#8b4513;outline:none}.auth-container .btn{margin-top:10px;width:100%}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#8b4513;font-weight:600}.auth-link a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{padding:30px 20px}.auth-container h1{font-size:28px}}.profile-page{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);min-height:80vh;padding:40px 20px}.profile-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:40px}.profile-container h1{color:#8b4513;font-size:2rem;margin-bottom:30px;text-align:center}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.error-message,.success-message{margin-bottom:20px;padding:12px 20px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.profile-tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.profile-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;margin-bottom:-2px;padding:12px 24px;transition:all .3s}.profile-tabs button:hover{color:#8b4513}.profile-tabs button.active{border-bottom-color:#8b4513;color:#8b4513;font-weight:600}.password-form,.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#8b4513;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-group small{font-size:.85rem}.avatar-section{align-items:center;display:flex;flex-direction:column;gap:30px}.avatar-preview{border:4px solid #8b4513;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:200px;overflow:hidden;width:200px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);color:#fff;display:flex;font-size:4rem;font-weight:700;height:100%;justify-content:center;width:100%}.avatar-form{max-width:400px;width:100%}.activity-section,.avatar-form{display:flex;flex-direction:column;gap:20px}.info-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:24px}.info-card h3{color:#8b4513;font-size:1.3rem;margin-bottom:20px}.info-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#666;font-weight:600}.info-row .value{color:#333}.btn{border:none;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#8b4513,sienna)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.loading{font-size:1.2rem;padding:60px 20px}@media (max-width:768px){.profile-container{padding:24px}.profile-container h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.profile-tabs{gap:5px}.profile-tabs button{font-size:.9rem;padding:10px 16px}.avatar-preview{height:150px;width:150px}.avatar-placeholder{font-size:3rem}}.order-confirmation{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.confirmation-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:600px;padding:60px 40px;text-align:center}.success-icon{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.confirmation-card h1{color:#333;font-size:32px;margin-bottom:20px}.order-number{color:#666;font-size:18px;margin-bottom:20px}.order-number strong{color:#8b4513}.message{color:#666;font-size:16px;line-height:1.6;margin-bottom:40px}.actions{display:flex;gap:15px;justify-content:center}@media (max-width:768px){.confirmation-card{padding:40px 20px}.actions{flex-direction:column}.actions .btn{width:100%}}.admin-login{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:40px 20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;width:100%}.login-box h1{color:#333;margin-bottom:30px;text-align:center}.login-box input{border:2px solid #ddd;border-radius:6px;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.login-box input:focus{border-color:#8b4513;outline:none}.default-creds{color:#666;font-size:14px;margin-top:20px;text-align:center}.admin-panel{margin:0 auto;max-width:1400px;padding:40px 20px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.admin-header h1{color:#333;font-size:32px}.add-product-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:30px}.add-product-form h2{color:#333;margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:6px;font-size:16px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b4513;outline:none}.form-group small{color:#666;display:block;font-size:14px;margin-top:5px}.products-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.products-table h2{color:#333;margin-bottom:20px}.products-table table{border-collapse:collapse;width:100%}.products-table td,.products-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.products-table th{background:#f5f5f5;color:#333;font-weight:600}.products-table tr:hover{background:#f9f9f9}.product-actions{display:flex;gap:10px}.btn-edit{background:#4caf50;border-radius:4px;color:#fff;font-size:14px;padding:6px 12px;transition:background .3s}.btn-edit:hover{background:#45a049}.btn-delete{background:#f44336;border-radius:4px;color:#fff;font-size:14px;padding:6px 12px;transition:background .3s}.btn-delete:hover{background:#da190b}.btn-toggle{background:#ff9800;border-radius:4px;color:#fff;font-size:14px;padding:6px 12px;transition:background .3s}.btn-toggle:hover{background:#e68900}@media (max-width:768px){.form-row{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:15px}.products-table{overflow-x:auto}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:20px;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border-radius:6px;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#8b4513;color:#fff}.btn-primary:hover{background:#6d3410;box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.loading{color:#666;font-size:18px;padding:40px;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.error,.success{margin:20px 0;padding:12px 20px}.success{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}@media (max-width:768px){.main-content{padding:10px}}
/*# sourceMappingURL=main.6d6f2b57.css.map*/