body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:var(--background-white);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;position:sticky;top:0;transition:all .2s ease;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.logo h1{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s ease}.logo h1:hover{color:var(--primary-dark)}.nav{align-items:center;display:flex;gap:2rem}.nav a{color:var(--text-secondary);font-size:.875rem;font-weight:500;position:relative;text-decoration:none;transition:color .2s ease}.nav a:hover{color:var(--primary-color)}.nav a:after{background:var(--primary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.nav a:hover:after{width:100%}.nav a:hover{color:#667eea}.header-actions{gap:1rem}.cart-link,.header-actions{align-items:center;display:flex}.cart-link{color:#2c3e50;font-weight:500;gap:.5rem;text-decoration:none;transition:color .3s ease}.cart-link .icon-cart{font-size:1.5rem;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.cart-link:hover{color:#667eea}.cart-count{background:#667eea;border-radius:50%;color:#fff;font-size:.8rem;min-width:1.5rem;padding:.2rem .5rem;text-align:center}.user-menu{align-items:center;display:flex;gap:1rem}.user-name{color:#2c3e50;font-weight:500}.auth-buttons{display:flex;gap:1rem}.btn{border:none;border-radius:5px;display:inline-block;padding:.5rem 1rem;transition:all .3s ease}.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#2c3e50}.btn-secondary:hover{background:#e9ecef;transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem}.mobile-menu-toggle span{background:#2c3e50;height:3px;margin:3px 0;transition:.3s;width:25px}@media (max-width:768px){.header-content{flex-wrap:wrap;padding:.75rem 0}.logo h1{font-size:1.5rem}.nav{background:#f8f9fa;box-shadow:0 2px 10px #0000001a;display:none;flex-direction:column;gap:1rem;left:0;padding:1rem 0;position:absolute;right:0;top:100%;width:100%}.mobile-menu-toggle,.nav.nav-open{display:flex}.header-actions{gap:.5rem}.user-menu{gap:.5rem}.auth-buttons,.user-menu{flex-direction:column}}@media (max-width:480px){.header-content{padding:.5rem 0}.logo h1{font-size:1.3rem}.cart-link{padding:.4rem .6rem}.cart-link .icon-cart{font-size:1.2rem}.cart-count{font-size:.7rem;padding:.1rem .4rem}.mobile-menu-toggle{padding:.4rem}.mobile-menu-toggle span{height:2px;width:20px}}@media (max-width:360px){.header-content{padding:.25rem 0}.logo h1{font-size:1.2rem}.cart-link{padding:.3rem .5rem}.cart-link .icon-cart{font-size:1.1rem}.cart-count{font-size:.65rem;padding:.1rem .3rem}.btn-secondary{font-size:.8rem;padding:.4rem .8rem}}.footer{background:#f5f5f5;color:#000;margin-top:auto;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-section h4{color:#000;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#333;line-height:1.6;margin-bottom:.5rem}.footer-section a{color:#333;display:block;margin-bottom:.5rem;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid #e0e0e0;padding-top:1rem;text-align:center}.footer-bottom p{color:#333;margin:.5rem 0}.developer-note{color:#666;font-size:.9rem;margin-top:1rem}.email-link{color:var(--accent-color);font-weight:500;text-decoration:none;transition:color .2s ease}.email-link:hover{color:var(--accent-light);text-decoration:underline}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:2rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:var(--card-shadow);transform:translateY(-1px)}.btn-secondary{background:var(--background-white);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--background-light);border-color:var(--primary-color);color:var(--primary-color)}.btn-danger{background:var(--error-color);border-color:var(--error-color);color:var(--text-light)}.btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:var(--card-shadow);transform:translateY(-1px)}.btn-accent{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-light)}.btn-accent:hover{background:#d97706;border-color:#d97706;box-shadow:var(--card-shadow);transform:translateY(-1px)}.btn-large{border-radius:.5rem;font-size:1rem}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--background-white);border-radius:16px;box-shadow:var(--card-shadow);padding:1.5rem;transition:all .3s ease}.card:hover{box-shadow:0 20px 40px #00897b33;transform:translateY(-4px)}.section{padding:4rem 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text}.section-subtitle{font-size:1.2rem;margin-bottom:3rem}.form-label{color:var(--text-primary)}.form-input{border:2px solid var(--border-color);padding:.75rem;transition:border-color .3s ease}.loading{border:3px solid #f3f3f3;border-top-color:#667eea;display:inline-block}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}@media (max-width:768px){.container{padding:0 .75rem}.btn{font-size:.9rem;padding:.6rem 1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 .5rem}.btn{font-size:.85rem;padding:.5rem .8rem}.btn-large{font-size:.9rem;padding:.7rem 1.2rem}}@media (max-width:360px){.container{padding:0 .25rem}.btn{font-size:.8rem;padding:.4rem .6rem}.btn-large{font-size:.85rem;padding:.6rem 1rem}}.homepage{min-height:100vh}.hero{background:var(--background-white);color:var(--text-primary);padding:5rem 0;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{color:var(--primary-color);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:2.5rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.features{background:var(--background-light);padding:5rem 0}.section-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow);padding:2rem;text-align:center;transition:all .2s ease}.feature-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.feature-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1.5rem;transition:all .2s ease;width:60px}.feature-card:hover .feature-icon{background:var(--primary-dark);transform:scale(1.05)}.feature-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:#6c757d;line-height:1.6}.categories{background:var(--background-white);padding:5rem 0}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow);color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all .2s ease}.category-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.category-image{align-items:center;background:var(--background-light);display:flex;height:200px;justify-content:center;overflow:hidden}.category-placeholder{color:var(--text-secondary);font-size:1rem;font-weight:500;padding:1rem;text-align:center}.category-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.category-card:hover .category-image img{transform:scale(1.05)}.category-info{padding:1.5rem}.category-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.category-info p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}@media (max-width:768px){.hero{padding:3rem 0}.hero-title{font-size:2.2rem;line-height:1.1}.hero-subtitle{font-size:1rem;line-height:1.5}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.btn-large{padding:.9rem 1.8rem;width:280px}.section-title{font-size:1.8rem}.categories,.features{padding:2.5rem 0}.categories-grid,.features-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:480px){.hero{padding:2rem 0}.hero-title{font-size:1.8rem;line-height:1.1}.hero-subtitle{font-size:.95rem;line-height:1.4}.hero-buttons{gap:.8rem}.btn-large{font-size:1rem;padding:.8rem 1.5rem;width:250px}.section-title{font-size:1.6rem}.categories,.features{padding:2rem 0}.categories-grid,.features-grid{gap:1rem}.feature-card{padding:1.5rem}.feature-icon{font-size:1.5rem;height:50px;width:50px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.category-card{border-radius:8px}.category-image{height:150px}.category-info{padding:1rem}.category-info h3{font-size:1.1rem}.category-info p{font-size:.85rem}.category-placeholder{font-size:1rem}}@media (max-width:360px){.hero{padding:1.5rem 0}.hero-title{font-size:1.6rem;line-height:1.1}.hero-subtitle{font-size:.9rem;line-height:1.4}.hero-buttons{gap:.6rem}.btn-large{font-size:.9rem;padding:.7rem 1.2rem;width:220px}.section-title{font-size:1.4rem}.categories,.features{padding:1.5rem 0}.feature-card{padding:1rem}.feature-icon{font-size:1.3rem;height:45px;width:45px}.feature-card h3{font-size:1rem}.feature-card p{font-size:.85rem}.category-image{height:120px}.category-info{padding:.8rem}.category-info h3{font-size:1rem}.category-info p{font-size:.8rem}.category-placeholder{font-size:.9rem}}.products-page{background:var(--background-white);min-height:calc(100vh - 200px);padding:5rem 0}.products-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.products-header h1{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.products-header p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.category-filter{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-filter label{color:#2c3e50;font-weight:600}.category-select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;font-size:1rem;min-width:200px;padding:.75rem 1rem;transition:border-color .3s ease}.category-select:focus{border-color:#667eea;outline:none}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}.product-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow);color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all .2s ease}.product-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.product-image{align-items:center;background:var(--background-light);display:flex;height:200px;justify-content:center;overflow:hidden}.product-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:1.5rem}.product-info h3{color:#2c3e50;font-size:1.25rem;font-size:1.3rem;line-height:1.3;margin-bottom:.5rem}.product-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;flex:1 1;line-height:1.5;margin-bottom:1rem;overflow:hidden}.product-price{font-size:1.5rem;margin-bottom:1rem}.product-actions{margin-top:auto}.product-actions .btn{text-align:center;width:100%}.no-products{background:#f8f9fa;border-radius:12px;margin:2rem 0;padding:4rem 2rem;text-align:center}.no-products h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.no-products p{color:#6c757d;margin-bottom:2rem}@media (max-width:768px){.products-page{padding:1.5rem 0}.products-header h1{font-size:2rem}.products-header p{font-size:1rem}.category-filter{align-items:stretch;flex-direction:column;gap:.8rem}.category-filter label{font-size:.9rem}.category-select{font-size:.9rem;padding:.7rem 1rem;width:100%}.products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-image{height:200px}.product-info{padding:1.2rem}.product-info h3{font-size:1.1rem}.product-description{font-size:.9rem}.product-price{font-size:1.4rem}}@media (max-width:480px){.products-page{padding:1rem 0}.products-header h1{font-size:1.8rem}.products-header p{font-size:.9rem}.category-filter{gap:.6rem}.category-select{font-size:.85rem;padding:.6rem .8rem}.products-grid{gap:1rem;grid-template-columns:1fr}.product-card{border-radius:8px}.product-image{height:180px}.product-info{padding:1rem}.product-info h3{font-size:1rem}.product-description{font-size:.85rem}.product-price{font-size:1.3rem}.product-actions .btn{font-size:.9rem;padding:.6rem 1rem}}@media (max-width:360px){.products-page{padding:.8rem 0}.products-header h1{font-size:1.6rem}.products-header p{font-size:.85rem}.category-filter{gap:.5rem}.category-select{font-size:.8rem;padding:.5rem .7rem}.products-grid{gap:.8rem}.product-image{height:160px}.product-info{padding:.8rem}.product-info h3{font-size:.95rem}.product-description{font-size:.8rem}.product-price{font-size:1.2rem}.product-actions .btn{font-size:.85rem;padding:.5rem .8rem}.out-of-stock{font-size:.7rem;padding:.3rem .8rem}}.product-detail-page{background:var(--background-white);min-height:calc(100vh - 200px);padding:5rem 0}.breadcrumb{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--primary-dark)}.separator{color:var(--border-color)}.current{color:var(--text-primary);font-weight:500}.product-detail{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.product-gallery{height:fit-content;position:sticky;top:100px}.main-image{align-items:center;background:#f8f9fa;border-radius:12px;box-shadow:0 8px 25px #0000001a;display:flex;justify-content:center;min-height:400px;overflow:hidden}.main-image:after{color:#6c757d;content:"Product Image";font-size:1.2rem;font-weight:600}.main-image img{display:block;height:auto;width:100%}.product-info{display:flex;flex-direction:column;gap:2rem}.product-title{color:#2c3e50;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.product-price-section{align-items:baseline;display:flex;gap:.5rem}.product-price{color:#667eea;font-size:2rem;font-weight:700}.price-per-unit{color:#6c757d;font-size:1rem}.product-description h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.product-description p{color:#6c757d;font-size:1.1rem;line-height:1.6}.stock-info{align-items:center;display:flex}.in-stock{background:#d4edda;color:#28a745}.in-stock,.out-of-stock{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.out-of-stock{background:#f8d7da;color:#dc3545}.purchase-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:2rem}.quantity-selector{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.quantity-selector label{color:#2c3e50;font-weight:600;min-width:80px}.quantity-btn{font-size:1.2rem;height:40px;width:40px}.quantity-controls input{border:none;font-size:1rem;font-weight:600;text-align:center;width:60px}.total-price{margin-bottom:2rem;text-align:right}.total-amount{color:#667eea;font-size:1.4rem;font-weight:700}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn-large{min-width:150px}.product-features h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.product-features ul{list-style:none;padding:0}.product-features li{color:#6c757d;padding:.5rem 0 .5rem 1.5rem;position:relative}.product-features li:before{color:#28a745;content:"";font-weight:700;left:0;position:absolute}.product-not-found{background:#f8f9fa;border-radius:12px;margin:2rem 0;padding:4rem 2rem;text-align:center}.product-not-found h2{color:#2c3e50;margin-bottom:1rem}.product-not-found p{color:#6c757d;margin-bottom:2rem}.notification-toast{padding:1rem 1.5rem}.notification-content{align-items:center;gap:.75rem}.notification-icon{font-size:1.2rem}.notification-message{font-weight:500}@media (max-width:968px){.product-detail{gap:2rem;grid-template-columns:1fr}.product-gallery{position:static}.product-title{font-size:2rem}.product-price{font-size:1.5rem}}@media (max-width:768px){.product-detail-page{padding:1rem 0}.breadcrumb{margin-bottom:1rem}.product-title{font-size:1.8rem}.purchase-section{padding:1.5rem}.action-buttons{flex-direction:column}.btn-large{width:100%}.notification-toast{left:10px;right:10px}}@media (max-width:480px){.quantity-selector{align-items:stretch;flex-direction:column;gap:.5rem}.quantity-selector label{min-width:auto}.quantity-controls{justify-content:center}.total-price{text-align:center}}.custom-order-page{background:var(--background-white);min-height:calc(100vh - 200px);padding:5rem 0}.custom-order-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.custom-order-header h1{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.custom-order-header p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.custom-order-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.form-section{padding:2.5rem}.custom-order-form,.form-section{background:var(--background-white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow)}.custom-order-form{padding:2rem}.form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--background-white);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e3a8a1a;outline:none}.form-textarea{min-height:120px}.error-message{margin-top:.25rem}.submit-error{border-radius:6px;padding:.75rem}.form-actions{margin-top:1rem}.btn-large{flex:1 1}.info-section{display:flex;flex-direction:column;gap:2rem}.info-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:2rem}.info-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem}.info-card ol{counter-reset:step-counter;list-style:none;padding:0}.info-card ol li{color:#6c757d;counter-increment:step-counter;line-height:1.5;margin-bottom:1rem;padding-left:2.5rem;position:relative}.info-card ol li:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.9rem;font-weight:600;height:1.8rem;justify-content:center;left:0;position:absolute;top:0;width:1.8rem}.info-card ul{list-style:none;padding:0}.info-card ul li{align-items:center;color:#6c757d;display:flex;gap:8px;padding:.5rem 0}.info-card ul li:before{color:#28a745;content:"";font-weight:700;left:0;position:absolute}.contact-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:2rem;text-align:center}.contact-info h4{font-size:1.2rem;margin-bottom:1rem}.contact-info p{font-size:1rem;margin:.5rem 0}.notification-toast{animation:slideIn .3s ease;background:#28a745;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;max-width:350px;padding:1.5rem;position:fixed;right:20px;top:100px;z-index:1000}.notification-content{align-items:flex-start;display:flex;gap:1rem}.notification-icon{font-size:1.5rem;margin-top:.2rem}.notification-content strong{display:block;margin-bottom:.25rem}.notification-content p{font-size:.9rem;margin:0;opacity:.9}@media (max-width:968px){.custom-order-content{gap:2rem;grid-template-columns:1fr}.form-section{margin:0 auto;max-width:600px}}@media (max-width:768px){.custom-order-page{padding:1rem 0}.custom-order-header h1{font-size:2rem}.form-section{padding:2rem 1.5rem}.form-actions{flex-direction:column}.btn-large{width:100%}.info-card{padding:1.5rem}.notification-toast{left:10px;max-width:none;right:10px}}@media (max-width:480px){.custom-order-header h1{font-size:1.8rem}.form-section{padding:1.5rem 1rem}.info-card{padding:1rem}.info-card ol li{padding-left:2rem}.info-card ol li:before{font-size:.8rem;height:1.5rem;width:1.5rem}}.auth-page{align-items:center;background:var(--background-white);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative}.auth-container{max-width:450px;width:100%}.auth-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow);padding:2.5rem;position:relative;z-index:1}.auth-header{color:var(--text-primary);padding:0 0 2rem;text-align:center}.auth-header h1{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.95rem;margin:0;opacity:.9}.auth-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.form-group{position:relative}.form-label{font-size:.95rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:60px}.password-toggle{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 8px;position:absolute;right:12px;transition:all .2s ease}.password-toggle:hover{background:#667eea1a;color:#667eea}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.forgot-password{margin-bottom:1rem;text-align:right}.forgot-link{color:#667eea;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#764ba2;text-decoration:underline}.error-message{line-height:1.4}.submit-error{margin-top:.5rem}.btn-large{font-weight:600}.btn-full{align-items:center;display:flex;gap:.75rem;justify-content:center}.auth-divider{margin:1.5rem 2rem;position:relative;text-align:center}.auth-divider:before{background:#e1e8ed;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#6c757d;font-size:.875rem;font-weight:500;padding:0 1rem;position:relative}.btn-google{background:#fff;border:2px solid #e1e8ed;color:#2c3e50;margin:0 2rem 1.5rem;transition:all .3s ease}.btn-google:hover{background:#f8f9fa;border-color:#dadce0;transform:translateY(-2px)}.google-icon{align-items:center;background:#4285f4;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;width:20px}.auth-footer{background:#f8f9fa;border-top:1px solid #e1e8ed;padding:1.5rem 2rem 2rem;text-align:center}.auth-footer p{color:#6c757d;font-size:.95rem;margin:0}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-footer a:hover{color:#764ba2}.btn-large:disabled{cursor:not-allowed;opacity:.7;transform:none!important}@media (max-width:768px){.auth-page{padding:1rem}.auth-container{max-width:100%}.auth-header{padding:2rem 1.5rem 1.5rem}.auth-header h1{font-size:1.8rem}.auth-form{padding:1.5rem}.btn-google{margin:0 1.5rem 1.5rem}.auth-divider{margin:1.5rem}.auth-footer{padding:1.5rem}}@media (max-width:480px){.auth-header{padding:1.5rem 1rem 1rem}.auth-header h1{font-size:1.6rem}.auth-form{gap:1rem;padding:1rem}.btn-google{margin:0 1rem 1rem}.auth-divider{margin:1rem}.auth-footer{padding:1rem}.btn-large{font-size:1rem;padding:.875rem 1.25rem}}.cart-page{background:var(--background-white);min-height:calc(100vh - 200px);padding:5rem 0}.cart-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.cart-header h1{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cart-header p{color:var(--text-secondary);font-size:1.125rem}.cart-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{grid-gap:1.5rem;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:1.5rem;grid-template-columns:100px 1fr auto auto;padding:1.5rem;transition:all .3s ease}.cart-item:hover{box-shadow:0 4px 12px #00000026}.item-image{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.item-image:after{color:#6c757d;content:"Img";font-size:.8rem;font-weight:600}.item-image img{height:100%;object-fit:cover;width:100%}.item-details{flex:1 1;min-width:0}.item-details h3{color:#2c3e50;font-size:1.2rem;line-height:1.3;margin-bottom:.5rem}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.9rem;line-height:1.4;margin-bottom:.5rem;overflow:hidden}.item-price{font-size:1.1rem}.item-quantity{align-items:center;display:flex;flex-direction:column;gap:.5rem}.quantity-controls{align-items:center;border:2px solid #e1e8ed;border-radius:8px;display:flex;overflow:hidden}.quantity-btn{align-items:center;background:#f8f9fa;border:none;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:background .3s ease;width:32px}.quantity-btn:hover:not(:disabled){background:#e9ecef}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{color:#2c3e50;font-weight:600;text-align:center;width:40px}.stock-warning{color:#ffc107;font-size:.8rem;text-align:center}.item-total{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;text-align:right}.total-price{color:#2c3e50;font-size:1.2rem;font-weight:700}.remove-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:.9rem;transition:color .3s ease}.remove-btn:hover{color:#c82333;text-decoration:underline}.cart-summary{display:flex;flex-direction:column;gap:1.5rem;height:fit-content;position:sticky;top:100px}.summary-note{background:#f8f9fa;border-radius:8px;margin:1.5rem 0;padding:1rem}.summary-note p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.summary-actions{display:flex;flex-direction:column;gap:1rem}.btn-large{padding:1rem 1.5rem}.btn-full{width:100%}.help-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;text-align:center}.help-card h4{color:#2c3e50;margin-bottom:1rem}.help-card p{color:#6c757d;font-size:.9rem;margin:.5rem 0}.empty-cart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.empty-cart-icon{color:#dee2e6;font-size:4rem;margin-bottom:2rem}.empty-cart h2{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.empty-cart p{color:#6c757d;font-size:1.1rem;margin-bottom:2rem}.empty-cart-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{order:-1;position:static}}@media (max-width:768px){.cart-page{padding:1rem 0}.cart-header h1{font-size:2rem}.cart-item{gap:1rem;grid-template-columns:80px 1fr;padding:1rem}.item-image{grid-row:1/3;height:80px;width:80px}.item-details{grid-column:2}.item-quantity{grid-column:2}.item-quantity,.item-total{align-items:center;flex-direction:row;justify-content:space-between}.item-total{grid-column:1/3}.summary-card{padding:1.5rem}.empty-cart{padding:2rem 1rem}.empty-cart-actions{flex-direction:column}.btn-large{width:100%}}@media (max-width:480px){.cart-item{gap:.75rem;grid-template-columns:60px 1fr}.item-image{height:60px;width:60px}.item-details h3{font-size:1rem}.item-description{font-size:.8rem}.quantity-controls{width:fit-content}.quantity-btn{height:28px;width:28px}.quantity-display{font-size:.9rem;width:35px}}.checkout-page{background:var(--background-white);min-height:calc(100vh - 200px);padding:5rem 0}.checkout-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.checkout-header h1{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.checkout-header p{color:var(--text-secondary);font-size:1.125rem}.checkout-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.checkout-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:2px solid #f8f9fa;color:#2c3e50;font-size:1.3rem;padding-bottom:.5rem}.form-group,.form-section h3{margin-bottom:1.5rem}.form-label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.form-input{background:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input.error{background:#fff5f5;border-color:#dc3545}.form-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.error-message{color:#dc3545;display:block;font-size:.875rem;margin-top:.5rem}.submit-error{background:#f8d7da;border-radius:8px;color:#721c24;margin-bottom:1.5rem;padding:1rem;text-align:center}.payment-options{display:flex;flex-direction:column;gap:1rem}.payment-option{align-items:flex-start;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.payment-option:hover{background:#f8f9fa;border-color:#667eea}.payment-option input[type=radio]{display:none}.radio-custom{border:2px solid #e1e8ed;border-radius:50%;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .3s ease;width:20px}.payment-option input[type=radio]:checked+.radio-custom{border-color:#667eea}.payment-option input[type=radio]:checked+.radio-custom:after{background:#667eea;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.payment-info strong{color:#2c3e50;display:block;margin-bottom:.25rem}.payment-info p{color:#6c757d;font-size:.9rem;margin:0}.form-actions{border-top:2px solid #f8f9fa;margin-top:2rem;padding-top:2rem}.order-summary{height:fit-content;position:sticky;top:100px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.summary-card h3{color:#2c3e50;font-size:1.3rem}.order-items,.summary-card h3{margin-bottom:1.5rem}.summary-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:.75rem 0}.item-info{flex:1 1}.item-name{color:#2c3e50;display:block;font-weight:500;margin-bottom:.25rem}.item-quantity{color:#6c757d;font-size:.9rem}.item-price{color:#667eea;font-weight:600}.summary-divider{background:#e1e8ed;height:1px;margin:1rem 0}.summary-row{align-items:center;color:#6c757d;display:flex;justify-content:space-between;margin-bottom:1rem}.summary-row.total{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-top:1rem}.delivery-note{background:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1rem}.delivery-note p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:1024px){.checkout-content{grid-template-columns:1fr}.order-summary{order:-1;position:static}}@media (max-width:768px){.checkout-page{padding:1rem 0}.checkout-header h1{font-size:2rem}.checkout-form{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-large{width:100%}.summary-card{padding:1.5rem}}@media (max-width:480px){.checkout-form{padding:1rem}.form-section h3{font-size:1.1rem}.payment-option{padding:.75rem}.payment-info strong{font-size:.95rem}.payment-info p{font-size:.8rem}.summary-card{padding:1rem}.summary-item{padding:.5rem 0}.item-name{font-size:.9rem}.item-quantity{font-size:.8rem}}.order-success-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:5rem 0}.order-success-page,.success-card{background:var(--background-white)}.success-card{border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow);margin:0 auto;max-width:600px;padding:3rem;text-align:center;width:100%}.success-icon{color:var(--success-color);font-size:4rem;margin-bottom:1.5rem}.success-card h1{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.success-message{color:#6c757d;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.order-details{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:left}.order-details h3{color:#2c3e50;margin-bottom:1rem;text-align:center}.order-details ol{counter-reset:step-counter;list-style:none;padding:0}.order-details li{color:#6c757d;counter-increment:step-counter;line-height:1.5;margin-bottom:1rem;padding-left:2.5rem;position:relative}.order-details li:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.9rem;font-weight:600;height:1.8rem;justify-content:center;left:0;position:absolute;top:0;width:1.8rem}.contact-info{margin-bottom:2rem;text-align:left}.contact-info h3{color:#2c3e50;margin-bottom:.5rem;text-align:center}.contact-info p{color:#6c757d;margin-bottom:1rem}.contact-methods{display:flex;flex-direction:column;gap:.5rem}.contact-method{color:#6c757d}.contact-method strong{color:#2c3e50}.success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-large{font-size:1.1rem;padding:1rem 2rem}@media (max-width:768px){.success-card{padding:2rem 1.5rem}.success-icon{font-size:3rem}.success-card h1{font-size:2rem}.success-message{font-size:1.1rem}.order-details{padding:1.5rem}.success-actions{flex-direction:column}.btn-large{width:100%}}@media (max-width:480px){.success-card{padding:1.5rem 1rem}.success-icon{font-size:2.5rem}.success-card h1{font-size:1.8rem}.order-details li{padding-left:2rem}.order-details li:before{font-size:.8rem;height:1.5rem;width:1.5rem}}.admin-page{min-height:calc(100vh - 200px);padding:2rem 0}.admin-header{margin-bottom:2rem}.admin-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.admin-header p{color:#6c757d;font-size:1.1rem}.admin-tabs{border-bottom:2px solid #e1e8ed;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#667eea}.tab-btn.active{border-bottom-color:#667eea;color:#667eea}.admin-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.admin-content h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.section-actions{margin-bottom:2rem}.custom-orders-table,.orders-table{overflow-x:auto}table{border-collapse:collapse;margin-bottom:2rem;width:100%}th{background:#f8f9fa;border-bottom:2px solid #e1e8ed;color:#2c3e50;font-weight:600;text-align:left}td,th{padding:1rem}td{border-bottom:1px solid #f8f9fa;vertical-align:top}tr:hover{background:#f8f9fa}.status-badge{color:#fff}.payment-badge,.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.payment-badge.pending{background:#fff3cd;color:#856404}.payment-badge.paid{background:#d4edda;color:#155724}.payment-badge.failed{background:#f8d7da;color:#721c24}.status-select{background:#fff;border:1px solid #e1e8ed;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories-grid,.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-card,.product-card{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:12px;overflow:hidden;transition:all .3s ease}.category-card:hover,.product-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.category-image,.product-image{height:200px;overflow:hidden}.category-image img,.product-image img{height:100%;object-fit:cover;width:100%}.category-info,.product-info{padding:1.5rem}.category-info h3,.product-info h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.category-description,.product-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.9rem;margin-bottom:1rem;overflow:hidden}.product-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.price{color:#667eea;font-size:1.1rem;font-weight:700}.stock{color:#6c757d;font-size:.9rem}.category-actions,.product-actions{display:flex;gap:.5rem}.btn-sm{font-size:.9rem;padding:.5rem 1rem}.btn-danger{background:#dc3545;border:none;color:#fff}.btn-danger:hover{background:#c82333}.access-denied{background:#f8f9fa;border-radius:12px;padding:4rem 2rem;text-align:center}.category-form{background:var(--background-white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow);margin-bottom:2rem;padding:2rem}.category-form h3{color:var(--primary-color);font-size:1.3rem;font-weight:600}.category-form .form-group,.category-form h3{margin-bottom:1.5rem}.category-form label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.category-form input,.category-form textarea{border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.category-form input:focus,.category-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e3a8a1a;outline:none}.category-form textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions .btn{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.form-actions .btn-primary{background:var(--primary-color);color:#fff}.form-actions .btn-primary:hover{background:var(--primary-dark)}.form-actions .btn-secondary{background:var(--secondary-color);color:#fff}.form-actions .btn-secondary:hover{background:var(--secondary-dark)}.product-form{background:var(--background-white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow);margin-bottom:2rem;padding:2rem}.product-form h3{color:var(--primary-color);font-size:1.3rem;font-weight:600}.product-form .form-group,.product-form h3{margin-bottom:1.5rem}.product-form label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.product-form input,.product-form select,.product-form textarea{background:var(--background-white);border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.product-form input:focus,.product-form select:focus,.product-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e3a8a1a;outline:none}.product-form textarea{min-height:80px;resize:vertical}.product-form select{cursor:pointer}.access-denied h2{color:#dc3545;margin-bottom:1rem}.access-denied p{color:#6c757d}.loading-container{align-items:center;display:flex;justify-content:center;min-height:50vh}@media (max-width:1024px){.categories-grid,.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.admin-page{padding:1rem 0}.admin-header h1{font-size:2rem}.admin-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;min-width:120px;text-align:center}.admin-content{padding:1.5rem}.custom-orders-table,.orders-table{font-size:.9rem}td,th{padding:.75rem .5rem}.description-cell{max-width:200px}.categories-grid,.products-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-content{padding:1rem}.admin-tabs{gap:.25rem}.tab-btn{font-size:.9rem;padding:.75rem 1rem}.custom-orders-table,.orders-table{font-size:.8rem}td,th{padding:.5rem .25rem}.status-select{font-size:.8rem;padding:.25rem}}.whatsapp-button{align-items:center;background:#25d366;border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:15px 20px;position:fixed;right:20px;text-decoration:none;transition:all .2s ease;z-index:1000}.whatsapp-button:hover{background:#128c7e;box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.whatsapp-button:active{transform:translateY(-1px)}.whatsapp-button .icon-whatsapp{align-items:center;display:flex;font-size:24px;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;justify-content:center}.whatsapp-text{white-space:nowrap}@media (max-width:768px){.whatsapp-button{border-radius:40px;bottom:20px;padding:12px 16px;right:20px}.whatsapp-button .icon-whatsapp{font-size:20px}.whatsapp-text{font-size:12px}}@media (max-width:480px){.whatsapp-button{bottom:15px;padding:10px 14px;right:15px}.whatsapp-button .icon-whatsapp{font-size:18px}.whatsapp-text{font-size:11px}}@media (max-width:360px){.whatsapp-button{bottom:12px;padding:8px 12px;right:12px}.whatsapp-button .icon-whatsapp{font-size:16px}.whatsapp-text{display:none}.whatsapp-button{border-radius:50%;height:45px;justify-content:center;width:45px}}@keyframes pulse{0%{box-shadow:0 4px 12px #25d3664d}50%{box-shadow:0 4px 12px #25d36699}to{box-shadow:0 4px 12px #25d3664d}}.whatsapp-button{animation:pulse 2s infinite}.whatsapp-button:hover{animation:none}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:400px;min-width:300px;opacity:0;padding:16px;pointer-events:all;transform:translateX(100%);transition:all .3s ease}.toast-show{opacity:1;transform:translateX(0)}.toast-hide{opacity:0;transform:translateX(100%)}.toast-success{border-left-color:#28a745}.toast-success .toast-icon{color:#28a745}.toast-error{border-left-color:#dc3545}.toast-error .toast-icon{color:#dc3545}.toast-warning{border-left-color:#ffc107}.toast-warning .toast-icon{color:#ffc107}.toast-info{border-left-color:#17a2b8}.toast-info .toast-icon{color:#17a2b8}.toast-icon{flex-shrink:0;font-size:20px;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 20}.toast-message{color:#2c3e50;flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.toast-close:hover{background:#f8f9fa;color:#2c3e50}@media (max-width:768px){.toast-container{left:15px;right:15px;top:15px}.toast{max-width:none;min-width:auto;padding:14px 16px}}@media (max-width:480px){.toast-container{left:10px;right:10px;top:10px}.toast{border-radius:6px;font-size:13px;padding:12px 14px}.toast-icon{font-size:18px}.toast-close{font-size:16px;height:18px;width:18px}}@media (max-width:360px){.toast-container{left:8px;right:8px;top:8px}.toast{border-radius:4px;font-size:12px;padding:10px 12px}.toast-icon{font-size:16px}.toast-close{font-size:14px;height:16px;width:16px}.toast-message{font-size:11px}}.icon-fast:before{content:"⚡️";font-size:20px}.icon-bulk:before{content:"📦";font-size:20px}.icon-custom:before{content:"🎨";font-size:20px}.icon-quality:before{content:"✅";font-size:20px}.icon-whatsapp:before{content:"📱";font-size:20px}.icon-cart:before{content:"🛍️";font-size:20px}.icon-check:before{content:"✔️";font-size:20px}.icon-error:before{content:"❌";font-size:20px}.icon-warning:before{content:"⚠️";font-size:20px}.icon-info:before{content:"ℹ️";font-size:20px}.icon-close:before{content:"❌";font-size:20px}[class*=icon-]{align-items:center;color:inherit;display:inline-flex;height:24px;justify-content:center;vertical-align:middle;width:24px}:root{--primary-color:#1e3a8a;--primary-dark:#1e40af;--primary-light:#3b82f6;--secondary-color:#64748b;--secondary-dark:#475569;--secondary-light:#94a3b8;--accent-color:#f59e0b;--accent-light:#fbbf24;--background-gradient:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#64748b);--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--text-primary:#0f172a;--text-secondary:#475569;--text-light:#fff;--background-light:#f8fafc;--background-white:#fff;--border-color:#e2e8f0;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;background:var(--background-light);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{background:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#64748b);background:var(--background-gradient);display:flex;flex-direction:column;min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loading{animation:spin 1s linear infinite;border:3px solid #00897b1a;border-radius:50%;border-top-color:#1e3a8a;border-top:3px solid var(--primary-color);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.d-flex{display:flex}.d-none{display:none}.d-block{display:block}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.flex-column{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.bg-primary{background:#1e3a8a;background:var(--primary-color)}.bg-secondary{background:#64748b;background:var(--secondary-color)}.bg-accent{background:#f59e0b;background:var(--accent-color)}.bg-white{background:#fff;background:var(--background-white)}.text-primary{color:#1e3a8a;color:var(--primary-color)}.text-secondary{color:#64748b;color:var(--secondary-color)}.text-accent{color:#f59e0b;color:var(--accent-color)}.text-light{color:#fff;color:var(--text-light)}.text-dark{color:#0f172a;color:var(--text-primary)}.shadow-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow)}.border-radius{border-radius:12px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}.skip-to-main{background:#667eea;border-radius:4px;color:#fff;left:0;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:10000}.skip-to-main:focus{top:10px}@media print{.footer,.header,.toast-container,.whatsapp-button{display:none!important}.main-content{margin:0;padding:0}}@media (prefers-contrast:high){.btn,.card{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
/*# sourceMappingURL=main.b9c7746f.css.map*/