:root{--color-primary:#dfa839;--color-primary-hover:#c6922e;--color-primary-light:#fef8eb;--color-primary-dark:#8e630e;--color-gold:#dfa839;--color-gold-light:#f7d77b;--color-gold-dark:#b38128;--color-gold-gradient:linear-gradient(135deg, #f7d77b 0%, #dfa839 50%, #b38128 100%);--color-gold-shine:linear-gradient(135deg, #ffe599 0%, #dfa839 45%, #9e711a 100%);--color-secondary:#0b1e36;--color-secondary-light:#132b4a;--color-secondary-muted:#243c5a;--color-secondary-dark:#071526;--color-accent:#dfa839;--color-accent-light:#fef8eb;--color-success:#16a34a;--color-success-light:#dcfce7;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#0284c7;--color-info-light:#e0f2fe;--bg-main:#f8fafc;--bg-card:#fff;--bg-alt:#f1f5f9;--bg-dark:#0b1e36;--text-main:#0c0d10;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--text-white:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#27272a;--border-gold:#dfa83959;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 2px 0 #0a0a0c0d;--shadow-md:0 4px 6px -1px #0a0a0c14, 0 2px 4px -2px #0a0a0c0a;--shadow-lg:0 10px 15px -3px #0a0a0c14, 0 4px 6px -4px #0a0a0c0a;--shadow-xl:0 20px 25px -5px #0a0a0c1f, 0 8px 10px -6px #0a0a0c0f;--shadow-gold:0 10px 24px -5px #dfa83959;--shadow-orange:0 10px 20px -5px #dfa8394d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--max-width:1280px;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased}body{flex-direction:column;min-height:100vh;line-height:1.5;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-secondary);font-weight:700;line-height:1.25}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.badge{border-radius:var(--radius-full);letter-spacing:.025em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-amber{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge-orange{background-color:var(--color-accent-light);color:var(--color-accent)}.badge-dark{background-color:var(--color-secondary);color:var(--text-white)}.badge-green{background-color:var(--color-success-light);color:var(--color-success)}.toast-banner{z-index:9999;background-color:var(--color-secondary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-primary);align-items:center;gap:.75rem;max-width:90vw;padding:1rem 1.4rem;animation:.3s forwards slideUp;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite skeletonLoad}@keyframes skeletonLoad{0%{background-position:200% 0}to{background-position:-200% 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-8{gap:2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.brand-logo-link{align-items:center;padding:2px 0;text-decoration:none;display:flex}.navbar-brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #0009);border-radius:4px;width:auto;max-width:200px;height:48px;transition:transform .2s;display:block}.navbar-brand-logo-img:hover{transform:scale(1.03)}.mobile-logo-img{object-fit:contain;max-width:175px;height:42px}.footer-brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 10px #000c);border-radius:4px;width:auto;max-width:225px;height:56px;margin-bottom:1.25rem;display:block}.auth-brand-logo-img{object-fit:contain;filter:drop-shadow(0 4px 14px #00000080);border-radius:6px;width:auto;max-width:240px;height:64px;margin:0 auto 1.25rem;transition:transform .2s;display:block}.auth-brand-logo-img:hover{transform:scale(1.02)}.simple-instamart-header{z-index:1000;background-color:#0b1e36;border-bottom:2px solid #dfa839;position:sticky;top:0;box-shadow:0 2px 14px #07152673}.simple-header-container{justify-content:space-between;align-items:center;gap:14px;max-width:1440px;margin:0 auto;padding:8px 20px;display:flex}.header-logo-group{flex-shrink:0;align-items:center;display:flex}.header-logo-link{align-items:center;text-decoration:none;display:flex}.simple-logo-img{object-fit:contain;border-radius:4px;width:auto;max-width:160px;height:38px;transition:transform .2s;display:block}.simple-logo-img:hover{transform:scale(1.02)}.header-v-divider{background-color:#dfa83966;width:1px;height:26px;margin:0 12px}.header-location-box{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;height:38px;padding:2px 8px;transition:background-color .15s;display:flex}.header-location-box:hover{background-color:#ffffff14}.location-line-top{align-items:center;gap:5px;display:flex}.location-pin-icon{color:#dfa839;flex-shrink:0}.location-title{color:#f7d77b;white-space:nowrap;font-size:.84rem;font-weight:700;line-height:1.1}.location-line-bottom{color:#cbd5e1;align-items:center;gap:4px;margin-top:1px;font-size:.72rem;font-weight:500;display:flex}.loc-arrow{color:#dfa839;flex-shrink:0}.header-search-form{background-color:#fff;border:1.5px solid #dfa839;border-radius:8px;flex:1;align-items:center;max-width:520px;height:38px;margin:0 10px;padding:0 12px;transition:all .2s;display:flex;box-shadow:0 1px 6px #0000001f}.header-search-form:focus-within{border-color:#f7d77b;box-shadow:0 0 0 2px #dfa83959}.header-search-input{color:#0a0a0c;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:.88rem;font-weight:600}.header-search-input::placeholder{color:#64748b;font-weight:400}.header-search-icon-btn{color:#dfa839;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .15s;display:flex}.header-search-icon-btn:hover{color:#f7d77b;transform:scale(1.1)}.header-actions-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-icon-pill-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:7px;transition:all .15s;display:flex;position:relative}.header-icon-pill-btn:hover{color:#fff;background-color:#ffffff1a;transform:scale(1.06)}.header-badge-count{color:#fff;background-color:#ef4444;border:1px solid #0b1e36;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px}.olx-supplier-pill-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#002f34 0%,#23e5db 35%,#ffce32 70%,#dfa839 100%);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:36px;padding:0 14px;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 2px 8px #00000040}.olx-supplier-pill-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #23e5db66}.olx-supplier-pill-btn .olx-sell-plus-icon{color:#002f34;justify-content:center;align-items:center;display:flex}.olx-supplier-pill-btn .olx-sell-label{letter-spacing:.5px;color:#002f34;text-transform:uppercase;font-size:.82rem;font-weight:900}.header-signin-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.header-signin-btn:hover{color:#f7d77b;background-color:#ffffff26;border-color:#dfa83966}.signin-avatar-icon{color:#dfa839;flex-shrink:0}.header-user-menu-wrapper{position:relative}.header-profile-dropdown-card{z-index:1050;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:270px;animation:.15s ease-out fadeInDropdown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #00000040}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{color:#fff;background:linear-gradient(135deg,#071526 0%,#0f2744 100%);border-bottom:2px solid #dfa839;padding:14px 16px}.profile-user-name{color:#fff;margin-bottom:2px;font-size:.95rem;font-weight:800}.profile-user-role-badge{color:#f7d77b;background-color:#dfa83933;border-radius:4px;margin-bottom:6px;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-block}.profile-company-name{color:#cbd5e1;font-size:.78rem}.profile-location-text{color:#94a3b8;font-size:.72rem}.profile-dropdown-links{padding:6px 0}.profile-dropdown-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 16px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .12s;display:flex}.profile-dropdown-item:hover{color:#0f2744;background-color:#f1f5f9}.profile-dropdown-item.highlight-item{color:#0f2744;background-color:#fefce8;font-weight:700}.profile-dropdown-item.highlight-item:hover{background-color:#fef08a}.profile-dropdown-item.logout-item{color:#ef4444;border-top:1px solid #f1f5f9;margin-top:4px}.profile-dropdown-item.logout-item:hover{background-color:#fef2f2}.header-cart-btn{color:#071526;white-space:nowrap;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 100%);border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:.84rem;font-weight:800;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 2px 8px #dfa83959}.header-cart-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px #dfa83973}.header-cart-icon{color:#071526;flex-shrink:0}.mobile-header-menu-btn{color:#f7d77b;cursor:pointer;background:0 0;border:none;padding:4px;display:none}@media (width<=900px){.header-v-divider{margin:0 8px}.header-search-form{margin:0 6px}}@media (width<=768px){.header-location-box,.header-v-divider,.header-signin-btn{display:none}.mobile-header-menu-btn{display:flex}.header-search-form{margin:0 4px;padding:0 8px}}.ecom-cat-strip{z-index:90;background-color:#fcfbf9;border-bottom:1px solid #ede8dc;position:sticky;top:56px;box-shadow:0 2px 6px #00000008}.ecom-cat-scroll{white-space:nowrap;scrollbar-width:none;align-items:center;gap:10px;padding:12px 16px;display:flex;overflow-x:auto}.ecom-cat-scroll::-webkit-scrollbar{display:none}.ecom-cat-pill-item{color:#0a0a0c;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e2dac7;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.ecom-cat-pill-item:hover{color:#8e630e;background-color:#fdf6e6;border-color:#dfa839;transform:translateY(-1px)}.ecom-cat-pill-item.active{color:#f7d77b;background:#0a0a0c;border-color:#dfa839;box-shadow:0 4px 14px #0006}.ecom-cat-thumb{object-fit:cover;background:#fff;border-radius:50%;width:24px;height:24px}.ecom-cat-pill-item.active .ecom-cat-thumb{border:1.5px solid #dfa839}.ecom-welcome-strip{text-align:center;background:linear-gradient(#0b1e36 0%,#071526 100%);border-bottom:2px solid #dfa83959;padding:42px 0 34px;position:relative;overflow:hidden}.ecom-welcome-strip:before{content:"";pointer-events:none;background:radial-gradient(at top,#dfa8392e 0%,#0000 70%);width:600px;height:140px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ecom-welcome-badge{letter-spacing:1.5px;color:#f7d77b;text-transform:uppercase;background-color:#dfa8391f;border:1px solid #dfa83959;border-radius:9999px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 16px;font-size:.74rem;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #0000004d}.ecom-welcome-heading{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:2.35rem;font-weight:900}.ecom-welcome-heading .gold-text{background:linear-gradient(135deg,#ffe599 0%,#dfa839 50%,#b38128 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ecom-welcome-sub{color:#94a3b8;margin:0 0 24px;font-size:1.05rem}.ecom-search-bar-wrap{background:#fff;border:2px solid #dfa839;border-radius:10px;align-items:center;max-width:580px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 4px 18px #dfa83940}.ecom-search-bar-wrap input{color:#0a0a0c;border:none;outline:none;flex:1;padding:12px 16px;font-size:.95rem;font-weight:600}.ecom-search-bar-wrap button{color:#0a0a0c;cursor:pointer;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 50%,#b38128 100%);border:none;justify-content:center;align-items:center;padding:12px 20px;display:flex}.ecom-active-filter-strip{background-color:#fdf5df;border:1px solid #f3d489;border-radius:6px;justify-content:space-between;align-items:center;max-width:1200px;margin:16px auto 0;padding:10px 16px;display:flex}.filter-info{color:#8e630e;font-size:.9rem;font-weight:700}.btn-clear-cat-filter{color:#8e630e;cursor:pointer;background:#fff;border:1px solid #dfa839;border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:800;transition:all .15s}.btn-clear-cat-filter:hover{color:#071526;background:#dfa839}.ecom-section{padding:36px 0}.ecom-section-header{border-bottom:2px solid #eee7d5;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:10px;display:flex}.ecom-section-title-wrap h2{color:#0b1e36;letter-spacing:-.3px;margin:0 0 4px;font-size:1.45rem;font-weight:800}.ecom-section-title-wrap p{color:#55677d;margin:0;font-size:.88rem}.ecom-count-tag{color:#8e630e;background-color:#fdf5df;border:1px solid #f3d489;border-radius:9999px;padding:4px 12px;font-size:.82rem;font-weight:800}.ecom-cat-visual-grid{grid-template-columns:repeat(9,1fr);gap:12px;display:grid}@media (width<=1100px){.ecom-cat-visual-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=768px){.ecom-cat-visual-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.ecom-cat-visual-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.ecom-cat-card-btn{cursor:pointer;text-align:center;background:#fff;border:1px solid #e9e4d6;border-radius:8px;flex-direction:column;align-items:center;padding:14px 8px 10px;transition:all .2s;display:flex}.ecom-cat-card-btn:hover{border-color:#dfa839;transform:translateY(-2px);box-shadow:0 6px 14px #dfa83926}.ecom-cat-card-btn.active{background-color:#fbf7ee;border-color:#dfa839;box-shadow:0 0 0 2px #dfa839}.ecom-cat-card-img-wrap{background:#fbf7ee;border:1px solid #e9e4d6;border-radius:50%;width:54px;height:54px;margin-bottom:8px;overflow:hidden}.ecom-cat-card-img-wrap img{object-fit:cover;width:100%;height:100%}.ecom-cat-card-name{color:#0b1e36;font-size:.8rem;font-weight:700;line-height:1.2}.ecom-cat-card-pkg{color:#8e630e;margin-top:2px;font-size:.68rem;font-weight:600}.ecom-products-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1100px){.ecom-products-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.ecom-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.ecom-products-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.modern-shopping-card{background-color:#fff;border:1px solid #e9e4d6;border-radius:8px;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.modern-shopping-card:hover{border-color:#dfa839;transform:translateY(-2px);box-shadow:0 8px 18px #0b1e3614}.badge-amber{color:#8e630e;background:linear-gradient(135deg,#fef4db 0%,#fae6b4 100%);border:1px solid #f3d489;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:800}.badge-discount{color:#fff;background:#dc2626;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.modern-shopping-card .product-card-body{flex-direction:column;flex:1;padding:12px;display:flex}.modern-shopping-card .product-card-title{color:#0a0a0c;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.5em;margin:0 0 6px;font-size:.92rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.product-pkg-badge{color:#64748b;white-space:nowrap;text-overflow:ellipsis;background-color:#f7f5ee;border:1px solid #eee7d5;border-radius:4px;max-width:100%;padding:2px 6px;font-size:.72rem;font-weight:600;display:inline-block;overflow:hidden}.price-main .price-currency{color:#dfa839;font-weight:800}.price-main .price-amount{color:#0a0a0c;font-weight:900}.im-btn-add{color:#9b6a18;cursor:pointer;background-color:#fff;border:1.5px solid #dfa839;border-radius:6px;justify-content:center;align-items:center;padding:6px 14px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex}.im-btn-add:hover{color:#0a0a0c;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 100%);box-shadow:0 3px 8px #dfa83959}.im-card-stepper{color:#f7d77b;background-color:#0a0a0c;border:1px solid #dfa839;border-radius:6px;align-items:center;font-size:.85rem;font-weight:800;display:inline-flex;overflow:hidden}.im-step-btn{color:#f7d77b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 8px;display:flex}.quick-view-badge-btn{color:#f7d77b;cursor:pointer;background-color:#0a0a0ce0;border:1px solid #dfa83966;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:700;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px}.quick-view-badge-btn:hover{background-color:#0a0a0c;border-color:#dfa839}.modal-product-quickview{max-width:780px;padding:24px}.quickview-category{text-transform:uppercase;color:#dfa839;letter-spacing:.5px;font-size:.78rem;font-weight:800}.quickview-title{color:#0a0a0c;margin:0;font-size:1.35rem;font-weight:800;line-height:1.25}.btn-quickview-add{color:#0a0a0c;cursor:pointer;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 50%,#b38128 100%);border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #dfa83959}.btn-quickview-add:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-view-full-page{text-align:center;color:#dfa839;padding:4px;font-size:.85rem;font-weight:700;text-decoration:none}.btn-view-full-page:hover{text-decoration:underline}.site-footer{color:#cbd5e1;background-color:#071526;border-top:3px solid #dfa839}.site-footer .footer-newsletter-section{background-color:#0b1e36;border-bottom:1px solid #dfa83933}.site-footer .newsletter-text h3{color:#fff}.site-footer .newsletter-text p{color:#94a3b8}.site-footer .newsletter-btn{color:#0b1e36;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 50%,#b38128 100%);font-weight:800}.site-footer .footer-main{background-color:#071526}.site-footer .footer-col-title{color:#dfa839;border-bottom:2px solid #dfa8394d;padding-bottom:8px;font-weight:800}.site-footer .footer-links-list a{color:#94a3b8;transition:color .15s}.site-footer .footer-links-list a:hover{color:#f7d77b}.site-footer .footer-bottom{background-color:#040405;border-top:1px solid #dfa83926}.site-footer .copyright-text,.site-footer .legal-links a{color:#94a3b8}.site-footer .legal-links a:hover{color:#f7d77b}.header-role-switcher-wrap{align-items:center;display:flex}.role-toggle-pill{color:#f7d77b;cursor:pointer;background:#dfa83926;border:1px solid #dfa83973;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.role-toggle-pill:hover{color:#fff;background:#dfa83947;border-color:#dfa839;transform:translateY(-1px)}.role-toggle-pill.supplier-active{color:#0a0a0c;background:linear-gradient(135deg,#dfa839 0%,#b38128 100%);border-color:#f7d77b}.role-subnav-strip{background-color:#071526;border-top:1px solid #dfa83926;border-bottom:1px solid #dfa83947;padding:0 20px}.subnav-container{max-width:1440px;margin:0 auto}.subnav-links-list{white-space:nowrap;scrollbar-width:none;align-items:center;gap:20px;padding:6px 0;display:flex;overflow-x:auto}.subnav-links-list::-webkit-scrollbar{display:none}.subnav-link{color:#cbd5e1;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.subnav-link:hover{color:#fff;background-color:#ffffff14}.subnav-link.active{color:#f7d77b;background-color:#dfa83926;font-weight:700}.subnav-link.highlight-compare{color:#f7d77b}.subnav-link.highlight-ai{color:#fff;background:linear-gradient(135deg,#dfa83940 0%,#f7d77b26 100%);border:1px solid #dfa83966;border-radius:4px;padding:3px 8px}.ai-star-icon{color:#dfa839}.ai-badge-new{color:#0a0a0c;background-color:#dfa839;border-radius:3px;margin-left:3px;padding:1px 5px;font-size:.65rem;font-weight:900}.btn-become-supplier-link{color:#f7d77b;cursor:pointer;background:#ffffff0f;border:1px solid #dfa83959}.btn-become-supplier-link:hover{color:#fff;background:#dfa83926}.sup-active-label{color:#f7d77b;border-right:1.5px solid #fff3;align-items:center;gap:6px;padding-right:14px;font-size:.84rem;font-weight:700;display:inline-flex}.ecom-ai-hero-banner{padding:24px 0 12px}.ai-banner-card{background:linear-gradient(135deg,#0a0a0c 0%,#13141a 60%,#1a1c24 100%);border:1px solid #dfa83959;border-radius:16px;justify-content:space-between;align-items:center;gap:32px;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.ai-banner-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#dfa83933 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-50px;right:-50px}.ai-banner-text{flex:1;max-width:650px}.ai-badge-chip{color:#f7d77b;background-color:#dfa83926;border:1px solid #dfa8394d;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.ai-banner-text h2{color:#fff;margin-bottom:10px;font-size:2rem;font-weight:800;line-height:1.2}.ai-banner-text p{color:#cbd5e1;margin-bottom:20px;font-size:1rem;line-height:1.5}.ai-banner-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-ai-designer-primary{color:#0a0a0c;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 50%,#b38128 100%);border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #dfa83959}.btn-ai-designer-primary:hover{color:#071526;transform:translateY(-2px);box-shadow:0 6px 20px #dfa83973}.btn-ai-designer-secondary{color:#fff;background-color:#ffffff14;border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ai-designer-secondary:hover{color:#f7d77b;background-color:#ffffff26}.ai-banner-preview-box{border:2px solid #dfa83966;border-radius:12px;flex-shrink:0;width:280px;height:180px;position:relative;overflow:hidden}.ai-preview-img{object-fit:cover;width:100%;height:100%}.ai-floating-stat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ce6;flex-direction:column;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.stat-num{color:#f7d77b;font-size:.88rem;font-weight:800}.stat-lbl{color:#cbd5e1;font-size:.72rem}.ecom-promo-strip{padding:16px 0}.promo-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.promo-card{border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.promo-card-blue{background:linear-gradient(135deg,#0e0f14 0%,#1a1b24 100%);border:1px solid #dfa83940}.promo-card-gold{background:linear-gradient(135deg,#181409 0%,#2f230b 100%);border:1px solid #dfa83959}.promo-tag{color:#dfa839;letter-spacing:.5px;margin-bottom:6px;font-size:.7rem;font-weight:800;display:block}.promo-content h3{color:#fff;margin-bottom:6px;font-size:1.15rem;font-weight:800}.promo-content p{color:#94a3b8;margin-bottom:12px;font-size:.82rem}.promo-link{color:#f7d77b;font-size:.85rem;font-weight:700;text-decoration:none}.promo-img{object-fit:cover;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:90px;height:90px}.ecom-suppliers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.supplier-showcase-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;box-shadow:0 4px 14px #0000000a}.sup-card-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sup-avatar-badge{background-color:#0a0a0c;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sup-badge-info h3{color:#0f172a;margin-bottom:2px;font-size:1rem;font-weight:800}.sup-loc-text{color:#64748b;font-size:.8rem}.sup-stats-strip{background-color:#f8fafc;border-radius:8px;justify-content:space-between;margin-bottom:14px;padding:10px 14px;display:flex}.sup-stat{flex-direction:column;display:flex}.sup-stat .lbl{color:#64748b;font-size:.72rem}.sup-stat .val{color:#0f172a;align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.sup-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.sup-tag-pill{color:#334155;background-color:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:700}.btn-sup-view-offerings{color:#f7d77b;background-color:#0a0a0c;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.btn-sup-view-offerings:hover{color:#fff;background-color:#16171d}.product-card-supplier-strip{justify-content:space-between;align-items:center;gap:8px;margin:6px 0 8px;font-size:.78rem;display:flex}.card-supplier-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:60%;overflow:hidden}.card-supplier-name strong{color:#0f172a}.card-moq-badge{color:#926207;white-space:nowrap;background-color:#dfa8391f;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:800}.card-compare-action-wrap{border-top:1px dashed #e2e8f0;margin-top:10px;padding-top:8px}.btn-card-compare-suppliers{color:#0a0a0c;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:100%;padding:5px 8px;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.btn-card-compare-suppliers:hover{color:#f7d77b;background-color:#0a0a0c;border-color:#0a0a0c}.compare-suppliers-page{background-color:#f8fafc;min-height:80vh}.compare-hero-header{color:#fff;background:linear-gradient(135deg,#0a0a0c 0%,#15161e 100%);border-bottom:2px solid #dfa8394d;padding:36px 0 44px}.compare-badge{color:#f7d77b;background:#dfa83926;border:1px solid #dfa8394d;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.compare-hero-header h1{margin-bottom:8px;font-size:2.2rem;font-weight:800}.compare-hero-header p{color:#cbd5e1;max-width:720px;margin-bottom:28px;font-size:1rem}.compare-controls-card{color:#0f172a;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;box-shadow:0 8px 24px #0000001f}.compare-controls-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.control-item label{color:#475569;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.control-select,.control-input{color:#0f172a;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:.9rem;transition:border-color .15s}.control-select:focus,.control-input:focus{border-color:#dfa839}.qty-input-group{align-items:center;display:flex;position:relative}.qty-box{padding-right:70px;font-weight:700}.qty-unit-label{color:#64748b;pointer-events:none;font-size:.82rem;font-weight:600;position:absolute;right:12px}.compare-results-section{padding:36px 0 60px}.compare-section-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.compare-section-top h2{color:#0f172a;margin-bottom:4px;font-size:1.5rem;font-weight:800}.btn-browse-all{color:#0b1e36;align-items:center;gap:6px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.compare-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;overflow-x:auto;box-shadow:0 4px 16px #0000000a}.compare-matrix-table{border-collapse:collapse;text-align:left;width:100%}.compare-matrix-table th{color:#334155;text-transform:uppercase;letter-spacing:.4px;background-color:#f1f5f9;border-bottom:1.5px solid #cbd5e1;padding:14px 16px;font-size:.82rem;font-weight:800}.compare-matrix-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:18px 16px}.compare-row:hover{background-color:#fcfbf8}.compare-row.best-deal-row{background-color:#dfa8390f}.compare-row.best-deal-row:hover{background-color:#dfa8391a}.sup-info-box strong{color:#0f172a;font-size:.95rem}.sup-meta-line{color:#64748b;align-items:center;gap:8px;margin-top:2px;font-size:.78rem;display:flex}.badge-best-value{color:#071526;background:linear-gradient(135deg,#dfa839 0%,#b38128 100%);border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:2px 7px;font-size:.7rem;font-weight:800;display:inline-flex}.product-info-cell .prod-title{color:#0f172a;font-weight:700;display:block}.product-info-cell .prod-brand{color:#64748b;font-size:.8rem}.product-info-cell .prod-spec{color:#94a3b8;font-size:.76rem;display:block}.unit-price-val{color:#0f172a;font-size:1.15rem;font-weight:800}.unit-label{color:#64748b;margin-left:2px;font-size:.8rem}.moq-number{color:#0f172a;font-weight:800;display:block}.moq-status-badge{border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.moq-status-badge.ok{color:#059669;background-color:#ecfdf5}.moq-status-badge.alert{color:#dc2626;background-color:#fef2f2}.stock-tag{font-size:.85rem;font-weight:700}.stock-tag.in-stock{color:#16a34a}.stock-label{color:#64748b;font-size:.75rem;display:block}.delivery-cost{color:#0f172a;font-size:.88rem;font-weight:700;display:block}.delivery-sla{color:#64748b;align-items:center;gap:3px;font-size:.75rem;display:inline-flex}.grand-total-val{color:#926207;font-size:1.25rem;font-weight:800;display:block}.cost-breakdown-sub{color:#64748b;font-size:.74rem;display:block}.action-buttons-cell{flex-direction:column;gap:6px;display:flex}.btn-compare-cart{color:#f7d77b;cursor:pointer;background-color:#0a0a0c;border:1px solid #dfa83959;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-compare-cart:hover:not(:disabled){color:#fff;background-color:#16171d;border-color:#dfa839}.btn-compare-cart.btn-disabled{color:#94a3b8;cursor:not-allowed;background-color:#e2e8f0}.btn-compare-buy-now{color:#0a0a0c;cursor:pointer;background-color:#0000;border:1px solid #cbd5e1;border-radius:6px;padding:5px 8px;font-size:.78rem;font-weight:700}.compare-assurance-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:24px;display:grid}.assurance-item{gap:14px;display:flex}.assurance-item h4{color:#0f172a;margin-bottom:4px;font-size:.95rem;font-weight:800}.assurance-item p{color:#64748b;margin:0;font-size:.82rem;line-height:1.4}.compare-cards-mobile{display:none}@media (width<=900px){.compare-table-wrapper{display:none}.compare-cards-mobile{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.compare-mobile-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}}.ai-home-designer-page{background-color:#f8fafc;min-height:85vh}.ai-designer-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0a0a0c 0%,#15161e 50%,#1f202a 100%);border-bottom:2px solid #dfa83959;padding:40px 0 32px}.ai-hero-badge{color:#f7d77b;background:#dfa83926;border:1px solid #dfa8394d;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.ai-designer-hero h1{margin-bottom:8px;font-size:2.5rem;font-weight:900}.ai-hero-sub{color:#cbd5e1;max-width:760px;margin:0 auto 30px;font-size:1.05rem}.ai-step-tabs{background:#00000073;border:1px solid #dfa83940;border-radius:30px;align-items:center;gap:12px;padding:8px 16px;display:inline-flex}.ai-step-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.ai-step-btn.active{color:#0a0a0c;background:#dfa839;font-weight:800}.step-num{background:#0003;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:inline-flex}.ai-step-content-section{padding:36px 0 60px}.ai-form-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 8px 30px #0000000d}.ai-form-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;display:flex}.ai-form-header h2{color:#0f172a;margin-bottom:4px;font-size:1.4rem;font-weight:800}.ai-form-header p{color:#64748b;margin:0;font-size:.9rem}.form-sections-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;display:grid}.column-title{color:#0f172a;border-bottom:2px solid #dfa8394d;margin-bottom:18px;padding-bottom:8px;font-size:1.1rem;font-weight:800}.form-row-3col{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.calculated-area-pill{color:#334155;background-color:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:10px 16px;font-size:.9rem;display:flex}.calculated-area-pill strong{color:#926207;font-size:1.05rem}.form-footer-actions{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.disclaimer-note{color:#64748b;align-items:center;gap:8px;max-width:550px;font-size:.82rem;display:flex}.btn-generate-ai{color:#f7d77b;cursor:pointer;background:linear-gradient(135deg,#0a0a0c 0%,#1b1c24 100%);border:1px solid #dfa83966;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #00000059}.btn-generate-ai:hover{color:#fff;background:linear-gradient(135deg,#161720 0%,#0a0a0c 100%);transform:translateY(-2px)}.concept-selector-bar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.concept-pills-list{gap:12px;display:flex}.concept-pill{cursor:pointer;text-align:left;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:10px;flex-direction:column;padding:8px 16px;transition:all .15s;display:flex}.concept-pill.active{background-color:#fcfbf8;border-color:#dfa839;box-shadow:0 4px 12px #dfa83933}.pill-tag{color:#926207;font-size:.72rem;font-weight:800}.pill-name{color:#0f172a;font-size:.88rem;font-weight:700}.design-results-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.main-elevation-frame{border:2px solid #dfa83959;border-radius:14px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001a}.elevation-render-img{object-fit:cover;width:100%;height:380px;display:block}.render-label-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f7d77b;background:#071526d9;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:14px;left:14px}.architect-disclaimer{color:#cbd5e1;text-align:center;background:#000000bf;padding:6px 12px;font-size:.72rem;position:absolute;bottom:0;left:0;right:0}.reference-gallery-strip{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gallery-thumbnail{text-align:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.gallery-thumbnail img{object-fit:cover;width:100%;height:80px}.gallery-thumbnail span{color:#334155;padding:4px;font-size:.75rem;font-weight:700;display:block}.design-specs-col{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px}.design-header-meta h2{color:#0f172a;margin:6px 0 8px;font-size:1.6rem;font-weight:800}.design-summary{color:#475569;margin-bottom:20px;font-size:.92rem;line-height:1.5}.arch-kpis-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.kpi-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:12px;display:flex}.kpi-box.gold-box{background-color:#dfa83914;border-color:#dfa83959}.kpi-box .lbl{color:#64748b;margin-bottom:2px;font-size:.72rem}.kpi-box strong{color:#0f172a;font-size:1.05rem}.kpi-box.gold-box strong{color:#926207}.kpi-box .sub{color:#64748b;margin-top:2px;font-size:.7rem}.layout-highlights-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:16px}.layout-highlights-card h4{color:#0f172a;margin-bottom:10px;font-size:.9rem;font-weight:800}.highlights-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.highlights-list li{color:#334155;align-items:center;gap:8px;font-size:.85rem;display:flex}.live-customizer-box{background-color:#f1f5f9;border-radius:10px;margin-bottom:24px;padding:16px}.customizer-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.customizer-head h4{color:#0f172a;margin:0;font-size:.9rem;font-weight:800}.customizer-controls{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.c-control label{color:#475569;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.c-control select{border:1px solid #cbd5e1;border-radius:6px;width:100%;height:36px;padding:0 8px;font-size:.82rem}.btn-proceed-materials{color:#f7d77b;cursor:pointer;background:linear-gradient(135deg,#0a0a0c 0%,#1b1c24 100%);border:1px solid #dfa83966;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #00000059}.btn-proceed-materials:hover{color:#fff;background:#000}.materials-header-card{color:#fff;background:linear-gradient(135deg,#0a0a0c 0%,#16171e 100%);border:1px solid #dfa8394d;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:28px 32px;display:flex}.mat-header-left h2{margin:6px 0;font-size:1.8rem;font-weight:800}.mat-header-left p{color:#cbd5e1;margin:0;font-size:.95rem}.mat-header-right{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.total-est-tag{text-align:right;flex-direction:column;display:flex}.total-est-tag .lbl{color:#cbd5e1;font-size:.75rem}.total-est-tag .val{color:#f7d77b;font-size:1.5rem;font-weight:900}.total-est-tag .sub{color:#94a3b8;font-size:.7rem}.btn-add-all-materials{color:#071526;cursor:pointer;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 50%,#b38128 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #dfa83966}.materials-takeoff-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px;display:grid}.material-est-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;box-shadow:0 4px 14px #0000000a}.mat-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.mat-cat-pill{color:#926207;background-color:#dfa8391f;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700}.mat-card-top h3{color:#0f172a;margin-top:4px;font-size:1rem;font-weight:800}.mat-qty-badge{color:#fff;text-align:center;background-color:#0a0a0c;border:1px solid #dfa8394d;border-radius:8px;flex-shrink:0;padding:6px 12px}.mat-qty-badge strong{color:#f7d77b;font-size:1.1rem;display:block}.mat-qty-badge span{text-transform:uppercase;font-size:.7rem}.mat-desc{color:#64748b;margin-bottom:14px;font-size:.8rem;line-height:1.4}.mat-supplier-pricing-box{background-color:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px}.pricing-row{justify-content:space-between;margin-bottom:4px;font-size:.82rem;display:flex}.pricing-row .lbl{color:#64748b}.pricing-row .val{color:#0f172a}.pricing-row.total-row{border-top:1px dashed #cbd5e1;margin-top:6px;padding-top:6px}.pricing-row.total-row .val{color:#926207;font-size:.95rem;font-weight:800}.supplier-source-row{color:#64748b;margin-top:4px;font-size:.75rem}.mat-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-mat-compare{color:#0a0a0c;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-mat-add{color:#f7d77b;cursor:pointer;background-color:#0a0a0c;border:1px solid #dfa83959;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.78rem;font-weight:700;display:inline-flex}.material-footer-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.footer-right-actions{gap:12px;display:flex}.supplier-portal-page,.supplier-products-page,.supplier-orders-page,.supplier-inventory-page,.add-product-page{background-color:#f8fafc;min-height:85vh}.supplier-header-banner{color:#fff;background:linear-gradient(135deg,#0a0a0c 0%,#15161e 100%);border-bottom:2px solid #dfa8394d;padding:28px 0}.supplier-profile-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.sup-badge-pill{color:#f7d77b;background:#dfa83926;border-radius:4px;margin-bottom:6px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.supplier-avatar-block h1,.supplier-profile-strip h1{margin-bottom:4px;font-size:1.8rem;font-weight:800}.sup-depot-address{color:#cbd5e1;margin:0;font-size:.88rem}.supplier-header-actions{align-items:center;gap:12px;display:flex}.btn-add-product-cta{color:#071526;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 50%,#b38128 100%);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-exit-to-marketplace{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600}.sup-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.sup-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 4px 12px #00000008}.kpi-icon-pill.bg-blue{color:#2563eb;background:#eff6ff}.kpi-icon-pill.bg-gold{color:#b45309;background:#dfa83926}.kpi-icon-pill.bg-amber{color:#d97706;background:#fffbeb}.kpi-icon-pill.bg-green{color:#059669;background:#ecfdf5}.kpi-icon-pill.bg-dark{color:#f7d77b;background:#0b1e36}.kpi-info .kpi-label{color:#64748b;font-size:.78rem;font-weight:700;display:block}.kpi-info .kpi-val{color:#0f172a;margin:2px 0;font-size:1.6rem;font-weight:900}.kpi-info .kpi-sub{color:#94a3b8;font-size:.72rem}.sup-content-split-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}@media (width<=992px){.sup-content-split-grid{grid-template-columns:1fr}}.sup-section-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 14px #0000000a}.sup-card-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sup-card-head h3{color:#0f172a;margin-bottom:2px;font-size:1.15rem;font-weight:800}.sup-card-head p{color:#64748b;margin:0;font-size:.8rem}.sup-data-table{border-collapse:collapse;width:100%}.sup-data-table th{color:#475569;text-transform:uppercase;background-color:#f8fafc;border-bottom:1.5px solid #cbd5e1;padding:10px;font-size:.75rem;font-weight:800}.sup-data-table td{border-bottom:1px solid #f1f5f9;padding:12px 10px;font-size:.85rem}.sup-status-pill{border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:800}.status-pending{color:#b45309;background-color:#fffbeb}.status-confirmed{color:#1d4ed8;background-color:#eff6ff}.status-dispatched{color:#15803d;background-color:#f0fdf4}.status-delivered{color:#047857;background-color:#ecfdf5}.status-cancelled{color:#b91c1c;background-color:#fef2f2}.action-button-group{gap:6px;display:flex}.btn-sup-action{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.btn-accept{color:#fff;background-color:#059669}.btn-reject{color:#fff;background-color:#dc2626}.btn-dispatch{color:#fff;background-color:#2563eb}.btn-delivered{color:#f7d77b;background-color:#0b1e36}.cart-moq-alert-banner{background-color:#fff1f2;border:1.5px solid #fda4af;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.moq-alert-content{align-items:center;gap:12px;display:flex}.moq-alert-content strong{color:#9f1239;font-size:.95rem;display:block}.moq-alert-content p{color:#be123c;margin:0;font-size:.82rem}.btn-fix-all-moq{color:#fff;cursor:pointer;background-color:#be123c;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.cart-item-moq-error{background-color:#fff5f5;border-left:3px solid #e11d48}.cart-item-supplier-info{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 6px;display:flex}.sup-pill{color:#475569;font-size:.75rem}.moq-pill{border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:800}.moq-pill.pill-danger{color:#dc2626;background-color:#fee2e2}.moq-pill.pill-ok{color:#059669;background-color:#ecfdf5}.moq-inline-warning{background-color:#fff1f2;border-radius:6px;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;display:flex}.warning-text{color:#be123c;font-size:.78rem;font-weight:700}.btn-quick-moq-set{color:#fff;cursor:pointer;white-space:nowrap;background-color:#be123c;border:none;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:800}.supplier-quick-actions-bar{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.quick-action-card{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex;box-shadow:0 4px 14px #0000000a}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.quick-action-card.highlight-gold{background:linear-gradient(135deg,#fff 0%,#fdfbf7 100%);border-color:#dfa83999}.action-card-icon{margin-bottom:12px}.action-card-text h4{color:#0f172a;margin-bottom:6px;font-size:1.05rem;font-weight:800}.action-card-text p{color:#64748b;margin-bottom:16px;font-size:.82rem;line-height:1.4}.btn-action-go{color:#f7d77b;background-color:#0a0a0c;border:1px solid #dfa83959;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.btn-action-go:hover{color:#fff;background-color:#16171d;border-color:#dfa839}.quick-action-card.highlight-gold .btn-action-go{color:#0a0a0c;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 50%,#b38128 100%)}.quick-action-card.highlight-gold .btn-action-go:hover{color:#000;box-shadow:0 4px 12px #dfa83966}.btn-quick-supplier-login{color:#0a0a0c;cursor:pointer;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 50%,#b38128 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.88rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #dfa83959}.btn-quick-supplier-login:hover{transform:translateY(-1px);box-shadow:0 6px 16px #dfa83973}.modern-ai-planner-shell{background-color:#f8fafc;min-height:90vh}.ai-generating-loader-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:680px;margin:40px auto;padding:48px 32px;box-shadow:0 12px 36px #0b1e3614}.ai-generating-loader-card h2{color:#0b1e36;margin:18px 0 8px;font-size:1.6rem;font-weight:800}.loader-sub{color:#64748b;margin-bottom:24px;font-size:.95rem}.synthesis-stages-list{text-align:left;flex-direction:column;gap:12px;max-width:520px;margin:0 auto;display:flex}.stage-step{color:#94a3b8;background-color:#f8fafc;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:.88rem;transition:all .2s;display:flex}.stage-step.active{color:#0b1e36;background-color:#dfa8391f;border-left:3px solid #dfa839;font-weight:700}.stage-step .dot{background-color:#cbd5e1;border-radius:50%;width:8px;height:8px}.stage-step.active .dot{background-color:#dfa839;box-shadow:0 0 8px #dfa839}.quick-regenerate-toolbar-card{color:#fff;background:linear-gradient(135deg,#0b1e36 0%,#071526 100%);border:1px solid #dfa83959;border-radius:16px;margin-bottom:24px;padding:24px 28px;box-shadow:0 8px 28px #07152626}.toolbar-headline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.headline-left{align-items:center;gap:12px;display:flex}.headline-left h3{color:#fff;margin:0 0 2px;font-size:1.25rem;font-weight:800}.headline-left p{color:#cbd5e1;margin:0;font-size:.85rem}.btn-edit-full-form{color:#f7d77b;cursor:pointer;background:#ffffff1a;border:1px solid #dfa83959;border-radius:8px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .15s}.btn-edit-full-form:hover{color:#fff;background:#dfa83933}.quick-inputs-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) 160px;align-items:flex-end;gap:12px;display:grid}.q-field{flex-direction:column;gap:4px;display:flex}.q-field label{color:#f7d77b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.q-field input,.q-field select{color:#fff;background-color:#ffffff14;border:1px solid #dfa8394d;border-radius:8px;outline:none;padding:8px 10px;font-size:.9rem}.q-field select option{color:#fff;background-color:#0b1e36}.btn-regenerate-submit{color:#071526;cursor:pointer;background:linear-gradient(135deg,#dfa839 0%,#f7d77b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;padding:9px 16px;font-size:.88rem;font-weight:800;transition:all .15s;display:inline-flex}.btn-regenerate-submit:hover{transform:translateY(-1px);box-shadow:0 4px 14px #dfa83966}.ai-engine-status-strip{background-color:#fff;border:1px solid #e2e8f0;border-left:4px solid #dfa839;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.status-indicator{align-items:center;gap:12px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.status-dot.algorithmic{background-color:#dfa839;box-shadow:0 0 6px #dfa839}.status-dot.live{background-color:#10b981;box-shadow:0 0 6px #10b981}.status-indicator strong{color:#0b1e36;font-size:.92rem;display:block}.status-indicator p{color:#64748b;margin:0;font-size:.8rem}.btn-inspect-api{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.btn-inspect-api:hover{background-color:#e2e8f0}.spatial-kpis-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.spatial-kpis-grid .kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:18px 20px;display:flex}.spatial-kpis-grid .kpi-card.gold-kpi{background:linear-gradient(135deg,#dfa83914 0%,#f7d77b26 100%);border-color:#dfa83966}.spatial-kpis-grid .kpi-card .lbl{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:700}.spatial-kpis-grid .kpi-card .val{color:#0b1e36;font-size:1.45rem;font-weight:900}.spatial-kpis-grid .kpi-card.gold-kpi .val{color:#926207}.spatial-kpis-grid .kpi-card .sub{color:#64748b;margin-top:4px;font-size:.75rem}.conceptual-floorplan-container{background-color:#071526;border:2px solid #dfa83966;border-radius:16px;overflow:hidden;box-shadow:0 12px 36px #07152640}.floorplan-toolbar{background:#0b1e36;border-bottom:1px solid #dfa83940;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 24px;display:flex}.cad-badge{color:#f7d77b;background:#dfa83926;border-radius:4px;margin-bottom:4px;padding:3px 8px;font-size:.7rem;font-weight:800;display:inline-block}.floorplan-heading{color:#fff;margin:0;font-size:1.25rem;font-weight:800}.plot-dim-tag{color:#cbd5e1;margin-top:2px;font-size:.8rem;display:block}.toolbar-right{align-items:center;gap:12px;display:flex}.floor-selector-pills{background:#00000059;border:1px solid #dfa8394d;border-radius:20px;padding:3px;display:flex}.floor-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:5px 14px;font-size:.8rem;font-weight:700;transition:all .15s}.floor-btn.active{color:#071526;background:#dfa839;font-weight:800}.btn-download-cad{color:#f7d77b;cursor:pointer;background:#ffffff1a;border:1px solid #dfa83966;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.btn-download-cad:hover{color:#fff;background:#dfa83940}.blueprint-canvas-wrapper{background-color:#071526;justify-content:center;align-items:center;padding:16px;display:flex}.floorplan-svg{width:100%;max-width:800px;height:auto;display:block}.room-interactive-group:hover rect{filter:brightness(1.2)}.room-inspector-bar{color:#fff;background:#0b1e36;border-top:1px solid #dfa83940;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.inspector-badge{align-items:center;gap:8px;font-size:.95rem;display:flex}.inspector-metrics{color:#cbd5e1;align-items:center;gap:8px;font-size:.85rem;display:flex}.dot-sep{color:#64748b}.inspector-features{color:#94a3b8;width:100%;margin:0;font-size:.8rem}.room-arrangement-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;box-shadow:0 6px 24px #0000000a}.room-arrangement-card .card-head{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}.room-arrangement-card .head-left{align-items:center;gap:12px;display:flex}.room-arrangement-card .head-left h3{color:#0b1e36;margin:0 0 2px;font-size:1.3rem;font-weight:800}.room-arrangement-card .head-left p{color:#64748b;margin:0;font-size:.85rem}.badge-room-count{color:#926207;background:#dfa83926;border-radius:20px;padding:5px 12px;font-size:.82rem;font-weight:800}.room-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.room-spec-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:all .2s}.room-spec-card:hover,.room-spec-card.highlighted{background:#fff;border-color:#dfa839;box-shadow:0 8px 20px #dfa83926}.room-spec-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.floor-tag{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.room-spec-top h4{color:#0b1e36;margin:2px 0 0;font-size:1.05rem;font-weight:800}.room-area-pill{color:#f7d77b;text-align:center;background:#0b1e36;border-radius:6px;padding:4px 8px;font-size:.75rem}.room-area-pill strong{font-size:.95rem;line-height:1;display:block}.room-meta-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:4px 0;font-size:.82rem;display:flex}.meta-lbl{color:#64748b}.orientation-text{color:#926207;font-weight:700}.room-features-desc{color:#475569;margin:10px 0 0;font-size:.78rem;line-height:1.4}.materials-takeoff-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;box-shadow:0 8px 28px #0000000d}.materials-card-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.mat-head-left{align-items:flex-start;gap:14px;display:flex}.mat-head-left h3{color:#0b1e36;margin:4px 0;font-size:1.4rem;font-weight:800}.mat-head-left p{color:#64748b;margin:0;font-size:.88rem}.mat-head-right{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.subtotal-display{text-align:right}.subtotal-display .lbl{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700;display:block}.subtotal-display .val{font-size:1.6rem;font-weight:900}.subtotal-display .sub{color:#94a3b8;font-size:.7rem;display:block}.btn-add-all-cart{color:#f7d77b;cursor:pointer;background:linear-gradient(135deg,#0b1e36 0%,#071526 100%);border:1px solid #dfa83966;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0b1e3633}.btn-add-all-cart:hover{color:#071526;background:linear-gradient(135deg,#dfa839 0%,#f7d77b 100%)}.takeoff-items-table-wrapper{overflow-x:auto}.takeoff-table{border-collapse:collapse;text-align:left;width:100%}.takeoff-table th{color:#475569;text-transform:uppercase;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 14px;font-size:.78rem;font-weight:800}.takeoff-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px;font-size:.88rem}.takeoff-table tbody tr:hover{background-color:#fafbfc}.mat-name-cell strong{color:#0b1e36;font-size:.92rem;display:block}.mat-usage-note{color:#64748b;margin-top:2px;font-size:.75rem;display:block}.mat-cat-tag{color:#334155;background-color:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.qty-cell .qty-val{color:#0b1e36;margin-right:4px;font-size:1.1rem}.qty-cell .qty-unit{color:#64748b;font-size:.75rem}.supplier-match-info{flex-direction:column;gap:2px;display:flex}.sup-badge-live{color:#059669;background-color:#ecfdf5;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.68rem;font-weight:800;display:inline-block}.sup-name{color:#0b1e36;font-size:.82rem;font-weight:700}.moq-sub{color:#926207;font-size:.72rem}.mat-actions-cell{align-items:center;gap:8px;display:flex}.btn-table-compare{color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-table-compare:hover{background-color:#e2e8f0}.btn-table-add{color:#f7d77b;cursor:pointer;background-color:#0b1e36;border:1px solid #dfa83966;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.btn-table-add:hover{color:#071526;background-color:#dfa839}.takeoff-bottom-bar{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.bottom-note{color:#64748b;align-items:center;gap:8px;max-width:600px;font-size:.8rem;display:flex}.bottom-btns{gap:12px;display:flex}.ai-config-modal-box{background:#fff;border-radius:16px;width:90%;max-width:640px;overflow:hidden;box-shadow:0 16px 48px #07152640}.ai-modal-info-alert{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:12px;padding:14px;display:flex}.olx-style-header{z-index:1000;background-color:#0b1e36;border-bottom:2px solid #dfa839;position:sticky;top:0;box-shadow:0 4px 20px #07152673}.olx-header-container{justify-content:space-between;align-items:center;gap:14px;max-width:1320px;margin:0 auto;padding:10px 16px;display:flex}.olx-brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #000000a6);border-radius:4px;width:auto;max-width:195px;height:48px;transition:transform .2s;display:block}.olx-brand-logo-img:hover{transform:scale(1.03)}.olx-location-pill{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:2px solid #002f34;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000001a}.olx-location-pill:hover{border-color:#dfa839;box-shadow:0 0 0 3px #dfa83940}.olx-loc-icon{color:#dfa839;flex-shrink:0}.olx-loc-texts{flex-direction:column;display:flex}.olx-loc-city{color:#002f34;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.88rem;font-weight:700;overflow:hidden}.olx-loc-chevron{color:#64748b;flex-shrink:0;margin-left:2px}.olx-search-box{background-color:#fff;border:2px solid #002f34;border-radius:8px;flex:1;align-items:center;max-width:580px;height:44px;margin:0 10px;padding:0 4px 0 14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.olx-search-box:focus-within{border-color:#dfa839;box-shadow:0 0 0 3px #dfa83959}.olx-search-input{color:#0a0a0c;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:.92rem;font-weight:600}.olx-search-input::placeholder{color:#64748b;font-weight:400}.olx-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.olx-search-clear:hover{color:#0f172a}.olx-search-btn{color:#fff;cursor:pointer;background-color:#002f34;border:none;border-radius:6px;justify-content:center;align-items:center;width:38px;height:36px;transition:background-color .2s,transform .15s;display:flex}.olx-search-btn:hover{color:#071526;background-color:#dfa839;transform:scale(1.04)}.olx-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.olx-action-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .15s,transform .15s;display:flex;position:relative}.olx-action-icon-btn:hover{background-color:#ffffff1a;transform:scale(1.08)}.olx-badge-count{color:#fff;background-color:#ef4444;border:1.5px solid #0b1e36;border-radius:9999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:2px;right:2px}.olx-badge-pulse{background-color:#10b981;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #10b981}.olx-profile-wrapper{position:relative}.olx-profile-avatar-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px;display:flex}.olx-avatar-circle{color:#071526;background:linear-gradient(135deg,#dfa839 0%,#b38128 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 2px 6px #00000040}.avatar-chevron{color:#cbd5e1;transition:transform .2s}.avatar-chevron.open{transform:rotate(180deg)}.olx-profile-dropdown-card{z-index:1100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:260px;padding:10px 0;animation:.15s ease-out fadeInDown;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #00000040}.dropdown-user-header{flex-direction:column;padding:8px 16px;display:flex}.dropdown-user-header strong{color:#0f172a;font-size:.95rem}.dropdown-user-role{color:#8e630e;font-size:.78rem;font-weight:600}.dropdown-divider{background-color:#f1f5f9;height:1px;margin:6px 0}.dropdown-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.dropdown-item:hover{color:#0f172a;background-color:#f8fafc}.dropdown-item.role-switch-item{color:#b45309;background-color:#fef3c7;font-weight:700}.dropdown-item.role-switch-item:hover{background-color:#fde68a}.olx-sell-button{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#002f34 0%,#23e5db 35%,#ffce32 70%,#dfa839 100%);background-origin:border-box;background-clip:padding-box,border-box;border:4px solid #0000;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 20px;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 14px #00000047}.olx-sell-button:hover{transform:scale(1.06);box-shadow:0 6px 20px #23e5db73}.olx-sell-plus-icon{color:#002f34;justify-content:center;align-items:center;display:flex}.olx-sell-label{letter-spacing:.6px;color:#002f34;text-transform:uppercase;font-size:.98rem;font-weight:900}.olx-cart-btn{color:#0a0a0c;white-space:nowrap;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 100%);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 4px 12px #dfa83959}.olx-cart-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 16px #dfa8397a}.olx-cart-count-badge{color:#f7d77b;background-color:#071526;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.75rem;font-weight:800;display:flex}.olx-subnav-strip{background-color:#fcfbf9;border-bottom:1px solid #ede8dc;padding:0 16px;box-shadow:0 2px 6px #0000000a}.olx-subnav-container{align-items:center;gap:16px;max-width:1320px;margin:0 auto;padding:8px 0;display:flex}.olx-all-categories-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background-color:#002f34;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #002f3440}.olx-all-categories-btn:hover,.olx-all-categories-btn.active{color:#071526;background-color:#dfa839}.cat-arrow{transition:transform .2s}.cat-arrow.open{transform:rotate(180deg)}.olx-category-links-list{white-space:nowrap;scrollbar-width:none;flex:1;align-items:center;gap:18px;display:flex;overflow-x:auto}.olx-category-links-list::-webkit-scrollbar{display:none}.olx-cat-link{color:#334155;border-radius:4px;align-items:center;gap:5px;padding:4px 6px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.olx-cat-link:hover{color:#002f34;background-color:#f1f5f9}.olx-cat-link.active{color:#b45309;border-bottom:2px solid #dfa839;font-weight:700}.olx-cat-link.highlight-compare{color:#b45309}.olx-cat-link.highlight-ai{color:#0f172a;background-color:#fef3c7;border:1px solid #fde68a;border-radius:9999px;padding:4px 10px}.mini-badge-new{color:#fff;background:#ef4444;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:800}.subnav-supplier-pill{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:flex}.subnav-portal-link{color:#b45309;margin-left:4px;text-decoration:none}.subnav-portal-link:hover{text-decoration:underline}.mega-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background-color:#07152699;padding-bottom:20px;animation:.15s ease-out fadeIn;position:absolute;top:100%;left:0;right:0}.mega-menu-container{background-color:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 16px 16px;max-width:1320px;margin:0 auto;padding:24px;box-shadow:0 20px 40px #00000047}.mega-menu-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.mega-menu-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.badge-catalog-count{color:#64748b;background-color:#f1f5f9;border-radius:9999px;padding:3px 8px;font-size:.78rem;font-weight:700}.mega-menu-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.mega-menu-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.mega-menu-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.mega-menu-cat-col{flex-direction:column;display:flex}.mega-cat-head{color:#0f172a;align-items:center;gap:10px;margin-bottom:10px;padding:6px 0;font-size:.95rem;font-weight:800;text-decoration:none;display:flex}.mega-cat-icon-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mega-subcat-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mega-subcat-link{color:#64748b;padding:3px 0;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s,transform .15s;display:block}.mega-subcat-link:hover{color:#dfa839;transform:translate(3px)}.mega-menu-footer-strip{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;display:flex}.mega-special-links{align-items:center;gap:16px;display:flex}.mega-footer-link{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.88rem;font-weight:700;text-decoration:none;display:flex}.mega-footer-link.highlight-compare{color:#0284c7;background-color:#f8fafc;border:1px solid #e0f2fe}.mega-footer-link.highlight-ai{color:#b45309;background-color:#fffbeb;border:1px solid #fef3c7}.mega-view-all-btn{color:#0f172a;align-items:center;gap:6px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.mega-view-all-btn:hover{color:#dfa839}.wishlist-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#071526a6;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.wishlist-drawer-panel{background-color:#fff;flex-direction:column;width:420px;max-width:100%;height:100%;animation:.25s ease-out slideInRight;display:flex;box-shadow:-8px 0 32px #00000059}.wishlist-drawer-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.wishlist-header-icon-wrap{background-color:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wishlist-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.wishlist-subtitle{color:#64748b;font-size:.78rem}.wishlist-drawer-body{flex:1;padding:16px;overflow-y:auto}.wishlist-items-list{flex-direction:column;gap:12px;display:flex}.wishlist-item-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:12px;padding:12px;transition:border-color .15s;display:flex}.wishlist-item-card:hover{border-color:#cbd5e1}.wishlist-item-thumb{object-fit:cover;background-color:#f8fafc;border-radius:8px;width:80px;height:80px}.wishlist-item-info{flex-direction:column;flex:1;display:flex}.wishlist-item-cat{text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:700}.wishlist-item-name{color:#0f172a;margin:2px 0 4px;font-size:.88rem;font-weight:700;line-height:1.3;text-decoration:none}.wishlist-item-name:hover{color:#dfa839}.wishlist-item-supplier{color:#64748b;margin-bottom:6px;font-size:.76rem}.wishlist-item-pricing{align-items:center;gap:8px;margin-bottom:8px;display:flex}.wishlist-price{color:#002f34;font-size:.95rem;font-weight:800}.wishlist-moq-pill{color:#92400e;background-color:#fef3c7;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.wishlist-actions-row{align-items:center;gap:8px;margin-top:auto;display:flex}.btn-wishlist-add-cart{color:#fff;cursor:pointer;background-color:#002f34;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:700;transition:background-color .15s;display:flex}.btn-wishlist-add-cart:hover{color:#071526;background-color:#dfa839}.btn-wishlist-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:6px}.btn-wishlist-remove:hover{color:#ef4444}.wishlist-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.wishlist-drawer-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.btn-wishlist-go-cart{color:#071526;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 100%);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:800;text-decoration:none;display:flex}.olx-top-promo-banner-strip{background-color:#f1f5f9;padding:16px 0}.olx-contest-banner-card{color:#fff;background:linear-gradient(135deg,#071526 0%,#0c2747 60%,#153e6b 100%);border:2px solid #dfa839;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex;box-shadow:0 8px 24px #07152659}.olx-banner-left{flex:1}.olx-banner-tag{color:#f7d77b;background-color:#dfa83926;border:1px solid #dfa83959;border-radius:9999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.olx-banner-title{color:#fff;letter-spacing:-.3px;margin:0 0 6px;font-size:1.6rem;font-weight:900}.highlight-text{color:#f7d77b}.olx-banner-desc{color:#cbd5e1;max-width:620px;margin:0;font-size:.95rem}.olx-banner-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.btn-olx-banner-sell{color:#002f34;cursor:pointer;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#002f34 0%,#23e5db 40%,#ffce32 75%,#dfa839 100%);background-origin:border-box;background-clip:padding-box,border-box;border:4px solid #0000;border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #0000004d}.btn-olx-banner-sell:hover{transform:scale(1.05);box-shadow:0 8px 24px #23e5db73}.btn-olx-banner-compare{color:#fff;background-color:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-olx-banner-compare:hover{background-color:#fff3}.olx-visual-categories-section{background-color:#fff;padding:24px 0 16px}.olx-section-heading-clean{margin-bottom:20px}.clean-section-title{color:#002f34;margin:0 0 4px;font-size:1.35rem;font-weight:800}.clean-section-sub{color:#64748b;margin:0;font-size:.88rem}.btn-clear-category-pill{color:#b91c1c;cursor:pointer;background-color:#fee2e2;border:1px solid #fecaca;border-radius:9999px;padding:5px 12px;font-size:.8rem;font-weight:700}.olx-cat-icon-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.olx-cat-icon-card{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;padding:16px 10px 14px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 2px 6px #00000008}.olx-cat-icon-card:hover{border-color:#dfa839;transform:translateY(-5px);box-shadow:0 8px 24px #dfa8392e}.olx-cat-icon-card.active{background-color:#fffbeb;border-color:#dfa839;box-shadow:0 6px 18px #dfa83947}.olx-cat-icon-card.special-ai{background:linear-gradient(#fff 0%,#fffbeb 100%);border:1.5px solid #fde68a}.olx-cat-img-box{background-color:#f8fafc;border:2px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:10px;display:flex;position:relative}.olx-cat-real-img{object-fit:cover;border-radius:50%;width:68px;height:68px}.olx-cat-floating-icon{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #0003}.olx-cat-name-label{color:#002f34;font-size:.88rem;font-weight:700;line-height:1.25}.olx-cat-badge-chip{color:#475569;background-color:#f1f5f9;border-radius:9999px;margin-top:6px;padding:2px 7px;font-size:.68rem;font-weight:800}.olx-cat-badge-chip.chip-ai{color:#071526;background:linear-gradient(135deg,#dfa839 0%,#b38128 100%)}.olx-recommendations-section{background-color:#fcfbf9;padding:30px 0}.olx-rec-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.olx-rec-main-title{color:#002f34;letter-spacing:-.3px;margin:0 0 4px;font-size:1.55rem;font-weight:900}.olx-rec-location-indicator{color:#64748b;align-items:center;gap:5px;font-size:.84rem;font-weight:600;display:flex}.olx-rec-controls{align-items:center;gap:14px;display:flex}.olx-rec-count-badge{color:#334155;background-color:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:.82rem;font-weight:700}.olx-see-all-link{color:#002f34;font-size:.9rem;font-weight:800;text-decoration:none}.olx-see-all-link:hover{color:#dfa839;text-decoration:underline}.olx-products-cards-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.olx-product-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.olx-product-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 10px 24px #00000017}.card-wishlist-heart-btn{cursor:pointer;z-index:10;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}.card-wishlist-heart-btn:hover{transform:scale(1.15)}.olx-card-price-row{margin:6px 0 4px}.olx-price-main{align-items:baseline;gap:2px;display:flex}.olx-price-currency{color:#002f34;font-size:1.1rem;font-weight:900}.olx-price-amount{color:#002f34;letter-spacing:-.5px;font-size:1.35rem;font-weight:900}.olx-price-unit{color:#64748b;margin-left:2px;font-size:.82rem;font-weight:600}.olx-price-original{color:#94a3b8;margin-left:8px;font-size:.85rem;text-decoration:line-through}.olx-card-location-row{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:8px;padding:6px 0 10px;font-size:.74rem;display:flex}.olx-loc-snippet,.olx-time-snippet{align-items:center;gap:3px;display:flex}.olx-card-action-bar{align-items:center;gap:8px;margin-top:auto;display:flex}.btn-card-compare-quick{color:#0284c7;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .15s;display:flex}.btn-card-compare-quick:hover{background-color:#e0f2fe;border-color:#0284c7}.olx-bottom-sell-banner{background-color:#fff;padding:40px 0}.olx-seller-cta-card{background:linear-gradient(135deg,#f8fafc 0%,#edf2f7 100%);border:2px dashed #cbd5e1;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;padding:36px;display:flex}.seller-cta-content{flex:1}.seller-badge{color:#b45309;background-color:#fef3c7;border-radius:9999px;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:800;display:inline-block}.seller-cta-content h2{color:#002f34;margin:0 0 10px;font-size:1.8rem;font-weight:900}.seller-cta-content p{color:#475569;max-width:650px;margin:0 0 20px;font-size:.98rem;line-height:1.6}.seller-perks-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.perk-item{color:#0f172a;align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.seller-action-buttons{align-items:center;gap:14px;display:flex}.btn-seller-big-cta{color:#002f34;cursor:pointer;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#002f34 0%,#23e5db 40%,#ffce32 75%,#dfa839 100%);background-origin:border-box;background-clip:padding-box,border-box;border:4px solid #0000;border-radius:9999px;align-items:center;gap:8px;padding:14px 28px;font-size:1.02rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px #0003}.btn-seller-big-cta:hover{transform:scale(1.05);box-shadow:0 8px 26px #23e5db66}.btn-seller-dashboard-cta{color:#fff;background-color:#002f34;border-radius:8px;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:800;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn-seller-dashboard-cta:hover{color:#071526;background-color:#dfa839}.seller-cta-graphic{border-radius:12px;flex-shrink:0;width:260px;height:200px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.seller-graphic-img{object-fit:cover;width:100%;height:100%}.olx-sell-flow-page{background-color:#f8fafc;min-height:100vh}.olx-sell-header-strip{color:#fff;background:linear-gradient(135deg,#002f34 0%,#071526 100%);border-bottom:2px solid #dfa839;padding:24px 0}.olx-sell-page-title{margin:4px 0 2px;font-size:1.6rem;font-weight:900}.olx-sell-page-sub{color:#cbd5e1;margin:0;font-size:.9rem}.olx-dealer-badge{color:#f7d77b;background-color:#ffffff1a;border:1px solid #dfa83966;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.olx-stepper-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 24px;box-shadow:0 2px 8px #0000000a}.olx-stepper-inner{justify-content:space-between;align-items:center;display:flex}.olx-step-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:6px;display:flex}.step-num{color:#64748b;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex}.step-text{color:#64748b;font-size:.92rem;font-weight:700}.olx-step-btn.active .step-num{color:#fff;background-color:#002f34;box-shadow:0 2px 8px #002f3459}.olx-step-btn.active .step-text{color:#002f34;font-weight:800}.olx-step-btn.completed .step-num{color:#fff;background-color:#10b981}.step-connector{background-color:#e2e8f0;flex:1;height:2px;margin:0 16px}.olx-sell-grid-layout{grid-template-columns:1fr 380px;gap:24px;display:grid}.olx-sell-card-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;box-shadow:0 4px 12px #0000000a}.card-box-header{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.card-box-header h3{color:#002f34;margin:0 0 2px;font-size:1.25rem;font-weight:800}.card-box-header p{color:#64748b;margin:0;font-size:.88rem}.olx-sell-categories-picker{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.olx-cat-pick-card{text-align:center;cursor:pointer;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex;position:relative}.olx-cat-pick-card:hover{background-color:#f8fafc;border-color:#002f34;transform:translateY(-2px)}.olx-cat-pick-card.selected{background-color:#f0fdf4;border-color:#002f34}.cat-pick-icon-circle{color:#002f34;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:flex}.cat-pick-unit{color:#64748b;margin-top:4px;font-size:.72rem}.cat-pick-check{color:#10b981;font-weight:800;position:absolute;top:8px;right:8px}.btn-olx-post-now-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#002f34 0%,#064e3b 100%);border:2px solid #10b981;border-radius:8px;align-items:center;gap:8px;padding:14px 30px;font-size:1.05rem;font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #10b98159}.btn-olx-post-now-btn:hover{color:#071526;background:#10b981;transform:translateY(-2px);box-shadow:0 8px 24px #10b98180}.olx-live-preview-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;position:sticky;top:130px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.preview-card-header{color:#fff;background-color:#002f34;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:800;display:flex}.preview-card-body{padding:16px}.badge-city-toggle{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:9999px;padding:4px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.badge-city-toggle.selected{color:#fff;background-color:#002f34;border-color:#002f34}.sell-success-icon-wrap{background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex}@media (width<=1100px){.olx-cat-icon-grid{grid-template-columns:repeat(4,1fr)}.olx-products-cards-grid{grid-template-columns:repeat(3,1fr)}.olx-sell-grid-layout{grid-template-columns:1fr}.olx-live-preview-card{position:static}.mega-menu-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.olx-location-pill,.olx-action-icon-btn{display:none}.olx-cat-icon-grid{grid-template-columns:repeat(3,1fr)}.olx-products-cards-grid{grid-template-columns:repeat(2,1fr)}.olx-contest-banner-card{flex-direction:column;align-items:flex-start}.olx-banner-right{justify-content:flex-start;width:100%}.olx-seller-cta-card{flex-direction:column}.seller-cta-graphic{width:100%;height:160px}.mobile-header-menu-btn{display:flex}}@media (width<=520px){.olx-cat-icon-grid{grid-template-columns:repeat(2,1fr)}.olx-products-cards-grid{grid-template-columns:1fr}.olx-sell-categories-picker{grid-template-columns:repeat(2,1fr)}}.auth-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.auth-modal-card{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:460px;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000059}.auth-modal-card.supplier-onboarding-card{max-width:680px;max-height:90vh;overflow-y:auto}.auth-modal-close{cursor:pointer;color:#475569;z-index:10;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.auth-modal-close:hover{color:#fff;background-color:#ef4444}.auth-carousel-container{text-align:center;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;padding:24px 20px 16px;position:relative}.carousel-slide-content{flex-direction:column;align-items:center;display:flex}.carousel-icon-bubble{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:10px;display:flex}.carousel-title{color:#0f172a;margin:0 0 4px;font-size:1.05rem;font-weight:800;line-height:1.3}.carousel-subtitle{color:#64748b;max-width:320px;margin:0 0 12px;font-size:.82rem}.carousel-dots-row{justify-content:center;gap:6px;display:flex}.carousel-dot{cursor:pointer;background-color:#cbd5e1;border-radius:50%;width:8px;height:8px;transition:all .2s}.carousel-dot.active{background-color:#0f2744;border-radius:9999px;width:20px}.carousel-nav-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:8px;transition:color .15s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav-btn:hover{color:#0f2744}.carousel-nav-btn.prev-btn{left:8px}.carousel-nav-btn.next-btn{right:8px}.auth-role-tabs{background-color:#fff;gap:8px;padding:12px 20px 0;display:flex}.auth-role-pill{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.84rem;font-weight:700;transition:all .15s;display:flex}.auth-role-pill:hover{background-color:#f1f5f9;border-color:#cbd5e1}.auth-role-pill.active{color:#fff;background-color:#0f2744;border-color:#0f2744}.auth-modal-body{padding:16px 20px;overflow-y:auto}.quick-demo-login-card{cursor:pointer;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #86efac;border-radius:12px;margin-bottom:12px;padding:12px 14px;transition:all .15s}.quick-demo-login-card:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 14px #22c55e40}.quick-demo-login-card .demo-badge{letter-spacing:.6px;color:#15803d;align-items:center;gap:4px;margin-bottom:6px;font-size:.68rem;font-weight:800;display:inline-flex}.quick-demo-login-card .demo-user-row{align-items:center;gap:10px;display:flex}.quick-demo-login-card .demo-avatar{color:#fff;background-color:#16a34a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.92rem;font-weight:800;display:flex}.quick-demo-login-card strong{color:#0f172a;font-size:.88rem;display:block}.quick-demo-login-card small{color:#475569;font-size:.74rem}.btn-auth-option{cursor:pointer;color:#0f2744;background-color:#fff;border:1.5px solid #0f2744;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:12px 16px;font-size:.92rem;font-weight:700;transition:all .15s;display:flex}.btn-auth-option:hover{color:#fff;background-color:#0f2744}.auth-or-divider{text-align:center;color:#94a3b8;align-items:center;margin:12px 0;font-size:.78rem;font-weight:700;display:flex}.auth-or-divider:before,.auth-or-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.auth-or-divider span{padding:0 10px}.btn-auth-text-link{color:#0f2744;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:.86rem;font-weight:700;transition:color .15s;display:flex}.btn-auth-text-link:hover{color:#dfa839;text-decoration:underline}.btn-auth-back{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:12px;padding:0;font-size:.82rem;font-weight:700;display:inline-flex}.btn-auth-back:hover{color:#0f2744}.auth-step-heading{color:#0f172a;margin-bottom:14px;font-size:1rem;font-weight:800}.phone-input-wrap{border:2px solid #cbd5e1;border-radius:10px;align-items:center;height:48px;margin-bottom:14px;padding:0 12px;transition:border-color .15s;display:flex}.phone-input-wrap:focus-within{border-color:#0f2744}.phone-country-code{color:#0f2744;border-right:1px solid #cbd5e1;padding-right:10px;font-size:.95rem;font-weight:800}.auth-phone-input{letter-spacing:1px;border:none;outline:none;width:100%;padding-left:10px;font-size:1.05rem;font-weight:700}.auth-otp-input{text-align:center;letter-spacing:6px;border:2px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:48px;font-size:1.4rem;font-weight:800}.auth-otp-input:focus{border-color:#0f2744}.alert-demo-otp-banner{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.8rem;display:flex}.btn-auth-primary{color:#fff;cursor:pointer;background-color:#0f2744;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 18px;font-size:.92rem;font-weight:800;transition:background-color .15s;display:flex}.btn-auth-primary:hover{background-color:#1e3a5f}.auth-modal-footer{text-align:center;background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 20px}.privacy-notice-text{color:#64748b;margin:0 0 2px;font-size:.72rem}.terms-links{color:#94a3b8;margin:0;font-size:.68rem}.supplier-steps-progress-bar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;gap:12px;padding:14px 20px;display:flex}.step-badge-item{color:#94a3b8;align-items:center;gap:6px;font-size:.84rem;font-weight:700;display:flex}.step-badge-item.active{color:#0f2744}.step-badge-item.completed{color:#16a34a}.step-badge-item .step-num{color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.76rem;font-weight:800;display:flex}.step-badge-item.active .step-num{color:#fff;background-color:#0f2744}.step-badge-item.completed .step-num{color:#fff;background-color:#16a34a}.step-arrow-line{color:#cbd5e1;font-weight:700}.supplier-onboarding-step1,.supplier-onboarding-step2{max-height:calc(88vh - 70px);overflow-y:auto}.capability-feature-card{border-radius:12px;transition:all .2s}.capability-feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014;border-color:#dfa839!important}.supplier-portal-shell{background-color:#f1f5f9;width:100%;min-height:calc(100vh - 56px);display:flex}.supplier-portal-sidebar{z-index:100;background-color:#0b1e36;border-right:1px solid #dfa83933;flex-direction:column;width:260px;min-width:260px;height:calc(100vh - 56px);padding:20px 14px;display:flex;position:sticky;top:56px;overflow-y:auto;box-shadow:2px 0 12px #00000026}.supplier-sidebar-profile{background:#ffffff0f;border:1px solid #dfa8394d;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.depot-avatar{background:#dfa83926;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.depot-info{overflow:hidden}.depot-tag{letter-spacing:.6px;color:#dfa839;margin-bottom:2px;font-size:.65rem;font-weight:800;display:block}.depot-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;overflow:hidden}.depot-owner{color:#94a3b8;margin-top:2px;font-size:.72rem;display:block}.supplier-sidebar-nav{flex-direction:column;flex:1;display:flex}.sidebar-nav-list{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav-item{width:100%}.sidebar-nav-link{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-link:hover{color:#fff;background-color:#ffffff14}.sidebar-nav-link.active{color:#071526;background-color:#dfa839;font-weight:800;box-shadow:0 2px 8px #dfa83959}.sidebar-nav-link.active .nav-icon{color:#071526}.sidebar-nav-link.highlight-gold{color:#dfa839}.sidebar-nav-link.highlight-gold:hover{color:#f7d77b;background-color:#dfa83926}.nav-icon{color:#94a3b8;flex-shrink:0;transition:color .15s}.sidebar-nav-link:hover .nav-icon{color:#dfa839}.nav-label{flex:1}.nav-badge-pill{color:#071526;background-color:#dfa839;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:800}.btn-sidebar-logout{color:#f87171!important}.btn-sidebar-logout:hover{color:#ef4444!important;background-color:#ef444426!important}.sidebar-bottom-switch{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:14px}.btn-switch-to-customer{color:#f7d77b;cursor:pointer;background:#dfa8391f;border:1px solid #dfa83959;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.btn-switch-to-customer:hover{color:#071526;background:#dfa839}.supplier-portal-main{flex:1;max-width:1400px;padding:28px 36px;overflow-y:auto}.supplier-top-title-bar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.sup-badge-pill{color:#0f2744;letter-spacing:.6px;background:#0f274414;border-radius:4px;margin-bottom:6px;padding:3px 8px;font-size:.72rem;font-weight:800;display:inline-block}.supplier-top-title-bar h1{color:#0f172a;margin:0 0 4px;font-size:1.65rem;font-weight:800}.supplier-top-title-bar p{color:#64748b;margin:0;font-size:.88rem}.supplier-breadcrumb{color:#94a3b8;margin-bottom:6px;font-size:.8rem}.supplier-breadcrumb a{color:#0f2744;font-weight:600;text-decoration:none}.supplier-breadcrumb span{color:#475569;font-weight:700}.sup-kpi-grid-6{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.sup-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000008}.sup-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.kpi-icon-pill{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-icon-pill.bg-blue{color:#2563eb;background-color:#eff6ff}.kpi-icon-pill.bg-green{color:#16a34a;background-color:#f0fdf4}.kpi-icon-pill.bg-red{color:#dc2626;background-color:#fef2f2}.kpi-icon-pill.bg-gold{color:#ca8a04;background-color:#fefce8}.kpi-icon-pill.bg-amber{color:#d97706;background-color:#fffbeb}.kpi-icon-pill.bg-teal{color:#0d9488;background-color:#f0fdfa}.kpi-info{flex-direction:column;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:700}.kpi-val{color:#0f172a;margin:2px 0 0;font-size:1.6rem;font-weight:800;line-height:1.1}.kpi-sub{color:#94a3b8;margin-top:3px;font-size:.72rem}.alert-low-stock-banner{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:.88rem;display:flex}.btn-alert-link{color:#b45309;white-space:nowrap;font-size:.84rem;font-weight:700;text-decoration:none}.btn-alert-link:hover{text-decoration:underline}.supplier-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #00000008}.supplier-card-header{background-color:#fafbfc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.supplier-card-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.metric-pill-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:14px 16px;transition:all .15s;display:flex}.metric-pill-card:hover,.metric-pill-card.active{border-color:#0f2744;box-shadow:0 4px 12px #0f274414}.metric-pill-title{color:#64748b;margin-bottom:4px;font-size:.76rem;font-weight:700}.metric-pill-val{color:#0f172a;font-size:1.4rem;font-weight:800}.supplier-dashboard-shortcuts-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.dashboard-shortcut-btn.highlight:hover{filter:brightness(1.1);color:#fff}.sup-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 2px 8px #00000008}.sup-card-head h3{color:#0f172a;font-size:1.15rem;font-weight:800}.sup-data-table{border-collapse:collapse;width:100%;font-size:.88rem}.sup-data-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.4px;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 14px;font-size:.8rem;font-weight:700}.sup-data-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:14px}.sup-data-table tbody tr:hover{background-color:#fafbfc}.sup-status-pill{letter-spacing:.3px;text-transform:capitalize;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.sup-status-pill.status-pending{color:#b45309;background-color:#fef3c7}.sup-status-pill.status-accepted{color:#1d4ed8;background-color:#eff6ff}.sup-status-pill.status-processing{color:#7e22ce;background-color:#f3e8ff}.sup-status-pill.status-shipped{color:#c2410c;background-color:#ffedd5}.sup-status-pill.status-delivered{color:#15803d;background-color:#dcfce7}.sup-status-pill.status-rejected{color:#b91c1c;background-color:#fee2e2}.btn-xs{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.76rem;font-weight:700;transition:all .12s}.btn-xs.btn-success{color:#fff;background-color:#16a34a}.btn-xs.btn-success:hover{background-color:#15803d}.btn-xs.btn-danger{color:#fff;background-color:#dc2626}.btn-xs.btn-danger:hover{background-color:#b91c1c}.btn-xs.btn-primary{color:#fff;background-color:#0f2744}.btn-xs.btn-primary:hover{background-color:#1e3a5f}.btn-xs.btn-warning{color:#000;background-color:#f59e0b}.btn-xs.btn-warning:hover{background-color:#d97706}.supplier-portal-content{width:100%}.row{flex-wrap:wrap;margin-left:-12px;margin-right:-12px;display:flex}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-left:12px;padding-right:12px}.g-0{margin-left:0;margin-right:0}.g-0>*{padding-left:0;padding-right:0}.g-1{margin-left:-4px;margin-right:-4px}.g-1>*{margin-bottom:8px;padding-left:4px;padding-right:4px}.g-2{margin-left:-8px;margin-right:-8px}.g-2>*{margin-bottom:12px;padding-left:8px;padding-right:8px}.g-3{margin-left:-12px;margin-right:-12px}.g-3>*{margin-bottom:16px;padding-left:12px;padding-right:12px}.g-4{margin-left:-16px;margin-right:-16px}.g-4>*{margin-bottom:24px;padding-left:16px;padding-right:16px}.col-12{flex:0 0 100%;max-width:100%}.col-6{flex:0 0 50%;max-width:50%}@media (width>=768px){.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-12{flex:0 0 100%;max-width:100%}.text-md-end{text-align:right!important}.justify-content-md-end{justify-content:flex-end!important}}@media (width>=992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-12{flex:0 0 100%;max-width:100%}}.form-group{flex-direction:column;width:100%;margin-bottom:1.25rem;display:flex}.form-label{color:#1e293b;letter-spacing:.2px;margin-bottom:7px;font-size:.88rem;font-weight:700;display:block}.form-control,.form-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:44px;padding:10px 14px;font-family:inherit;font-size:.92rem;font-weight:500;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}textarea.form-control{resize:vertical;height:auto;min-height:96px}.form-control:focus,.form-select:focus{background-color:#fff;border-color:#dfa839;box-shadow:0 0 0 3px #dfa83933}.form-control::placeholder{color:#94a3b8;font-weight:400}.form-control-sm,.form-select-sm{border-radius:6px;height:36px;padding:6px 10px;font-size:.82rem}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23334155' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:14px 10px;padding-right:38px}.input-group{flex-wrap:nowrap;align-items:stretch;width:100%;display:flex;position:relative}.input-group>.form-control,.input-group>.form-select{flex:auto;width:1%;min-width:0;position:relative}.input-group>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.input-group-text{color:#475569;text-align:center;white-space:nowrap;background-color:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;padding:10px 16px;font-size:.92rem;font-weight:700;display:flex}.input-group-text.bg-white{background-color:#fff}.supplier-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.supplier-card:hover{box-shadow:0 8px 24px #0f172a12}.card-header-styled{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:14px;padding:16px 24px;display:flex}.card-header-styled.bg-light{background:#f8fafc}.card-header-styled h3,.card-header-styled h4,.card-header-styled .h5,.card-header-styled .h6{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.card-header-styled small{color:#64748b;margin-top:2px;font-size:.8rem;display:block}.card-body{padding:24px}.card-body.p-3{padding:16px!important}.card-body.p-4{padding:24px!important}.specs-editor-block{border-top:1px dashed #e2e8f0;margin-top:14px;padding-top:18px}.specs-editor-block .form-control{height:40px}.btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;line-height:1.4;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary{color:#fff;background-color:#0b1e36;border-color:#0b1e36}.btn-primary:hover{color:#fff;background-color:#122b4d;border-color:#122b4d;transform:translateY(-1px);box-shadow:0 4px 14px #0b1e3640}.btn-secondary{color:#1e293b;background-color:#f1f5f9;border-color:#cbd5e1}.btn-secondary:hover{color:#0f172a;background-color:#e2e8f0;border-color:#94a3b8}.btn-outline{color:#334155;background-color:#fff;border:1.5px solid #cbd5e1}.btn-outline:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.8rem}.btn-light{color:#334155;background-color:#f8fafc;border:1.5px solid #e2e8f0}.btn-light:hover{background-color:#f1f5f9;border-color:#cbd5e1}.btn-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:4px 8px;text-decoration:underline}.product-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.sticky-top{z-index:10;position:sticky}.table{border-collapse:collapse;text-align:left;width:100%}.table th,.table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px 16px}.table thead th,.table-light{text-transform:uppercase;letter-spacing:.5px;color:#475569;background-color:#f8fafc;font-size:.76rem;font-weight:800}.table-sm th,.table-sm td{padding:8px 12px;font-size:.85rem}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid #e2e8f0}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.badge{white-space:nowrap;border-radius:6px;align-items:center;padding:4px 10px;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.badge.bg-primary{color:#fff;background-color:#0b1e36}.badge.bg-secondary{color:#fff;background-color:#64748b}.badge.bg-light{color:#1e293b;background-color:#f1f5f9}.badge.bg-warning{color:#854d0e;background-color:#fef08a}.badge.bg-success{color:#15803d;background-color:#dcfce7}.badge.bg-danger{color:#991b1b;background-color:#fee2e2}.badge.bg-info{color:#0369a1;background-color:#e0f2fe}.badge.bg-secondary-subtle{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.bg-gold-subtle{color:#ca8a04;background-color:#fefce8}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1050;background:#0b1e36bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-dialog{background:#fff;border-radius:18px;width:100%;max-width:520px;animation:.25s cubic-bezier(.16,1,.3,1) modalPopIn;overflow:hidden;box-shadow:0 24px 48px #00000047}.modal-dialog.modal-lg{max-width:820px}.modal-dialog.modal-md{max-width:580px}.modal-dialog.modal-sell-dialog{max-width:480px}.modal-content{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden}.modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 22px}.modal-body{padding:24px;overflow-y:auto}.modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 22px}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.sell-success-icon-wrap{background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex;box-shadow:0 8px 20px #16a34a33}.supplier-dashboard-shortcuts-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-shortcut-btn{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.dashboard-shortcut-btn:hover{color:#0b1e36;border-color:#dfa839;transform:translateY(-2px);box-shadow:0 6px 16px #dfa83926}.dashboard-shortcut-btn.highlight{color:#f7d77b;background:linear-gradient(135deg,#0b1e36 0%,#15325b 100%);border-color:#dfa83966}.dashboard-shortcut-btn.highlight:hover{color:#fff;background:linear-gradient(135deg,#10294b 0%,#1e4479 100%);border-color:#dfa839;box-shadow:0 6px 20px #0b1e364d}.sup-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 2px 10px #00000008}.sup-section-card.max-w-4xl{max-width:900px}.sup-card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-form-grid{flex-direction:column;gap:20px;display:flex}.form-row-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.form-row-2col{grid-template-columns:1fr}}.input-with-icon{align-items:center;width:100%;display:flex;position:relative}.input-with-icon .field-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.input-with-icon input{box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:44px;padding:10px 14px 10px 42px;font-size:.92rem;transition:all .2s}.metric-pill-card{-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:14px 18px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000005}.metric-pill-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.metric-pill-card.active{background:#fffdfa;border-color:#dfa839;box-shadow:0 0 0 2px #dfa83940}.metric-pill-title{text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:700}.metric-pill-val{font-size:1.5rem;font-weight:800;line-height:1}.alert{border-radius:8px;padding:12px 16px;font-size:.88rem}.alert-info{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe}.alert-warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.d-flex{display:flex!important}.d-block{display:block!important}.d-inline-flex{display:inline-flex!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.align-items-baseline{align-items:baseline!important}.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:16px!important}.gap-4{gap:24px!important}.w-100{width:100%!important}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-muted{color:#64748b!important}.text-dark{color:#0f172a!important}.text-white{color:#fff!important}.text-primary{color:#0b1e36!important}.text-secondary{color:#475569!important}.text-danger{color:#dc2626!important}.text-gold{color:#dfa839!important}.fw-bold{font-weight:700!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.m-0{margin:0!important}.m-2{margin:8px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.mb-4{margin-bottom:24px!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:16px!important}.mt-4{margin-top:24px!important}.mt-auto{margin-top:auto!important}.ms-2{margin-left:8px!important}.me-1{margin-right:4px!important}.me-2{margin-right:8px!important}.p-2{padding:8px!important}.p-3{padding:16px!important}.p-4{padding:24px!important}.px-3{padding-left:16px!important;padding-right:16px!important}.px-4{padding-left:24px!important;padding-right:24px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-3{padding-top:16px!important;padding-bottom:16px!important}.py-4{padding-top:24px!important;padding-bottom:24px!important}.py-5{padding-top:40px!important;padding-bottom:40px!important}.pt-2{padding-top:8px!important}.pt-3{padding-top:16px!important}.pb-3{padding-bottom:16px!important}.bg-white{background-color:#fff!important}.bg-light{background-color:#f8fafc!important}.rounded{border-radius:10px!important}.border{border:1px solid #e2e8f0!important}.border-top{border-top:1px solid #e2e8f0!important}.border-bottom{border-bottom:1px solid #e2e8f0!important}.shadow-sm{box-shadow:0 2px 8px #0f172a0d!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.top-0{top:0!important}.start-0{left:0!important}.end-0{right:0!important}.bottom-0{bottom:0!important}.h4{font-weight:700;font-size:1.35rem!important}.h5{font-weight:700;font-size:1.15rem!important}.h6{font-weight:700;font-size:.98rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.4rem!important}.fs-5{font-size:1.15rem!important}.small{font-size:.82rem!important}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1 0 auto}.text-info{color:#38bdf8}.text-warning{color:#fbbf24}.text-success{color:#4ade80}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-sm{padding:.5rem .85rem;font-size:.85rem}.btn-md{padding:.75rem 1.35rem;font-size:.95rem}.btn-lg{padding:.95rem 1.85rem;font-size:1.05rem}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-orange);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background-color:#c2410c;transform:translateY(-1px)}.btn-outline{border-color:var(--border-medium);color:var(--text-main);background-color:#0000}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.btn-outline-white{color:#fff;background-color:#0000;border-color:#fff6}.btn-outline-white:hover:not(:disabled){background-color:#ffffff1a;border-color:#fff}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-alt);color:var(--color-primary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon-left,.btn-icon-right{align-items:center;display:inline-flex}.site-header{z-index:1000;background-color:var(--bg-card);transition:box-shadow var(--transition-normal);position:sticky;top:0}.header-scrolled{box-shadow:var(--shadow-md)}.top-bar{background-color:var(--color-secondary);color:var(--text-light);border-bottom:1px solid var(--border-dark);padding:.4rem 0;font-size:.78rem}.top-bar-inner{justify-content:space-between;align-items:center;display:flex}.top-bar-left,.top-bar-right{align-items:center;gap:.75rem;display:flex}.top-info-item,.top-contact{color:#cbd5e1;align-items:center;gap:.4rem;display:flex}.top-contact:hover,.top-link:hover,.top-icon{color:var(--color-primary)}.top-divider{color:var(--border-dark)}.main-navbar{border-bottom:1px solid var(--border-light);background-color:#fff;padding:1rem 0}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon-wrap{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #d977064d}.logo-text-wrap{flex-direction:column;display:flex}.logo-brand{font-family:var(--font-heading);color:var(--color-secondary);letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.1}.logo-accent{color:var(--color-primary)}.logo-tagline{letter-spacing:.12em;color:var(--text-muted);font-size:.65rem;font-weight:700}.navbar-search{flex:1;max-width:580px}.search-input-wrapper{background-color:var(--bg-alt);border:1.5px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;display:flex;overflow:hidden}.search-input-wrapper:focus-within{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #d9770626}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:.65rem 1rem;font-size:.9rem}.search-input::placeholder{color:var(--text-light)}.search-btn{background:var(--color-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;padding:.65rem 1.1rem;display:flex}.search-btn:hover{background:var(--color-primary-hover)}.navbar-actions{align-items:center;gap:1.25rem;display:flex}.action-cart-btn{color:var(--color-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast);align-items:center;gap:.75rem;padding:.4rem .6rem;text-decoration:none;display:flex}.action-cart-btn:hover{background-color:var(--bg-alt)}.cart-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.cart-badge{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-full);border:2px solid #fff;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 4px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:-8px;right:-10px}.cart-info-desktop{flex-direction:column;display:flex}.action-label{color:var(--text-muted);font-size:.75rem;line-height:1}.cart-items-text{color:var(--color-secondary);font-size:.85rem;font-weight:700}.auth-buttons-desktop{align-items:center;gap:.5rem;display:flex}.mobile-menu-toggle{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;display:none}.navbar-nav-bar{border-bottom:1px solid var(--border-light);background-color:#fff}.nav-bar-container{justify-content:space-between;align-items:center;display:flex}.nav-links-list{gap:.25rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:all var(--transition-fast);padding:.85rem 1.1rem;font-size:.92rem;font-weight:600;display:block;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";background-color:var(--color-primary);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:0;left:1.1rem;right:1.1rem}.bulk-order-pill{color:var(--color-primary-dark);background-color:var(--color-primary-light);border-radius:var(--radius-full);padding:.35rem .85rem;font-size:.8rem;font-weight:600}.mobile-drawer-overlay{z-index:2000;background-color:#0f172a99;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mobile-drawer{width:85%;max-width:340px;height:100%;box-shadow:var(--shadow-xl);background-color:#fff;flex-direction:column;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideLeft;display:flex}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.drawer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem}.mobile-search-form{margin-bottom:1.5rem}.mobile-nav-links{flex-direction:column;gap:.5rem;margin-bottom:2rem;list-style:none;display:flex}.mobile-nav-links a{color:var(--text-main);border-bottom:1px solid var(--border-light);padding:.75rem .5rem;font-size:1.05rem;font-weight:600;display:block}.mobile-nav-links a.active{color:var(--color-primary);font-weight:700}.mobile-drawer-auth{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}@media (width<=992px){.top-bar,.navbar-nav-bar,.navbar-search,.cart-info-desktop,.auth-buttons-desktop{display:none}.mobile-menu-toggle{display:flex}}.category-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);transform:translateY(-6px)}.category-image-wrap{background-color:var(--bg-alt);width:100%;height:180px;position:relative;overflow:hidden}.category-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.category-card:hover .category-img{transform:scale(1.08)}.category-overlay{transition:opacity var(--transition-normal);background:linear-gradient(#0f172a1a 0%,#0f172abf 100%);position:absolute;inset:0}.category-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);letter-spacing:.02em;background:#0f172abf;border:1px solid #fff3;padding:.25rem .65rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.category-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.category-title{color:var(--color-secondary);transition:color var(--transition-fast);margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.category-card:hover .category-title{color:var(--color-primary)}.category-tagline{color:var(--text-muted);flex:1;margin-bottom:1rem;font-size:.85rem;line-height:1.4}.category-explore-link{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:.5rem;margin-top:auto;font-size:.85rem;font-weight:700;display:flex}.category-arrow{transition:transform var(--transition-fast)}.category-card:hover .category-arrow{transform:translate(4px)}.product-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);transform:translateY(-4px)}.product-card-badges{z-index:2;flex-direction:column;gap:.35rem;display:flex;position:absolute;top:.75rem;left:.75rem}.product-card-img-link{background-color:var(--bg-alt);display:block;overflow:hidden}.product-card-img-wrap{width:100%;height:220px;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-card-img{transform:scale(1.06)}.product-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.product-card-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.product-card-category{text-transform:uppercase;color:var(--color-primary);letter-spacing:.05em;font-size:.75rem;font-weight:700}.product-card-rating{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:flex}.star-icon.filled{fill:#f59e0b;color:#f59e0b}.reviews-cnt{color:var(--text-light);font-size:.75rem}.product-card-title{margin-bottom:.5rem;font-size:1.05rem;font-weight:700;line-height:1.35}.product-card-title a{color:var(--color-secondary);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card-title a:hover{color:var(--color-primary)}.product-stock-status{color:var(--color-success);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:flex}.product-card-pricing{align-items:baseline;gap:.65rem;margin-top:auto;margin-bottom:1.25rem;display:flex}.price-main{color:var(--color-secondary);align-items:baseline;display:flex}.price-currency{margin-right:.15rem;font-size:1rem;font-weight:700}.price-amount{font-size:1.35rem;font-weight:800;font-family:var(--font-heading)}.price-unit{color:var(--text-muted);margin-left:.25rem;font-size:.8rem;font-weight:500}.price-original{color:var(--text-light);font-size:.85rem;font-weight:500;text-decoration:line-through}.product-card-actions{grid-template-columns:1fr 1.3fr;gap:.5rem;display:grid}.home-page{flex-direction:column;display:flex}.section-padding{padding:5rem 0}.bg-alt{background-color:var(--bg-alt)}.section-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;display:flex}.center-header{flex-direction:column;align-items:center;max-width:760px;margin-left:auto;margin-right:auto}.section-sub{letter-spacing:.1em;color:var(--color-primary);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:800;display:inline-block}.section-title{color:var(--color-secondary);font-size:2.35rem;font-weight:800;line-height:1.2}.section-desc{color:var(--text-muted);margin-top:.65rem;font-size:1.05rem;line-height:1.6}.view-all-link{color:var(--color-primary);white-space:nowrap;transition:gap var(--transition-fast);align-items:center;gap:.35rem;font-size:.95rem;font-weight:700;display:inline-flex}.view-all-link:hover{gap:.6rem}.hero-section{background-color:var(--color-secondary);color:#fff;padding:5rem 0 6rem;position:relative;overflow:hidden}.hero-backdrop{pointer-events:none;background:radial-gradient(circle at 10% 20%,#d977062e 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ea580c26 0%,#0000 45%),linear-gradient(#0b192c 0%,#060d17 100%);position:absolute;inset:0}.hero-container{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.hero-content{flex-direction:column;display:flex}.hero-badge{color:#fbbf24;border-radius:var(--radius-full);background-color:#d9770626;border:1px solid #d9770666;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.power-by-badge{color:#fff;font-weight:800}.badge-divider{color:#fff6}.hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:1.25rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-highlight{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:#94a3b8;max-width:580px;margin-bottom:2.25rem;font-size:1.15rem;line-height:1.6}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:3.5rem;display:flex}.hero-stats-row{border-top:1px solid #ffffff1a;align-items:center;gap:1.75rem;padding-top:1.75rem;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat-num{color:#fff;font-size:1.6rem;font-weight:800;font-family:var(--font-heading)}.hero-stat-label{color:#94a3b8;font-size:.8rem;font-weight:500}.hero-stat-divider{background-color:#ffffff26;width:1px;height:36px}.hero-visual{position:relative}.hero-card-main{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #ffffff1a;position:relative;overflow:visible}.hero-main-img{object-fit:cover;border-radius:var(--radius-xl);width:100%;height:480px}.hero-floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:#fff;background:#0b192ce0;border:1px solid #ffffff26;align-items:center;gap:.85rem;padding:.85rem 1.25rem;display:flex;position:absolute}.hero-floating-card h4{color:#fff;margin-bottom:.15rem;font-size:.92rem;font-weight:700}.hero-floating-card p{color:#94a3b8;font-size:.78rem}.top-float{top:-24px;right:-24px}.bottom-float{bottom:-24px;left:-24px}.float-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.float-icon-wrap.amber{color:#f59e0b;background-color:#d9770640}.float-icon-wrap.green{color:#22c55e;background-color:#16a34a40}.partners-strip{border-bottom:1px solid var(--border-dark);background-color:#07101c;padding:1.25rem 0}.partners-label{letter-spacing:.1em;color:#64748b;text-align:center;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.partners-logos{color:#cbd5e1;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;font-size:.92rem;font-weight:600;display:flex}.partner-dot{color:#475569}.how-it-works-section{background-color:#fff}.workflow-steps-grid{grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-bottom:4.5rem;display:grid}.workflow-step-card{border:1.5px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;background-color:#f8fafc;flex-direction:column;padding:1.25rem 1rem 1rem;display:flex;position:relative}.workflow-step-card:hover,.workflow-step-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-lg);background-color:#fff;transform:translateY(-4px)}.step-num-badge{border-radius:var(--radius-full);background-color:var(--color-secondary);color:#fff;width:28px;height:28px;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast);border:2px solid #fff;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex;position:absolute;top:-14px;left:1rem}.workflow-step-card.active .step-num-badge,.workflow-step-card:hover .step-num-badge{background-color:var(--color-primary)}.step-title{color:var(--color-secondary);min-height:42px;margin-top:.35rem;margin-bottom:.5rem;font-size:.95rem;font-weight:700}.step-desc{color:var(--text-muted);min-height:64px;margin-bottom:1rem;font-size:.78rem;line-height:1.45}.step-mockup-preview{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#fff;flex-direction:column;gap:.4rem;margin-top:auto;padding:.65rem;font-size:.72rem;display:flex;box-shadow:inset 0 1px 3px #00000008}.mockup-header{color:var(--color-secondary);border-bottom:1px solid var(--border-light);align-items:center;gap:.35rem;padding-bottom:.35rem;font-size:.68rem;font-weight:800;display:flex}.mockup-body{flex-direction:column;gap:.35rem;display:flex}.mockup-prompt-label{color:var(--text-light);font-size:.65rem}.mockup-prompt-bubble{background-color:var(--bg-alt);color:var(--color-secondary);border-radius:4px;padding:.35rem .5rem;font-size:.68rem;font-style:italic}.mockup-btn-fake{background-color:var(--color-primary);color:#fff;text-align:center;border-radius:4px;padding:.3rem 0;font-size:.68rem;font-weight:700}.mockup-spec-pill{background-color:#f1f5f9;border-radius:4px;padding:.25rem .45rem;font-size:.68rem;font-weight:600}.mockup-spec-pill.highlight{color:#15803d;background-color:#dcfce7}.supplier-bid-item,.compare-item{background-color:#f8fafc;border-radius:4px;justify-content:space-between;align-items:center;padding:.25rem .45rem;display:flex}.compare-item.best-deal{background-color:#fef3c7;border:1px solid #fde68a}.bid-status.ready{color:#16a34a;font-weight:700}.deal-tag{background-color:var(--color-primary);color:#fff;border-radius:3px;padding:.1rem .35rem;font-size:.6rem;font-weight:800}.timeline-body{flex-direction:column;gap:.25rem;display:flex}.timeline-node{border-radius:3px;padding:.2rem .4rem;font-size:.68rem}.timeline-node.done{color:#15803d;background-color:#f0fdf4}.timeline-node.current{color:var(--color-primary-dark);background-color:var(--color-primary-light);font-weight:700}.ecosystem-pillars-grid{grid-template-columns:1.15fr 1fr 1.15fr;gap:2rem;display:grid}.ecosystem-card{border:1.5px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background-color:#fff;flex-direction:column;padding:2.25rem 1.75rem;display:flex}.ecosystem-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);transform:translateY(-4px)}.card-top-header{margin-bottom:1.5rem}.card-top-header h3{color:var(--color-secondary);margin-top:.75rem;margin-bottom:.4rem;font-size:1.28rem}.card-tagline{color:var(--text-muted);font-size:.88rem;line-height:1.5}.icon-pill{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-pill.amber{color:#d97706;background-color:#fef3c7}.icon-pill.gold{color:#f59e0b;background-color:#0b192c}.icon-pill.orange{color:#ea580c;background-color:#ffedd5}.mx-auto{margin-left:auto;margin-right:auto}.pillar-bullets{flex-direction:column;flex:1;gap:.65rem;margin-bottom:1.75rem;list-style:none;display:flex}.pillar-bullets li{color:var(--text-secondary);align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.45;display:flex}.pillar-bullets svg{color:var(--color-primary);flex-shrink:0;margin-top:.15rem}.partner-cta-link{background-color:var(--color-secondary);color:#fff;border-radius:var(--radius-md);transition:background var(--transition-fast);flex-direction:column;padding:1rem 1.25rem;text-decoration:none;display:flex}.partner-cta-link:hover{background-color:var(--color-secondary-light)}.partner-cta-link strong{color:#fbbf24;font-size:.9rem}.partner-cta-link span{color:#cbd5e1;font-size:.8rem}.ai-features-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.ai-feature-box{border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:center;background-color:#f8fafc;flex-direction:column;align-items:center;padding:1.15rem 1rem;display:flex}.ai-icon{color:var(--color-primary);margin-bottom:.4rem}.ai-feature-box h4{color:var(--color-secondary);margin-bottom:.2rem;font-size:.88rem}.ai-feature-box p{color:var(--text-muted);font-size:.72rem}.city-expansion-badge{border-radius:var(--radius-md);background-color:#fef3c7;border:1px solid #fde68a;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.map-pin-icon{color:#d97706;flex-shrink:0}.city-expansion-badge strong{color:#92400e;font-size:.85rem;display:block}.city-expansion-badge span{color:#b45309;font-size:.75rem}.categories-grid,.products-grid,.why-us-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.why-us-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;padding:2.25rem 1.75rem;display:flex}.why-us-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);transform:translateY(-6px)}.why-icon-wrap{border-radius:var(--radius-lg);background-color:var(--color-primary-light);width:58px;height:58px;color:var(--color-primary);transition:transform var(--transition-fast);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.why-us-card:hover .why-icon-wrap{background-color:var(--color-primary);color:#fff;transform:scale(1.1)}.why-card-title{color:var(--color-secondary);margin-bottom:.75rem;font-size:1.3rem}.why-card-text{color:var(--text-muted);flex:1;margin-bottom:1.5rem;font-size:.92rem;line-height:1.6}.why-points{border-top:1px solid var(--border-light);flex-direction:column;gap:.5rem;padding-top:1rem;list-style:none;display:flex}.why-points li{color:var(--color-secondary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.why-points svg{color:var(--color-success);flex-shrink:0}.cta-banner-section{background-color:#0b192c;padding:5rem 0}.cta-banner-inner{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#0b192c 0%,#1e3e62 100%);border:1px solid #ffffff1f;grid-template-columns:1.6fr 1fr;align-items:center;gap:3.5rem;padding:4rem;display:grid;position:relative;overflow:hidden}.cta-banner-inner:before{content:"";pointer-events:none;background:radial-gradient(circle,#d977064d 0%,#0000 70%);width:320px;height:320px;position:absolute;top:0;right:0}.cta-sub{letter-spacing:.12em;color:#fbbf24;margin-bottom:.5rem;font-size:.8rem;font-weight:800;display:inline-block}.cta-heading{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.cta-text{color:#cbd5e1;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cta-badge-box{justify-content:flex-end;display:flex}.quote-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff2e;flex-direction:column;width:100%;max-width:340px;padding:2.25rem;display:flex}.quote-number{color:#f59e0b;font-size:2.5rem;font-weight:800;font-family:var(--font-heading);line-height:1}.quote-title{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.quote-box p{color:#cbd5e1;margin-bottom:1.5rem;font-size:.88rem;line-height:1.5}.products-page{flex-direction:column;padding-bottom:5rem;display:flex}.products-header-banner{color:#fff;border-bottom:1px solid var(--border-dark);background:linear-gradient(135deg,#0b192c 0%,#1e3e62 100%);margin-bottom:2.5rem;padding:3.5rem 0}.products-page-title{color:#fff;margin-top:.75rem;margin-bottom:.5rem;font-size:2.4rem;font-weight:800}.products-page-subtitle{color:#94a3b8;max-width:640px;font-size:1.05rem}.products-layout{grid-template-columns:280px 1fr;align-items:flex-start;gap:2.5rem;display:grid}.products-sidebar{position:sticky;top:90px}.sidebar-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.75rem;padding:1.5rem;display:flex}.sidebar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.sidebar-icon{color:var(--color-primary)}.sidebar-header h3{font-size:1.15rem}.reset-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;display:flex}.reset-btn:hover{text-decoration:underline}.filter-group{flex-direction:column;display:flex}.filter-label{color:var(--color-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:700}.category-filter-list{flex-direction:column;gap:.4rem;display:flex}.category-filter-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.88rem;font-weight:600;display:flex}.category-filter-item:hover{background-color:var(--bg-alt);color:var(--color-primary)}.category-filter-item.active{background-color:var(--color-primary-light);color:var(--color-primary-dark);border-color:#d9770633;font-weight:700}.count-badge{border-radius:var(--radius-full);background-color:#0000000f;padding:.15rem .45rem;font-size:.75rem}.category-filter-item.active .count-badge{background-color:#d9770633}.price-tag{color:var(--color-primary);font-size:.9rem;font-weight:700;font-family:var(--font-heading)}.price-slider{width:100%;accent-color:var(--color-primary);cursor:pointer}.contractor-note{border:1px dashed var(--border-medium);border-radius:var(--radius-md);background-color:#f8fafc;padding:1rem}.contractor-note h4{color:var(--color-secondary);margin-bottom:.35rem;font-size:.88rem}.contractor-note p{color:var(--text-muted);font-size:.78rem;line-height:1.4}.products-main{flex-direction:column;display:flex}.products-controls-bar{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.products-search-box{background-color:var(--bg-alt);border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1;align-items:center;gap:.5rem;max-width:450px;padding:.5rem .85rem;display:flex}.products-search-box input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:.9rem}.products-search-box .search-icon{color:var(--text-muted)}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.products-sort-wrap{align-items:center;gap:1.25rem;display:flex}.products-count-text{color:var(--text-muted);font-size:.88rem}.sort-select-wrapper{align-items:center;gap:.5rem;display:flex}.sort-select-wrapper label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.sort-select{border-radius:var(--radius-md);border:1px solid var(--border-medium);color:var(--text-main);cursor:pointer;background-color:#fff;outline:none;padding:.45rem .85rem;font-size:.88rem;font-weight:600}.active-chips{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.chips-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.filter-chip{background-color:var(--bg-alt);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--color-secondary);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.filter-chip button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:.75rem}.products-grid-catalog{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.no-products-found{text-align:center;background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.empty-icon-box{border-radius:var(--radius-full);background-color:var(--color-primary-light);width:80px;height:80px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.product-details-page{padding-bottom:5rem}.breadcrumbs-bar{background-color:var(--bg-alt);border-bottom:1px solid var(--border-light);margin-bottom:2.5rem;padding:.85rem 0}.breadcrumbs-list{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;list-style:none;display:flex}.breadcrumbs-list a{color:var(--text-secondary);font-weight:500}.breadcrumbs-list a:hover{color:var(--color-primary)}.breadcrumbs-list .current{color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-weight:700;overflow:hidden}.product-details-grid{grid-template-columns:1fr 1.15fr;gap:3.5rem;margin-bottom:4rem;display:grid}.main-image-frame{border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background-color:#fff;height:480px;position:relative;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%}.details-badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;padding:.35rem .85rem;font-size:.8rem;font-weight:700;position:absolute;top:1.25rem;left:1.25rem}.share-btn{border-radius:var(--radius-full);border:1px solid var(--border-light);width:40px;height:40px;color:var(--color-secondary);cursor:pointer;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.guarantees-strip{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.guarantee-box{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.g-icon{color:var(--color-primary);flex-shrink:0;margin-top:.15rem}.guarantee-box strong{color:var(--color-secondary);margin-bottom:.15rem;font-size:.85rem;display:block}.guarantee-box span{color:var(--text-muted);font-size:.75rem}.details-info-col{flex-direction:column;display:flex}.details-category-pill{text-transform:uppercase;color:var(--color-primary);letter-spacing:.08em;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.details-title{color:var(--color-secondary);margin-bottom:1rem;font-size:2.1rem;line-height:1.25}.details-rating-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.rating-pill{color:#92400e;border-radius:var(--radius-sm);background-color:#fef3c7;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.9rem;font-weight:700;display:inline-flex}.reviews-text{color:var(--text-muted);font-size:.85rem}.dot-divider{color:var(--border-medium)}.sku-text{color:var(--text-light);font-size:.8rem;font-weight:600}.details-price-box{background-color:var(--bg-alt);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.price-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.currency-symbol{color:var(--color-secondary);font-size:1.4rem;font-weight:800}.current-price{font-size:2.3rem;font-weight:800;font-family:var(--font-heading);color:var(--color-secondary)}.unit-label{color:var(--text-muted);font-size:1rem;font-weight:600}.original-price{color:var(--text-light);margin-left:.5rem;font-size:1.15rem;text-decoration:line-through}.discount-tag{background-color:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.8rem;font-weight:800}.tax-notice{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.details-short-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.stock-info-box{background-color:var(--color-success-light);border-radius:var(--radius-md);border:1px solid #bbf7d0;align-items:flex-start;gap:.75rem;margin-bottom:1.75rem;padding:.85rem 1.15rem;display:flex}.stock-ok-icon{color:var(--color-success);flex-shrink:0;margin-top:.15rem}.stock-info-box strong{color:#14532d;font-size:.88rem;display:block}.stock-count-text{color:#166534;font-size:.8rem}.purchase-controls-box{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.quantity-group{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.qty-label{color:var(--color-secondary);font-size:.9rem;font-weight:700}.qty-stepper{border:1.5px solid var(--border-medium);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.stepper-btn{background-color:var(--bg-alt);cursor:pointer;color:var(--color-secondary);border:none;justify-content:center;align-items:center;padding:.55rem .85rem;display:flex}.qty-input{border:none;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);text-align:center;outline:none;width:60px;padding:.45rem 0;font-size:1rem;font-weight:700}.item-subtotal-calc{border-bottom:1px solid var(--border-light);color:var(--text-secondary);justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1.25rem;font-size:.95rem;display:flex}.item-subtotal-calc strong{color:var(--color-primary);font-size:1.25rem;font-family:var(--font-heading)}.details-action-buttons{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}.bulk-quote-alert{border:1px dashed var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;font-size:.82rem;display:flex}.alert-link{color:var(--color-primary);font-weight:700}.details-tabs-section{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:4.5rem;overflow:hidden}.tabs-nav{background-color:var(--bg-alt);border-bottom:1px solid var(--border-light);display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:1.15rem 2rem;font-size:1rem;font-weight:700}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:#fff}.tab-pane-content{padding:2.5rem}.spec-table{border-collapse:collapse;width:100%}.spec-table tr{border-bottom:1px solid var(--border-light)}.spec-key{text-align:left;color:var(--text-muted);width:35%;padding:.85rem 1rem .85rem 0;font-size:.92rem;font-weight:600}.spec-val{color:var(--color-secondary);padding:.85rem 0;font-size:.95rem;font-weight:600}.features-checklist{grid-template-columns:1fr 1fr;gap:1.25rem;list-style:none;display:grid}.features-checklist li{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;display:flex}.feat-check{color:var(--color-success);flex-shrink:0;margin-top:.2rem}.related-products-section{padding-top:2rem}.related-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.cart-page{padding:3rem 0 5rem}.empty-cart-page{padding:6rem 0}.empty-cart-card{text-align:center;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);max-width:540px;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:1.25rem;margin:0 auto;padding:4rem 2rem;display:flex}.empty-icon-wrap{border-radius:var(--radius-full);background-color:var(--color-primary-light);width:96px;height:96px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.cart-header{margin-bottom:2rem}.cart-title{color:var(--color-secondary);margin-bottom:.35rem;font-size:2.25rem;font-weight:800}.cart-subtitle{color:var(--text-muted);font-size:1.05rem}.free-shipping-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.25rem 1.5rem}.free-shipping-info{color:var(--color-secondary);align-items:center;gap:.65rem;margin-bottom:.85rem;font-size:.95rem;display:flex}.truck-icon{color:var(--color-primary);flex-shrink:0}.free-unlocked{color:var(--color-success);font-weight:600}.progress-bar-track{background-color:var(--bg-alt);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary), #22c55e);border-radius:var(--radius-full);height:100%;transition:width .4s}.cart-grid{grid-template-columns:1fr 380px;align-items:flex-start;gap:2.5rem;display:grid}.items-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.items-card-header{border-bottom:1px solid var(--border-light);background-color:var(--bg-alt);justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.clear-cart-link{color:var(--color-danger);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.cart-item-row{border-bottom:1px solid var(--border-light);grid-template-columns:90px 1fr 130px 120px 40px;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:grid}.cart-item-row:last-child{border-bottom:none}.cart-item-img-wrap{border-radius:var(--radius-md);background-color:var(--bg-alt);border:1px solid var(--border-light);width:90px;height:90px;overflow:hidden}.cart-item-img{object-fit:cover;width:100%;height:100%}.cart-item-category{text-transform:uppercase;color:var(--color-primary);margin-bottom:.2rem;font-size:.72rem;font-weight:700}.cart-item-name{margin-bottom:.35rem;font-size:1rem;font-weight:700}.cart-item-name a{color:var(--color-secondary)}.cart-item-name a:hover{color:var(--color-primary)}.cart-item-unit-price{color:var(--text-muted);font-size:.85rem}.cart-stepper{border:1.5px solid var(--border-medium);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.stepper-input{border:none;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);text-align:center;outline:none;width:44px;padding:.35rem 0;font-size:.9rem;font-weight:700}.cart-item-total{text-align:right;flex-direction:column;display:flex}.total-label{color:var(--text-light);font-size:.72rem}.cart-item-total strong{color:var(--color-secondary);font-size:1.1rem;font-family:var(--font-heading)}.cart-remove-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cart-remove-btn:hover{color:var(--color-danger)}.items-card-footer{background-color:var(--bg-alt);border-top:1px solid var(--border-light);padding:1.25rem 1.75rem}.summary-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:2rem 1.75rem;position:sticky;top:90px}.summary-title{border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.3rem;font-weight:700}.summary-rows{flex-direction:column;gap:1.1rem;margin-bottom:2rem;display:flex}.summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.summary-row-tooltip{flex-direction:column;display:flex}.info-subtext{color:var(--text-light);font-size:.72rem}.summary-divider{background-color:var(--border-light);height:1px;margin:.5rem 0}.summary-total{color:var(--color-secondary);font-size:1.15rem;font-weight:800}.total-price{color:var(--color-primary);font-size:1.6rem;font-family:var(--font-heading)}.summary-trust-badges{border-top:1px solid var(--border-light);flex-direction:column;gap:.75rem;margin-top:1.75rem;padding-top:1.5rem;display:flex}.trust-badge{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.8rem;display:flex}.trust-badge svg{color:var(--color-primary);flex-shrink:0}.modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172ab3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-xl);background-color:#fff;padding:2.5rem;position:relative;overflow-y:auto}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;top:1.25rem;right:1.25rem}.form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.75rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--color-secondary);font-size:.85rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-md);border:1px solid var(--border-medium);outline:none;padding:.75rem .95rem;font-size:.92rem}.payment-radio-group{flex-direction:column;gap:.75rem;display:flex}.radio-card{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.radio-card input{accent-color:var(--color-primary);margin-top:.25rem}.radio-card strong{color:var(--color-secondary);font-size:.9rem;display:block}.radio-card span{color:var(--text-muted);font-size:.8rem}.modal-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.order-confirmed-screen{text-align:center;flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.success-icon-wrap{border-radius:var(--radius-full);background-color:var(--color-success-light);width:96px;height:96px;color:var(--color-success);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.categories-page{padding-bottom:5rem}.categories-header-banner{color:#fff;border-bottom:1px solid var(--border-dark);background:linear-gradient(135deg,#0b192c 0%,#1e3e62 100%);margin-bottom:3.5rem;padding:3.5rem 0}.categories-page-title{color:#fff;margin-top:.75rem;margin-bottom:.5rem;font-size:2.4rem;font-weight:800}.categories-page-subtitle{color:#94a3b8;max-width:640px;font-size:1.05rem}.categories-showcase-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.category-detail-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.category-detail-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);transform:translateY(-4px)}.category-image-column{background-color:var(--bg-alt);height:220px;position:relative;overflow:hidden}.cat-detail-img{object-fit:cover;width:100%;height:100%}.cat-count-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);background:#0f172acc;padding:.25rem .65rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.category-body-column{flex-direction:column;flex:1;padding:1.75rem;display:flex}.cat-badge-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.78rem;font-weight:800}.cat-title{color:var(--color-secondary);margin-bottom:.5rem;font-size:1.6rem}.cat-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.92rem;line-height:1.6}.popular-in-trade{background-color:var(--bg-alt);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem 1.25rem}.popular-in-trade h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.65rem;font-size:.82rem}.trade-sample-list{flex-direction:column;gap:.45rem;list-style:none;display:flex}.trade-sample-list li{align-items:center;gap:.5rem;font-size:.88rem;display:flex}.trade-sample-list a{color:var(--color-secondary);font-weight:600}.trade-sample-list a:hover{color:var(--color-primary)}.sample-check{color:var(--color-success);flex-shrink:0}.cat-card-action{margin-top:auto}.about-page{padding-bottom:5rem}.about-hero-banner{color:#fff;border-bottom:1px solid var(--border-dark);background:linear-gradient(135deg,#0b192c 0%,#1e3e62 100%);margin-bottom:3.5rem;padding:3.5rem 0}.about-hero-title{color:#fff;margin-top:.75rem;margin-bottom:.5rem;font-size:2.4rem;font-weight:800}.about-hero-subtitle{color:#94a3b8;max-width:680px;font-size:1.05rem}.story-section{margin-bottom:4rem}.story-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:3.5rem;display:grid}.story-text h2{margin-bottom:1.25rem;font-size:2.2rem;line-height:1.25}.story-text p{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem;line-height:1.7}.story-highlights{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.highlight-item{align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;display:flex}.story-image-wrap{position:relative}.story-img{object-fit:cover;border-radius:var(--radius-xl);width:100%;height:420px}.story-stat-card{background-color:var(--color-secondary);color:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-dark);max-width:240px;box-shadow:var(--shadow-xl);padding:1.5rem;position:absolute;bottom:-20px;left:-20px}.stat-big{color:var(--color-primary);font-size:2.5rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.35rem;line-height:1;display:block}.stat-text{color:#cbd5e1;font-size:.82rem;line-height:1.4}.about-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:5rem;display:grid}.about-stat-box{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:2rem 1.5rem}.about-stat-number{color:var(--color-primary);font-size:2.5rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.25rem;display:block}.about-stat-title{color:var(--color-secondary);margin-bottom:.35rem;font-size:1.1rem;font-weight:700;display:block}.pillars-section{margin-bottom:5rem}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:1.75rem;display:grid}.pillar-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem 1.5rem}.pillar-icon-wrap{border-radius:var(--radius-md);background-color:var(--color-primary-light);width:54px;height:54px;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.pillar-card h3{margin-bottom:.65rem;font-size:1.2rem}.pillar-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.about-cta-box{border-radius:var(--radius-xl);text-align:center;color:#fff;background:linear-gradient(135deg,#0b192c 0%,#1e3e62 100%);padding:4rem}.about-cta-box h2{color:#fff;margin-bottom:.75rem;font-size:2.2rem}.about-cta-box p{color:#94a3b8;max-width:600px;margin:0 auto 2rem;font-size:1.05rem}.about-cta-buttons{justify-content:center;gap:1rem;display:flex}.contact-page{padding-bottom:5rem}.contact-hero-banner{color:#fff;border-bottom:1px solid var(--border-dark);background:linear-gradient(135deg,#0b192c 0%,#1e3e62 100%);margin-bottom:3.5rem;padding:3.5rem 0}.contact-page-title{color:#fff;margin-top:.75rem;margin-bottom:.5rem;font-size:2.4rem;font-weight:800}.contact-page-subtitle{color:#94a3b8;max-width:680px;font-size:1.05rem}.contact-layout-grid{grid-template-columns:1fr 1.15fr;align-items:flex-start;gap:3.5rem;display:grid}.contact-info-panel h2{margin-bottom:.75rem;font-size:2rem}.contact-panel-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1rem;line-height:1.6}.info-cards-list{flex-direction:column;gap:1.25rem;display:flex}.info-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.info-icon-box{border-radius:var(--radius-md);background-color:var(--color-primary-light);width:46px;height:46px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-card h4{color:var(--color-secondary);margin-bottom:.35rem;font-size:1rem}.info-card p{color:var(--text-muted);font-size:.88rem;line-height:1.5}.contact-form-panel{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2.5rem}.rfq-form h3{margin-bottom:.35rem;font-size:1.5rem}.form-subtext{color:var(--text-muted);margin-bottom:1.75rem;font-size:.9rem}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-success-box{text-align:center;flex-direction:column;align-items:center;padding:3rem 1.5rem;display:flex}.success-icon{border-radius:var(--radius-full);background-color:var(--color-success-light);width:80px;height:80px;color:var(--color-success);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.login-page,.register-page{background-color:var(--bg-alt);align-items:center;min-height:80vh;padding:4rem 0 6rem;display:flex}.login-container,.register-container{justify-content:center;width:100%;display:flex}.login-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);padding:3rem}.register-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--shadow-xl);padding:3rem}.login-header,.register-header{text-align:center;margin-bottom:2rem}.login-logo,.register-logo{align-items:center;gap:.65rem;margin-bottom:1.25rem;display:inline-flex}.role-selector{background-color:var(--bg-alt);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.75rem;padding:.35rem;display:grid}.role-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.6rem;font-size:.88rem;font-weight:700}.role-btn.active{color:var(--color-primary);box-shadow:var(--shadow-sm);background-color:#fff}.login-form,.register-form{flex-direction:column;gap:1.25rem;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-light);pointer-events:none;position:absolute;left:1rem}.input-with-icon input{border:1px solid var(--border-medium);border-radius:var(--radius-md);outline:none;width:100%;padding:.8rem 1rem .8rem 2.8rem;font-size:.92rem}.input-with-icon input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #d9770626}.login-footer,.register-footer{border-top:1px solid var(--border-light);text-align:center;margin-top:2rem;padding-top:1.5rem}.login-link,.register-link{color:var(--color-primary);font-weight:700}.security-notice{color:var(--text-light);justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;font-size:.75rem;display:flex}.site-footer{color:#94a3b8;background-color:#07101c;margin-top:auto}.footer-newsletter-section{border-bottom:1px solid var(--border-dark);background-color:#0b192c;padding:3rem 0}.newsletter-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.newsletter-text h3{color:#fff;margin-bottom:.35rem;font-size:1.45rem}.newsletter-text p{color:#94a3b8;max-width:580px;font-size:.95rem}.newsletter-form{flex:1;align-items:center;gap:.5rem;max-width:460px;display:flex}.newsletter-input{border-radius:var(--radius-md);border:1px solid var(--border-dark);color:#fff;background-color:#0f172ab3;outline:none;flex:1;padding:.85rem 1.15rem;font-size:.95rem}.newsletter-input:focus{border-color:var(--color-primary)}.newsletter-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast);border:none;align-items:center;gap:.4rem;padding:.85rem 1.4rem;font-weight:700;display:flex}.newsletter-btn:hover{background-color:var(--color-primary-hover)}.footer-main{padding:4.5rem 0 3rem}.footer-grid{grid-template-columns:1.6fr 1fr 1.2fr 1.6fr;gap:3rem;display:grid}.footer-logo{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.footer-logo .text-white{color:#fff!important}.footer-about-text{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.footer-badge{border:1px solid var(--border-dark);border-radius:var(--radius-md);color:#e2e8f0;background-color:#ffffff0d;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.footer-badge .badge-icon{color:var(--color-primary)}.footer-col-title{color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700;position:relative}.footer-col-title:after{content:"";background-color:var(--color-primary);width:32px;height:2px;position:absolute;bottom:0;left:0}.footer-links-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links-list a{color:#94a3b8;transition:all var(--transition-fast);font-size:.9rem;display:inline-block}.footer-links-list a:hover{color:var(--color-primary);transform:translate(3px)}.contact-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-item{color:#cbd5e1;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.45;display:flex}.contact-icon{color:var(--color-primary);flex-shrink:0;margin-top:.15rem}.social-links{gap:.75rem;display:flex}.social-links a{border-radius:var(--radius-md);border:1px solid var(--border-dark);color:#cbd5e1;width:38px;height:38px;transition:all var(--transition-fast);background-color:#ffffff0f;justify-content:center;align-items:center;display:flex}.social-links a:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--border-dark);padding:1.5rem 0}.footer-bottom-inner{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.legal-links{align-items:center;gap:.75rem;display:flex}.legal-links a:hover{color:var(--color-primary)}@media (width<=1200px){.categories-grid,.products-grid,.why-us-grid{grid-template-columns:repeat(2,1fr)}.workflow-steps-grid{grid-template-columns:repeat(3,1fr)}.ecosystem-pillars-grid{grid-template-columns:1fr}}@media (width<=992px){.hero-container,.story-grid,.contact-layout-grid,.cart-grid,.product-details-grid{grid-template-columns:1fr;gap:2.5rem}.hero-visual{max-width:550px;margin:0 auto}.workflow-steps-grid{grid-template-columns:repeat(2,1fr)}.cta-banner-inner{grid-template-columns:1fr;padding:2.5rem}.cta-badge-box{justify-content:flex-start}.categories-showcase-grid{grid-template-columns:1fr}.about-stats-grid,.pillars-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (width<=640px){.hero-title{font-size:2.25rem}.hero-stats-row{flex-direction:column;align-items:flex-start;gap:1rem}.hero-stat-divider{display:none}.workflow-steps-grid,.categories-grid,.products-grid,.why-us-grid,.about-stats-grid,.pillars-grid,.footer-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.top-float,.bottom-float{margin-top:1rem;position:static}.hero-main-img{height:320px}.details-action-buttons,.form-row{grid-template-columns:1fr}.footer-bottom-inner{text-align:center;flex-direction:column}}.navbar-ai-assistant-btn{color:#fbbf24;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#0b192c,#1e3e62);border:1.5px solid #fbbf2466;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0b192c26}.navbar-ai-assistant-btn:hover{color:#fff;background:linear-gradient(135deg,#d97706,#ea580c);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #d977064d}.sparkle-icon{animation:2s ease-in-out infinite pulseSlow}@keyframes pulseSlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.ai-modal-dialog{border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-xl);background-color:#fff;padding:2rem 2.25rem;position:relative;overflow-y:auto}.ai-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.ai-brand-badge{align-items:center;gap:.85rem;display:flex}.ai-badge-icon{border-radius:var(--radius-md);color:#f59e0b;background:linear-gradient(135deg,#0b192c,#1e3e62);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ai-brand-badge h3{font-size:1.25rem;line-height:1.2}.ai-subtext{color:var(--text-muted);font-size:.75rem}.ai-stepper-bar{background-color:var(--bg-alt);border-radius:var(--radius-md);color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding:.65rem 1rem;font-size:.78rem;font-weight:700;display:flex}.ai-step-pill.active{color:var(--color-primary)}.step-arrow{color:var(--text-light)}.stage-instruction h4{margin-bottom:.35rem;font-size:1.15rem}.stage-instruction p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.88rem;line-height:1.5}.ai-input-box{background-color:var(--bg-card);border:1.5px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.ai-input-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #d9770626}.ai-textarea{resize:vertical;width:100%;color:var(--text-main);border:none;outline:none;font-family:inherit;font-size:.95rem;line-height:1.5}.ai-input-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.ai-hint{color:var(--text-muted);font-size:.75rem}.quick-suggestions-box{flex-direction:column;gap:.5rem;display:flex}.suggestions-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.suggestions-list{flex-direction:column;gap:.4rem;display:flex}.suggestion-chip{text-align:left;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--color-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#f8fafc;padding:.55rem .85rem;font-size:.82rem}.suggestion-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#fff;transform:translate(3px)}.ai-pulsing-loader{border-radius:var(--radius-full);background-color:var(--color-primary-light);justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;display:flex}.spin-slow{animation:3s linear infinite spin}.pill-tag{border-radius:var(--radius-full);background-color:#f1f5f9;margin:.25rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.structured-rfq-card{border:1.5px solid var(--border-light);border-radius:var(--radius-lg);background-color:#f8fafc;margin-bottom:1.5rem;padding:1.25rem}.rfq-badge-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.rfq-verified-pill{color:#15803d;border-radius:var(--radius-full);background-color:#dcfce7;padding:.15rem .5rem;font-size:.72rem;font-weight:800}.rfq-details-grid{grid-template-columns:1fr 1fr;gap:.75rem;font-size:.85rem;display:grid}.rfq-detail-cell{flex-direction:column;display:flex}.cell-label{color:var(--text-light);font-size:.72rem}.quotations-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.quotations-header h4{font-size:1rem}.sort-hint{color:var(--text-muted);font-size:.75rem}.quotations-list{flex-direction:column;gap:.85rem;display:flex}.quote-card-item{border:1.5px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:relative}.quote-card-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.quote-card-item.highlight-best{border-color:var(--color-primary);background-color:#fffbeb}.best-deal-ribbon{background-color:var(--color-primary);color:#fff;text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:800;position:absolute;top:-10px;right:1.25rem}.supplier-identity{align-items:center;gap:.75rem;display:flex}.supp-avatar{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-secondary);background-color:#f1f5f9;justify-content:center;align-items:center;font-weight:800;display:flex}.supp-avatar.gold{color:#d97706;background-color:#fef3c7}.supplier-identity h5{margin-bottom:.15rem;font-size:.92rem}.supp-rating{color:var(--text-muted);font-size:.75rem}.quote-pricing-block{flex-direction:column;align-items:flex-end;display:flex}.quote-price strong{color:var(--color-secondary);font-size:1.25rem;font-family:var(--font-heading)}.quote-price span{color:var(--text-muted);margin-left:.2rem;font-size:.75rem}.quote-terms{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.72rem;display:flex}.delivery-verification-section{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:linear-gradient(#fff 0%,#f8fafc 100%)}.brand-flag-badge{color:#fff;border-radius:var(--radius-full);background-color:#0b192c;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.verification-lifecycle-grid{max-width:900px;margin:0 auto 3rem}.lifecycle-stepper-list{flex-direction:column;gap:1rem;display:flex}.lifecycle-step-card{border:1.5px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;padding:1.25rem 1.5rem 1.25rem 4rem;display:flex;position:relative}.lifecycle-step-card:hover,.lifecycle-step-card.selected{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.step-badge-circle{border-radius:var(--radius-full);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:1.25rem;left:1.25rem}.step-main-title{color:var(--color-secondary);font-size:1.05rem;font-weight:800}.step-main-desc{color:var(--text-muted);margin-top:.25rem;margin-bottom:.75rem;font-size:.88rem}.step-checklist-pills{flex-wrap:wrap;gap:.4rem;display:flex}.check-pill{border-radius:var(--radius-full);color:var(--color-secondary);background-color:#f1f5f9;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.sub-verification-grid{border-top:1px dashed var(--border-light);grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem;padding-top:.75rem;display:grid}.sub-ver-box{border-radius:var(--radius-md);background-color:#f8fafc;padding:.75rem}.sub-ver-box strong{color:var(--color-secondary);margin-bottom:.35rem;font-size:.8rem;display:block}.sub-ver-box ul{color:var(--text-muted);font-size:.75rem;list-style:none}.branching-outcomes-container{border:1.5px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background-color:#fff;padding:1.75rem}.branch-selector-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.branch-selector-header h4{font-size:1.15rem}.branch-toggle-pills{gap:.5rem;display:flex}.branch-toggle-btn{border-radius:var(--radius-full);border:1.5px solid var(--border-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.branch-toggle-btn.accept.active{color:#15803d;background-color:#dcfce7;border-color:#16a34a}.branch-toggle-btn.dispute.active{color:#b91c1c;background-color:#fee2e2;border-color:#dc2626}.branch-path-flow{flex-direction:column;align-items:center;gap:.5rem;display:flex}.branch-node{border-radius:var(--radius-lg);align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;display:flex;position:relative}.branch-node.green{background-color:#f0fdf4;border:1px solid #bbf7d0}.branch-node.blue{background-color:#f0f9ff;border:1px solid #bae6fd}.branch-node.dark{color:#fff;background-color:#0f172a}.branch-node.dark p{color:#cbd5e1}.branch-node.red{background-color:#fef2f2;border:1px solid #fecaca}.branch-node.orange{background-color:#fffbeb;border:1px solid #fde68a}.branch-node.purple{background-color:#faf5ff;border:1px solid #e9d5ff}.node-badge{border-radius:var(--radius-sm);background:#00000014;padding:.2rem .5rem;font-size:.8rem;font-weight:800}.branch-node.dark .node-badge{background:#fff3}.branch-node h5{margin-bottom:.15rem;font-size:.95rem}.branch-node p{color:var(--text-muted);font-size:.8rem}.node-connector{color:var(--text-light);font-size:1.25rem;font-weight:800}.verification-trust-strip{border-top:1px solid var(--border-light);grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;padding-top:2rem;display:grid}.v-trust-item{border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:#fff;align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex}.v-trust-icon{color:var(--color-primary);flex-shrink:0}.v-trust-item strong{color:var(--color-secondary);font-size:.88rem;display:block}.v-trust-item span{color:var(--text-muted);font-size:.75rem}@media (width<=900px){.sub-verification-grid{grid-template-columns:1fr}.verification-trust-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.verification-trust-strip{grid-template-columns:1fr}.ai-stepper-bar{display:none}.rfq-details-grid{grid-template-columns:1fr}}.demo-notice-bar{color:#92400e;border-radius:var(--radius-md);background-color:#fef3c7;border:1px solid #fde68a;align-items:center;margin-bottom:1.25rem;padding:.65rem 1rem;font-size:.82rem;font-weight:500;display:flex}.planner-steps-bar{gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.step-pill{color:#475569;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background-color:#e2e8f0;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.step-pill:hover{background-color:#cbd5e1}.step-pill.active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.step-pill.completed{color:#166534;background-color:#dcfce7}.step-pill .step-num{font-weight:700}.planner-page,.dashboard-page,.orders-page,.help-me-buy-page,.admin-page{background-color:var(--bg-neutral);min-height:80vh;padding:2rem 0 4rem}.planner-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;margin-bottom:1.5rem;padding:2rem}.planner-card-header{margin-bottom:1.75rem}.planner-card-header h1{color:var(--color-secondary);margin-bottom:.4rem;font-size:1.6rem}.planner-card-header .subtitle{color:var(--text-muted);font-size:.92rem}.header-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-tag-pill{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:.35rem .85rem;font-size:.82rem;font-weight:600;display:inline-block}.engineering-disclaimer-note{border-radius:0 var(--radius-md) var(--radius-md) 0;color:#78350f;background-color:#fffbeb;border-left:4px solid #f59e0b;gap:.75rem;margin-top:1rem;padding:1rem;font-size:.85rem;display:flex}.engineering-disclaimer-note p{color:#92400e;margin-top:.25rem;line-height:1.4}.engineering-disclaimer-note .note-icon{color:#d97706;flex-shrink:0;margin-top:.15rem}.planner-form .form-group{margin-bottom:1.25rem}.planner-form label{color:var(--color-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.planner-form .form-control{border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:border-color var(--transition-fast);background-color:#fff;padding:.7rem .95rem;font-size:.92rem}.planner-form .form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ea580c26}.form-row-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.78rem;display:block}.error-alert{color:#b91c1c;border-radius:var(--radius-md);background-color:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:.65rem 1rem;font-size:.85rem}.form-actions{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.form-actions.space-between{justify-content:space-between}.table-responsive{margin-bottom:1.5rem;overflow-x:auto}.planner-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.planner-table th{color:var(--color-secondary);border-bottom:1px solid var(--border-medium);white-space:nowrap;background-color:#f8fafc;padding:.85rem 1rem;font-weight:600}.planner-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:middle;padding:.85rem 1rem}.planner-table tbody tr:hover{background-color:#f8fafc}.planner-table .qty-input{border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:90px;padding:.4rem .6rem;font-size:.88rem;font-weight:600}.planner-table .spec-tag{color:#475569;border-radius:var(--radius-sm);background-color:#f1f5f9;padding:.2rem .5rem;font-size:.75rem;display:inline-block}.planner-table .amount-col{color:var(--color-secondary);font-weight:700}.btn-trash{color:#ef4444;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.4rem}.btn-trash:hover{background-color:#fee2e2}.empty-table-cell{text-align:center;color:var(--text-muted);padding:2rem!important}.plan-actions-footer{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.add-material-row{align-items:center;gap:.75rem;display:flex}.add-material-select{border:1px solid var(--border-medium);border-radius:var(--radius-md);max-width:320px;padding:.5rem .85rem;font-size:.85rem}.plan-forward-actions{align-items:center;gap:.75rem;display:flex}.quotes-compare-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.quote-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);background-color:#fff;flex-direction:column;padding:1.5rem;display:flex}.quote-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quote-card.best-quote{background-color:#f0fdf4;border:2px solid #22c55e}.quote-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}.quote-card-header h3{color:var(--color-secondary);margin-bottom:.2rem;font-size:1.05rem}.quote-ref{color:var(--text-muted);font-size:.75rem}.quote-badges{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.badge-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-tag.ok{color:#166534;background-color:#dcfce7}.badge-tag.info{color:#0369a1;background-color:#e0f2fe}.quote-price-breakdown{border-top:1px dashed var(--border-medium);border-bottom:1px dashed var(--border-medium);margin-bottom:1rem;padding:.85rem 0}.price-item{color:var(--text-muted);justify-content:space-between;margin-bottom:.35rem;font-size:.85rem;display:flex}.price-item.total-row{color:var(--color-secondary);margin-top:.5rem;margin-bottom:0;font-size:1rem;font-weight:700}.price-grand{color:var(--color-primary);font-size:1.15rem}.quote-terms-box{flex-grow:1;margin-bottom:1.25rem}.term-line{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.8rem;display:flex}.btn-select-quote{width:100%}.compare-tip-box{border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);background-color:#f8fafc;padding:.85rem 1rem;font-size:.85rem}.order-review-summary-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:#f8fafc;padding:1.75rem}.review-supplier-header{border-bottom:1px solid var(--border-medium);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.review-supplier-header h2{color:var(--color-secondary);margin-top:.35rem;font-size:1.35rem}.review-grand-total{text-align:right}.review-grand-total span{color:var(--text-muted);font-size:.8rem;display:block}.review-grand-total strong{color:var(--color-primary);font-size:1.45rem}.review-details-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.review-info-item .label{color:var(--text-muted);font-size:.78rem;display:block}.review-info-item .val{color:var(--color-secondary);font-size:.95rem;font-weight:600}.order-disclaimer-notice{border-radius:var(--radius-md);color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;gap:.75rem;margin-bottom:1.25rem;padding:1rem;font-size:.85rem;display:flex}.order-confirm-checkbox{color:var(--color-secondary);cursor:pointer;align-items:center;gap:.65rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:600;display:flex}.order-confirm-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.review-actions-bar{justify-content:space-between;align-items:center;display:flex}.five-stage-stepper{justify-content:space-between;margin:1.5rem 0;display:flex;position:relative}.five-stage-stepper:before{content:"";z-index:1;background-color:#e2e8f0;height:3px;position:absolute;top:15px;left:20px;right:20px}.stage-step{z-index:2;text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.stage-bullet{color:#64748b;width:32px;height:32px;transition:all var(--transition-fast);background-color:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:flex}.stage-label{color:#64748b;font-size:.78rem;font-weight:500}.stage-step.completed .stage-bullet{color:#fff;background-color:#22c55e;border-color:#22c55e}.stage-step.completed .stage-label{color:#166534;font-weight:600}.stage-step.current .stage-bullet{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #ea580c33}.stage-step.current .stage-label{color:var(--color-primary);font-weight:700}.five-stage-stepper.compact{margin:1rem 0}.five-stage-stepper.compact .stage-bullet{width:26px;height:26px;font-size:.75rem}.five-stage-stepper.compact:before{top:12px}.active-order-tracker-box{border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:#f8fafc;margin-bottom:1.5rem;padding:1.75rem}.order-summary-row{color:var(--color-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;padding-bottom:1rem;font-size:.95rem;display:flex}.advance-demo-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}.btn-demo-advance{border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--color-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#f1f5f9;padding:.45rem .85rem;font-size:.8rem;font-weight:600}.btn-demo-advance:hover{background-color:#e2e8f0}.order-completed-badge{color:#166534;align-items:center;gap:.4rem;font-size:.92rem;font-weight:700;display:inline-flex}.status-followup-links{justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.88rem;display:flex}.planner-link{color:var(--color-primary);font-weight:600;text-decoration:none}.planner-link:hover{text-decoration:underline}.planner-link-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.88rem;font-weight:600}.dashboard-header-row,.orders-header-row,.admin-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.dashboard-action-buttons{gap:.65rem;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.kpi-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:.85rem;padding:1.25rem 1rem;display:flex}.kpi-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-icon-wrap.amber{color:#d97706;background-color:#fef3c7}.kpi-icon-wrap.blue{color:#0284c7;background-color:#e0f2fe}.kpi-icon-wrap.green{color:#16a34a;background-color:#dcfce7}.kpi-icon-wrap.dark{color:var(--color-secondary);background-color:#f1f5f9}.kpi-icon-wrap.orange{color:var(--color-primary);background-color:#ffedd5}.kpi-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600;display:block}.kpi-value{color:var(--color-secondary);font-size:1.45rem;font-weight:800;line-height:1.2}.dashboard-section-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;margin-bottom:1.5rem;padding:1.5rem}.section-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-card-header h3{color:var(--color-secondary);font-size:1.2rem}.section-count-tag{color:var(--text-muted);background-color:#f1f5f9;border-radius:9999px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.active-project-preview{border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.project-preview-details h4{color:var(--color-secondary);margin-bottom:.25rem;font-size:1.1rem}.project-spec-line{color:var(--text-muted);font-size:.85rem}.empty-section-state{text-align:center;color:var(--text-muted);padding:2rem 1rem}.empty-section-state p{margin-bottom:1rem}.orders-cards-list{flex-direction:column;gap:1rem;display:flex}.order-summary-card{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#f8fafc;padding:1.25rem}.order-main-info{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.order-id-group strong{color:var(--color-secondary);margin-right:.5rem;font-size:1rem}.order-supplier{color:var(--text-muted);font-size:.85rem}.order-total-price{color:var(--color-primary);font-size:1.1rem;font-weight:700}.order-footer-row{border-top:1px dashed var(--border-light);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;display:flex}.order-date-text{color:var(--text-muted);font-size:.78rem}.orders-feed{flex-direction:column;gap:1.5rem;display:flex}.order-detail-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:1.75rem}.order-card-top{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.order-num{color:var(--color-secondary);font-size:1.25rem;font-weight:800}.order-supplier-name{color:var(--text-muted);font-size:.95rem}.order-price-block{text-align:right}.order-price-block strong{color:var(--color-primary);font-size:1.35rem;display:block}.order-date-label{color:var(--text-muted);font-size:.75rem}.order-site-strip{border-radius:var(--radius-md);color:var(--text-main);background-color:#f8fafc;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.site-item{align-items:center;gap:.4rem;display:flex}.order-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.footer-action-buttons{gap:.65rem;display:flex}.empty-orders-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);background-color:#fff;padding:3rem 1.5rem}.empty-orders-card h2{color:var(--color-secondary);margin:1rem 0 .5rem;font-size:1.35rem}.empty-orders-card p{color:var(--text-muted);margin-bottom:1.5rem}.empty-actions{justify-content:center;gap:1rem;display:flex}.help-header-block{margin-bottom:2rem}.help-badge-pill{color:#c2410c;background-color:#ffedd5;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.help-header-block h1{color:var(--color-secondary);margin-bottom:.5rem;font-size:1.85rem}.help-subtitle{color:var(--text-muted);max-width:750px;font-size:.95rem}.help-grid-layout{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.help-benefits-column{flex-direction:column;gap:1rem;display:flex}.benefit-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:1.25rem}.benefit-card .b-icon{margin-bottom:.5rem}.benefit-card h4{color:var(--color-secondary);margin-bottom:.35rem;font-size:.95rem}.benefit-card p{color:var(--text-muted);font-size:.82rem;line-height:1.4}.help-success-card{text-align:center;padding:3rem 1.5rem}.success-icon-wrap{margin-bottom:1rem}.ticket-ref-line{color:var(--color-secondary);margin:.5rem 0;font-size:1.2rem}.ticket-desc{color:var(--text-muted);max-width:550px;margin:0 auto 1.5rem;font-size:.92rem}.concierge-stages-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.concierge-stages-preview .stage-pill{padding:.35rem .75rem;font-size:.78rem}.concierge-stages-preview .stage-pill.on{background-color:var(--color-primary);color:#fff}.success-card-actions{justify-content:center;gap:1rem;display:flex}.admin-login-container{max-width:440px;margin:3rem auto}.admin-login-card{text-align:center}.admin-lock-icon{width:56px;height:56px;color:var(--color-primary);background-color:#ffedd5;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.btn-admin-action{color:#1d4ed8;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#eff6ff;border:1px solid #bfdbfe;padding:.35rem .75rem;font-size:.78rem;font-weight:600}.btn-admin-action:hover{background-color:#dbeafe}.table-subtext{color:var(--text-muted);font-size:.75rem}.floating-ai-wrapper{z-index:1000;position:fixed;bottom:1.5rem;right:1.5rem}.floating-ai-toggle-btn{background-color:var(--color-secondary);color:#fff;border:2px solid var(--color-primary);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.92rem;font-weight:700;display:flex;box-shadow:0 10px 25px -5px #0000004d}.floating-ai-toggle-btn:hover{background-color:#14151b;transform:translateY(-2px);box-shadow:0 15px 30px -5px #dfa83966}.floating-ai-toggle-btn.active{color:#0a0a0c;background:linear-gradient(135deg,#f7d77b 0%,#dfa839 100%);border-color:#dfa839}.floating-chatbox-card{border:1px solid var(--border-medium);border-radius:var(--radius-lg);background-color:#fff;flex-direction:column;width:360px;max-width:calc(100vw - 2rem);height:480px;max-height:calc(100vh - 8rem);animation:.25s ease-out slideUpFade;display:flex;position:absolute;bottom:calc(100% + .75rem);right:0;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chatbox-header{background-color:var(--color-secondary);color:#fff;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.chatbox-header-title{align-items:center;gap:.65rem;display:flex}.bot-icon-circle{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.chatbox-header-title strong{font-size:.9rem;display:block}.online-indicator{color:#4ade80;font-size:.72rem}.chatbox-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.2rem}.chatbox-close-btn:hover{color:#fff}.chat-shortcuts-row{border-bottom:1px solid var(--border-light);background-color:#f8fafc;gap:.35rem;padding:.5rem .75rem;display:flex;overflow-x:auto}.shortcut-chip{border:1px solid var(--border-medium);color:var(--color-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background-color:#fff;border-radius:9999px;padding:.25rem .65rem;font-size:.72rem}.shortcut-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#ffedd5}.chatbox-messages{background-color:#f8fafc;flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;gap:.5rem;max-width:85%;display:flex}.chat-message.user-msg{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ai-avatar{background-color:var(--color-secondary);color:#fff}.user-avatar{background-color:var(--color-primary);color:#fff}.msg-bubble{border-radius:var(--radius-md);color:var(--text-main);background-color:#fff;padding:.65rem .85rem;font-size:.82rem;line-height:1.45;box-shadow:0 1px 3px #0000000d}.user-msg .msg-bubble{background-color:var(--color-primary);color:#fff}.chat-action-link{background-color:var(--color-secondary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;margin-top:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.chat-action-link:hover{background-color:#0f172a}.chatbox-input-form{border-top:1px solid var(--border-light);background-color:#fff;gap:.5rem;padding:.65rem .75rem;display:flex}.chatbox-input{border:1px solid var(--border-medium);border-radius:var(--radius-md);outline:none;flex:1;padding:.55rem .75rem;font-size:.82rem}.chatbox-input:focus{border-color:var(--color-primary)}.chatbox-send-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 .85rem;display:flex}.chatbox-send-btn:hover{background-color:var(--color-primary-hover)}.home-project-quick-section{border-bottom:1px solid var(--border-light);background-color:#fff;padding:2.5rem 0}.home-procure-actions-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.home-project-cards-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.home-status-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:#f8fafc;padding:1.5rem}.card-top-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.card-top-header h3{color:var(--color-secondary);font-size:1.15rem}.card-subtext{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.recent-order-line{color:var(--color-secondary);align-items:center;gap:.65rem;font-size:.95rem;display:flex}@media (width<=900px){.help-grid-layout,.home-project-cards-grid,.form-row-2{grid-template-columns:1fr}}.top-bar-loc-btn{color:#fef08a;cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0 .25rem;text-decoration:underline}.top-bar-loc-btn:hover{color:#fff}.instamart-header-location-pill{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background-color:#f8fafc;align-items:center;gap:.65rem;margin-right:.5rem;padding:.35rem .75rem;display:flex}.instamart-header-location-pill:hover{border-color:var(--color-primary);background-color:#f1f5f9;transform:translateY(-1px)}.im-loc-sla-chip{color:#1c1917;border-radius:var(--radius-sm);letter-spacing:.3px;background-color:#f59e0b;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:.72rem;font-weight:800;display:flex}.im-bolt{fill:currentColor}.im-loc-info-col{flex-direction:column;line-height:1.15;display:flex}.im-loc-label{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:600}.im-loc-name{align-items:center;gap:.2rem;display:flex}.im-loc-text{color:var(--color-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.88rem;font-weight:700;overflow:hidden}.im-loc-chevron{color:var(--text-muted)}.instamart-header-cart-btn{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);background-color:#15803d;align-items:center;gap:.65rem;padding:.5rem .95rem;font-weight:700;text-decoration:none;display:flex;color:#fff!important}.instamart-header-cart-btn:hover{background-color:#166534;transform:translateY(-1px);box-shadow:0 4px 12px #15803d4d}.im-cart-icon-wrap{align-items:center;display:flex}.im-cart-text-wrap{text-align:left;flex-direction:column;line-height:1.1;display:flex}.im-cart-count{font-size:.78rem;font-weight:700}.im-cart-amount{font-size:.88rem;font-weight:800}.im-cart-empty{font-size:.85rem}.instamart-top-strip{border-bottom:1px solid var(--border-light);background-color:#fff;padding:1rem 0}.instamart-top-inner{align-items:center;gap:1.5rem;display:flex}.im-delivery-prompt-box{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1px solid #fed7aa;flex-shrink:0;align-items:center;gap:.85rem;padding:.75rem 1.15rem;display:flex}.im-delivery-prompt-box:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary);transform:translateY(-1px)}.im-sla-square{color:#fff;border-radius:var(--radius-md);background-color:#ea580c;flex-direction:column;align-items:center;padding:.35rem .6rem;line-height:1;display:flex}.im-sla-num{font-size:1.05rem;font-weight:800}.im-sla-unit{letter-spacing:.5px;font-size:.65rem;font-weight:700}.im-prompt-text{flex-direction:column;display:flex}.im-delivering-to-label{color:#9a3412;text-transform:uppercase;font-size:.72rem;font-weight:600}.im-delivering-location-line{color:var(--color-secondary);align-items:center;gap:.35rem;font-size:.95rem;display:flex}.im-change-btn{color:var(--color-primary);margin-left:.25rem;font-size:.78rem;font-weight:700}.im-categories-scroll-tray{scrollbar-width:none;flex:1;align-items:center;gap:1.25rem;padding:.25rem .5rem;display:flex;overflow-x:auto}.im-categories-scroll-tray::-webkit-scrollbar{display:none}.im-category-circle-item{transition:all var(--transition-fast);flex-direction:column;flex-shrink:0;align-items:center;gap:.45rem;text-decoration:none;display:flex}.im-category-circle-item:hover{transform:translateY(-2px)}.im-cat-thumb-wrap{background-color:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;width:58px;height:58px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.im-cat-thumb{object-fit:cover;width:100%;height:100%}.im-category-circle-item:hover .im-cat-thumb-wrap{border-color:var(--color-primary)}.im-cat-name{color:var(--color-secondary);white-space:nowrap;font-size:.78rem;font-weight:600}.im-product-card{position:relative}.im-delivery-chip{color:#b45309;border-radius:var(--radius-sm);background-color:#fef3c7;border:1px solid #fde68a;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.im-pricing-row{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.im-action-wrap{flex-shrink:0}.im-btn-add{color:#15803d;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.5px;transition:all var(--transition-fast);background-color:#fff;border:1.5px solid #16a34a;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 1px 3px #0000000f}.im-btn-add:hover{color:#15803d;background-color:#f0fdf4;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 10px #16a34a26}.im-plus{stroke-width:3px}.im-card-stepper{color:#fff;border-radius:var(--radius-md);background-color:#15803d;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 2px 6px #15803d4d}.im-step-btn{color:#fff;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.45rem .65rem;display:flex}.im-step-btn:hover{background-color:#166534}.im-step-qty{text-align:center;min-width:26px;padding:0 .5rem;font-size:.88rem;font-weight:800}.floating-cart-hud-container{z-index:990;width:90%;max-width:480px;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUpSpring;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}@keyframes slideUpSpring{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.floating-cart-hud-bar{color:#fff;transition:all var(--transition-fast);background-color:#15803d;border:1px solid #22c55e;border-radius:9999px;justify-content:space-between;align-items:center;padding:.75rem 1.4rem;text-decoration:none;display:flex;box-shadow:0 12px 28px #0000004d}.floating-cart-hud-bar:hover{background-color:#166534;transform:translateY(-2px);box-shadow:0 16px 36px #15803d66}.cart-hud-left{align-items:center;gap:.85rem;display:flex}.cart-hud-icon-wrap{align-items:center;display:flex;position:relative}.cart-hud-count{color:#fff;background-color:#ea580c;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-8px;right:-8px}.cart-hud-price-info{flex-direction:column;line-height:1.15;display:flex}.cart-hud-items-text{opacity:.85;font-size:.75rem}.cart-hud-total-val{font-size:1.05rem;font-weight:800}.cart-hud-right{align-items:center;gap:.4rem;font-size:.95rem;font-weight:800;display:flex}.location-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#0f172ab3;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.location-modal-card{border-radius:var(--radius-lg);background-color:#fff;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.2s ease-out scaleIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.location-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.loc-header-title{align-items:center;gap:.75rem;display:flex}.loc-header-icon-wrap{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-primary);background-color:#ffedd5;flex-shrink:0;justify-content:center;align-items:center;display:flex}.loc-header-title h3{color:var(--color-secondary);margin-bottom:.2rem;font-size:1.25rem}.loc-header-title p{color:var(--text-muted);font-size:.78rem}.loc-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.25rem}.loc-close-btn:hover{color:var(--color-secondary);background-color:#f1f5f9}.loc-detect-bar{padding:1rem 1.5rem .5rem}.btn-gps-detect{border-radius:var(--radius-md);color:#1d4ed8;cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background-color:#eff6ff;border:1px dashed #3b82f6;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.btn-gps-detect:hover{background-color:#dbeafe}.btn-gps-detect strong{font-size:.88rem;display:block}.btn-gps-detect span{color:#3b82f6;font-size:.75rem}.loc-search-box{padding:.5rem 1.5rem 1rem;position:relative}.loc-search-icon{color:var(--text-muted);position:absolute;top:50%;left:2.25rem;transform:translateY(-50%)}.loc-search-input{border:1.5px solid var(--border-medium);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast);outline:none;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem}.loc-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ea580c26}.loc-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:2.25rem;transform:translateY(-50%)}.loc-list-wrapper{flex:1;padding:0 1.5rem 1rem;overflow-y:auto}.loc-list-heading{text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.loc-toggle-manual{color:var(--color-primary);cursor:pointer;text-transform:none;background:0 0;border:none;font-size:.75rem;font-weight:700}.loc-manual-form{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#f8fafc;margin-bottom:1rem;padding:.85rem}.loc-manual-row{gap:.5rem;margin-top:.5rem;display:flex}.btn-save-loc{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;padding:0 1rem;font-size:.85rem;font-weight:700}.loc-items-list{flex-direction:column;gap:.65rem;display:flex}.loc-item-card{border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.loc-item-card:hover{border-color:var(--border-medium);background-color:#f8fafc;transform:translate(2px)}.loc-item-card.selected{background-color:#f0fdf4;border-color:#22c55e}.loc-item-icon{width:34px;height:34px;color:var(--color-secondary);background-color:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.loc-item-info{flex:1}.loc-item-top{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.loc-badge-tag{color:#475569;border-radius:var(--radius-sm);background-color:#f1f5f9;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.loc-item-address{color:var(--text-muted);font-size:.78rem;line-height:1.25}.loc-item-sla{color:#166534;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.72rem;display:flex}.loc-item-arrow{color:var(--text-muted)}.loc-modal-footer{border-top:1px solid var(--border-light);background-color:#f8fafc;justify-content:space-around;padding:.85rem 1.5rem;font-size:.75rem;display:flex}.loc-footer-item{color:var(--text-main);align-items:center;gap:.35rem;font-weight:500;display:flex}@media (width<=900px){.instamart-top-inner{flex-direction:column;align-items:stretch;gap:1rem}.im-categories-scroll-tray{padding-bottom:.5rem}}