.header{background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.header-container{max-width:1232px;margin:0 auto;padding:0 16px;display:flex;align-items:center;height:70px;justify-content:space-between}.logo{flex-shrink:0}.logo a{display:flex;align-items:center;text-decoration:none;color:#000}.logo-image{height:50px;width:auto;object-fit:contain}.logo-text{font-family:Quicksand,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;color:#000}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#000;margin-left:auto;margin-right:1rem}.nav-menu{display:flex;gap:2.5rem;align-items:center;flex:1;justify-content:center}.nav-link{font-family:Quicksand,sans-serif;font-size:14px;color:#000;text-decoration:none;font-weight:500;transition:color .3s;position:relative;padding-bottom:4px}.nav-link:hover{color:#666}.nav-link.active{color:#000;border-bottom:2px solid #000}.header-actions{display:flex;align-items:center;gap:2rem;flex-shrink:0}.admin-link{padding:0!important}.cart-link{position:relative;text-decoration:none;display:flex;align-items:center;transition:transform .3s}.cart-link:hover{transform:scale(1.1)}.cart-icon{font-size:18px}.cart-count{position:absolute;top:-8px;right:-10px;background:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.login-link{font-family:Quicksand,sans-serif;font-size:14px;color:#000;text-decoration:none;font-weight:500;padding:8px 16px;border:1px solid #000;border-radius:4px;transition:all .3s}.login-link:hover{background:#000;color:#fff}.user-menu{position:relative}.user-button{background:none;border:none;font-size:18px;cursor:pointer;transition:transform .3s}.user-button:hover{transform:scale(1.1)}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:150px;box-shadow:0 4px 12px #0000001a;z-index:101;margin-top:8px}.user-name{padding:12px 16px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0}.dropdown-link{display:block;width:100%;padding:10px 16px;font-family:Quicksand,sans-serif;font-size:13px;color:#000;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;transition:background .3s}.dropdown-link:hover{background:#f5f5f5}.logout-btn{color:#e74c3c}.logout-btn:hover{background:#ffe0e0}@media(max-width:768px){.header-container{height:60px}.mobile-menu-toggle{display:block}.header-right{gap:1rem}.nav-menu{position:absolute;top:60px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:1rem 0;border-bottom:1px solid #e0e0e0;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.nav-menu.active{max-height:300px}.nav-link{padding:.75rem 1rem;display:block;width:100%;border-bottom:1px solid #f0f0f0}.nav-link.active{border-bottom:1px solid #f0f0f0;border-left:3px solid #000;padding-left:calc(1rem - 3px)}.logo-text{font-size:14px;letter-spacing:.5px}.header-actions{gap:1rem}}.footer{background:#f0f0f0;color:#333;padding:60px 0;margin-top:auto}.footer-container{max-width:1232px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-bottom:2rem}.footer-logo{height:60px;width:auto;object-fit:contain;margin-bottom:1rem;display:block}.footer-section h3{font-family:Quicksand,sans-serif;color:#000;font-size:16px;font-weight:700;margin-bottom:1.5rem}.footer-section h4{font-family:Quicksand,sans-serif;color:#000;font-size:14px;font-weight:700;margin-bottom:1rem}.footer-section p{font-family:Quicksand,sans-serif;font-size:13px;line-height:1.6;margin-bottom:.5rem;color:#666}.footer-section a{color:#000;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#666}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem;font-family:Quicksand,sans-serif;font-size:13px}.footer-section ul li a{color:#666}.footer-section ul li a:hover{color:#000}.social-links{display:flex;gap:.75rem;margin-top:1rem}.social-links a{display:inline-block;padding:8px 12px;background:transparent;border:1px solid #999;border-radius:2px;color:#333;text-decoration:none;font-size:12px;transition:all .3s}.social-links a:hover{background:#000;color:#fff;border-color:#000}@media(max-width:768px){.footer{padding:40px 0 15px}.footer-container{grid-template-columns:1fr;gap:1.5rem}.footer-section h3{font-size:14px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:4px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;min-width:300px;font-family:Quicksand,sans-serif;font-size:14px}.toast-message{flex:1;margin-right:12px}.toast-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:opacity .2s}.toast-close:hover{opacity:.7}.toast-success{background:#4caf50;color:#fff}.toast-error{background:#f44336;color:#fff}.toast-info{background:#2196f3;color:#fff}.toast-warning{background:#ff9800;color:#fff}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto}}.home{width:100%;background:#fff}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff!important;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#0000004d;z-index:1}.hero-content{position:relative;z-index:2;max-width:600px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:Quicksand,sans-serif;font-size:72px;font-weight:500;letter-spacing:2px;margin:0 0 1rem;text-shadow:3px 3px 8px rgba(0,0,0,.8);color:#fff!important}.hero-subtitle{font-family:Quicksand,sans-serif;font-size:20px;font-weight:400;margin:0 0 2.5rem;opacity:1;color:#fff!important;text-shadow:2px 2px 6px rgba(0,0,0,.7)}.hero-subtitle em{font-style:italic;color:#fff!important}.hero-button{display:flex;justify-content:center}.shop-btn{background:#000;color:#fff;border:none;padding:12px 40px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;letter-spacing:1px;font-family:Quicksand,sans-serif}.shop-btn:hover{background:#333;transform:translateY(-2px)}.collection-section{padding:80px 0;background:#fff}.container{max-width:1232px;margin:0 auto;padding:0 16px}.section-title{font-family:Quicksand,sans-serif;font-size:48px;font-weight:500;text-align:center;margin:0 0 1.5rem;color:#000;letter-spacing:1px}.section-description{font-family:Quicksand,sans-serif;font-size:14px;text-align:center;color:#000;max-width:744px;margin:0 auto 2.5rem;line-height:1.6}.products-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:2rem}.product-showcase-card{background:#fff;text-align:center;transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;height:100%}.product-showcase-card:hover{transform:translateY(-8px)}.product-image-wrapper{width:100%;height:280px;background:#f5f5f5;margin-bottom:1.5rem;overflow:hidden;border-radius:0}.product-showcase-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-showcase-card:hover .product-showcase-image{transform:scale(1.05)}.product-name{font-family:Quicksand,sans-serif;font-size:16px;font-weight:700;margin:0 0 .5rem;color:#000}.product-code{font-family:Quicksand,sans-serif;font-size:12px;color:#0006;margin:0 0 .75rem}.product-price{font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;color:#000;margin:0 0 1.25rem}.product-actions{display:flex;gap:8px;flex-direction:column;margin-top:auto}.home-btn-add-cart,.home-btn-detail{padding:10px 15px;font-size:13px;font-family:Quicksand,sans-serif;border:1px solid #8B6F47;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center;font-weight:500}.home-btn-add-cart{background:#8b6f47;color:#fff}.home-btn-add-cart:hover{background:#6f5838;border-color:#6f5838}.home-btn-detail{background:#fff;color:#8b6f47}.home-btn-detail:hover{background:#8b6f47;color:#fff}.inspiration-section{padding:80px 0;background:#fff}.inspiration-content{max-width:800px;margin:3rem auto 0;text-align:justify}.inspiration-content p{font-family:Quicksand,sans-serif;font-size:1rem;color:#555;line-height:1.8;margin-bottom:1.5rem}.heritage-section{padding:80px 0;background:#f9f9f9}.heritage-section .section-description{max-width:900px;margin:1.5rem auto;text-align:justify}.about-snippet{padding:60px 0;background:#f9f9f9;text-align:center}.about-snippet h2{font-family:Quicksand,sans-serif;font-size:32px;font-weight:500;margin:0 0 1.5rem;color:#000}.about-snippet p{font-family:Quicksand,sans-serif;font-size:16px;color:#0009;max-width:600px;margin:0 auto 2rem;line-height:1.7}.btn-learn-more{font-family:Quicksand,sans-serif;color:#000;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-learn-more:hover{transform:translate(4px)}.cta-final{position:relative;padding:80px 0;background-size:cover;background-position:center;background-repeat:no-repeat;color:#000;text-align:center;overflow:hidden}.cta-overlay{position:absolute;inset:0;background:#ffffff80;z-index:1}.cta-content{position:relative;z-index:2}.cta-final h2{font-family:Quicksand,sans-serif;font-size:48px;font-weight:500;margin:0 0 1rem;letter-spacing:1px}.cta-final p{font-family:Quicksand,sans-serif;font-size:16px;margin:0 0 2.5rem;opacity:.85}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-contact,.btn-shop{padding:12px 40px;font-size:14px;font-family:Quicksand,sans-serif;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .3s;display:inline-block;letter-spacing:.5px}.btn-contact{background:transparent;color:#000;border:2px solid #000}.btn-contact:hover{background:#000;color:#fff}.btn-shop{background:#fff;color:#2c2c2c}.btn-shop:hover{background:#f0f0f0}@media(max-width:1024px){.products-showcase{grid-template-columns:repeat(3,1fr);gap:16px}.hero-title{font-size:48px}.section-title{font-size:36px}}@media(max-width:1024px){.features-grid,.journey-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{height:60vh;min-height:400px}.features-grid,.journey-steps{grid-template-columns:1fr}.why-choose-us,.the-journey{padding:60px 0}.hero-title{font-size:32px;letter-spacing:1px}.hero-subtitle{font-size:16px}.collection-section{padding:60px 0}.section-title{font-size:28px}.section-description{font-size:13px}.products-showcase{grid-template-columns:repeat(2,1fr);gap:12px}.product-image-wrapper{height:200px}.product-name{font-size:14px}.product-price{font-size:13px}.about-snippet{padding:40px 0}.about-snippet h2{font-size:24px}.about-snippet p{font-size:14px}.cta-final{padding:60px 0}.cta-final h2{font-size:28px}.cta-buttons{flex-direction:column}.btn-contact,.btn-shop{width:100%}}.about-page{background:#fff}.about-hero{background:linear-gradient(135deg,#8b6f47,#c4a76b);color:#fff;padding:4rem 0;text-align:center;margin-bottom:3rem}.about-hero h1{font-size:2.5rem;margin-bottom:.5rem}.about-hero p{font-size:1.1rem}.about-story{margin-bottom:4rem}.about-story h2{font-size:2rem;margin-bottom:2rem;color:#8b6f47;text-align:center}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.story-text p{margin-bottom:1.5rem;line-height:1.8;color:#555;font-size:1rem}.story-image{display:flex;align-items:center;justify-content:center;background:#f9f9f9;border-radius:8px;min-height:300px;overflow:hidden;border:12px solid #C4A76B}.story-image img{width:100%;height:100%;object-fit:cover}.about-inspiration{margin-bottom:4rem;padding:3rem;background:#f9f9f9;border-radius:8px}.about-inspiration h2{font-size:2rem;margin-bottom:2rem;color:#8b6f47;text-align:center}.inspiration-content{max-width:800px;margin:0 auto}.inspiration-content p{font-size:1rem;line-height:1.8;color:#555;margin-bottom:1.5rem;text-align:justify}.inspiration-content p:last-child{margin-bottom:0}.about-philosophy{margin-bottom:4rem}.about-philosophy h2{font-size:2rem;margin-bottom:2rem;color:#8b6f47;text-align:center}.philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.philosophy-item{background:#f9f9f9;padding:2rem;border-radius:8px;text-align:center;transition:transform .3s}.philosophy-item:hover{transform:translateY(-5px)}.philosophy-icon{font-size:3rem;margin-bottom:1rem;display:block}.philosophy-item h3{font-size:1.2rem;margin-bottom:1rem;color:#8b6f47;font-weight:700}.philosophy-item p{color:#666;line-height:1.6}.about-process{margin-bottom:4rem}.about-process h2{font-size:2rem;margin-bottom:2rem;color:#8b6f47;text-align:center}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.step{background:#fff;border:2px solid #C4A76B;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s}.step:hover{box-shadow:0 4px 12px #8b6f4733}.step-number{background:linear-gradient(135deg,#8b6f47,#c4a76b);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-weight:700;font-size:1.2rem}.step h3{color:#333;margin-bottom:.75rem;font-size:1.1rem}.step p{color:#666;font-size:.9rem;line-height:1.5}.about-values{background:#f9f9f9;padding:3rem;border-radius:8px;margin-bottom:4rem}.about-values h2{font-size:2rem;margin-bottom:2rem;color:#8b6f47;text-align:center}.values-list{list-style:none;padding:0;max-width:800px;margin:0 auto}.values-list li{padding:1rem 0;border-bottom:1px solid #ddd;color:#555;line-height:1.7;font-size:1rem}.values-list li:last-child{border-bottom:none}.values-list strong{color:#8b6f47}.contact-cta{text-align:center;background:linear-gradient(135deg,#8b6f47,#c4a76b);color:#fff;padding:3rem;border-radius:8px;margin-bottom:2rem}.contact-cta h2{font-size:2rem;margin-bottom:1rem;color:#fff}.contact-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.about-hero h1{font-size:1.8rem}.story-content,.process-steps,.philosophy-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}.products-page{background:#fff}.products-header{background:#f9f9f9;padding:60px 0;text-align:center;border-bottom:1px solid #e0e0e0}.products-header h1{font-family:Quicksand,sans-serif;font-size:48px;font-weight:500;margin-bottom:.5rem;color:#000}.products-header p{font-family:Quicksand,sans-serif;font-size:14px;color:#00000080}.products-container{display:flex;gap:2rem;padding:2rem 0;max-width:1232px;margin:0 auto}.products-sidebar{width:220px;flex-shrink:0;padding-top:2rem}.filter-group{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #ddd}.filter-group h3{font-family:Quicksand,sans-serif;font-size:14px;margin-bottom:1rem;color:#000;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:2px;font-size:.9rem;font-family:Quicksand,sans-serif}.filter-option{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-family:Quicksand,sans-serif;font-size:13px}.filter-option input[type=radio]{cursor:pointer;width:16px;height:16px}.filter-option label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#333}.products-main{flex:1}.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.product-count{color:#666;font-size:.9rem;font-family:Quicksand,sans-serif}.sort-control{display:flex;align-items:center;gap:1rem}.sort-control label{font-family:Quicksand,sans-serif;font-weight:600;font-size:14px;color:#333}.sort-control select{padding:.5rem;border:1px solid #ddd;border-radius:2px;background:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-size:13px}.products-list{display:flex;flex-direction:column;gap:2rem}.product-item{display:flex;gap:2rem;padding:1.5rem;background:#f9f9f9;border-radius:2px;transition:all .3s}.product-item:hover{background:#fff;box-shadow:0 2px 8px #0000000d}.product-image-container{width:160px;height:160px;flex-shrink:0;background:#fff;border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-image-container img{width:100%;height:100%;object-fit:cover}.product-info{flex:1}.product-info h3{font-family:Quicksand,sans-serif;font-size:16px;font-weight:700;margin-bottom:.5rem;color:#000}.product-code{font-family:Quicksand,sans-serif;font-size:12px;color:#0006;margin-bottom:.5rem}.product-description{font-family:Quicksand,sans-serif;color:#666;margin-bottom:1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}.product-price{font-family:Quicksand,sans-serif;font-size:16px;font-weight:700;color:#000;margin-bottom:1.5rem}.product-item-actions{display:flex;gap:1rem}.product-item-actions .btn{flex:1;padding:.75rem 1.5rem;font-size:13px;border:none;cursor:pointer;transition:all .3s;font-family:Quicksand,sans-serif;font-weight:600}.product-item-actions .btn.btn-primary{background:#8b6f47;color:#fff;border:1px solid #8B6F47}.product-item-actions .btn.btn-primary:hover{background:#6f5838;border-color:#6f5838}.product-item-actions .btn.btn-secondary{background:#fff;color:#8b6f47;border:1px solid #8B6F47}.product-item-actions .btn.btn-secondary:hover{background:#8b6f47;color:#fff}@media(max-width:1024px){.products-container{gap:1.5rem}.products-sidebar{width:180px}}@media(max-width:768px){.products-container{flex-direction:column;padding:1.5rem 1rem}.products-sidebar{width:100%}.products-toolbar{flex-direction:column;align-items:flex-start;gap:1rem}.product-item{flex-direction:column}.product-image-container{width:100%;height:200px}.product-item-actions{flex-direction:column}.product-item-actions .btn{width:100%}.products-header{padding:40px 1rem}.products-header h1{font-size:28px}}.product-detail-page{padding:2rem 0;background:#fff}.back-link{display:inline-block;margin-bottom:2rem;padding:0;background:none;border:none;color:#8b6f47;font-weight:600;font-size:1rem;font-family:inherit;cursor:pointer;transition:opacity .3s;text-decoration:none}.back-link:hover{opacity:.8}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.product-detail-image{background:#f9f9f9;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:500px}.product-detail-image img{width:100%;height:100%;object-fit:cover}.product-detail-info{display:flex;flex-direction:column;justify-content:flex-start}.product-detail-info h1{font-size:2rem;margin-bottom:1rem;color:#333}.product-detail-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.product-code,.product-category{font-size:.95rem;color:#666}.product-detail-price{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.price{font-size:2rem;font-weight:700;color:#8b6f47}.original-price{font-size:1.1rem;color:#999;text-decoration:line-through}.product-detail-description,.product-detail-spec{margin-bottom:1.5rem}.product-detail-description h3,.product-detail-spec h3{font-size:1.1rem;margin-bottom:.75rem;color:#8b6f47;font-weight:700}.product-detail-description p,.product-detail-spec p{color:#666;line-height:1.7}.product-detail-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.quantity-selector{display:flex;align-items:center;gap:1rem}.quantity-selector label{font-weight:600;color:#333}.quantity-selector input{width:80px;padding:.5rem;border:1px solid #ddd;border-radius:4px;text-align:center}.product-detail-actions .btn{width:100%}.product-detail-notes{background:#f9f9f9;padding:1.5rem;border-radius:8px}.product-detail-notes h3{font-size:1.1rem;margin-bottom:1rem;color:#8b6f47}.product-detail-notes ul{list-style:none;padding:0}.product-detail-notes li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666}.product-detail-notes li:before{content:"✓";position:absolute;left:0;color:#8b6f47;font-weight:700}.product-additional{background:linear-gradient(135deg,#8b6f47,#c4a76b);color:#fff;padding:3rem;border-radius:8px}.product-additional h2{font-size:1.8rem;margin-bottom:2rem;text-align:center}.additional-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.additional-content p{line-height:1.8;opacity:.95}@media(max-width:768px){.product-detail-content{grid-template-columns:1fr;gap:2rem}.product-detail-image{min-height:300px}.product-detail-info h1,.price{font-size:1.5rem}.product-detail-meta{flex-direction:column;gap:.75rem}.product-detail-actions{flex-direction:column}.quantity-selector{flex-direction:column;align-items:flex-start}.additional-content{grid-template-columns:1fr}.product-additional{padding:2rem}}.cart-page{padding:2rem 0;background:#fff;min-height:calc(100vh - 70px)}.cart-page h1{font-size:2rem;margin-bottom:2rem;color:#333}.empty-cart{text-align:center;padding:4rem 1rem}.empty-cart-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-cart h2{font-size:1.5rem;margin-bottom:.5rem;color:#333}.empty-cart p{color:#666;margin-bottom:2rem;font-size:1.1rem}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.cart-items{display:flex;flex-direction:column;gap:1.5rem}.cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.cart-table thead{background:#f9f9f9;border-bottom:2px solid #eee}.cart-table th{padding:1rem;text-align:left;font-weight:700;color:#333}.cart-table tbody tr{border-bottom:1px solid #eee;transition:background .3s}.cart-table tbody tr:hover{background:#f9f9f9}.cart-table td{padding:1rem;vertical-align:middle}.cart-product{display:flex;align-items:center;gap:1rem}.cart-product img{width:80px;height:80px;object-fit:cover;border-radius:4px;background:#f0f0f0}.cart-product h4{font-size:1rem;margin-bottom:.25rem;color:#333}.cart-product p{font-size:.85rem;color:#999}.cart-price,.cart-total{font-weight:600;color:#8b6f47}.cart-quantity input{width:60px;padding:.5rem;border:1px solid #ddd;border-radius:4px;text-align:center}.cart-actions{text-align:center}.cart-actions-bottom{display:flex;gap:1rem;padding:1.5rem 0;border-top:2px solid #eee}.cart-actions-bottom .btn{flex:1}.cart-summary{height:fit-content;position:sticky;top:80px}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.95rem;color:#666}.summary-row.total{border-top:2px solid #ddd;padding-top:1rem;margin-top:1rem;font-size:1.2rem;font-weight:700;color:#8b6f47}.summary-box .btn{width:100%;margin-top:1.5rem}.summary-note{font-size:.85rem;color:#999;text-align:center;margin-top:1rem}@media(max-width:768px){.cart-content{grid-template-columns:1fr}.cart-summary{position:relative;top:auto}.cart-table{font-size:.9rem}.cart-table th,.cart-table td{padding:.75rem}.cart-product{flex-direction:column;align-items:flex-start}.cart-product img{width:60px;height:60px}.cart-actions-bottom{flex-direction:column}}.checkout-page{padding:2rem 0;background:#fff;min-height:calc(100vh - 70px)}.checkout-page h1{font-size:2rem;margin-bottom:2rem;color:#333}.checkout-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.checkout-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.checkout-form h2{font-size:1.3rem;margin-bottom:1.5rem;color:#333;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.three{grid-template-columns:1fr 1fr 1fr}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.payment-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.payment-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s}.payment-option:hover{border-color:#8b6f47;background:#f9f9f9}.payment-option input[type=radio]{cursor:pointer}.payment-option input[type=radio]:checked+span{color:#8b6f47;font-weight:600}.checkout-summary{height:fit-content;position:sticky;top:80px}.summary-box{background:#f9f9f9;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.summary-box h3{font-size:1.2rem;margin-bottom:1.5rem;color:#333;font-weight:700}.summary-items{margin-bottom:1rem;max-height:300px;overflow-y:auto}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.summary-item:last-child{border-bottom:none}.item-image{width:60px;height:60px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#fff}.item-image img{width:100%;height:100%;object-fit:cover}.item-info{flex:1;min-width:0}.item-info h4{font-size:.95rem;margin-bottom:.25rem;color:#333}.item-info p{font-size:.85rem;color:#999}.item-price{font-weight:600;color:#8b6f47;font-size:.95rem;white-space:nowrap}.summary-divider{height:2px;background:#eee;margin:1rem 0}.summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;color:#666}.summary-row.total{border-top:2px solid #ddd;padding-top:.75rem;margin-top:.75rem;font-size:1.1rem;font-weight:700;color:#8b6f47}.payment-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #ddd;background:#fff;padding:1rem;border-radius:4px}.payment-info h4{font-size:.95rem;margin-bottom:.75rem;color:#333;font-weight:700}.payment-info p{font-size:.85rem;color:#666;margin-bottom:.5rem;line-height:1.5}@media(max-width:768px){.checkout-content{grid-template-columns:1fr}.checkout-summary{position:relative;top:auto}.form-row,.form-row.three{grid-template-columns:1fr}.summary-items{max-height:none}}.thank-you-page{padding:3rem 0;background:#fff;min-height:calc(100vh - 70px)}.thank-you-content{text-align:center;max-width:600px;margin:0 auto;padding:0 1rem}.success-icon{font-size:5rem;color:#27ae60;margin-bottom:1rem;display:inline-block;width:100px;height:100px;line-height:100px;background:#e8f8f0;border-radius:50%;margin-bottom:2rem}.thank-you-page h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.main-message{font-size:1.2rem;color:#666;margin-bottom:2rem;line-height:1.6}.order-info{background:#f9f9f9;padding:2rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #8B6F47}.info-item{margin-bottom:1rem}.info-label{display:block;font-weight:700;color:#333;margin-bottom:.5rem}.info-value{display:block;font-size:1.2rem;color:#8b6f47;word-break:break-all;font-family:monospace}.info-description{color:#666;margin-top:1rem;line-height:1.6}.next-steps{background:linear-gradient(135deg,#8b6f47,#c4a76b);color:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;text-align:left}.next-steps h3{font-size:1.2rem;margin-bottom:1rem;text-align:center}.next-steps ol{margin-left:1.5rem;line-height:1.8}.next-steps li{margin-bottom:.75rem}.contact-info{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.contact-info h3{color:#333;margin-bottom:1rem;font-weight:700}.contact-info p{margin-bottom:.75rem;color:#666;line-height:1.6}.contact-info a{color:#8b6f47;font-weight:600;text-decoration:none;transition:color .3s}.contact-info a:hover{color:#c4a76b}.thank-you-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.thank-you-actions .btn{flex:1;min-width:200px}.notes{background:#fff3cd;border:1px solid #ffc107;padding:1.5rem;border-radius:8px;color:#856404}.notes p{line-height:1.6}@media(max-width:768px){.thank-you-page{padding:2rem 0}.thank-you-page h1{font-size:1.8rem}.success-icon{font-size:3rem;width:80px;height:80px;line-height:80px}.thank-you-actions{flex-direction:column}.thank-you-actions .btn{min-width:auto}.next-steps{text-align:center}.next-steps ol{text-align:left}}.contact-page{background:#fff}.contact-hero{background:#fff;padding:80px 0;text-align:center;border-bottom:1px solid #e0e0e0}.contact-hero .container{max-width:1232px;margin:0 auto;padding:0 16px}.hero-title{font-family:Quicksand,sans-serif;font-size:72px;font-weight:500;letter-spacing:2px;margin:0 0 1rem;color:#000}.hero-subtitle{font-family:Quicksand,sans-serif;font-size:16px;color:#00000080;margin:0}.contact-main{background:#fff;padding:80px 0}.contact-main .container{max-width:1232px;margin:0 auto;padding:0 16px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-left{padding:0}.contact-left h2{font-family:Quicksand,sans-serif;font-size:32px;font-weight:500;margin:0 0 .75rem;color:#000}.company-desc{font-family:Quicksand,sans-serif;font-size:14px;color:#0009;margin:0 0 3rem;line-height:1.6}.contact-info{display:flex;flex-direction:column;gap:2.5rem}.info-item{display:flex;flex-direction:column}.info-item label{font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#000;margin-bottom:.5rem}.info-item p{font-family:Quicksand,sans-serif;font-size:14px;color:#333;margin:0;line-height:1.7}.info-item a{color:#000;text-decoration:none;font-weight:600;transition:color .3s}.info-item a:hover{color:#666}.contact-right{padding:0}.contact-right h2{font-family:Quicksand,sans-serif;font-size:32px;font-weight:500;margin:0 0 2rem;color:#000}.success-message{background:#e8f5e9;border-left:4px solid #4caf50;padding:1rem;margin-bottom:1.5rem;border-radius:4px;color:#2e7d32;font-family:Quicksand,sans-serif;font-size:14px;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form .form-group{display:flex;flex-direction:column;margin-bottom:0}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:Quicksand,sans-serif;font-size:14px;transition:border-color .3s,box-shadow .3s}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:#999}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:none;border-color:#333;box-shadow:0 0 0 3px #0000000d}.contact-form .form-group textarea{resize:vertical;min-height:120px}.submit-btn{padding:.875rem 2rem;background:#000;color:#fff;border:none;border-radius:4px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s}.submit-btn:hover:not(:disabled){background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.submit-btn:disabled{background:#999;cursor:not-allowed}@media(max-width:1024px){.contact-grid{gap:40px}.hero-title{font-size:48px}}@media(max-width:768px){.contact-hero{padding:60px 0}.hero-title{font-size:32px;letter-spacing:1px}.hero-subtitle{font-size:14px}.contact-main{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-left h2{font-size:24px}.contact-info{gap:2rem}.contact-right{min-height:200px}.tagline-box{padding:2rem}.tagline-box p{font-size:14px}}@media(max-width:480px){.contact-hero{padding:40px 0}.hero-title{font-size:24px}.contact-main{padding:40px 0}.contact-left h2{font-size:20px}.contact-main .container{padding:0 1rem}}.auth-page{min-height:calc(100vh - 70px);background:linear-gradient(135deg,#8b6f47,#c4a76b);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:450px}.auth-form-wrapper{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 4px 16px #0000001a}.auth-form-wrapper h1{font-size:2rem;margin-bottom:.5rem;color:#333;text-align:center}.auth-form-wrapper>p{text-align:center;color:#666;margin-bottom:2rem}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:4px;margin-bottom:1.5rem;text-align:center;font-weight:600}.auth-form-wrapper form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:.5rem}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a}.auth-form-wrapper .btn{width:100%;margin-top:.5rem}.auth-links{text-align:center;margin-top:1rem}.auth-links a{color:#8b6f47;text-decoration:none;font-weight:600;transition:color .3s}.auth-links a:hover{color:#c4a76b}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.auth-footer p{color:#666}.auth-footer a{color:#8b6f47;text-decoration:none;font-weight:600;transition:color .3s}.auth-footer a:hover{color:#c4a76b}@media(max-width:480px){.auth-form-wrapper{padding:2rem}.auth-form-wrapper h1{font-size:1.5rem}}.dashboard{width:100%}.dashboard h1{font-size:2rem;margin-bottom:2rem;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:1.5rem;transition:transform .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #8b6f4733}.stat-icon{font-size:2.5rem}.stat-content{flex:1}.stat-content h3{font-size:.9rem;color:#999;margin-bottom:.5rem;text-transform:uppercase;font-weight:600}.stat-value{font-size:1.8rem;font-weight:700;color:#8b6f47;margin:0;word-break:break-word}.dashboard-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.dashboard-section h2{font-size:1.3rem;margin-bottom:1.5rem;color:#333}.feature-list{list-style:none;padding:0}.feature-list li{padding:1rem 0;border-bottom:1px solid #eee;color:#666;font-size:1rem}.feature-list li:last-child{border-bottom:none}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard h1{font-size:1.5rem}}.order-management{width:100%}.order-management h1{font-size:2rem;margin-bottom:2rem;color:#333;font-family:Quicksand,sans-serif;font-weight:600}.filter-section{margin-bottom:1.5rem}.filter-section select{padding:.75rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:1rem;font-family:Quicksand,sans-serif}.orders-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-family:Quicksand,sans-serif}.orders-table thead{background:#f9f9f9;border-bottom:2px solid #eee}.orders-table th{padding:1rem;text-align:left;font-weight:600;color:#333;font-size:.95rem}.orders-table tbody tr{border-bottom:1px solid #eee;transition:background .3s}.orders-table tbody tr:hover{background:#f9f9f9}.orders-table td{padding:1rem;font-size:.9rem}.order-code{color:#8b6f47;font-weight:600}.order-amount{font-weight:600;color:#27ae60}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.paid{background:#cfe2ff;color:#084298}.status-badge.shipped{background:#e2e3e5;color:#383d41}.status-badge.completed{background:#d1e7dd;color:#0f5132}.status-badge.cancelled{background:#f8d7da;color:#842029}.status-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.9rem;font-family:Quicksand,sans-serif}.expand-btn{padding:.5rem 1rem;margin-left:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.85rem;font-family:Quicksand,sans-serif;font-weight:500;transition:all .3s}.order-details{display:none}.order-details.show{display:table-row}.details-cell{padding:1rem;background:#fafafa;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.details-content{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.details-section{margin-bottom:0}.details-section h4{font-size:.95rem;font-weight:600;color:#8b6f47;margin-bottom:.75rem}.details-section p{font-size:.85rem;color:#555;margin-bottom:.5rem;line-height:1.5}.details-section p:last-child{margin-bottom:0}.items-list{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;font-size:.85rem}.item-row:last-child{border-bottom:none}.item-name{flex:1;color:#333}.item-qty{color:#999;margin:0 1rem;min-width:50px;text-align:center}.item-price{color:#27ae60;font-weight:600;min-width:120px;text-align:right}@media(max-width:1200px){.details-content{grid-template-columns:1fr;gap:1rem}}@media(max-width:768px){.orders-table{font-size:.8rem}.orders-table th,.orders-table td{padding:.75rem .5rem}.expand-btn{padding:.4rem .8rem;margin-left:.25rem;font-size:.75rem}.details-content{grid-template-columns:1fr;gap:1rem}}.user-management{width:100%}.user-management h1{font-size:2rem;margin-bottom:.5rem;color:#333;font-family:Quicksand,sans-serif;font-weight:600}.user-count{font-family:Quicksand,sans-serif;font-size:.95rem;color:#666;margin-bottom:2rem}.users-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-family:Quicksand,sans-serif}.users-table thead{background:#f9f9f9;border-bottom:2px solid #eee}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#333;font-size:.95rem}.users-table tbody tr{border-bottom:1px solid #eee;transition:background .3s}.users-table tbody tr:not(.user-details):hover{background:#f9f9f9}.users-table td{padding:1rem;font-size:.9rem}.user-name{font-weight:600;color:#333}.role-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.role-badge.admin{background:#d4edda;color:#155724}.role-badge.user{background:#cfe2ff;color:#084298}.expand-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.85rem;font-family:Quicksand,sans-serif;font-weight:500;transition:all .3s}.expand-btn:hover{background:#f0f0f0;border-color:#999}.user-details{display:none}.user-details.show{display:table-row}.user-details td{padding:1.5rem;background:#fafafa;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.details-content{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item{display:flex;gap:1rem;font-size:.9rem}.detail-label{font-weight:600;color:#8b6f47;min-width:120px}.detail-value{color:#555;word-break:break-all}@media(max-width:1024px){.details-content{grid-template-columns:1fr}}@media(max-width:768px){.users-table{font-size:.8rem}.users-table th,.users-table td{padding:.75rem .5rem}.expand-btn{padding:.4rem .8rem;font-size:.75rem}.user-count{font-size:.85rem}.detail-item{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}}.product-management{width:100%}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.product-management h1{font-size:2rem;color:#333;margin:0;font-family:Quicksand,sans-serif;font-weight:600}.product-count{font-family:Quicksand,sans-serif;font-size:.95rem;color:#666;margin:.5rem 0 0}.empty-state{text-align:center;padding:2rem;color:#999;font-size:1.1rem;font-family:Quicksand,sans-serif}.products-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.products-table{width:100%;border-collapse:collapse;font-family:Quicksand,sans-serif}.products-table thead{background:#f9f9f9;border-bottom:2px solid #eee}.products-table th{padding:1rem;text-align:left;font-weight:600;color:#333;font-size:.95rem}.products-table tbody tr{border-bottom:1px solid #eee;transition:background .3s}.products-table tbody tr:not(.product-details):hover{background:#f9f9f9}.products-table td{padding:1rem;font-size:.9rem}.product-image-cell{width:80px;text-align:center}.product-thumbnail{width:70px;height:70px;object-fit:cover;border-radius:4px;background:#f0f0f0}.product-name{font-weight:600;color:#333;position:relative}.product-name.inactive{color:#999;text-decoration:line-through}.inactive-badge{display:inline-block;margin-left:.75rem;padding:.2rem .6rem;background:#f8d7da;color:#842029;font-size:.75rem;font-weight:600;border-radius:3px;text-decoration:none}.product-price{font-weight:600;color:#27ae60}.product-stock{font-weight:600}.stock-high{color:#27ae60}.stock-low{color:#f39c12}.stock-out{color:#e74c3c}.product-sold{text-align:center;color:#666}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-edit,.btn-delete,.btn-detail{padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .3s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-edit{border-color:#3498db;color:#3498db}.btn-edit:hover{background:#3498db;color:#fff}.btn-delete{border-color:#e74c3c;color:#e74c3c}.btn-delete:hover{background:#e74c3c;color:#fff}.btn-detail{border-color:#95a5a6;color:#95a5a6}.btn-detail:hover{background:#95a5a6;color:#fff}.btn-toggle-active{border-color:#f39c12;color:#f39c12}.btn-toggle-active:hover{background:#f39c12;color:#fff}.btn-toggle-active.hidden{border-color:#e74c3c;color:#e74c3c}.btn-toggle-active.hidden:hover{background:#e74c3c;color:#fff}.btn-show{background:#27ae60!important;color:#fff!important}.btn-show:hover{background:#229954!important}.product-management .product-details{display:none}.product-management .product-details.show{display:table-row}.product-details td{padding:1.5rem;background:#fafafa;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.details-content{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.details-column{margin-bottom:0}.details-column h4{font-size:.95rem;font-weight:600;color:#8b6f47;margin-bottom:.75rem}.details-column p{font-size:.85rem;color:#555;margin-bottom:.5rem;line-height:1.5;word-break:break-word}.details-column p:last-child{margin-bottom:0}@media(max-width:1200px){.details-content{grid-template-columns:repeat(2,1fr)}}.edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-modal{background:#fff;border-radius:8px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.edit-modal h2{font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1.5rem}.form-group label{display:block;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:600;color:#333;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:Quicksand,sans-serif;font-size:.9rem;box-sizing:border-box;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-save,.btn-cancel{flex:1;padding:.75rem 1rem;border:none;border-radius:4px;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-save{background:#27ae60;color:#fff}.btn-save:hover{background:#229954}.btn-cancel{background:#ecf0f1;color:#333;border:1px solid #bdc3c7}.btn-cancel:hover{background:#bdc3c7;color:#333}.delete-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1001}.delete-modal{background:#fff;border-radius:8px;padding:2rem;max-width:400px;width:90%;box-shadow:0 4px 20px #0003;text-align:center}.delete-modal-icon{font-size:3rem;margin-bottom:1rem}.delete-modal h2{font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:600;color:#333;margin:0 0 1rem}.delete-modal-message{font-family:Quicksand,sans-serif;font-size:.95rem;color:#555;margin:0 0 .75rem;line-height:1.5}.delete-modal-warning{font-family:Quicksand,sans-serif;font-size:.85rem;color:#e74c3c;font-weight:600;margin:0 0 1.5rem}.delete-modal-actions{display:flex;gap:1rem}.btn-delete-confirm,.btn-delete-cancel{flex:1;padding:.75rem 1rem;border:none;border-radius:4px;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-delete-confirm{background:#e74c3c;color:#fff}.btn-delete-confirm:hover{background:#c0392b}.btn-delete-cancel{background:#ecf0f1;color:#333;border:1px solid #bdc3c7}.btn-delete-cancel:hover{background:#bdc3c7}@media(max-width:768px){.header-row{flex-direction:column;align-items:flex-start}.products-table{font-size:.8rem}.products-table th,.products-table td{padding:.75rem .5rem}.product-image-cell{width:60px}.product-thumbnail{width:50px;height:50px}.action-buttons{gap:.25rem}.btn-edit,.btn-delete,.btn-detail{padding:.4rem;width:28px;height:28px;font-size:.75rem}.details-content{grid-template-columns:1fr;gap:1rem}.product-count{font-size:.85rem}}.admin-layout{display:flex;height:calc(100vh - 70px);background:#f5f5f5}.admin-sidebar{width:250px;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;display:flex;flex-direction:column;transition:transform .3s ease;position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;box-shadow:2px 0 8px #0000001a}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:1.3rem;margin:0}.sidebar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.sidebar-menu{flex:1;padding:1rem 0}.menu-item{display:block;padding:1rem 1.5rem;color:#fffc;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-item.active{background:#ffffff1a;color:#fff;border-left-color:#8b6f47}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.user-info{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-info p{margin:0;font-size:.9rem;opacity:.8}.logout-btn{width:100%;padding:.75rem;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background .3s}.logout-btn:hover{background:#c0392b}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-header{background:#fff;padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:1rem}.header-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.admin-header h1{font-size:1.5rem;margin:0;color:#333}.header-right{display:flex;align-items:center;gap:1rem}.user-name{color:#666;font-weight:600}.admin-content{flex:1;overflow-y:auto;padding:1.5rem}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:fixed;left:-250px;top:70px;z-index:100;box-shadow:none}.admin-sidebar.open{left:0}.sidebar-toggle{display:block}.admin-main{width:100%}.header-toggle{display:block}.admin-header{padding:1rem}.admin-header h1{font-size:1.2rem}.admin-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-black: rgba(0, 0, 0, 1);--color-dark: rgba(0, 0, 0, .32);--color-medium: rgba(0, 0, 0, .47);--color-darker: rgba(0, 0, 0, .67);--color-light: rgba(240, 239, 233, 1);--color-accent: rgba(137, 107, 0, 1);--primary-color: #8B6F47;--secondary-color: #C4A76B;--dark-color: #3d3d3d;--light-color: #f5f5f5;--text-color: #333;--border-radius: 8px}html,body{margin:0;padding:0;height:100%}body{font-family:Quicksand,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);background:#fff;font-size:16px}html,body,#root{height:100%}#root{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1rem}button,input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--primary-color);text-decoration:none}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #8b6f474d}.btn-secondary{background:var(--light-color);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-small{padding:.5rem 1rem;font-size:.9rem}.btn-large{padding:1rem 2rem;font-size:1.1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b6f471a}.text-center{text-align:center}.text-muted{color:#999}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media(max-width:768px){.container{padding:0 .75rem}.btn{padding:.6rem 1.2rem;font-size:.95rem}}