body{background:#f5f5f5;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #007b5e;--primary-dark: #005643;--primary-light: #e8f5f2;--secondary: #f8b500;--secondary-dark: #e6a400;--accent: #ff6b35;--dark: #2c3e50;--light: #f8f9fa;--white: #ffffff;--gray: #95a5a6;--gray-light: #e9ecef;--text-dark: #2c3e50;--text-light: #6c757d;--success: #27ae60;--error: #e74c3c;--warning: #f39c12;--info: #3498db;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--light);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{background:var(--white);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000;padding:.5rem 0;height:70px;display:flex;align-items:center;border-bottom:1px solid var(--gray-light)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;max-width:1200px;margin:0 auto;width:100%}.nav-logo{display:flex;align-items:center;text-decoration:none;gap:.75rem}.company-name{font-size:1.25rem;font-weight:700;color:var(--primary);white-space:nowrap}.logo-container{width:35px;height:35px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-container .animated-logo,.logo-container .logo-3d{width:35px!important;height:35px!important;transform-origin:center!important}.logo-container>*{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;max-width:35px!important;max-height:35px!important}.nav-menu{display:flex;align-items:center;gap:1.2rem}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;padding:.5rem .8rem;border-radius:4px;transition:all .2s ease;font-size:.85rem;white-space:nowrap}.nav-link:hover{color:var(--primary);background:var(--primary-light)}.welcome-text{font-size:.8rem;color:var(--text-light);padding:.3rem .6rem}.cart-link{background:var(--primary);color:var(--white)!important;display:flex;align-items:center;gap:.3rem;font-size:.85rem;padding:.5rem .8rem;border-radius:4px}.cart-link:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.logout-btn{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block}.logout-btn:hover{background:#e55a2b;transform:translateY(-1px)}.hero-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.1)"/></svg>');background-size:cover;opacity:.1}.hero-title{font-size:3rem;margin-bottom:1rem;font-weight:700;position:relative}.hero-subtitle{font-size:1.3rem;margin-bottom:2rem;opacity:.9;position:relative}.hero-cta{background:var(--secondary);color:var(--dark);font-size:1.1rem;padding:1rem 2rem;font-weight:700;text-decoration:none;border-radius:4px;transition:all .3s ease;position:relative;display:inline-block}.hero-cta:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.popular-products-section{padding:4rem 0;background:var(--white)}.categories-section{padding:4rem 0;background:var(--light)}.features-section{padding:4rem 0;background:var(--white)}.section-title{text-align:center;margin-bottom:3rem;color:var(--primary);font-size:2.5rem;font-weight:700;position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--secondary);margin:10px auto;border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:center}.feature{padding:2rem 1rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .3s ease}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature h3{color:var(--primary);margin-bottom:1rem;font-size:1.3rem}.feature p{color:var(--text-light);line-height:1.6}.out-of-stock-badge{position:absolute;top:10px;right:10px;background:var(--accent);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;z-index:2}.image-fallback{width:100%;height:200px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:.5rem}.fallback-icon{font-size:2.5rem}.fallback-text{font-size:1rem;font-weight:600;text-align:center;padding:0 1rem}.footer{background:var(--dark);color:var(--white);padding:3rem 0 1rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h4{margin-bottom:1rem;color:var(--secondary);font-size:1.2rem}.footer-section a{color:var(--gray-light);text-decoration:none;display:block;margin-bottom:.5rem;transition:color .3s ease}.footer-section a:hover{color:var(--secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:4px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;font-size:.85rem;height:auto;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--secondary);color:var(--dark)}.btn-primary:hover{background:var(--secondary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #f8b5004d}.btn-secondary{background:var(--gray-light);color:var(--text-dark)}.btn-secondary:hover{background:var(--gray);transform:translateY(-1px)}.btn-disabled{background:var(--gray)!important;color:var(--white)!important;cursor:not-allowed!important;opacity:.6}.btn-disabled:hover{background:var(--gray)!important;transform:none!important;box-shadow:none!important}.add-to-cart-btn{width:100%;margin-top:auto;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;background:var(--secondary);color:var(--dark);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;position:relative;overflow:hidden}.add-to-cart-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-to-cart-btn:hover{background:var(--secondary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.add-to-cart-btn:hover:before{width:300px;height:300px}.add-to-cart-btn:active{transform:translateY(0)}.add-to-cart-btn:disabled{background:var(--gray);cursor:not-allowed;transform:none;opacity:.6}.add-to-cart-btn:disabled:hover{background:var(--gray);transform:none;box-shadow:none}.add-to-cart-btn:disabled:before{display:none}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0}.product-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;border:1px solid var(--gray-light);display:flex;flex-direction:column;height:100%;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.product-image{width:100%;height:200px;overflow:hidden;position:relative;background:var(--light);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--gray-light)}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;padding:15px;background:var(--white)}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.product-info h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-dark);line-height:1.3;min-height:2.6rem}.product-info p{color:var(--text-light);margin-bottom:1rem;line-height:1.5;flex-grow:1;font-size:.9rem}.price{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.old-price{text-decoration:line-through;color:var(--gray);font-size:.9rem}.new-price{font-size:1.25rem;font-weight:700;color:var(--primary)}.stock-info{font-size:.8rem;margin-bottom:1rem;padding:.4rem .8rem;border-radius:4px;text-align:center;font-weight:500}.stock-in{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary)}.stock-low{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.stock-out{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.page-container{padding:2rem 0;min-height:60vh}.page-title{text-align:center;margin-bottom:2rem;color:var(--primary);font-size:2.5rem}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.page-title{color:var(--primary);margin-bottom:1rem;font-size:2.5rem}.page-subtitle{color:var(--text-light);font-size:1.2rem;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.product-count-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-light);color:var(--primary);padding:.5rem 1.5rem;border-radius:25px;font-weight:600;border:1px solid var(--primary)}.category-card .product-image{position:relative;flex-shrink:0}.category-card .product-count{position:absolute;top:10px;right:10px;background:#fffffff2;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--primary);border:1px solid var(--primary-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-card .product-count.available{background:var(--primary-light);color:var(--primary)}.category-card .product-count.unavailable{background:var(--gray-light);color:var(--text-light)}.category-card .product-info{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.category-card .product-info h3{font-size:1.2rem;margin-bottom:.8rem;color:var(--primary);text-align:center;min-height:auto}.category-card .product-info p{color:var(--text-light);margin-bottom:1rem;line-height:1.5;flex-grow:1;text-align:center;font-size:.9rem}.category-card .price{margin-bottom:1rem;text-align:center}.category-card .new-price{font-size:1.1rem;font-weight:600;color:var(--primary)}.category-card .view-products-btn{width:100%;margin-top:auto;padding:.75rem 1.5rem;font-weight:600;text-align:center;background:var(--secondary);color:var(--dark);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:block}.category-card .view-products-btn:hover{background:var(--secondary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.category-card .add-to-cart-btn{display:none!important}.features-section{margin:1.5rem 0}.features-label{font-size:.8rem;color:var(--text-light);margin-bottom:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.features-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-tag{background:var(--primary-light);color:var(--primary);padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:500;border:1px solid var(--primary);white-space:nowrap}.cta-section{text-align:center;padding:3rem 2rem;background:var(--primary-light);border-radius:var(--radius);margin-top:3rem;border:1px solid var(--primary)}.cta-content h2{color:var(--primary);margin-bottom:1rem;font-size:1.8rem}.cta-content p{color:var(--text-light);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;font-size:1.1rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-buttons .btn{min-width:200px;padding:.875rem 2rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem 0}.page-info{color:var(--text-light);font-weight:500}.no-products{text-align:center;padding:3rem 2rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin:2rem 0}.no-products h3{color:var(--text-dark);margin-bottom:1rem}.no-products p{color:var(--text-light);margin-bottom:2rem}.about-page{padding:2rem 0}.about-header{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:linear-gradient(135deg,var(--primary-light) 0%,var(--white) 100%);border-radius:var(--radius);border:1px solid var(--primary-light)}.about-header h1{font-size:3rem;color:var(--primary);margin-bottom:1rem}.tagline{font-size:1.4rem;color:var(--text-light);font-weight:500;max-width:600px;margin:0 auto}.about-section{margin-bottom:3rem;padding:2.5rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-light)}.about-section h2{color:var(--primary);margin-bottom:1.5rem;font-size:2rem;border-bottom:3px solid var(--primary-light);padding-bottom:.8rem}.about-section p{color:var(--text-dark);line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.value-item{padding:1.5rem;background:var(--primary-light);border-radius:var(--radius);border-left:4px solid var(--primary);transition:transform .3s ease}.value-item:hover{transform:translateY(-5px)}.value-item h3{color:var(--primary);margin-bottom:1rem;font-size:1.3rem}.value-item p{color:var(--text-dark);margin:0;font-size:1rem}.clients-intro{text-align:center;font-size:1.2rem;color:var(--text-light);margin-bottom:2rem!important}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.client-logo{background:var(--white);border:2px solid var(--gray-light);border-radius:var(--radius);padding:2rem;display:flex;align-items:center;justify-content:center;height:140px;transition:all .3s ease;position:relative;overflow:hidden}.client-logo:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary)}.client-logo img{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);transition:all .3s ease}.client-logo:hover img{filter:grayscale(0%);transform:scale(1.05)}.logo-placeholder{font-weight:600;text-align:center;font-size:1rem;color:var(--text-light)}.logo-placeholder.central-bank{color:#1a5276;font-weight:700}.logo-placeholder.kfc{color:#e4002b;font-weight:700}.logo-placeholder.hungry-lion{color:#ff6b00;font-weight:700}.logo-placeholder.buffalo-city{color:#2e86ab;font-weight:700;font-size:.9rem}.logo-placeholder.courier-guy{color:#27ae60;font-weight:700}.logo-placeholder.retail-group{color:#8e44ad;font-weight:700}.locations{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:1.5rem}.location-card{padding:2rem;background:var(--light);border-radius:var(--radius);border-left:4px solid var(--primary);transition:transform .3s ease}.location-card:hover{transform:translateY(-3px)}.location-card h3{color:var(--primary);margin-bottom:1.5rem;font-size:1.4rem}.location-card p{margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem;font-size:1rem}.location-features{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-light)}.location-features span{color:var(--text-light);font-size:.9rem}.map-section{margin-top:3rem}.map-section h2{text-align:center;margin-bottom:2rem;color:var(--primary)}.map-container{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.map-frame{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding:2rem}.map-embed h4{color:var(--primary);margin-bottom:1rem;text-align:center;font-size:1.2rem}.map-legend{padding:1.5rem;background:var(--light);display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-dark)}.marker{width:12px;height:12px;border-radius:50%;display:inline-block}.marker.jbay{background:#3498db}.marker.cpt{background:#2ecc71}.cart-page{padding:2rem 0;min-height:70vh}.cart-page h1{color:var(--primary);margin-bottom:2rem}.empty-cart{text-align:center;padding:3rem 2rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.empty-cart .cart-icon{font-size:4rem;color:var(--gray);margin-bottom:1.5rem}.empty-cart h2{color:var(--text-dark);margin-bottom:1rem}.empty-cart p{color:var(--text-light);margin-bottom:2rem}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.clear-cart-btn{background:var(--accent)!important;color:var(--white)!important}.clear-cart-btn:hover{background:#e55a2b!important}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}.cart-items{display:flex;flex-direction:column;gap:1.5rem}.cart-item{display:grid;grid-template-columns:120px 1fr auto auto;gap:1.5rem;padding:1.5rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center}.cart-item img{width:100%;height:100px;object-fit:contain;border-radius:var(--radius-sm);background:var(--light);padding:.5rem}.item-details h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.1rem}.item-description{color:var(--text-light);font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.item-details .price{color:var(--primary);font-weight:700;font-size:1.1rem}.quantity-controls{display:flex;align-items:center;gap:0;border:1px solid var(--gray-light);border-radius:4px;overflow:hidden}.quantity-controls button{padding:.5rem 1rem;border:none;background:var(--white);cursor:pointer;transition:background-color .2s ease;font-weight:700}.quantity-controls button:hover{background:var(--primary-light)}.quantity-controls span{padding:.5rem 1rem;background:var(--light);min-width:60px;text-align:center;font-weight:500}.item-total{text-align:right}.item-total-price{font-weight:700;color:var(--primary);margin-bottom:.5rem;font-size:1.1rem}.remove-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.9rem;padding:.5rem;border-radius:4px;transition:all .2s ease}.remove-btn:hover{background:#ffe6e6;color:#c0392b}.cart-summary{background:var(--white);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:2rem}.cart-summary h3{color:var(--primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-light)}.summary-line{display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.summary-line.total{border-top:2px solid var(--primary-light);font-weight:700;font-size:1.2rem;color:var(--primary);margin-top:1rem;padding-top:1rem}.checkout-btn{width:100%;padding:1rem;font-size:1.1rem;margin-top:1.5rem}.continue-shopping{margin-top:1rem;text-align:center;display:block;width:100%}.checkout-page{padding:2rem 0;min-height:70vh}.checkout-page h1{color:var(--primary);margin-bottom:2rem;text-align:center;font-size:2.5rem}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start}.order-summary{background:var(--white);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow)}.order-summary h3{color:var(--primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-light);font-size:1.3rem}.checkout-item{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--gray-light);align-items:center}.checkout-item:last-child{border-bottom:none}.checkout-item img{width:100%;height:80px;object-fit:contain;border-radius:var(--radius-sm);background:var(--light);padding:.5rem}.item-info h4{color:var(--text-dark);margin-bottom:.5rem;font-size:1rem}.item-info p{color:var(--text-light);font-size:.9rem;margin:0;line-height:1.4}.unit-price{color:var(--text-light)!important;font-size:.8rem!important;margin-top:.2rem!important}.item-price{font-weight:700;color:var(--primary);font-size:1.1rem;text-align:right}.checkout-total{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--primary-light)}.total-line{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:1rem;padding:.3rem 0}.total-line.grand-total{font-size:1.3rem;font-weight:700;color:var(--primary);margin-top:1rem;padding-top:1rem;border-top:2px solid var(--primary-light)}.currency-note{font-size:.8rem;color:var(--text-light);text-align:center;margin-top:1rem;font-style:italic;padding:.5rem;background:var(--primary-light);border-radius:var(--radius-sm)}.payment-section{background:var(--white);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:2rem}.payment-section h3{color:var(--primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-light);font-size:1.3rem}.payment-description{color:var(--text-light);margin-bottom:1.5rem;font-size:.9rem;text-align:center}.paypal-container{margin-top:1rem;min-height:200px;display:flex;align-items:center;justify-content:center}.security-notice{margin-top:1.5rem;padding:1rem;background:var(--primary-light);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-light);text-align:center;border:1px solid var(--primary)}.empty-checkout{text-align:center;padding:3rem 2rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);max-width:500px;margin:0 auto}.empty-checkout .checkout-icon{font-size:4rem;color:var(--gray);margin-bottom:1.5rem}.empty-checkout h2{color:var(--text-dark);margin-bottom:1rem;font-size:1.5rem}.empty-checkout p{color:var(--text-light);margin-bottom:2rem;font-size:1rem}.empty-checkout .btn{padding:.875rem 2rem;font-size:1rem}.paypal-buttons{width:100%!important}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 0;background:linear-gradient(135deg,var(--primary-light) 0%,var(--light) 100%)}.auth-container{width:100%;max-width:450px;padding:0 1rem}.auth-card{background:var(--white);padding:3rem 2rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);text-align:center}.auth-card h1{color:var(--primary);margin-bottom:.5rem;font-size:2rem}.auth-card>p{color:var(--text-light);margin-bottom:2rem}.auth-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-dark);font-weight:500}.form-group input{width:100%;padding:.875rem 1rem;border:1px solid var(--gray-light);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .2s ease;background:var(--white)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007b5e1a}.form-group input:disabled{background:var(--gray-light);cursor:not-allowed}.auth-btn{width:100%;padding:1rem;font-size:1.1rem;margin-top:.5rem}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-light)}.auth-footer p{margin-bottom:.5rem;color:var(--text-light)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid;position:relative;overflow:hidden}.alert:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.alert-error{background:#ffe6e6;color:#d63031;border-color:#ff7675}.alert-error:before{background:#d63031}.alert-success{background:#e8f5e8;color:#2d5016;border-color:#7bc47f}.alert-success:before{background:#2d5016}.alert-info{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.alert-info:before{background:var(--primary)}.alert-warning{background:#fff3cd;color:#856404;border-color:#ffeaa7}.alert-warning:before{background:#856404}.method-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.method-option{border:2px solid var(--gray-light);border-radius:var(--radius);padding:1.5rem;background:var(--white);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:1rem;position:relative;overflow:hidden}.method-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s ease}.method-option:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow)}.method-option:hover:before{background:var(--primary)}.method-option.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #007b5e1a}.method-option.active:before{background:var(--primary)}.method-option.active:after{content:"✓";position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.method-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:12px;border:1px solid var(--gray-light);flex-shrink:0;transition:all .3s ease}.method-option:hover .method-icon,.method-option.active .method-icon{border-color:var(--primary);background:var(--primary);color:#fff}.method-content{flex:1}.method-name{font-weight:600;font-size:1rem;color:var(--text-dark);margin-bottom:.5rem}.method-description{font-size:.875rem;color:var(--text-light);line-height:1.4}.paystack-email-section{margin:1.5rem 0;padding:1.5rem;background:var(--light);border-radius:var(--radius);border:2px solid var(--gray-light);transition:all .3s ease;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.paystack-email-section.valid{border-color:var(--success);background:#27ae600d}.paystack-email-section.error{border-color:var(--error);background:#e74c3c0d}.paystack-email-section label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-dark);font-size:.95rem}.paystack-email-input{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-light);border-radius:var(--radius-sm);font-size:1rem;transition:all .3s ease;margin-bottom:.5rem;background:var(--white)}.paystack-email-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007b5e1a}.paystack-email-input.valid{border-color:var(--success)}.paystack-email-input.error{border-color:var(--error)}.email-feedback{font-size:.875rem;margin-top:.25rem;display:block;font-weight:500;display:flex;align-items:center;gap:.5rem}.email-feedback.valid{color:var(--success)}.email-feedback.error{color:var(--error)}.payment-buttons-container{margin:2rem 0;text-align:center}.paystack-button{background:linear-gradient(135deg,#00a859,#008552);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:400px;margin:0 auto 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.paystack-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.paystack-button:hover:not(:disabled){background:linear-gradient(135deg,#008552,#006b42);transform:translateY(-2px);box-shadow:0 8px 20px #00a8594d}.paystack-button:hover:not(:disabled):before{width:300px;height:300px}.paystack-button:active:not(:disabled){transform:translateY(0)}.paystack-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.paystack-button:disabled:before{display:none}.paypal-button-container{margin:1.5rem 0;padding:1.5rem;background:var(--light);border-radius:var(--radius);border:2px solid var(--gray-light);min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bank-transfer-section{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--radius);border:2px solid var(--gray-light);text-align:center;animation:fadeIn .5s ease}.bank-details{background:#fff;padding:1.5rem;border-radius:var(--radius-sm);margin:1.5rem 0;border:1px solid var(--gray-light);text-align:left}.bank-detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--gray-light);font-size:.95rem;align-items:center}.bank-detail-row:last-child{border-bottom:none}.bank-detail-label{font-weight:600;color:var(--text-dark);min-width:120px}.bank-detail-value{color:var(--text-dark);font-weight:500;word-break:break-all;text-align:right;flex:1}.copy-button{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;margin-left:1rem;transition:all .2s ease;flex-shrink:0}.copy-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button.success{background:var(--success)}.copy-button.success:hover{background:#219653}.processing-overlay{position:fixed;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.processing-spinner{width:60px;height:60px;border:4px solid var(--gray-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.processing-message{font-size:1.25rem;color:var(--text-dark);font-weight:600;margin-bottom:.5rem}.processing-details{font-size:.95rem;color:var(--text-light);text-align:center;max-width:300px}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:var(--error)!important;background-color:#e74c3c0d!important}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:var(--success)!important;background-color:#27ae600d!important}.validation-error{color:var(--error);font-size:.875rem;margin-top:.25rem;display:block;font-weight:500}.validation-success{color:var(--success);font-size:.875rem;margin-top:.25rem;display:block;font-weight:500}.toast{position:fixed;bottom:20px;right:20px;padding:1rem 1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-xl);z-index:9999;animation:slideIn .3s ease;max-width:350px;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast:before{font-size:1.25rem}.toast.success{background:#27ae60f2;color:#fff;border-left:4px solid #27ae60}.toast.success:before{content:"✓"}.toast.error{background:#e74c3cf2;color:#fff;border-left:4px solid #e74c3c}.toast.error:before{content:"✗"}.toast.info{background:#3498dbf2;color:#fff;border-left:4px solid #3498db}.toast.info:before{content:"ℹ"}.thank-you-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--primary-light) 0%,var(--light) 100%)}.thank-you-card{background:var(--white);border-radius:var(--radius);padding:3rem 2.5rem;box-shadow:var(--shadow-xl);text-align:center;max-width:800px;margin:0 auto;border:1px solid var(--gray-light);position:relative;overflow:hidden}.thank-you-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.success-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 1s ease infinite;color:var(--success)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.thank-you-card h1{color:var(--primary);font-size:2.5rem;margin-bottom:1rem;font-weight:700}.confirmation-message{color:var(--text-light);font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.next-steps{background:var(--light);padding:2rem;border-radius:var(--radius-sm);margin-bottom:2.5rem;text-align:left;border-left:4px solid var(--primary)}.next-steps h3{color:var(--primary);margin-bottom:1rem;font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.next-steps h3:before{content:"📋"}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{padding:.8rem 0;color:var(--text-dark);font-size:1.1rem;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid var(--gray-light)}.steps-list li:last-child{border-bottom:none}.steps-list li:before{font-size:1.3rem}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.action-buttons .btn{min-width:200px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;padding:2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid var(--gray-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.not-found{text-align:center;padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin:2rem auto;max-width:800px}.not-found h2{font-size:3rem;color:var(--primary);margin-bottom:1rem}.not-found h3{font-size:2rem;color:var(--text-dark);margin-bottom:1rem}.not-found p{font-size:1.2rem;color:var(--text-light);margin-bottom:2rem;max-width:500px;line-height:1.6}.error-page{text-align:center;padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-page h2{font-size:2.5rem;color:var(--accent);margin-bottom:1.5rem}.error-page p{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem;max-width:600px}@media(max-width:1200px){.container{max-width:100%;padding:0 2rem}}@media(max-width:992px){.checkout-content,.cart-content{grid-template-columns:1fr;gap:2rem}.cart-summary,.payment-section{position:static}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.navbar{height:auto;padding:.75rem 0}.nav-container{flex-direction:column;gap:1rem;padding:0 1rem}.nav-menu{flex-wrap:wrap;justify-content:center;gap:.75rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section-title,.page-title{font-size:2rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.method-options{grid-template-columns:1fr}.method-option{min-height:100px;padding:1.25rem}.cart-item{grid-template-columns:100px 1fr;gap:1rem}.quantity-controls,.item-total{grid-column:1 / -1;justify-self:start}.item-total{display:flex;align-items:center;gap:1rem;width:100%;justify-content:space-between}.checkout-item{grid-template-columns:60px 1fr auto;gap:.75rem;padding:.75rem 0}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:250px}.action-buttons{flex-direction:column;align-items:center}.action-buttons .btn{width:100%;max-width:300px}.footer-container{grid-template-columns:1fr;text-align:center;gap:1.5rem}.auth-card,.thank-you-card{padding:2rem 1.5rem}.thank-you-card h1{font-size:2rem}.confirmation-message{font-size:1.1rem}.bank-detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.bank-detail-label{min-width:auto}.bank-detail-value{text-align:left}.copy-button{margin-left:0;margin-top:.5rem;align-self:flex-start}}@media(max-width:576px){.container{padding:0 1rem}.hero-section{padding:3rem 1rem}.hero-title{font-size:1.8rem}.hero-cta{padding:.875rem 1.5rem;font-size:1rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{max-width:300px;margin:0 auto}.page-header{padding:1rem 0;margin-bottom:2rem}.page-title{font-size:1.8rem}.product-count-badge{padding:.4rem 1rem;font-size:.9rem}.cart-item{grid-template-columns:1fr;text-align:center;gap:1rem}.cart-item img{justify-self:center;max-width:200px}.quantity-controls{justify-self:center}.item-total{flex-direction:column;gap:.5rem}.checkout-item{grid-template-columns:1fr;text-align:center;gap:.75rem}.checkout-item img{justify-self:center;max-width:100px}.item-price{justify-self:center}.method-option{min-height:90px;padding:1rem}.method-icon{width:40px;height:40px;font-size:20px}.method-name{font-size:.95rem}.method-description{font-size:.825rem}.paystack-button{padding:.875rem 1.5rem;font-size:.95rem}.bank-transfer-section{padding:1.5rem}.bank-details{padding:1.25rem}.not-found h2{font-size:2.2rem}.not-found h3{font-size:1.6rem}.not-found p{font-size:1rem}.error-page h2{font-size:2rem}.toast{left:1rem;right:1rem;max-width:none;bottom:1rem}.add-to-cart-btn{font-size:.85rem;padding:.75rem 1rem}.thank-you-card{padding:1.5rem 1rem}.thank-you-card h1{font-size:1.8rem}.success-icon{font-size:3rem}.next-steps{padding:1.5rem}.steps-list li{font-size:1rem}}@media(max-width:400px){.hero-title{font-size:1.6rem}.hero-subtitle{font-size:1rem}.section-title,.page-title{font-size:1.6rem}.cart-item img{max-width:150px}.checkout-item img{max-width:80px}.auth-card{padding:1.5rem 1rem}.auth-card h1{font-size:1.6rem}}@media print{.navbar,.footer,.btn,.add-to-cart-btn,.quantity-controls button,.remove-btn,.clear-cart-btn,.checkout-btn,.action-buttons,.cta-section,.hero-cta{display:none!important}body{color:#000;background:#fff;font-size:12pt}.container{max-width:100%;padding:0}.cart-content,.checkout-content{grid-template-columns:1fr;gap:1rem}.cart-summary,.order-summary,.payment-section{box-shadow:none;border:1px solid #000;page-break-inside:avoid}a{text-decoration:none;color:#000}.page-break{page-break-before:always}}@media(prefers-contrast:high){:root{--primary: #004d38;--primary-dark: #003322;--primary-light: #e0f2ef;--secondary: #c69500;--secondary-dark: #b38600;--accent: #e55a2b;--dark: #1c2833;--light: #f2f3f4;--white: #ffffff;--gray: #7b8a8b;--gray-light: #d5d8dc;--text-dark: #1c2833;--text-light: #566573;--success: #1e8449;--error: #c0392b;--warning: #b9770e;--info: #2874a6}.btn,.add-to-cart-btn,.nav-link,.cart-link,.logout-btn{border:2px solid currentColor}.method-option,.product-card,.cart-item,.checkout-item,.order-summary,.payment-section,.auth-card,.thank-you-card{border:2px solid var(--gray-light)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.product-card:hover,.method-option:hover,.btn:hover,.add-to-cart-btn:hover,.cart-link:hover,.logout-btn:hover,.nav-link:hover,.hero-cta:hover,.value-item:hover,.client-logo:hover,.location-card:hover,.feature:hover{transform:none!important}.loading-spinner,.processing-spinner,.success-icon,.toast,.fade-in,.slide-in,.bounce{animation:none!important}}.bank-transfer-mode .payment-description{background:#e8f4fc;padding:15px;border-radius:8px;border-left:4px solid #3498db;margin-bottom:20px}.bank-transfer-info{margin-top:25px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.bank-transfer-info h4{color:#2c3e50;margin-bottom:15px;font-size:1.1rem}.bank-transfer-info ol{padding-left:20px;margin-bottom:20px}.bank-transfer-info li{margin-bottom:8px;line-height:1.5;color:#495057}.security-features{background:#fff;padding:15px;border-radius:6px;margin-top:15px;border:1px solid #dee2e6}.security-features p{font-weight:600;margin-bottom:10px;color:#2c3e50}.security-features ul{padding-left:20px;margin:10px 0}.security-features li{margin-bottom:5px;color:#27ae60;font-size:.9rem}.channel-badge.active{background:#3498db;color:#fff;border-color:#3498db}.payment-channels{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.channels-title{font-weight:600;margin-bottom:12px;color:var(--text-dark);font-size:14px;text-align:center}.channel-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.channel-badge{background:var(--white);border:1px solid var(--gray-light);padding:6px 12px;border-radius:16px;font-size:12px;color:var(--text-dark);transition:all .2s ease}.channel-badge:hover{border-color:var(--primary)}.bank-transfer-instructions{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin-top:20px}.bank-transfer-instructions h4{color:#856404;margin-bottom:10px}.bank-transfer-instructions ol{padding-left:20px;margin-bottom:0}.bank-transfer-instructions li{margin-bottom:8px;color:#856404}.bank-transfer-section,.bank-details,.bank-detail-row,.bank-detail-label,.bank-detail-value{display:none!important}.paystack-container{margin-top:1rem;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.payment-description strong{color:#2c3e50;font-weight:700}.eft-success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:15px;border-radius:8px;margin-top:20px;text-align:center}.logo-fallback{width:100px;height:60px;background:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666;font-size:14px}.thank-you-page{min-height:70vh;display:flex;align-items:center}.thank-you-card{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 10px 30px #0000001a;max-width:800px;margin:2rem auto;text-align:center}html,body{overflow-x:hidden;position:relative}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--primary);width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.terms-text{font-size:.875rem;color:#6b7280;margin-top:1rem}.terms-link{color:#10b981;text-decoration:none;font-weight:500;transition:color .2s}.terms-link:hover{color:#059669;text-decoration:underline}.terms-link:visited{color:#10b981}.legal-page{padding:4rem 2rem;background-color:#f9fafb;min-height:100vh}.legal-container{max-width:900px;margin:0 auto;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:3rem}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.legal-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.legal-header .last-updated{color:#6b7280;font-size:.875rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid #10b981}.legal-content h3{font-size:1.25rem;font-weight:600;color:#374151;margin:1.5rem 0 1rem}.legal-content p{color:#4b5563;line-height:1.7;margin-bottom:1rem}.legal-content ul{list-style-type:disc;padding-left:1.5rem;margin:1rem 0}.legal-content li{color:#4b5563;line-height:1.7;margin-bottom:.5rem}.legal-content strong{color:#1f2937;font-weight:600}.legal-content .contact-details{list-style:none;padding-left:0;background:#f3f4f6;padding:1.5rem;border-radius:.5rem}.legal-content .contact-details li{margin-bottom:.75rem}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb;text-align:center}.legal-footer p{color:#6b7280;margin-bottom:1.5rem}.legal-footer .btn{display:inline-block;padding:.75rem 2rem;background-color:#10b981;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;transition:background-color .2s}.legal-footer .btn:hover{background-color:#059669}@media(max-width:768px){.legal-page{padding:2rem 1rem}.legal-container{padding:1.5rem}.legal-header h1{font-size:2rem}.legal-content h2{font-size:1.25rem}}.back-to-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#10b981;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 10px #0003;transition:all .3s ease;z-index:1000;animation:fadeIn .3s ease-in-out}.back-to-top-btn:hover{background-color:#059669;transform:translateY(-5px);box-shadow:0 6px 15px #0000004d}.back-to-top-btn:active{transform:translateY(0)}@media(max-width:768px){.back-to-top-btn{bottom:20px;right:20px;width:45px;height:45px;font-size:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-to-top-btn.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px;width:100%;pointer-events:none}.toast-notification{background:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 10px 25px #00000026,0 5px 10px #0000001a;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease forwards;pointer-events:auto;border-left:4px solid;position:relative;overflow:hidden}.toast-notification:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:#0000001a;animation:progress 3s linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{font-size:20px;flex-shrink:0}.toast-message{flex-grow:1;font-size:14px;color:#1f2937;line-height:1.5}.toast-close{background:none;border:none;font-size:20px;cursor:pointer;color:#9ca3af;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background:#f3f4f6;color:#4b5563}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-notification.exit{animation:slideOut .3s ease forwards}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}}