@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #10b981;--primary-dark: #059669;--primary-light: #ecfdf5;--text-dark: #1f2937;--text-gray: #6b7280;--input-bg: rgba(249, 250, 251, .8)}*{box-sizing:border-box;font-family:Inter,sans-serif}.register-wrapper{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:url(https://images.unsplash.com/photo-1501854140801-50d01698950b?q=80&w=2675&auto=format&fit=crop) no-repeat center center fixed;background-size:cover;position:relative;padding:20px}.register-wrapper:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.signup-card{background:#ffffffbf;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);padding:40px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:450px;text-align:center;border:1px solid rgba(255,255,255,.3);position:relative;z-index:10;margin:20px 0}@media(max-width:480px){.signup-card{padding:32px 24px}}.logo{font-size:1.75rem;font-weight:800;color:#065f46;margin-bottom:24px;display:inline-flex;align-items:center;gap:12px;letter-spacing:-.5px}.form-group{margin-bottom:16px;text-align:left}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:600;color:var(--text-dark)}.form-group input{width:100%;padding:12px 16px;border:1px solid rgba(229,231,235,.8);background-color:var(--input-bg);border-radius:12px;outline:none;transition:all .3s ease;font-size:.95rem;color:var(--text-dark)}.btn{width:100%;padding:14px;background-color:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #10b98133;margin-top:10px}.back-link{display:inline-block;margin-top:24px;color:var(--text-gray);font-size:.85rem;text-decoration:none;transition:color .3s;font-weight:500}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-box{background:#fff;padding:30px;border-radius:16px;text-align:center;width:320px;box-shadow:0 15px 30px #0000004d;animation:popupFadeIn .3s ease-out}.popup-icon{font-size:40px;margin-bottom:15px}.popup-box h2{margin-bottom:10px;color:#10b981}.popup-box p{color:#555;margin-bottom:20px;font-size:14px}.popup-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;width:100%;transition:background .3s}.popup-btn:hover{background:#059669}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-wrapper{--primary: #10b981;--primary-dark: #059669;--primary-light: #ecfdf5;--text-dark: #1f2937;--text-gray: #6b7280;--input-bg: rgba(249, 250, 251, .8);min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:url(https://images.unsplash.com/photo-1501854140801-50d01698950b?q=80&w=2675&auto=format&fit=crop) no-repeat center center fixed;background-size:cover;position:relative;padding:20px;box-sizing:border-box}.login-wrapper:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.login-wrapper *{font-family:Inter,sans-serif;box-sizing:border-box}.login-card{background:#ffffffbf;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);padding:48px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:420px;text-align:center;border:1px solid rgba(255,255,255,.3);position:relative;z-index:10}@media(max-width:480px){.login-card{padding:32px 24px}}.logo{font-size:1.75rem;font-weight:800;color:#065f46;margin-bottom:32px;display:inline-flex;align-items:center;gap:12px;letter-spacing:-.5px}.logo-icon{width:36px;height:36px;color:var(--primary);filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.form-group{margin-bottom:24px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:600;color:var(--text-dark)}.password-container{position:relative;width:100%}.form-group input{width:100%;padding:14px 16px;border:1px solid rgba(229,231,235,.8);background-color:var(--input-bg);border-radius:12px;outline:none;transition:all .3s ease;font-size:1rem;color:var(--text-dark)}.password-container input[type=password],.password-container input[type=text]{padding-right:45px}.form-group input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #10b98126}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;padding:4px}.toggle-password:hover{color:var(--text-dark)}.btn{width:100%;padding:14px;background-color:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #10b98133;margin-top:10px;display:flex;justify-content:center;align-items:center}.btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 15px #10b9814d}.links{margin-top:24px;font-size:.95rem;color:var(--text-dark)}.links a{color:var(--primary-dark);text-decoration:none;font-weight:700;cursor:pointer;transition:color .2s}.links a:hover{color:#064e3b;text-decoration:underline}.back-link{display:inline-block;margin-top:32px;color:var(--text-gray);font-size:.85rem;text-decoration:none;transition:color .3s;font-weight:500}.back-link:hover{color:var(--text-dark)}:root{--primary: #38BDF8;--primary-dark: #0EA5E9;--primary-light: #7DD3FC;--secondary: #0F172A;--bg-color: #F8FAFC;--card-bg: #FFFFFF;--text-main: #334155;--text-muted: #94A3B8;--border: #E2E8F0;--radius: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{margin:0;padding:0}.store-body{font-family:Inter,sans-serif;background-color:var(--bg-color);min-height:100vh;color:var(--text-main);display:flex;flex-direction:column}.store-header{background:#fffffff2;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:32px}.brand-section{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;cursor:pointer}.brand-logo-box{width:42px;height:42px;background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.brand-logo-img{width:100%;height:100%;object-fit:cover;display:block}.brand-name{font-size:22px;font-weight:800;color:var(--text-main);text-transform:capitalize;letter-spacing:-.5px;line-height:1.1;max-width:200px;display:inline-block}.search-container{flex:1;max-width:500px;position:relative}.search-input{width:100%;padding:12px 16px 12px 44px;border-radius:99px;border:1px solid var(--border);background:#f1f5f9;outline:none;font-size:14px;transition:all .2s ease}.search-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #38bdf833}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:16px}.login-link-btn{background:#fff;border:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text-main);cursor:pointer;display:flex;align-items:center;padding:8px 16px;border-radius:8px;transition:all .2s}.login-link-btn:hover{background:#e0f2fe;border-color:var(--primary);color:var(--primary-dark)}.cart-btn{position:relative;background:var(--text-main);border:none;cursor:pointer;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s}.cart-btn:hover{transform:scale(1.05)}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;font-size:11px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white}.category-bar-wrapper{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:75px;z-index:40}.category-list{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;gap:12px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.category-list::-webkit-scrollbar{display:none}.category-chip{padding:8px 18px;border-radius:99px;font-size:13px;font-weight:500;color:var(--text-muted);background:#fff;border:1px solid var(--border);cursor:pointer;transition:all .2s}.category-chip:hover{border-color:var(--primary);color:var(--primary)}.category-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 6px -1px #38bdf84d}.hero-wrapper{position:relative;width:100%;height:495px;overflow:hidden;background-color:#f1f5f9}.hero-slider{width:100%;height:100%;position:relative}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease-in-out}.hero-slide.active{opacity:1}.store-hero-fallback{width:100%;height:100%;background:linear-gradient(135deg,#bae6fd,#e0f2fe);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--secondary)}.store-hero-fallback h1{font-size:42px;font-weight:800;line-height:1.2;color:var(--primary-dark)}.store-hero-fallback span{color:var(--primary)}.store-hero-fallback p{color:#64748b}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.dot{width:10px;height:10px;background:#ffffff80;border-radius:50%;cursor:pointer;transition:.3s}.dot.active{background:#fff;transform:scale(1.2)}.store-main{max-width:1280px;margin:40px auto;padding:0 24px;width:100%;flex:1}.section-title{font-size:20px;font-weight:700;margin-bottom:24px;color:var(--text-main)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px}.product-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid transparent;box-shadow:var(--shadow-sm);transition:all .3s ease;display:flex;flex-direction:column;position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border)}.product-image-box{height:220px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:20px;border-bottom:1px solid #F8FAFC}.product-img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-card:hover .product-img{transform:scale(1.05)}.product-img.grayscale{filter:grayscale(100%);opacity:.6}.placeholder-img{font-size:40px;font-weight:700;color:#e2e8f0}.stock-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;z-index:10;letter-spacing:.5px}.stock-badge.out{background:#fee2e2;color:#991b1b}.stock-badge.low{background:#fef3c7;color:#92400e}.product-details{padding:20px;display:flex;flex-direction:column;flex:1}.product-cat{font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.product-name{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text-main);line-height:1.4;height:44px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-desc{font-size:13px;color:var(--text-muted);margin-bottom:16px;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.price{font-size:18px;font-weight:800;color:var(--text-main)}.add-btn{background:#fff;color:var(--text-main);border:1px solid var(--text-main);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex:1;text-align:center;max-width:120px}.add-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.add-btn.disabled{background:#f1f5f9;border-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.no-products{text-align:center;padding:80px 20px;color:var(--text-muted);width:100%}.loading-container{height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:var(--primary);gap:16px}.modern-footer{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;padding:60px 20px 20px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}.footer-col h4{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:20px;letter-spacing:1px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:12px}.footer-col ul li a,.footer-col ul li Link{text-decoration:none;color:#fff;font-size:14px;opacity:.9;transition:.2s}.footer-col ul li a:hover{color:#f0f9ff;text-decoration:none;opacity:1}.brand-col{display:flex;flex-direction:column;gap:20px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand .brand-logo-box{background:#fff3;width:50px;height:50px}.footer-brand-name{font-size:22px;font-weight:800;line-height:1;text-transform:uppercase;max-width:150px}.social-links{display:flex;gap:15px}.social-links a{color:#fff;background:#fff3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s}.social-links a:hover{background:#fff;color:var(--primary-dark)}.contact-col p{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:12px;opacity:.95}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.3);padding-top:20px;font-size:13px;opacity:.85}@media(max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.brand-col,.footer-brand,.contact-col p,.social-links{justify-content:center}}.store-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.auth-box{background:#fff;width:400px;max-width:90vw;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;animation:fadeIn .2s ease-out}.close-modal-btn{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;color:#9ca3af;z-index:10}.auth-tabs{display:flex;background:#f1f5f9}.auth-tab{flex:1;text-align:center;padding:15px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:.2s}.auth-tab.active{background:#fff;color:var(--primary);border-bottom-color:var(--primary)}.auth-content{padding:30px}.auth-content h2{margin:0 0 8px;color:var(--text-main);font-size:20px}.auth-subtitle{color:var(--text-muted);font-size:14px;margin-bottom:24px}.method-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:8px;margin-bottom:20px}.method-toggle button{flex:1;border:none;padding:8px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-muted);transition:.2s}.method-toggle button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.input-group{position:relative;margin-bottom:16px}.input-icon{position:absolute;left:12px;top:12px;color:#94a3b8}.input-group input{width:100%;padding:12px 12px 12px 40px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fff;color:var(--text-main)}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #38bdf833}.send-otp-btn{position:absolute;right:6px;top:6px;background:#e0f2fe;color:var(--primary);border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.primary-auth-btn{width:100%;background:var(--primary);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;margin-top:10px;transition:.2s}.primary-auth-btn:hover{background:var(--primary-dark)}.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--text-muted)}.auth-footer span{color:var(--primary);font-weight:600;cursor:pointer}.user-info-trigger{position:relative;cursor:pointer;display:flex;align-items:center}.user-avatar{width:38px;height:38px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid white;box-shadow:var(--shadow-sm);transition:transform .2s}.profile-dropdown{position:absolute;top:120%;right:0;width:220px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;z-index:100;animation:fadeIn .15s ease-out;border:1px solid var(--border)}.dropdown-header{padding:10px 12px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid #F1F5F9;margin-bottom:5px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px;color:var(--text-main);border-radius:8px;cursor:pointer;transition:.2s;text-decoration:none}.dropdown-item:hover{background-color:#f0f9ff;color:var(--primary)}.dropdown-item.text-red{color:#ef4444}.dropdown-item.text-red:hover{background-color:#fef2f2}.dropdown-divider{height:1px;background-color:#f1f5f9;margin:6px 0}.flex-center{display:flex;align-items:center;justify-content:center}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-footer{padding:24px;border-top:1px solid var(--border);background:#f8fafc}.cart-item{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #F1F5F9}.item-info h4{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-main)}.item-unit-price{font-size:13px;color:var(--text-muted);margin-bottom:8px}.item-price{font-weight:700;color:var(--text-main);font-size:15px}.qty-controls{display:flex;align-items:center;gap:8px;background:#f1f5f9;padding:4px;border-radius:6px;width:fit-content}.qty-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--text-main);transition:.2s}.qty-btn:hover{border-color:var(--primary);color:var(--primary)}.qty-val{font-size:13px;font-weight:600;min-width:24px;text-align:center}.checkout-page{background:var(--bg-color);min-height:100vh;padding:40px 24px}.checkout-container{max-width:1100px;margin:0 auto}.checkout-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.checkout-header h2{font-size:24px;font-weight:700;color:var(--text-main)}.back-btn{background:#fff;border:1px solid var(--border);padding:8px;border-radius:50%;cursor:pointer;transition:.2s;display:flex;align-items:center}.back-btn:hover{background:#e0f2fe;color:var(--primary);border-color:var(--primary)}.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:32px}.section-card,.summary-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card-header{font-weight:700;font-size:16px;display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--text-main);border-bottom:1px solid #F1F5F9;padding-bottom:12px}.card-body p{margin:8px 0;font-size:14px;color:var(--text-muted)}.payment-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px;cursor:pointer;margin-bottom:12px;transition:.2s}.payment-option:hover{border-color:var(--primary);background:#f0f9ff}.payment-option.active{border-color:var(--primary);background:#e0f2fe;color:var(--primary-dark);font-weight:500}.payment-option.disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}.summary-items{margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:var(--text-muted)}.summary-total{display:flex;justify-content:space-between;font-weight:800;font-size:20px;margin-top:20px;border-top:2px solid #F1F5F9;padding-top:20px;color:var(--text-main)}.place-order-btn{width:100%;background:#10b981;color:#fff;border:none;padding:14px;border-radius:8px;margin-top:24px;font-weight:700;cursor:pointer;font-size:16px;transition:.2s;display:flex;justify-content:center;align-items:center}.place-order-btn:hover{background:#059669}@media(max-width:768px){.checkout-grid{grid-template-columns:1fr}}.form-group{margin-bottom:16px}.form-group label,.upload-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.req{color:#ef4444}.checkout-textarea{width:100%;padding:10px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit}.checkout-textarea:focus{border-color:var(--primary);outline:none}.custom-file-input{position:relative;width:100%;overflow:hidden}.custom-file-input input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-display{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#f9fafb;border:1px dashed #D1D5DB;border-radius:8px;color:#4b5563;font-size:14px;transition:all .2s}.custom-file-input:hover .file-display{background-color:#eff6ff;border-color:var(--primary);color:var(--primary)}.file-upload-box{margin-top:16px;text-align:left}.hint-text{font-size:11px;color:#9ca3af;margin-top:4px;display:block}.history-page{background:var(--bg-color);min-height:100vh;padding:40px 20px}.history-container{max-width:900px;margin:0 auto}.history-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.history-header h1{font-size:24px;font-weight:700;color:var(--text-main)}.back-link{text-decoration:none;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:6px;transition:.2s}.back-link:hover{color:var(--primary)}.order-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:.2s}.order-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.order-card-header{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #F1F5F9}.order-id{font-weight:700;color:var(--text-main);font-size:16px;display:block}.order-date{font-size:13px;color:var(--text-muted);margin-top:4px;display:block}.order-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;height:fit-content}.order-status.confirmed{background:#d1fae5;color:#047857}.order-status.pending{background:#fef3c7;color:#b45309}.history-item{display:flex;justify-content:space-between;font-size:14px;color:var(--text-main);margin-bottom:8px;padding-left:10px;border-left:2px solid #F1F5F9}.order-card-footer{margin-top:20px;padding-top:15px;border-top:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;font-size:15px}.payment-status{text-transform:uppercase;font-size:11px;font-weight:700;color:var(--text-muted);background:#f1f5f9;padding:4px 8px;border-radius:4px}.no-orders{text-align:center;padding:60px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:16px}@media(max-width:768px){.store-header{position:sticky;top:0}.header-content{flex-wrap:wrap;gap:12px;padding:12px 16px}.brand-section{order:1;flex:1}.header-actions{order:2;gap:10px}.search-container{order:3;min-width:100%;margin-top:5px}.search-input{padding:10px 10px 10px 40px}.hero-wrapper{height:220px}.store-hero-fallback h1{font-size:28px}.category-bar-wrapper{top:130px}.category-list{padding:10px 16px}.category-chip{padding:6px 14px;font-size:12px}.store-main{padding:0 12px;margin:20px auto}.section-title{font-size:18px;margin-bottom:16px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-image-box{height:150px;padding:10px}.product-details{padding:12px}.product-name{font-size:14px;height:40px}.product-desc{display:none}.price{font-size:16px}.add-btn{padding:6px 10px;font-size:12px}.drawer-content{width:100%;max-width:100%}.checkout-page{padding:20px 12px}.checkout-grid{grid-template-columns:1fr;gap:20px}.checkout-sidebar{margin-bottom:20px}.history-page{padding:20px 12px}.order-card{padding:16px}.order-card-header{flex-direction:column;align-items:flex-start;gap:10px}.order-status{align-self:flex-start}.modern-footer{padding:40px 20px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.brand-col,.footer-brand,.contact-col p,.social-links{justify-content:center;align-items:center}.footer-brand-name{max-width:none}}@media(max-width:380px){.product-grid{grid-template-columns:1fr}}.price-row{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.price-mrp{font-size:14px;color:#9ca3af;text-decoration:line-through;font-weight:500}.price-selling{font-size:18px;font-weight:800;color:var(--text-main)}.discount-tag{background-color:#84cc16;background-color:#65a30d;background:#73c948;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.product-footer{margin-top:auto}.product-actions{margin-top:auto;width:100%}.add-btn{width:100%;max-width:none;padding:10px}.drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-content{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:#fff;z-index:101;display:flex;flex-direction:column;box-shadow:-5px 0 15px #0000001a;animation:slideIn .3s ease-out}.drawer-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.drawer-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-main)}.drawer-body{flex:1;overflow-y:auto;padding:20px;background:#f9fafb}.drawer-footer{padding:24px;border-top:1px solid var(--border);background:#fff}.cart-item-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;gap:12px;margin-bottom:12px;box-shadow:0 1px 2px #0000000d;position:relative}.cart-item-image{width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid #F3F4F6;background:#fff;display:flex;align-items:center;justify-content:center}.placeholder-cart-img{width:100%;height:100%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700}.cart-item-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.cart-item-title{margin:0;font-size:14px;font-weight:600;color:var(--text-main);line-height:1.3;padding-right:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.delete-item-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:0;transition:.2s}.cart-price-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cart-price-selling{font-size:16px;font-weight:700;color:var(--text-main)}.cart-price-mrp{font-size:13px;color:#9ca3af;text-decoration:line-through;font-weight:500}.cart-discount-badge{background-color:#73c948;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.cart-qty-wrapper{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:2px;height:30px}.qty-btn-sm{width:28px;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-main);transition:.2s}.qty-btn-sm:hover{background:#f3f4f6}.qty-val-sm{font-size:13px;font-weight:600;min-width:24px;text-align:center}.total-row{display:flex;justify-content:space-between;font-weight:800;margin-bottom:20px;font-size:18px;color:var(--text-main)}.checkout-btn{width:100%;background:var(--primary);color:#fff;border:none;padding:14px;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.checkout-btn:hover{background:var(--primary-dark)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.info-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#374151}.payment-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #E5E7EB;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .2s}.payment-option.active{border-color:var(--primary);background-color:#f0f9ff;box-shadow:0 0 0 1px var(--primary)}.payment-option span{font-weight:500;color:#1f2937}.qr-payment-box{margin-top:16px;padding:20px;background-color:#fff;border:1px dashed #CBD5E1;border-radius:12px;text-align:center;animation:fadeIn .3s ease-in}.qr-wrapper{width:180px;height:180px;margin:0 auto 16px;padding:10px;background:#fff;border:1px solid #E2E8F0;border-radius:8px}.upi-qr-img{width:100%;height:100%;object-fit:contain}.qr-instruction{font-size:14px;color:#4b5563;margin-bottom:12px;line-height:1.5}.qr-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#059669;background:#ecfdf5;padding:6px 12px;border-radius:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.drawer-body{background-color:#f8fafc;padding:16px}.cart-items-list{display:flex;flex-direction:column;gap:16px}.cart-item-card{background:#fff;border-radius:12px;padding:12px;display:flex;gap:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #E5E7EB}.cart-item-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid #F3F4F6;background:#fff;display:flex;align-items:center;justify-content:center}.cart-item-image img{width:100%;height:100%;object-fit:contain}.placeholder-cart-img{width:100%;height:100%;background:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.cart-item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cart-item-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.cart-item-title{margin:0;font-size:15px;font-weight:500;color:#1f2937;line-height:1.4;padding-right:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.delete-item-btn{background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;transition:color .2s}.delete-item-btn:hover{color:#ef4444}.cart-item-bottom{display:flex;justify-content:space-between;align-items:flex-end}.cart-price-group{display:flex;align-items:baseline;gap:8px}.cart-price-selling{font-size:18px;font-weight:700;color:#111827}.cart-price-mrp{font-size:14px;color:#9ca3af;text-decoration:line-through}.cart-qty-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:0;height:32px}.qty-btn-sm{width:32px;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#374151;transition:.2s}.qty-btn-sm:hover{background-color:#f9fafb}.qty-val-sm{font-size:14px;font-weight:600;min-width:24px;text-align:center;color:#111827}.product-detail-page{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif}.detail-header{width:100%;max-width:1200px;margin:0 auto;padding:16px 24px;border-bottom:1px solid #F1F5F9;background:#fff}.breadcrumb-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#64748b;letter-spacing:.5px;text-transform:uppercase}.crumb-link{text-decoration:none;color:#64748b;transition:color .2s ease}.crumb-link:hover{color:#0ea5e9}.crumb-sep{color:#cbd5e1;font-size:10px}.crumb-current{color:#0f172a;font-weight:700}.detail-container{max-width:1200px;margin:40px auto 80px;padding:0 24px;display:grid;grid-template-columns:80px 1fr 1fr;gap:40px;width:100%;box-sizing:border-box;flex:1}.detail-gallery{display:contents}.thumbnail-list{display:flex;flex-direction:column;gap:12px;width:80px;height:500px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-list::-webkit-scrollbar{display:none}.thumb-item{width:80px;height:80px;border:1px solid #E2E8F0;border-radius:12px;cursor:pointer;overflow:hidden;padding:4px;transition:all .2s ease;background:#fff;flex-shrink:0}.thumb-item:hover{border-color:#bae6fd}.thumb-item.active{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.thumb-item img{width:100%;height:100%;object-fit:contain}.video-thumb-placeholder{width:100%;height:100%;background-color:#f8fafc;display:flex;align-items:center;justify-content:center}.main-image-frame{position:relative;width:100%;height:500px;background:#fff;border:1px solid #F1F5F9;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;cursor:zoom-in}.main-img:hover{transform:scale(1.05)}.main-video-embed{width:100%;height:100%;border:none}.main-video-file{width:100%;height:100%;object-fit:contain;background:#000}.detail-info{display:flex;flex-direction:column;padding-left:20px}.info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:20px}.detail-title{font-size:32px;font-weight:800;color:#1e293b;line-height:1.2;margin:0;font-family:Playfair Display,serif}.icon-actions{display:flex;gap:12px}.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:.2s}.icon-btn:hover{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.tag-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.gi-tag{background-color:#fef3c7;color:#92400e;font-size:11px;font-weight:700;padding:6px 10px;border-radius:6px;text-transform:uppercase}.sub-text{font-size:14px;color:#64748b;font-weight:500}.rating-row{display:flex;align-items:center;gap:8px;margin-bottom:24px}.review-text{font-size:13px;color:#334155;font-weight:600;text-decoration:underline;cursor:pointer}.unit-box{display:inline-flex;padding:8px 16px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;font-weight:600;color:#334155;margin-bottom:24px}.detail-price-section{display:flex;align-items:baseline;gap:12px;margin-bottom:32px;flex-wrap:wrap}.d-selling-price{font-size:32px;font-weight:800;color:#0f172a}.d-mrp-price{font-size:20px;color:#94a3b8;text-decoration:line-through;font-weight:500}.d-discount-off{color:#16a34a;font-weight:700;font-size:18px;background:#dcfce7;padding:4px 8px;border-radius:6px}.tax-info{font-size:12px;color:#94a3b8;margin-left:auto}.action-row{display:flex;gap:16px;margin-bottom:36px;align-items:center}.qty-selector-big{display:flex;align-items:center;justify-content:space-between;width:140px;height:52px;border:1px solid #E2E8F0;border-radius:50px;padding:0 6px;background:#fff}.qty-selector-big button{width:40px;height:40px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#334155;transition:.2s}.qty-selector-big button:hover{background:#f1f5f9}.qty-selector-big span{font-weight:700;font-size:18px;color:#0f172a}.btn-add-cart-big,.btn-buy-now-big{flex:1;height:52px;border-radius:50px;font-weight:700;font-size:15px;cursor:pointer;border:none;transition:all .2s ease;letter-spacing:.5px}.btn-add-cart-big{background-color:#e0f2fe;color:#0284c7;border:1px solid #BAE6FD}.btn-add-cart-big:hover{background-color:#bae6fd;transform:translateY(-1px)}.btn-buy-now-big{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 12px #0284c740}.btn-buy-now-big:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 15px #0284c759}.offers-container{background:#fffbeb;border:1px solid #FEF3C7;border-radius:16px;padding:24px;margin-bottom:32px}.offers-container h4{margin:0 0 16px;font-size:15px;font-weight:700;color:#92400e}.coupon-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:10px;border:1px dashed #D97706}.offer-text{font-size:14px;color:#78350f;font-weight:600}.coupon-code{font-family:Courier New,monospace;font-weight:700;color:#d97706;background:#fff7ed;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px}.description-box h3{font-size:18px;font-weight:700;margin-bottom:12px;color:#1e293b}.description-box p{font-size:15px;line-height:1.7;color:#475569}@media(max-width:1024px){.detail-container{grid-template-columns:1fr 1fr;gap:30px;padding:0 20px}.detail-gallery{display:flex;flex-direction:column-reverse;gap:12px}.thumbnail-list{flex-direction:row;width:100%;height:auto;overflow-x:auto}.thumb-item{width:70px;height:70px}.main-image-frame{height:400px}.detail-info{padding-left:0}}@media(max-width:768px){.detail-container{display:flex;flex-direction:column;padding:0 16px;margin-top:16px;gap:24px}.detail-gallery{width:100%}.main-image-frame{width:100%;aspect-ratio:1 / 1;height:auto;max-height:400px;border-radius:16px;margin-bottom:12px}.thumbnail-list{flex-direction:row;width:100%;gap:12px;padding:2px;scroll-snap-type:x mandatory;scroll-behavior:smooth}.thumb-item{width:64px;height:64px;scroll-snap-align:start}.detail-title{font-size:24px}.info-header{flex-direction:column;gap:12px}.icon-actions{align-self:flex-start}.detail-price-section{flex-wrap:wrap;gap:8px;margin-bottom:24px}.d-selling-price{font-size:26px}.d-mrp-price{font-size:16px}.tax-info{width:100%;margin-top:4px}.action-row{flex-direction:row;flex-wrap:wrap;gap:12px;width:100%}.qty-selector-big{width:100%;height:48px;background:#f8fafc;margin-bottom:4px}.btn-add-cart-big,.btn-buy-now-big{flex:1;min-width:40%;height:50px;font-size:14px;padding:0 10px}.offers-container{padding:16px}.coupon-item{flex-direction:column;align-items:flex-start;gap:8px}.coupon-code{align-self:flex-end}}:root{--primary: #3B82F6;--primary-dark: #2563EB;--bg-dark: #111827;--bg-light: #F3F4F6;--white: #ffffff;--text-main: #111827;--text-gray: #6B7280;--text-light: #9CA3AF;--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--sidebar-width: 250px;--border: #E5E7EB}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-light);color:var(--text-main)}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:30px;position:relative}.sidebar{width:var(--sidebar-width);background:var(--bg-dark);color:#fff;display:flex;flex-direction:column;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;position:relative;z-index:50;height:100vh;border-right:1px solid #1f2937}.brand-header{height:70px;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.sidebar-logo-img{max-width:190px;height:200px;object-fit:contain;object-position:left;display:block}.logo-icon-collapsed{width:40px;height:40px;background:#3b82f61a;border-radius:8px;display:flex;align-items:center;justify-content:center}.sidebar-logo{height:62px;width:auto;object-fit:contain}.sidebar.collapsed{width:80px;padding:20px 10px}.sidebar.collapsed .brand-header{justify-content:center;padding-left:0}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .active-business-btn{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-text,.sidebar.collapsed .biz-text,.sidebar.collapsed .chevron-icon{opacity:0;width:0;display:none}.sidebar-toggle{position:absolute;top:30px;right:-12px;background:#fff;color:var(--primary);border:1px solid #e5e7eb;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:60;box-shadow:0 2px 5px #0000001a;transition:.2s}.sidebar-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:768px){.app-container{position:relative}.sidebar-toggle{display:none}.sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);width:260px}.sidebar.mobile-open{transform:translate(0);box-shadow:5px 0 15px #00000080}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:40;display:none}.mobile-overlay.show{display:block}}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-gray);margin-right:15px}@media(max-width:768px){.mobile-menu-btn{display:block}.top-bar{gap:10px}}.brand-header{font-size:20px;font-weight:700;margin-bottom:30px;display:flex;align-items:center}.brand-logo{display:flex;align-items:center;gap:10px;color:#fff}.nav-menu{flex:1;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;cursor:pointer;color:var(--text-light);transition:all .2s;text-decoration:none;font-weight:500}.nav-item:hover,.nav-item.active{background:#3b82f61a;color:var(--primary)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:15px;padding-top:15px;border-top:1px solid #374151}.business-switcher{position:relative}.active-business-btn{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:#1f2937;cursor:pointer;border:1px solid transparent}.active-business-btn:hover{border-color:#374151}.biz-info{display:flex;align-items:center;gap:10px}.biz-avatar{width:32px;height:32px;border-radius:6px;object-fit:cover;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.text-avatar{font-size:14px}.biz-text{display:flex;flex-direction:column}.biz-name-display{font-size:13px;font-weight:600;color:var(--white)}.biz-role-display{font-size:11px;color:var(--text-light)}.biz-dropdown{position:absolute;bottom:110%;left:0;width:100%;background:#1f2937;border:1px solid #374151;border-radius:8px;box-shadow:0 -4px 15px #0000004d;padding:5px;display:none;z-index:20}.biz-dropdown.show{display:block;animation:fadeIn .2s}.dropdown-header{font-size:10px;color:var(--text-light);padding:8px;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{padding:10px;border-radius:6px;font-size:13px;color:var(--white);cursor:pointer;display:flex;align-items:center;gap:8px}.dropdown-item:hover{background:#374151}.dropdown-action{padding:10px;color:var(--primary);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;border-top:1px solid #374151;margin-top:5px}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title{font-size:24px;font-weight:700;color:var(--text-main);margin:0}.user-profile-section{display:flex;align-items:center;gap:20px}.icon-btn{position:relative;cursor:pointer;color:var(--text-gray);padding:8px;border-radius:50%;transition:background .2s}.icon-btn:hover{background:#e5e7eb;color:var(--text-main)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-light)}.user-info-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:50px;border:1px solid var(--border);transition:.2s;position:relative;padding-right:4px}.user-info-trigger:hover{box-shadow:0 2px 5px #0000000d}.user-avatar{width:32px;height:32px;background:#dbeafe;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.profile-dropdown{position:absolute;top:115%;right:0;width:200px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;border:1px solid var(--border);z-index:50;padding:6px;animation:fadeIn .15s ease-out}.profile-dropdown .dropdown-item{color:var(--text-main)}.profile-dropdown .dropdown-item:hover{background-color:var(--bg-light);color:var(--primary)}.dropdown-divider{height:1px;background-color:var(--border);margin:6px 0}.text-red{color:var(--danger)!important}.text-red:hover{background-color:#fef2f2!important}.action-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:20px;margin-bottom:24px}.section-title{font-size:18px;font-weight:600;margin:0;white-space:nowrap}.action-buttons{display:flex;flex-direction:row;align-items:center;gap:12px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap}.btn-primary,.btn-blue{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}.btn-primary:hover,.btn-blue:hover{background:var(--primary-dark)}.setup-form .btn-primary{width:100%;margin-top:20px;font-size:15px;box-shadow:0 4px 6px -1px #3b82f633}.btn-gray{background:#fff;border:1px solid var(--border);color:var(--text-main)}.btn-gray:hover{background:#f9fafb;border-color:#d1d5db}.btn-link{background:none;border:none;color:var(--text-gray);cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px}.btn-link:hover{color:var(--primary)}.btn-text{background:none;border:none;color:var(--text-gray);cursor:pointer;font-size:13px;margin-top:5px}.btn-text:hover{color:var(--text-main);text-decoration:underline}.table-container{background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;min-width:800px}.custom-table thead tr{background-color:#f9fafb;border-bottom:1px solid var(--border)}.custom-table td{padding:14px 20px;font-size:9px;color:var(--text-main);border-bottom:1px solid var(--border);vertical-align:middle}.custom-table th{text-align:left;padding:12px 20px;font-size:10px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background-color:#f9fafb}.action-cells{display:flex;gap:8px}.action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:.2s;color:var(--text-gray);display:flex;align-items:center;justify-content:center}.action-btn.edit:hover{background:#dbeafe;color:#3b82f6}.action-btn.delete:hover{background:#fee2e2;color:#ef4444}.fw-600{font-weight:600}.text-dark{color:var(--text-main)}.text-gray{color:var(--text-gray)}.text-center{text-align:center}.p-5{padding:20px}.p-10{padding:40px}.text-orange{color:var(--warning)}.text-green{color:var(--success)}.text-blue-500{color:#3b82f6}.text-green-500{color:#10b981}.text-orange-500{color:#f59e0b}.text-purple-500{color:#8b5cf6}.text-pink-500{color:#ec4899}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:30px}.stat-card{background:#fff;padding:20px 15px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border);min-width:0}.stat-icon-bg{width:42px;height:42px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{font-size:12px;color:var(--text-gray);font-weight:500;white-space:nowrap}.stat-value{font-size:20px;font-weight:700;color:var(--text-main);margin-top:2px;white-space:nowrap}@media(max-width:1200px){.stats-grid{display:flex;overflow-x:auto;padding-bottom:10px}.stat-card{min-width:220px}.stats-grid::-webkit-scrollbar{height:4px}.stats-grid::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}}.charts-row{display:flex;gap:24px;margin-bottom:30px;flex-wrap:wrap}.chart-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border);display:flex;flex-direction:column}.flex-1{flex:1;min-width:300px}.flex-2{flex:2;min-width:550px}.chart-header{margin-bottom:20px}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main)}.legend{display:flex;justify-content:center;gap:15px;margin-top:15px;font-size:13px;color:var(--text-gray)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.bg-blue{background:var(--primary)}.bg-green{background:var(--success)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:#fff;width:500px;max-width:95vw;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.extended-modal{width:650px}.modal-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:flex-start}.modal-header h2{margin:0;font-size:20px;color:var(--text-main)}.modal-header p{margin:5px 0 20px;color:var(--text-gray);font-size:14px}.close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:0}.close-btn:hover{color:#ef4444}.scrollable-form{overflow-y:auto;padding:0 24px 24px}.scrollable-form::-webkit-scrollbar{width:6px}.scrollable-form::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scrollable-form::-webkit-scrollbar-track{background:transparent}.setup-form{display:flex;flex-direction:column;gap:16px}.form-section-title{font-size:11px;text-transform:uppercase;color:var(--text-light);font-weight:700;margin:15px 0 5px;border-bottom:1px solid var(--border);padding-bottom:6px}.form-row{display:flex;gap:16px}.half-width{flex:1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-main)}.form-group input,.form-group select{padding:10px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-main);background:#f9fafb}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);background:#fff}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.charts-row{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.extended-modal{width:95vw}}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-blue{background-color:#dbeafe;color:#1e40af}.text-xs{font-size:12px}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:4px}.mt-1{margin-top:4px}.search-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;z-index:50}.search-item{padding:10px;cursor:pointer;border-bottom:1px solid #f1f5f9}.search-item:hover{background-color:#f8fafc;color:var(--primary)}.relative{position:relative}.customer-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px;margin-top:5px}.info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.avatar-circle{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.btn-icon-small{background:#fff;border:1px solid #e2e8f0;padding:4px;border-radius:4px;cursor:pointer;color:#64748b}.btn-icon-small:hover{color:#ef4444;border-color:#ef4444}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000001a;border-radius:6px;width:120px;z-index:20;margin-top:5px}.dropdown-menu div{padding:8px 12px;font-size:13px;cursor:pointer;color:#334155}.dropdown-menu div:hover{background:#f1f5f9;color:#3b82f6}.btn-outline{background:#fff;border:1px solid #cbd5e1;color:#334155;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:500}@media print{body *{visibility:hidden}.invoice-preview,.invoice-preview *{visibility:visible}.invoice-preview{position:absolute;left:0;top:0;width:100%;margin:0;padding:0;background:#fff}.modal-header,.close-btn,.btn{display:none!important}}.stat-card.bg-blue-50{background-color:#eff6ff;border-color:#dbeafe}.stat-card.bg-yellow-50{background-color:#fefce8;border-color:#fef9c3}.stat-card.bg-purple-50{background-color:#f3e8ff;border-color:#e9d5ff}.stat-card.bg-green-50{background-color:#f0fdf4;border-color:#dcfce7}.stat-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}.stat-title{font-size:14px;color:#4b5563;font-weight:500;margin-bottom:5px}.stat-number{font-size:24px;font-weight:700;color:#111827}.card-box{background:#fff;border-radius:12px;border:1px solid var(--border);padding:20px;box-shadow:0 1px 3px #0000000d}.card-header-row{margin-bottom:20px}.card-header-row h3{margin:0;font-size:18px;font-weight:600}.table-toolbar{display:flex;justify-content:space-between;margin-bottom:20px;gap:15px}.search-box{flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;padding:10px 15px;background:#f9fafb}.search-box input{border:none;background:transparent;width:100%;outline:none;font-size:14px}.filter-box select{padding:10px 15px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px;outline:none;cursor:pointer;min-width:150px}.status-select{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;outline:none}.bg-yellow-100{background-color:#fef9c3}.text-yellow-800{color:#854d0e}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.bg-purple-100{background-color:#f3e8ff}.text-purple-800{color:#6b21a8}.bg-green-100{background-color:#dcfce7}.text-green-800{color:#166534}.bg-red-100{background-color:#fee2e2}.text-red-800{color:#991b1b}.bg-gray-100{background-color:#f3f4f6}.text-gray-800{color:#1f2937}.bg-green-50{background-color:#f0fdf4}.text-green-600{color:#16a34a}.bg-red-50{background-color:#fef2f2}.text-red-600{color:#dc2626}.btn-sm-outline{border:1px solid var(--border);background:#fff;padding:5px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:.2s}.btn-sm-outline:hover{border-color:var(--primary);color:var(--primary)}.order-modal{width:700px;max-width:95vw}.modal-header-simple{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 10px}.close-btn-simple{background:none;border:none;cursor:pointer;color:#9ca3af}.close-btn-simple:hover{color:#ef4444}.modal-content{padding:0 24px 24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gap-4{gap:16px}.mb-6{margin-bottom:24px}.mt-6{margin-top:24px}.p-4{padding:16px}.rounded-lg{border-radius:8px}.border-b{border-bottom:1px solid #E5E7EB}.font-medium{font-weight:500}.font-bold{font-weight:700}.wide-dropdown{width:300px!important;display:flex;flex-direction:column;padding:0;overflow:hidden}.dropdown-section{flex:1;padding:8px 0}.wide-dropdown>div:first-child{display:flex}.dropdown-label{font-size:11px;text-transform:uppercase;font-weight:700;color:#9ca3af;padding:4px 12px;margin-bottom:4px}.dropdown-option{padding:6px 12px;font-size:13px;cursor:pointer;color:#374151;display:flex;justify-content:space-between;align-items:center;transition:background .1s}.dropdown-option:hover{background-color:#f3f4f6;color:var(--primary)}.dropdown-option.active{background-color:#eff6ff;color:var(--primary);font-weight:600}.dropdown-footer{padding:10px;text-align:center;border-top:1px solid #E5E7EB;background:#f9fafb;font-size:12px;color:#ef4444;cursor:pointer;font-weight:600;transition:background .2s}.dropdown-footer:hover{background:#fee2e2}.dropdown-option svg{color:var(--primary)}.product-edit-modal .modal-header{margin-bottom:25px}.product-edit-modal .image-upload-zone{padding:12px;border-radius:6px;background:#f9fafb;border:1px dashed #d1d5db}.product-edit-modal .upload-placeholder-content{gap:4px}.product-edit-modal .upload-hint-text{font-size:.8rem;margin:0}.product-edit-modal .upload-support-text{display:none}.product-edit-modal .image-preview-area{padding:8px}.product-edit-modal .preview-thumb-large{width:40px;height:40px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.modal-overlay{z-index:2000}.preview-modal-box{background:#fff;border-radius:12px;padding:20px;box-shadow:0 25px 50px -12px #00000040;position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;max-width:90vw;max-height:90vh;animation:fadeIn .2s ease-out}.preview-close-btn{position:absolute;top:10px;right:10px;background:#fff;border:1px solid #e5e7eb;border-radius:50%;padding:5px;cursor:pointer;color:#6b7280;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.preview-close-btn:hover{background-color:#fef2f2;color:#ef4444;border-color:#fecaca}.preview-title{font-size:1.1rem;font-weight:600;color:#374151;margin:0;align-self:flex-start;padding-left:5px}.preview-image-container{overflow:auto;max-height:70vh;max-width:100%;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;display:flex;justify-content:center}.preview-image-full{max-width:100%;height:auto;display:block}.preview-actions{display:flex;gap:15px;margin-top:10px;width:100%;justify-content:center}.landing-scope{--l-primary: #3b82f6;--l-primary-dark: #2563eb;--l-primary-deep: #1e3a8a;--l-text-main: #111827;--l-text-light: #4b5563;--l-bg-light: #f9fafb;font-family:Inter,sans-serif;background-color:#fff;color:var(--l-text-main);line-height:1.6;width:100%;overflow-x:hidden}.landing-scope *{box-sizing:border-box}.landing-scope a{text-decoration:none;color:inherit;transition:.3s}.landing-scope ul{list-style:none;padding:0;margin:0}.landing-scope img{max-width:100%;height:auto;display:block}.landing-scope .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.landing-scope .gradient-text{background:linear-gradient(135deg,#1e3a8a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.landing-scope .blob-cont{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.landing-scope .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:landingFloat 10s infinite ease-in-out alternate}.landing-scope .blob-1{top:-10%;left:-10%;width:500px;height:500px;background:#dbeafe}.landing-scope .blob-2{bottom:10%;right:-10%;width:400px;height:400px;background:#bfdbfe;animation-delay:-5s}@keyframes landingFloat{0%{transform:translate(0)}to{transform:translate(30px,50px)}}.landing-scope .btn{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;white-space:nowrap;border:1px solid transparent;text-decoration:none;line-height:1;height:48px}.landing-scope .btn-sm{height:40px;padding:0 20px;font-size:.9rem}.landing-scope .btn-primary{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff!important;border:none;box-shadow:0 4px 10px #2563eb4d}.landing-scope .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66;opacity:.95}.landing-scope .btn-outline{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}.landing-scope .btn-outline:hover{background-color:#fff;color:var(--l-primary-deep);border-color:#fff}.landing-scope .btn-outline-dark{background-color:transparent;color:var(--l-text-main);border:1px solid #e5e7eb}.landing-scope .btn-outline-dark:hover{border-color:var(--l-primary);color:var(--l-primary);background-color:#eff6ff}.landing-scope header{position:fixed;top:0;left:0;width:100%;height:72px;z-index:1000;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center}.landing-scope .nav-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px 0 0;display:flex;justify-content:space-between;align-items:center;height:100%}.landing-scope header .logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;z-index:1002;height:100%}.landing-scope header .logo-img{height:60px;width:auto;object-fit:contain;display:block;transform:scale(3.5);transform-origin:left center;margin-top:35px}.landing-scope .nav-right{display:flex;align-items:center;gap:40px;height:100%}.landing-scope .nav-links{display:flex;gap:30px;align-items:center;height:100%}.landing-scope .nav-link{color:var(--l-text-light);font-weight:500;font-size:.95rem;cursor:pointer;transition:color .2s;display:flex;align-items:center;height:100%}.landing-scope .nav-link:hover{color:var(--l-primary)}.landing-scope .hamburger{display:none;flex-direction:column;cursor:pointer;gap:6px;z-index:1002;padding:5px}.landing-scope .hamburger span{width:26px;height:2.5px;background-color:var(--l-text-main);border-radius:2px;transition:.3s;transform-origin:center}@media(max-width:992px){.landing-scope .hamburger{display:flex}.landing-scope .nav-right{position:fixed;top:0;left:0;width:100%;height:auto;min-height:300px;background:#fff;flex-direction:column;align-items:flex-start;padding:80px 30px 40px;gap:20px;border-bottom:1px solid #e5e7eb;box-shadow:0 10px 30px #0000001a;transform:translateY(-150%);transition:.4s cubic-bezier(.4,0,.2,1);z-index:999}.landing-scope .nav-right.open{transform:translateY(0)}.landing-scope .nav-links{flex-direction:column;width:100%;align-items:flex-start;gap:0;height:auto}.landing-scope .nav-link{width:100%;padding:15px 0;border-bottom:1px solid #f3f4f6;display:block;height:auto;font-size:1.1rem}.landing-scope .nav-actions{display:flex;flex-direction:column;width:100%;gap:15px;margin-top:25px}.landing-scope .nav-actions .btn{width:100%;justify-content:center;height:48px}}.landing-scope .nav-actions{display:flex;align-items:center;gap:12px}.landing-scope .nav-item-dropdown{position:relative;height:100%;display:flex;align-items:center}.landing-scope .dropdown-menu{display:none;position:absolute;top:60px;left:50%;transform:translate(-50%);min-width:200px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 10px 40px #0000001a;border:1px solid #e5e7eb;z-index:100}.landing-scope .nav-item-dropdown:hover .dropdown-menu{display:block;animation:fadeInQuick .2s ease-out}.landing-scope .dropdown-menu a{display:block;padding:10px 16px;color:var(--l-text-light);font-size:.9rem;border-radius:8px}.landing-scope .dropdown-menu a:hover{background-color:#eff6ff;color:var(--l-primary)}.landing-scope .hamburger{display:none;flex-direction:column;cursor:pointer;gap:6px;z-index:1001}.landing-scope .hamburger span{width:24px;height:2px;background-color:var(--l-text-main);border-radius:2px;transition:.3s}@media(max-width:992px){.landing-scope .hamburger{display:flex}.landing-scope .nav-right{position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 72px);background:#fff;flex-direction:column;align-items:flex-start;padding:30px;gap:25px;border-top:1px solid #f3f4f6;transform:translateY(-150%);transition:.3s cubic-bezier(.4,0,.2,1);z-index:900;overflow-y:auto}.landing-scope .nav-right.open{transform:translateY(0)}.landing-scope .nav-links{flex-direction:column;width:100%;align-items:flex-start;gap:0;height:auto}.landing-scope .nav-link,.landing-scope .nav-item-dropdown{width:100%;padding:12px 0;border-bottom:1px solid #f9fafb;display:block;height:auto}.landing-scope .dropdown-menu{position:static;display:block;transform:none;box-shadow:none;border:none;padding-left:20px;margin-top:5px;background:transparent}.landing-scope .nav-actions{display:flex;flex-direction:column;width:100%;gap:15px;margin-top:20px}.landing-scope .nav-actions .btn{width:100%;display:flex}}.landing-scope .hero{position:relative;width:100%;min-height:100vh;background:linear-gradient(135deg,#1e3a8a,#1e40af,#1d4ed8);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding-top:100px;overflow:hidden}.landing-scope .hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.landing-scope .hero h1{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:24px;background:linear-gradient(to right,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-scope .hero p{font-size:1.25rem;color:#d1d5db;max-width:800px;margin:0 auto 40px;font-weight:300}.landing-scope .hero-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:50px}.landing-scope .hero-buttons .btn{width:auto!important;max-width:100%;min-width:180px;padding:0 30px;height:45px;font-size:.95rem;border-radius:50px}@media(max-width:768px){.landing-scope .hero-buttons .btn{width:auto!important}}@media(max-width:380px){.landing-scope .hero-buttons .btn{width:100%!important}}.landing-scope .hero-buttons{gap:12px}.landing-scope .trust-badges{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.landing-scope .trust-item{display:flex;align-items:center;gap:8px;color:#bfdbfe;font-weight:600}@media(max-width:768px){.landing-scope .hero h1{font-size:2.5rem}.landing-scope .hero-buttons{flex-direction:column;width:100%;align-items:center}.landing-scope .hero-buttons .btn{width:100%;max-width:300px}.landing-scope .trust-badges{flex-direction:column;gap:15px}}.landing-scope .section-header{text-align:center;margin-bottom:60px;position:relative;z-index:2}.landing-scope .section-header h2{font-size:2.5rem;margin-bottom:15px;font-weight:800;color:var(--l-text-main)}.landing-scope .features{padding:50px 0;position:relative}.landing-scope .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;position:relative;z-index:2}.landing-scope .feature-card{padding:30px;border-radius:24px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e7eb;transition:.3s}.landing-scope .feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000014;border-color:#3b82f680}.landing-scope .feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.landing-scope .feature-icon svg{stroke:var(--l-primary-deep)}.landing-scope .feature-card h3{font-size:1.25rem;margin-bottom:10px;font-weight:700;color:var(--l-text-main)}.landing-scope .feature-card p{color:var(--l-text-light)}.landing-scope .gallery-section{padding:50px 0;background:var(--l-bg-light)}.landing-scope .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.landing-scope .gallery-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3}.landing-scope .gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.landing-scope .gallery-item:hover img{transform:scale(1.1)}.landing-scope .gallery-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(transparent,#1e3a8acc);color:#fff;opacity:0;transition:.3s}.landing-scope .gallery-item:hover .gallery-overlay{opacity:1}.landing-scope .testimonials{padding:50px 0;background:#fdfdfd;position:relative}.landing-scope .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.landing-scope .testimonial-card{padding:30px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.landing-scope .testimonial-avatar{width:60px;height:60px;border-radius:50%;margin-bottom:20px;border:3px solid white;box-shadow:0 4px 10px #0000001a}.landing-scope .author{font-weight:700;color:var(--l-text-main)}.landing-scope .faq{padding:80px 0;max-width:800px;margin:0 auto}.landing-scope details{margin-bottom:15px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px 20px}.landing-scope summary{cursor:pointer;font-weight:600;color:var(--l-text-main);outline:none}.landing-scope details p{margin-top:15px;color:var(--l-text-light)}.landing-scope .cta-section{background:linear-gradient(135deg,#1e3a8a,#1e40af,#3b82f6);padding:100px 0;text-align:center;color:#fff}.landing-scope .cta-section .btn-primary{background:#fff;color:#1e3a8a}.landing-scope .cta-button-group{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;width:100%}.landing-scope .cta-section .btn{width:auto!important;min-width:180px;max-width:300px;height:50px;padding:0 30px}.landing-scope .btn-white{background-color:#fff!important;color:#1e3a8a!important;border:none;font-weight:700}.landing-scope .btn-white:hover{background-color:#f8fafc!important;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.landing-scope .btn-outline-white{background-color:transparent!important;border:2px solid rgba(255,255,255,.6)!important;color:#fff!important;font-weight:600}.landing-scope .btn-outline-white:hover{background-color:#fff!important;color:#1e3a8a!important;border-color:#fff!important}@media(max-width:480px){.landing-scope .cta-section .btn{width:100%!important;max-width:100%}}.landing-scope .story-section{padding:100px 0;background:#fff;overflow:hidden}.landing-scope .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.landing-scope .story-content h2{font-size:2.5rem;margin-bottom:20px;font-weight:800}.landing-scope .story-content p{font-size:1.1rem;color:#4b5563;margin-bottom:20px;line-height:1.7}.landing-scope .stats-row{display:flex;gap:40px;margin-top:40px;padding-top:30px;border-top:1px solid #e5e7eb}.landing-scope .stat-item{text-align:left}.landing-scope .stat-number{font-size:2.5rem;font-weight:800;color:var(--l-primary);line-height:1;margin-bottom:5px}.landing-scope .stat-label{font-size:.95rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.landing-scope .story-image{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.landing-scope .story-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.landing-scope .story-image:hover img{transform:scale(1.03)}@media(max-width:900px){.landing-scope .story-grid{grid-template-columns:1fr;gap:40px}.landing-scope .story-content{order:2}.landing-scope .story-image{order:1}.landing-scope .stats-row{justify-content:space-between;gap:20px}.landing-scope .stat-number{font-size:2rem}}.landing-scope footer{padding:60px 0 20px;background:#fff;border-top:1px solid #f3f4f6}.landing-scope .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}@media(max-width:768px){.landing-scope .footer-grid{grid-template-columns:1fr;text-align:center}}.landing-scope .copyright{text-align:center;padding-top:20px;border-top:1px solid #e5e7eb;color:#9ca3af;font-size:.85rem}.landing-scope .footer-brand{display:flex;flex-direction:column;align-items:flex-start}.landing-scope .footer-logo-link{display:inline-block;text-decoration:none;margin-bottom:0}.landing-scope .footer-logo-img{height:50px;width:auto;object-fit:contain;display:block;transform:scale(3.5);transform-origin:left center}.landing-scope .footer-col h4{font-size:1.1rem;font-weight:700;color:var(--l-text-main);margin-bottom:20px}.landing-scope .footer-col ul li{margin-bottom:12px}.landing-scope .footer-col ul li a,.landing-scope .footer-col ul li span{color:var(--l-text-light);font-size:.95rem;text-decoration:none;transition:all .2s ease;display:inline-block}.landing-scope .footer-col ul li a:hover{color:var(--l-primary);transform:translate(3px)}.landing-scope .contact-list li{display:flex;align-items:center;gap:12px}.landing-scope .footer-icon{color:var(--l-primary);flex-shrink:0}@media(max-width:1024px){.landing-scope .footer-grid{grid-template-columns:2fr 1fr 1fr;gap:30px}}@media(max-width:768px){.landing-scope .footer-grid{grid-template-columns:1fr;text-align:center;gap:40px}.landing-scope .contact-list li{justify-content:center}.landing-scope .footer-brand{align-items:center}.landing-scope .social-links{justify-content:center}}.landing-scope .social-links{display:flex;gap:12px;margin-top:20px;align-items:center}.landing-scope .social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f3f4f6;color:#6b7280;transition:all .3s ease;border:1px solid #e5e7eb}.landing-scope .social-icon svg{width:18px;height:18px;fill:currentColor;display:block}.landing-scope .social-icon:hover{transform:translateY(-3px);color:#fff;border-color:transparent}.landing-scope .social-icon.whatsapp:hover{background-color:#25d366;box-shadow:0 4px 10px #25d3664d}.landing-scope .social-icon.facebook:hover{background-color:#1877f2;box-shadow:0 4px 10px #1877f24d}.landing-scope .social-icon.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);box-shadow:0 4px 10px #d6249f4d}.landing-scope .social-icon.linkedin:hover{background-color:#0a66c2;box-shadow:0 4px 10px #0a66c24d}.landing-scope .social-icon.youtube:hover{background-color:red;box-shadow:0 4px 10px #ff00004d}.landing-scope .modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center}.landing-scope .modal-content{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:90%;width:450px;position:relative}.landing-scope .modal-close{position:absolute;top:15px;right:20px;font-size:1.5rem;color:#9ca3af;cursor:pointer}