@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes blobFloat{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}@keyframes spFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes spShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes spSlideInR{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes spSlideInL{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes heartPop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes gcPulse{0%,to{box-shadow:0 0 0 3px rgba(16,185,129,.3)}50%{box-shadow:0 0 0 6px transparent}}@keyframes gcSpin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes gcFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gcPulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes mpSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes saveFadeIn{0%{opacity:0}to{opacity:1}}@keyframes savePopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes qaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes qaPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes panduanFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes maintenancePulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-8deg)}}:root{--color-primary-bg:#eff6ff;--color-secondary-light:#10b981;--color-secondary-bg:#ecfdf5;--color-accent-light:#10b981;--color-success:#047857;--color-success-dark:#065f46;--color-warning:#d97706;--color-warning-dark:#b45309;--color-danger:#dc2626;--color-danger-dark:#b91c1c;--color-info:#1e40af;--color-bg-card:#ffffff;--color-bg-panel:#ffffff;--color-bg-hover:#e2e8f0;--color-bg-subtle:#f8fafc;--color-bg-dark:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-text-inverse:#ffffff;--color-border-light:#e2e8f0;--color-border-dark:#94a3b8;--grid-size:32px;--grid-color:rgba(30, 64, 175, 0.04);--grid-pattern:linear-gradient(var(--grid-color) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);--panel-gradient:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--hero-gradient:linear-gradient(135deg, #1e40af 0%, #0a3d5c 50%, #047857 100%);--font-heading:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:'JetBrains Mono', 'Courier New', monospace;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:40px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(15, 23, 42, 0.04);--shadow-md:0 2px 8px rgba(15, 23, 42, 0.06);--shadow-lg:0 8px 24px rgba(15, 23, 42, 0.08);--shadow-xl:0 16px 40px rgba(15, 23, 42, 0.12);--shadow-primary:0 4px 12px rgba(30, 64, 175, 0.15);--shadow-accent:0 4px 12px rgba(4, 120, 87, 0.15);--transition:0.2s ease;--transition-fast:0.12s ease;--transition-slow:0.35s ease;--container-max:1200px;--navbar-height:68px}.navbar-menu a,body{color:var(--color-text)}body{background-color:var(--color-bg);background-image:var(--grid-pattern);background-size:var(--grid-size) var(--grid-size);font-feature-settings:"tnum","cv11";font-family:var(--font-body);font-size:var(--fs-base);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}.card,.navbar,.panel{box-shadow:var(--shadow-sm)}.card,.panel{background:var(--color-bg-panel);border:1px solid var(--color-border)}h1,h4{letter-spacing:-.01em}.navbar{background:var(--color-bg-card);position:sticky;top:0;z-index:100}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md)0;gap:var(--space-lg)}.navbar-logo{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:800;color:var(--color-primary)}.navbar-logo span,a{color:var(--color-secondary)}.navbar-menu{display:flex;gap:var(--space-lg);list-style:none}.navbar-menu a{font-weight:500;padding:var(--space-sm)}.navbar-menu a:hover{color:var(--color-primary)}.navbar-actions{display:flex;gap:var(--space-sm);align-items:center}.footer{background:var(--color-secondary);padding:var(--space-2xl)0 var(--space-lg);margin-top:var(--space-2xl)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer h4{color:#fff;margin-bottom:var(--space-md)}.footer a{color:rgba(255,255,255,.8)}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:var(--space-lg);text-align:center;color:rgba(255,255,255,.7);font-size:var(--fs-sm)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);line-height:1.3;margin-bottom:var(--space-md)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}a{text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary)}img{height:auto;display:block}button{cursor:pointer;font-family:inherit;border:0;background:0 0}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mt-4{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mb-4{margin-bottom:var(--space-xl)}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;font-family:inherit}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 2px 8px rgba(255,107,53,.3)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-outline{border-color:var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(255,107,53,.05)}.btn-ghost,.btn-outline{background:0 0;color:var(--color-text)}.btn-ghost:hover{background:var(--color-bg-hover)}.btn-sm{padding:6px 14px;font-size:13px;border-radius:8px}.btn-lg{padding:14px 28px;font-size:16px;border-radius:12px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background:var(--color-bg-card);box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.04)}.card:hover{transform:translateY(-2px)}.card-body{padding:16px}.card-img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--color-bg-hover)}.badge{display:inline-block}.badge-primary{background:rgba(255,107,53,.15);color:var(--color-primary)}.badge-success{background:rgba(46,204,113,.15);color:var(--color-success)}.badge-warning{background:rgba(243,156,18,.15)}.badge-danger{background:rgba(231,76,60,.15);color:var(--color-danger)}.loader{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999}.toast{background:var(--color-bg-card);border-left:4px solid var(--color-primary);padding:14px 20px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:280px;font-weight:500;font-size:14px;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-danger)}.toast.warning{border-left-color:var(--color-warning)}.modal-header button,.modal-overlay{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;padding:20px;animation:fadeIn .2s ease-out}.modal{background:var(--color-bg-card);border-radius:20px;max-width:520px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.05);animation:modalIn .35s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.modal-header{padding:20px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0;flex-shrink:0}.modal-header h2,.modal-header h3{color:#fff!important;margin:0!important;font-size:18px!important;font-weight:700;letter-spacing:.3px}.modal-header button{color:#fff!important;font-size:24px;background:rgba(255,255,255,.15);border:0;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s;line-height:1;padding:0}.modal-header button:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;background:var(--color-bg-hover)}.modal-body input[type=\"email\"],.modal-body input[type=\"number\"],.modal-body input[type=\"password\"],.modal-body input[type=\"tel\"],.modal-body input[type=\"text\"],.modal-body select,.modal-body textarea{transition:all .2s ease;font-family:inherit}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:0;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(255,107,53,.15)}.modal-body label{color:var(--color-text);font-size:13px!important}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-muted)}.empty-state img{max-width:200px;margin:0 auto 24px;opacity:.5}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--space-2xl)0;border-radius:var(--radius-lg);margin:var(--space-lg)0}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;padding:var(--space-xl)}.hero h1{color:#fff;font-size:var(--fs-3xl);margin-bottom:var(--space-md)}.hero p{font-size:var(--fs-lg);opacity:.95;margin-bottom:var(--space-lg)}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.stats-grid{gap:var(--space-lg);margin:var(--space-xl)0}.stat-card{background:var(--color-bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-value{font-family:var(--font-heading);font-size:var(--fs-2xl);color:var(--color-primary);font-weight:800}.stat-label{color:var(--color-text-muted);font-size:var(--fs-sm);margin-top:var(--space-xs)}.section{padding:var(--space-2xl)0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.section-title{font-size:var(--fs-2xl);margin:0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.category-item{background:var(--color-bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.category-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border:2px solid var(--color-primary)}.category-icon{font-size:32px;margin-bottom:var(--space-sm)}.category-name{font-weight:600;font-size:var(--fs-sm)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.product-card{cursor:pointer}.product-card .card-img{aspect-ratio:1}.product-name{font-weight:600;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{color:var(--color-primary);font-size:var(--fs-lg)}.product-rating{color:var(--color-accent);font-size:var(--fs-sm)}.product-detail-page{max-width:1200px;margin:0 auto;padding:24px 16px 80px}.product-breadcrumb{display:flex;gap:8px;font-size:13px;color:#6b7280;margin-bottom:20px;flex-wrap:wrap}.product-breadcrumb a{color:#0c4a6e;text-decoration:none;transition:color .15s}.product-breadcrumb a:hover{color:#1e40af;text-decoration:underline}.product-breadcrumb span{color:#9ca3af}.product-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 24px rgba(0,0,0,.06);border:1px solid #f3f4f6;margin-bottom:32px}.product-image-wrap{position:relative;border-radius:16px;overflow:hidden;background:#f9fafb;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.product-image-wrap img,.product-new-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-image-wrap:hover img{transform:scale(1.03)}.product-info h1{font-size:28px;font-weight:800;color:#111827;margin:0 0 12px;line-height:1.3}.product-store-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#6b7280;margin-bottom:20px;text-decoration:none;padding:6px 12px;background:#f9fafb;border-radius:999px;transition:all .15s}.product-store-link:hover{background:#eff6ff;color:#0c4a6e}.product-price-block{background:linear-gradient(135deg,#fef2f2 0,#fff7ed 100%);border-radius:16px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.product-price{font-size:36px;font-weight:800;color:#dc2626;letter-spacing:-1px}.product-price-old{font-size:18px;color:#9ca3af;text-decoration:line-through}.product-discount-badge{background:#dc2626;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.product-desc{font-size:15px;line-height:1.7;color:#4b5563;margin:0 0 20px}.product-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.product-stat-card{background:#f9fafb;border-radius:14px;padding:14px 18px;border:1px solid #f3f4f6}.product-stat-label{font-size:12px;color:#6b7280;margin-bottom:4px;display:flex;align-items:center;gap:4px}.product-stat-value{font-size:22px;font-weight:800;color:#111827}.product-qty{display:flex;align-items:center;gap:12px;margin-bottom:16px}.product-qty-label{font-size:14px;font-weight:600;color:#374151}.product-qty-input{width:80px;padding:12px;border:1.5px solid #e5e7eb;border-radius:10px;text-align:center;font-size:15px;font-weight:600;outline:0;transition:all .15s}.product-qty-input:focus{border-color:#0c4a6e;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.product-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.btn-product-primary{width:100%;padding:16px 24px;border-radius:14px;font-size:15px;font-weight:700;border:0;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0c4a6e,#047857);color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.3)}.btn-product-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.4)}.btn-product-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-product-chat,.btn-product-wa{width:100%;padding:16px 24px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-product-wa{border:0;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 16px rgba(37,211,102,.3)}.btn-product-wa:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.4)}.btn-product-chat{border:1.5px solid #e5e7eb;background:#fff;color:#374151}.btn-product-chat:hover{border-color:#0c4a6e;color:#0c4a6e;background:#eff6ff;transform:translateY(-2px)}.product-trust{display:flex;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #f3f4f6;flex-wrap:wrap}.product-trust-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6b7280}.product-trust-item span:first-child{font-size:16px}@media (max-width:520px){.product-detail-page{padding:16px 12px 60px}.product-main{grid-template-columns:1fr;gap:24px;padding:20px;border-radius:18px}.product-info h1{font-size:22px}.product-price{font-size:28px}.product-price-block{padding:16px 18px}.product-stats{grid-template-columns:1fr 1fr}.product-stat-value{font-size:18px}.btn-product-chat,.btn-product-primary,.btn-product-wa{padding:14px 20px;font-size:14px}}@media (max-width:1024px){.container{padding-left:20px!important;padding-right:20px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.products-grid,.sd-products-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:520px){body,html{overflow-x:hidden}body{font-size:14px}h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:16px!important}.container{padding-left:12px!important;padding-right:12px!important}.card{padding:16px!important;border-radius:12px!important}.navbar{padding:8px 12px!important}.navbar-brand,input,select,textarea{font-size:16px!important}.navbar-menu{display:none!important}.navbar-menu.open{flex-direction:column!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;padding:12px 16px!important;gap:4px!important;z-index:999!important}.navbar-menu.open a{padding:10px 14px!important;border-radius:8px!important}.navbar-menu.open a:hover{background:#f3f4f6!important}.navbar-menu.open,.navbar-toggle{display:flex!important}.hero-inner{grid-template-columns:1fr!important;text-align:center!important}.hero-actions{justify-content:center!important;flex-direction:column!important}.hero-actions .btn{width:100%!important}.hero h1{font-size:24px!important}.hero p,.navbar-menu.open a{font-size:14px!important}.marketplace-grid,.products-grid,.sd-products-grid,.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.product-card .product-img{aspect-ratio:1!important}.product-card .product-name{font-size:13px!important;min-height:34px!important}.product-card .product-price{font-size:14px!important}.stats-grid{gap:8px!important}.stat-card{padding:12px!important}.sp-header h2,.stat-value{font-size:18px!important}.stat-label{font-size:11px!important}.btn{padding:10px 16px!important;font-size:13px!important}.btn-lg{padding:12px 20px!important;font-size:14px!important}.btn-sm{padding:6px 12px!important;font-size:12px!important}input,select,textarea{padding:10px 12px!important}table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}tbody,thead{display:table!important;min-width:600px!important}.filter-bar,.toolbar{flex-direction:column!important}.filter-bar>*,.toolbar>*,tbody,thead{width:100%!important}#seller-tabs,.order-filters,.settings-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important}#seller-tabs button,.order-filter,.settings-tabs button{white-space:nowrap!important;flex-shrink:0!important;font-size:12px!important;padding:8px 14px!important}.order-card-head{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.order-buyer{grid-template-columns:1fr!important}.order-foot{flex-direction:column!important;align-items:stretch!important}.order-actions{justify-content:stretch!important}.order-actions .btn,.sd-actions .btn,.sp-header-actions .btn{flex:1!important}.sp-layout{grid-template-columns:1fr!important}.sp-right{position:static!important}.sp-row{grid-template-columns:1fr!important}.sp-header{padding:16px!important}.sp-header-actions{width:100%!important}.gc-wrapper{height:calc(100vh - 180px)!important}.gc-bubble-col{max-width:82%!important}.gc-header{padding:12px 14px!important}.gc-header-icon{width:36px!important;height:36px!important;font-size:18px!important}.gc-header-title{font-size:14px!important}.gc-messages{padding:12px 10px!important}.gc-emoji-picker{grid-template-columns:repeat(5,1fr)!important}.gc-input{font-size:16px!important}.sd-body{padding:0 16px 20px!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.sd-info{padding-top:0!important;width:100%!important;min-width:0!important}.sd-actions,.sd-meta,.sd-name-row{justify-content:center!important}.article-content h1,.sd-name{font-size:20px!important}.sd-banner{max-height:180px!important}.article-content{font-size:14px!important}.product-detail-grid{grid-template-columns:1fr!important}.product-images{position:static!important}.modal-overlay{align-items:flex-start!important;padding:20px 8px 8px!important}.modal{max-width:100%!important;border-radius:12px!important}.modal-body,.modal-header{padding:16px!important}.footer-grid{grid-template-columns:1fr!important;gap:20px!important;text-align:center!important}.pagination{flex-wrap:wrap!important;justify-content:center!important}}@media (max-width:480px){.hero h1,h1{font-size:20px!important}h2{font-size:16px!important}.container{padding-left:10px!important;padding-right:10px!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.category-item{padding:12px 8px!important}.category-icon{font-size:28px!important}.category-name{font-size:11px!important}.marketplace-grid,.products-grid,.sd-products-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.btn{font-size:12px!important;padding:8px 12px!important}.hero p{font-size:13px!important}.gc-wrapper{height:calc(100vh - 160px)!important}.hide-mobile{display:none!important}}.mobile-only{display:none!important}@media (max-width:520px){.mobile-only{display:block!important}.desktop-only{display:none!important}}@media (hover:none) and (pointer:coarse){.btn:hover,.gc-product-card:hover,.product-card:hover{transform:none!important}.btn,a.btn,button{min-height:42px}.gc-del-btn{width:36px!important;height:36px!important}}@media (max-width:520px){::-webkit-scrollbar{width:0!important;height:0!important}*{scrollbar-width:none}.footer,footer{padding:32px 16px 20px!important;text-align:center!important}.footer-cols,.footer-content,.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:24px 12px!important;text-align:left!important;margin-bottom:24px!important}.footer-brand,.footer-col-brand,.footer-grid>:first-child{grid-column:1/-1!important;text-align:center!important;margin-bottom:8px!important}.footer h3,.footer-brand h3,.footer-logo{font-size:18px!important;margin-bottom:6px!important}.footer-brand p,.footer-desc,.footer>p{font-size:13px!important;line-height:1.5!important;max-width:320px!important;margin:0 auto 12px!important}.footer h4,.footer-col h4,.footer-title{font-size:13px!important;font-weight:700!important;margin-bottom:10px!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#fff!important}.footer ul,.footer-links{list-style:none!important;padding:0!important;margin:0!important}.footer li,.footer-links li{margin-bottom:8px!important}.footer a,.footer-links a{font-size:13px!important;line-height:1.5!important;display:inline-block!important;padding:3px 0!important;color:rgba(255,255,255,.85)!important;text-decoration:none!important;transition:color .2s!important}.footer a:hover,.footer-links a:hover{color:#fff!important}.footer-social,.footer-sosial{display:flex!important;justify-content:center!important;gap:12px!important;margin:16px 0!important;flex-wrap:wrap!important}.footer-social a,.footer-sosial a{width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.1)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;padding:0!important}.footer-bottom,.footer-copyright{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;padding-top:20px!important;margin-top:16px!important;border-top:1px solid rgba(255,255,255,.1)!important;font-size:12px!important;color:rgba(255,255,255,.7)!important}.footer-sponsor,.sponsor-banner{flex-direction:column!important;gap:6px!important;padding:12px!important;text-align:center!important;font-size:11px!important}}@media (max-width:480px){.footer-cols,.footer-content,.footer-grid{grid-template-columns:1fr!important;text-align:center!important;gap:20px!important}.footer ul,.footer-col,.footer-grid>*,.footer-links{text-align:center!important}.footer h4,.footer-col h4{margin-top:8px!important}.footer ul,.footer-links{display:inline-block!important}}@media (max-width:520px){.footer,footer{padding:0!important;text-align:center!important}.footer-sponsor,.sponsor-banner,footer .sponsor,footer>div:first-child:not(.footer-brand){padding:20px 16px!important;background:rgba(0,0,0,.15)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;margin:0!important}.sponsor-label,footer .sponsor-label{display:block!important;font-size:10px!important;letter-spacing:2px!important;color:rgba(255,255,255,.5)!important;margin-bottom:12px!important;text-transform:uppercase!important;font-weight:600!important}.sponsor-list,footer .sponsor-list{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}.sponsor-item,.sponsor-list a,footer .sponsor-item,footer .sponsor-list a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 20px!important;background:rgba(255,255,255,.1)!important;border-radius:50px!important;font-size:13px!important;font-weight:600!important;color:#fff!important;text-decoration:none!important;transition:all .2s!important;min-height:40px!important;border:1px solid rgba(255,255,255,.15)!important}.sponsor-list a:active{background:rgba(255,255,255,.2)!important;transform:scale(.96)!important}.footer-brand,footer .brand,footer>div:nth-child(2):not(.footer-sponsor){padding:28px 16px 24px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.footer-links,.footer-title,footer footer footer footer h4,footer footer ul{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:0 16px!important;margin:0 0 8px!important;list-style:none!important}footer ul li{margin:0!important}.footer-links a,footer ul a{font-size:14px!important;padding:10px 18px!important;border-radius:8px!important;color:rgba(255,255,255,.85)!important;text-decoration:none!important;transition:all .2s!important;display:block!important;min-width:200px!important;text-align:center!important}footer ul a:active{background:rgba(255,255,255,.1)!important;color:#fff!important}footer .footer-social,footer .social,footer .social-links{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;padding:0 16px!important;margin:8px 0 24px!important}footer .footer-social a,footer .social a,footer .social-links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;height:44px!important;padding:0 16px!important;border-radius:50px!important;background:rgba(255,255,255,.12)!important;font-size:13px!important;font-weight:600!important;color:#fff!important;text-decoration:none!important;transition:all .2s!important;border:1px solid rgba(255,255,255,.1)!important}footer .social a:active{background:rgba(255,255,255,.22)!important;transform:scale(.96)!important}footer .copyright,footer .footer-bottom,footer>div:last-child:not(.footer-sponsor){margin:0!important;padding:20px 16px!important;border-top:1px solid rgba(255,255,255,.12)!important;font-size:12px!important;line-height:1.6!important;color:rgba(255,255,255,.55)!important;background:rgba(0,0,0,.15)!important}footer .copyright a,footer .footer-bottom a{color:#ff8c5f!important;font-weight:600!important;display:inline-block!important;margin-top:8px!important;padding:6px 12px!important;border-radius:6px!important;background:rgba(255,255,255,.08)!important}footer .copyright a:active{background:rgba(255,255,255,.15)!important}}@media (max-width:480px){.footer-links a,footer footer ul a{min-width:170px!important;font-size:13.5px!important}footer .social a{height:42px!important;padding:0 14px!important;font-size:12px!important}.sponsor-item,.sponsor-list a{padding:8px 16px!important;font-size:12px!important;min-height:38px!important}}.footer,.site-footer,footer{background:linear-gradient(180deg,#004e89 0,#003d6b 100%)!important;color:#fff!important}.footer *,footer *{color:inherit}@media (max-width:520px){.footer,.site-footer,footer{padding:0!important;text-align:center!important;background:linear-gradient(180deg,#004e89 0,#003d6b 100%)!important;color:#fff!important}.footer-sponsor,.sponsor-banner,footer .sponsor,footer>div:first-child:not(.footer-brand){padding:22px 16px!important;background:rgba(0,0,0,.2)!important;border-bottom:1px solid rgba(255,255,255,.15)!important;margin:0!important}.sponsor-label,footer .sponsor-label{display:block!important;font-size:10px!important;letter-spacing:2px!important;color:rgba(255,255,255,.6)!important;margin-bottom:12px!important;text-transform:uppercase!important;font-weight:600!important}.sponsor-list,footer .sponsor-list{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}.sponsor-item,.sponsor-list a,footer .sponsor-item,footer .sponsor-list a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 22px!important;background:rgba(255,255,255,.12)!important;border-radius:50px!important;font-size:13px!important;font-weight:700!important;color:#fff!important;text-decoration:none!important;transition:all .2s!important;min-height:42px!important;border:1px solid rgba(255,255,255,.2)!important}.sponsor-list a:active,footer .social a:active{background:rgba(255,255,255,.25)!important;transform:scale(.96)!important}.footer-brand,footer .brand,footer>div:nth-child(2):not(.footer-sponsor){padding:30px 16px 26px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.footer-links,.footer-title,footer footer footer footer h4,footer footer ul{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:0 16px!important;margin:0 0 8px!important;list-style:none!important}footer ul li{margin:0!important}.footer-links a,footer ul a{font-size:14px!important;padding:10px 18px!important;border-radius:8px!important;color:rgba(255,255,255,.9)!important;text-decoration:none!important;transition:all .2s!important;display:block!important;min-width:200px!important;text-align:center!important}footer ul a:active{background:rgba(255,255,255,.15)!important;color:#fff!important}footer .footer-social,footer .social,footer .social-links{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;padding:0 16px!important;margin:8px 0 26px!important}footer .footer-social a,footer .social a,footer .social-links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;height:44px!important;padding:0 16px!important;border-radius:50px!important;background:rgba(255,255,255,.15)!important;font-size:13px!important;font-weight:700!important;color:#fff!important;text-decoration:none!important;transition:all .2s!important;border:1px solid rgba(255,255,255,.15)!important}footer .copyright,footer .footer-bottom,footer>div:last-child:not(.footer-sponsor){margin:0!important;padding:22px 16px!important;border-top:1px solid rgba(255,255,255,.15)!important;font-size:12px!important;line-height:1.6!important;color:rgba(255,255,255,.65)!important;background:rgba(0,0,0,.25)!important}footer .copyright a,footer .footer-bottom a{color:#ff8c5f!important;font-weight:700!important;display:inline-block!important;margin-top:8px!important;padding:6px 14px!important;border-radius:6px!important;background:rgba(255,255,255,.1)!important}footer .copyright a:active{background:rgba(255,255,255,.2)!important}}@media (max-width:480px){.footer-links a,footer footer ul a{min-width:180px!important;font-size:13.5px!important}footer .social a{height:42px!important;padding:0 14px!important;font-size:12px!important}.sponsor-item,.sponsor-list a{padding:8px 18px!important;font-size:12px!important}}@media (max-width:520px){.footer-tagline,.made-with-love,footer .tagline{display:block!important;text-align:center!important;padding:16px!important;font-size:13px!important;line-height:1.6!important;color:rgba(255,255,255,.75)!important;border-top:1px solid rgba(255,255,255,.1)!important;margin:0!important}.footer-tagline .heart,.made-with-love .heart,footer .tagline .heart{color:#ff6b35!important;font-size:15px!important;display:inline-block!important;animation:heartbeat 1.5s ease-in-out infinite!important}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.footer-tagline .country,.made-with-love .country,footer .tagline .country{color:#ff8c5f!important;font-weight:700!important}}@media (max-width:480px){.footer-tagline,.made-with-love,footer .tagline{font-size:12px!important;padding:14px!important}}.hero-new{position:relative;background:linear-gradient(135deg,#0c4a6e 0,#0369a1 50%,#047857 100%);color:#fff;overflow:hidden}.hero-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.35;animation:blobFloat 8s ease-in-out infinite}.hero-blob-1{width:300px;height:300px;background:#047857;top:-100px;right:-50px}.hero-blob-2{width:200px;height:200px;background:#fff;bottom:-80px;left:-40px;animation-delay:2s}.hero-blob-3{width:250px;height:250px;background:#0369a1;top:40%;left:40%;animation-delay:4s}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}.hero-badge{display:inline-block;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);border-radius:50px;font-weight:600;border:1px solid rgba(255,255,255,.3)}.hero-title{font-weight:800;margin:0 0 20px;font-family:var(--font-heading);color:#fff}.hero-gradient{background:linear-gradient(135deg,#eff6ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{line-height:1.6;opacity:.95;margin:0 auto 32px}.hero-search{display:flex;background:#fff;border-radius:50px;margin:0 auto 24px;box-shadow:0 10px 40px rgba(0,0,0,.15);gap:4px}.hero-search-input{flex:1;border:0;outline:0;border-radius:50px;background:0 0;color:#1f2937}.hero-search-input::placeholder{color:#9ca3af}.hero-search-btn{background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff;border:0;border-radius:50px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.hero-search-btn:hover{transform:scale(1.03);box-shadow:0 4px 16px rgba(255,107,53,.4)}.hero-actions-new{display:flex;justify-content:center;flex-wrap:wrap}.btn-hero-primary,.btn-hero-secondary{border-radius:50px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;align-items:center;gap:8px}.btn-hero-primary{background:#fff;color:#0c4a6e;box-shadow:0 8px 24px rgba(0,0,0,.15)}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.btn-hero-secondary{background:rgba(255,255,255,.15);color:#fff;border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(8px)}.btn-hero-secondary:hover{background:rgba(255,255,255,.25);transform:translateY(-3px)}.hero-trust{display:flex;justify-content:center;flex-wrap:wrap;color:rgba(255,255,255,.9);font-weight:500}.stats-new{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));position:relative;z-index:3}.stat-new-card{background:#fff;border-radius:16px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.08);border:1px solid #f3f4f6;transition:all .25s}.stat-new-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.12)}.stat-new-icon{font-size:32px;margin-bottom:8px}.stat-new-value{font-weight:800;color:#0c4a6e;font-family:var(--font-heading);line-height:1;margin-bottom:6px}.stat-new-label{font-size:12.5px;color:#6b7280;font-weight:500}.section-head-new{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}.section-head-new.center{flex-direction:column;align-items:center;text-align:center}.section-title-new{font-family:var(--font-heading);font-weight:800;color:#1f2937;margin:0 0 4px;letter-spacing:-.5px}.section-sub-new{color:#6b7280;margin:0}.section-link{color:#0c4a6e;font-weight:700;font-size:14px;text-decoration:none;transition:all .2s}.section-link:hover{color:#0a3d5c;transform:translateX(4px)}.categories-new-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.category-new-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:2px solid #f3f4f6;border-radius:16px;text-decoration:none;color:inherit;transition:all .25s;position:relative;overflow:hidden}.category-new-item::before{content:"";position:absolute;inset:0;background:var(--cat-color);opacity:0;transition:opacity .25s}.category-new-item:hover{transform:translateY(-6px);border-color:var(--cat-color);box-shadow:0 12px 28px rgba(0,0,0,.1)}.category-new-item:hover::before{opacity:.05}.category-new-icon{font-size:40px;margin-bottom:10px;position:relative;z-index:1;transition:transform .3s}.category-new-item:hover .category-new-icon{transform:scale(1.15) rotate(-5deg)}.category-new-name{font-size:13.5px;font-weight:700;color:#1f2937;position:relative;z-index:1}.section-features{background:linear-gradient(180deg,#f8fafc 0,#fff 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{background:#fff;padding:28px 24px;border-radius:20px;border:1px solid #f3f4f6;transition:all .3s;position:relative;overflow:hidden}.feature-card::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--feature-color);transform:scaleX(0);transform-origin:left;transition:transform .3s}.feature-card:hover,.product-new-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.feature-card:hover::after,.stat-card:hover::before{transform:scaleX(1)}.feature-icon{width:56px;height:56px;border-radius:16px;background:var(--feature-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.feature-title{font-size:17px;font-family:var(--font-heading);font-weight:700;margin:0 0 8px;color:#1f2937}.feature-desc{font-size:13.5px;color:#6b7280;line-height:1.6;margin:0}.products-new-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.product-new-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #f3f4f6;text-decoration:none;color:inherit;transition:all .25s;display:flex;flex-direction:column}.product-new-card:hover{box-shadow:0 16px 36px rgba(0,0,0,.1);border-color:#0c4a6e}.product-new-img{aspect-ratio:1;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:48px;color:#9ca3af;overflow:hidden}.product-new-card:hover .product-new-img img,.sd-product-card:hover .sd-product-img img{transform:scale(1.08)}.product-new-body{padding:12px 14px}.product-new-name{font-size:13.5px;font-weight:600;line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.product-new-price{font-size:15px;font-weight:800;color:#0c4a6e}.product-new-loc{font-size:11.5px;color:#9ca3af;margin-top:4px}.section-testimonials{background:linear-gradient(180deg,#fff 0,#f8fafc 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.testimonial-card{background:#fff;padding:28px 24px;border-radius:20px;border:1px solid #f3f4f6;box-shadow:0 4px 16px rgba(0,0,0,.04);transition:all .3s}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08)}.testimonial-stars{font-size:16px;margin-bottom:12px}.testimonial-text{font-size:14px;line-height:1.7;color:#374151;font-style:italic;margin:0 0 20px}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0c4a6e,#0369a1);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.testimonial-name{font-size:14px;font-weight:700;color:#1f2937}.testimonial-role{font-size:12px;color:#6b7280;margin-top:2px}.cta-new-inner{background:linear-gradient(135deg,#0c4a6e 0,#0369a1 50%,#047857 100%);text-align:center;color:#fff;position:relative;overflow:hidden}.cta-new-inner::before{content:"";position:absolute;width:300px;height:300px;background:rgba(255,255,255,.1);border-radius:50%;top:-100px;right:-100px;filter:blur(20px)}.cta-new-icon,.cta-new-title{position:relative;z-index:1}.cta-new-title{font-family:var(--font-heading);font-weight:800;margin:0 0 12px}.cta-new-sub{line-height:1.6;opacity:.95;max-width:560px;margin:0 auto 32px;position:relative;z-index:1}.cta-new-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.btn-cta-primary,.btn-cta-secondary{padding:15px 32px;border-radius:50px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;align-items:center}.btn-cta-primary{background:#fff;color:#0c4a6e;box-shadow:0 8px 24px rgba(0,0,0,.15)}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.25)}.btn-cta-secondary{background:0 0;color:#fff;border:2px solid rgba(255,255,255,.5)}.btn-cta-secondary:hover{background:rgba(255,255,255,.15);border-color:#fff}@media (max-width:768px){.hero-new{padding:60px 0 80px;border-radius:0 0 20px 20px;margin-bottom:20px}.hero-title{font-size:30px}.hero-subtitle{font-size:14px}.hero-badge{font-size:11px;padding:6px 14px}.hero-search{flex-direction:column;padding:8px;border-radius:16px}.hero-search-btn,.hero-search-input{border-radius:12px;padding:12px 16px}.hero-actions-new{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center;padding:14px 20px;font-size:14px}.hero-trust{font-size:11.5px;gap:12px}.stats-new{margin-top:-40px;margin-bottom:40px;grid-template-columns:repeat(2,1fr);gap:10px}.stat-new-card{padding:16px 12px}.stat-new-icon{font-size:24px;margin-bottom:6px}.stat-new-value{font-size:20px}.stat-new-label{font-size:11px}.section-new{padding:0 12px}.cta-new,.section-features,.section-new,.section-testimonials{margin:40px 0}.cta-new{padding:0 12px}.section-features,.section-testimonials{padding:40px 12px}.section-title-new{font-size:20px}.section-sub-new{font-size:13px}.categories-new-grid{grid-template-columns:repeat(3,1fr);gap:10px}.category-new-item{padding:16px 8px;border-radius:12px}.category-new-icon{font-size:30px;margin-bottom:6px}.category-new-name{font-size:11.5px}.products-new-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-new-body{padding:10px}.product-new-name{font-size:12.5px;min-height:32px}.product-new-price{font-size:14px}.testimonials-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}.testimonial-card{padding:20px}.cta-new-inner{padding:40px 20px;border-radius:20px}.cta-new-icon{font-size:42px}.cta-new-title{font-size:22px}.cta-new-sub{font-size:14px;margin-bottom:24px}.cta-new-actions{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%;justify-content:center;padding:13px 24px;font-size:14px}}@media (max-width:480px){.categories-new-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:26px}}.hero-new{padding:40px 0 60px!important;margin-bottom:20px!important;border-radius:0 0 24px 24px!important}.hero-title{font-size:36px!important;margin-bottom:12px!important;line-height:1.15!important}.hero-subtitle{font-size:15px!important;margin-bottom:20px!important;max-width:540px!important}.hero-badge{padding:6px 14px!important;font-size:12px!important;margin-bottom:14px!important}.hero-search{max-width:520px!important;margin-bottom:16px!important;padding:5px!important}.hero-search-input{padding:10px 18px!important;font-size:14px!important}.hero-search-btn{padding:10px 22px!important;font-size:13px!important}.hero-actions-new{margin-bottom:16px!important;gap:10px!important}.btn-hero-primary,.btn-hero-secondary{padding:11px 22px!important;font-size:14px!important}.hero-trust{font-size:12px!important;gap:14px!important}.stat-new-value{font-size:24px!important}@media (max-width:520px){.hero-new{padding:30px 0 50px!important;border-radius:0 0 16px 16px!important}.hero-title{font-size:26px!important}.hero-subtitle{font-size:13.5px!important;margin-bottom:16px!important}.hero-badge{font-size:10.5px!important;padding:5px 12px!important;margin-bottom:10px!important}.hero-search{margin-bottom:12px!important}.hero-search-btn,.hero-search-input{padding:10px 14px!important;font-size:13px!important}.hero-actions-new{margin-bottom:14px!important;gap:8px!important}.btn-hero-primary,.btn-hero-secondary{padding:10px 18px!important;font-size:13px!important}.hero-trust{font-size:11px!important;gap:10px!important}.stats-new{margin-top:-30px!important;margin-bottom:30px!important}}@media (max-width:520px){.section-new{margin:20px auto!important}.section-features,.section-testimonials{margin:20px 0!important;padding:24px 0!important}.cta-new{margin:20px 0 28px!important}.section-head-new{margin-bottom:14px!important}.section-title-new{font-size:18px!important;margin-bottom:2px!important}.section-sub-new{font-size:12.5px!important}.features-grid,.testimonials-grid{margin-top:16px!important;gap:12px!important}.stats-new{margin-bottom:20px!important}.categories-new-grid{gap:10px!important}.category-new-item{padding:14px 8px!important}}.section-new{margin:16px auto!important;padding:0 16px!important}.section-features,.section-testimonials{margin:16px 0!important;padding:24px 0!important}.cta-new{padding:0!important}.section-head-new{margin-bottom:12px!important}.section-title-new{font-size:22px!important;margin-bottom:2px!important}.section-sub-new{font-size:13px!important;margin-bottom:0!important}.features-grid,.testimonials-grid{margin-top:14px!important;gap:12px!important}.stats-new{margin-top:-50px!important;gap:10px!important}.stat-new-card{padding:14px 12px!important}.categories-new-grid{gap:10px!important}.category-new-item{padding:14px 8px!important}.products-new-grid{gap:12px!important}.cta-new-inner{padding:32px 24px!important;border-radius:20px!important}.cta-new-icon,.cta-new-title{font-size:42px!important;margin-bottom:8px!important}.cta-new-title{font-size:22px!important}.cta-new-sub{font-size:14px!important;margin-bottom:20px!important}@media (max-width:520px){.section-new{margin:10px auto!important;padding:0 12px!important}.section-features,.section-testimonials{margin:10px 0!important;padding:16px 0!important}.cta-new{margin:10px 0 20px!important}.section-head-new{margin-bottom:10px!important}.section-title-new{font-size:17px!important}.section-sub-new{font-size:12px!important}.features-grid,.testimonials-grid{margin-top:10px!important;gap:8px!important}.stats-new{margin-top:-35px!important;margin-bottom:12px!important;gap:6px!important}.stat-new-card{padding:12px 10px!important}.stat-new-icon{font-size:20px!important;margin-bottom:2px!important}.stat-new-value{font-size:18px!important}.stat-new-label{font-size:10px!important}.categories-new-grid{gap:8px!important}.category-new-item{padding:12px 6px!important;border-radius:10px!important}.category-new-icon{font-size:26px!important;margin-bottom:4px!important}.category-new-name{font-size:11px!important}.products-new-grid{gap:8px!important}.product-new-body{padding:8px 10px!important}.testimonial-card{padding:16px!important}.cta-new-inner{padding:24px 16px!important;border-radius:16px!important}.cta-new-icon,.cta-new-title{font-size:32px!important;margin-bottom:6px!important}.cta-new-title{font-size:18px!important}.cta-new-sub{font-size:13px!important;margin-bottom:16px!important}}.container h1,.store-info-card h2{font-family:var(--font-heading)}.store-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px 28px;margin-bottom:20px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;box-shadow:0 4px 16px rgba(15,23,42,.04);transition:all .3s ease;position:relative;overflow:hidden}.store-info-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0c4a6e,#047857)}.store-info-card:hover{box-shadow:0 8px 28px rgba(15,23,42,.08);transform:translateY(-2px)}.store-info-card h2{font-size:22px;margin:0 0 6px!important;color:#0f172a}.store-info-card .text-muted{color:#64748b!important;font-size:13.5px!important;line-height:1.6;margin:0!important}.store-info-card .badge-success,.store-info-card .badge-warning{color:#fff!important;font-weight:700;padding:5px 14px!important;border-radius:20px!important;font-size:11px!important}.store-info-card .badge-success{background:linear-gradient(135deg,#10b981,#34d399)!important;letter-spacing:.3px;box-shadow:0 4px 10px rgba(16,185,129,.25)}.store-info-card .badge-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;box-shadow:0 4px 10px rgba(245,158,11,.25)}.stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.stat-card{background:#fff!important;border:1px solid #e2e8f0!important;text-align:center!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(15,23,42,.04)!important}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0c4a6e,#0369a1);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 28px rgba(37,99,235,.12)!important}.stat-card .stat-value{font-family:var(--font-heading)!important;font-size:32px!important;font-weight:800!important;color:#0c4a6e!important;line-height:1!important;margin-bottom:8px!important;letter-spacing:-.5px}.stat-card .stat-label{color:#64748b!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.2px}.stat-card:nth-child(1) .stat-value{color:#0c4a6e!important}.stat-card:nth-child(1)::before{background:linear-gradient(90deg,#0c4a6e,#0369a1)!important}.stat-card:nth-child(2) .stat-value{color:#8b5cf6!important}.stat-card:nth-child(2)::before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)!important}.stat-card:nth-child(3) .stat-value{color:#f59e0b!important}.stat-card:nth-child(3)::before{background:linear-gradient(90deg,#f59e0b,#fbbf24)!important}.stat-card:nth-child(4) .stat-value{color:#10b981!important}.stat-card:nth-child(4)::before{background:linear-gradient(90deg,#10b981,#34d399)!important}#seller-tabs{border-bottom:2px solid #e2e8f0!important;flex-wrap:wrap!important}#seller-tabs button{border:0!important;background:0 0!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;color:#64748b!important;position:relative!important}#seller-tabs button:hover{background:#f1f5f9!important;color:#0c4a6e!important}table{border-radius:16px!important;overflow:hidden!important;box-shadow:0 4px 16px rgba(15,23,42,.05)!important;border:1px solid #e2e8f0!important}table thead{background:linear-gradient(90deg,#f8fafc,#eff6ff)!important}table tbody tr{transition:background .2s ease!important}table tbody tr:hover{background:#f8fafc!important}table tbody tr td{padding:14px 12px!important;border-bottom:1px solid #f1f5f9!important;vertical-align:middle!important}table tbody tr:last-child td{border-bottom:none!important}.btn-primary.btn-sm{background:linear-gradient(135deg,#0c4a6e,#0369a1)!important;border:0!important;box-shadow:0 4px 12px rgba(37,99,235,.3)!important;font-weight:600!important;transition:background .2s ease,box-shadow .2s ease,transform .2s ease!important}.btn-primary.btn-sm:hover{box-shadow:0 6px 18px rgba(37,99,235,.4)!important}.badge-success{background:linear-gradient(135deg,#10b981,#34d399)!important;color:#fff!important;font-weight:700!important;padding:3px 10px!important;border-radius:20px!important;font-size:11px!important}@media (max-width:520px){.store-info-card{padding:16px 18px!important;border-radius:16px!important}.store-info-card h2{font-size:18px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-card{padding:14px 12px!important;border-radius:12px!important}.stat-card .stat-value{font-size:22px!important;margin-bottom:4px!important}#seller-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important}#seller-tabs button{padding:8px 14px!important;font-size:12px!important;white-space:nowrap!important}table{font-size:13px!important}.stat-card .stat-label,table thead th{font-size:11px!important}table tbody td,table thead th{padding:10px 8px!important}}.dash-welcome-header{background:linear-gradient(135deg,#0c4a6e 0,#0369a1 50%,#047857 100%)}.dash-welcome-header::before,.sp-header::before{background:radial-gradient(circle,rgba(255,255,255,.15)0,transparent 70%);border-radius:50%}.sp-header::before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;pointer-events:none}.dash-welcome-header h1{color:#fff!important;margin:0!important;font-family:var(--font-heading);text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.dash-welcome-header .welcome-sub{color:rgba(255,255,255,.9)!important;font-size:14px!important;margin-top:4px!important;position:relative;z-index:1}.dash-welcome-header .btn-outline{background:rgba(255,255,255,.95);border:0;color:#0c4a6e;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.12);position:relative;z-index:1}.dash-welcome-header .btn-outline:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.18)}#seller-tabs button.active-tab{color:#0c4a6e!important;position:relative}#seller-tabs button.active-tab::after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:3px;background:linear-gradient(90deg,#0c4a6e,#047857);border-radius:3px}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.orders-header h2{margin:0;font-size:22px;font-family:var(--font-heading);color:var(--color-text)}.orders-header .sub{color:var(--color-text-muted);font-size:13px;margin-top:2px}.orders-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.order-stat{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;gap:12px;transition:var(--transition)}.order-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.order-stat,.order-stat .icon{display:flex;align-items:center}.order-stat .icon{width:42px;height:42px;border-radius:10px;justify-content:center;font-size:20px;flex-shrink:0}.order-stat .icon.total{background:#e0e7ff}.order-stat .icon.new{background:#fef3c7}.order-stat .icon.ship{background:#dbeafe}.order-stat .icon.done{background:#d1fae5}.order-stat .val{font-size:22px;font-weight:700;line-height:1;color:var(--color-text)}.order-stat .lbl{font-size:12px;color:var(--color-text-muted);margin-top:2px}.order-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.order-card,.order-filter{transition:var(--transition)}.order-filter{padding:8px 14px;border:0;background:0 0;cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;font-family:inherit}.order-filter:hover,.sp-progress-checklist li.ok{color:var(--color-text)}.order-filter.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.order-filter .cnt{background:var(--color-border);border-radius:10px;padding:1px 7px;font-size:11px;margin-left:4px}.order-filter.active .cnt{background:var(--color-primary);color:#fff}.order-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:14px;border-left:4px solid var(--color-border)}.order-card:hover{box-shadow:var(--shadow-md)}.order-card.st-pending{border-left-color:var(--color-warning)}.order-card.st-paid,.order-card.st-processing{border-left-color:var(--color-info)}.order-card.st-shipped{border-left-color:#8b5cf6}.order-card.st-completed,.order-card.st-delivered{border-left-color:var(--color-success)}.order-card.st-cancelled{border-left-color:var(--color-danger);opacity:.75}.order-card-head{background:var(--color-bg-hover);border-bottom:1px solid var(--color-border)}.order-buyer .row,.order-num{color:var(--color-text)}.order-date{color:var(--color-text-muted);margin-left:8px}.badge-warning{background:#fef3c7;color:#92400e}.badge-primary{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5}.badge-danger{background:#fee2e2;color:#991b1b}.order-buyer{padding:14px 16px;border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-buyer .row{display:flex;gap:8px;font-size:13px;align-items:flex-start}.order-buyer .row .ic{flex-shrink:0;opacity:.6}.order-buyer .row .adr{color:var(--color-text-muted);font-size:12px}.order-items{padding:8px 16px}.order-item-row{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--color-border)}.order-item-row:last-child,.sp-progress-checklist li:last-child{border-bottom:none}.order-item-row img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--color-bg-hover);flex-shrink:0}.order-item-row .nm{flex:1;font-size:13px;color:var(--color-text)}.order-item-row .qty{font-size:12px;color:var(--color-text-muted)}.order-item-row .prc{font-size:13px;font-weight:600;color:var(--color-text)}.order-foot{padding:12px 16px;background:var(--color-bg-hover);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.order-total{font-size:13px;color:var(--color-text-muted)}.order-total strong{font-size:16px;color:var(--color-text);margin-left:6px}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.order-empty{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.order-empty .ic{font-size:56px;margin-bottom:12px;opacity:.4}.sp-header{justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--color-border)}.sp-header h2,.sp-section-head h3{margin:0;font-family:var(--font-heading);color:var(--color-text)}.sp-header h2{color:#fff;font-size:26px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.sp-header .sub{color:var(--color-text-muted)}.sp-header,.sp-header-actions{display:flex;flex-wrap:wrap}.sp-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.sp-left{min-width:0}.sp-section{background:var(--color-bg-card);border:1px solid var(--color-border);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.sp-section-head{display:flex;align-items:center;gap:10px}.sp-section-head .ic{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-section-head h3{font-size:17px;letter-spacing:-.2px}.sp-section-head .desc{font-size:12px;color:var(--color-text-muted);margin-top:2px}.sp-field{margin-bottom:14px}.sp-field:last-child{margin-bottom:0}.sp-label{display:block;margin-bottom:6px;font-weight:600;color:var(--color-text)}.sp-label .req{color:var(--color-danger);margin-left:2px}.sp-input,.sp-textarea{width:100%;border-radius:var(--radius-md);font-family:inherit;color:var(--color-text);background:var(--color-bg-card);transition:var(--transition);box-sizing:border-box}.sp-input:focus,.sp-textarea:focus{outline:0}.sp-textarea{min-height:90px;resize:vertical;line-height:1.5}.sp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp-progress-checklist li,.sp-uploader{display:flex;align-items:center;color:var(--color-text-muted)}.sp-uploader{border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-hover);cursor:pointer;transition:var(--transition);overflow:hidden;justify-content:center;flex-direction:column;font-size:13px;text-align:center}.sp-uploader:hover{background:rgba(255,107,53,.04)}.sp-uploader.logo{border-radius:50%;margin:0 auto}.sp-uploader.banner{width:100%;aspect-ratio:16/7;border-radius:var(--radius-md)}.sp-uploader img{display:block}.sp-uploader .overlay,.sp-uploader-inner{display:flex;flex-direction:column;align-items:center}.sp-uploader .overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);color:#fff;justify-content:center;opacity:0;transition:var(--transition);font-size:12px;font-weight:600;gap:4px}.sp-uploader:hover .overlay{opacity:1}.sp-uploader .ov-ic{font-size:24px}.sp-uploader-inner{padding:16px;gap:6px}.sp-uploader-inner .up-ic{color:var(--color-primary)}.sp-uploader-status{font-size:12px;color:var(--color-text-muted);margin-top:6px;text-align:center;min-height:16px}.sp-uploader-status.ok{color:var(--color-success)}.sp-uploader-status.err{color:var(--color-danger)}.sp-preview{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.sp-preview-banner{width:100%;aspect-ratio:16/7;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-size:cover;background-position:center}.sp-preview-banner .placeholder-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:14px}.sp-preview-body{padding:16px;position:relative}.sp-preview-logo,.sp-progress-checklist li .chk{border-radius:50%;background:var(--color-bg-hover);display:flex;align-items:center;justify-content:center}.sp-preview-logo{width:70px;height:70px;border:4px solid var(--color-bg-card);margin-top:-50px;margin-bottom:10px;overflow:hidden;font-size:26px;color:var(--color-text-muted);box-shadow:var(--shadow-md)}.sd-logo img,.sp-preview-logo img,.sp-uploader img{width:100%;height:100%;object-fit:cover}.sp-preview-name{font-weight:700;font-family:var(--font-heading);color:var(--color-text);margin:0 0 4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sp-preview-badge{border-radius:20px;background:#d1fae5;color:#065f46}.sp-preview-badge.warn{background:#fef3c7;color:#92400e}.sp-preview-meta{font-size:13px;color:var(--color-text-muted);margin-bottom:8px;display:flex;flex-wrap:wrap;gap:10px}.sp-preview-meta span{display:inline-flex;align-items:center;gap:4px;background:#f0f2f5;padding:3px 10px;border-radius:20px;font-size:11.5px;color:#4b5563}.sp-preview-desc{font-size:13px;color:var(--color-text);line-height:1.75;margin:8px 0 0;padding-top:10px;text-align:justify;text-justify:inter-word;word-break:break-word}.sp-progress-card{background:var(--color-bg-card);padding:18px;margin-top:16px;box-shadow:var(--shadow-sm)}.sp-progress-title,.sp-tips .tt{font-weight:700;display:flex;align-items:center;gap:6px}.sp-progress-title{font-family:var(--font-heading);color:var(--color-text);margin:0 0 12px}.sp-progress-bar{width:100%;background:var(--color-bg-hover);border-radius:20px;overflow:hidden;margin-bottom:8px}.sp-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:20px;transition:width .4s ease}.sp-progress-pct{font-weight:700;color:var(--color-primary);line-height:1}.sp-progress-checklist{list-style:none;padding:0;margin:12px 0 0}.sp-progress-checklist li{gap:8px;font-size:12.5px;padding:6px 0;border-bottom:1px dashed #f0f2f5;transition:all .2s ease}.sp-progress-checklist li .chk{flex-shrink:0}.sp-progress-checklist li.ok .chk{background:var(--color-success);color:#fff;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 6px rgba(16,185,129,.3);transform:scale(1.05)}.sp-tips{background:linear-gradient(135deg,#fff4e6,#ffe8d6);padding:16px;margin-top:16px}.sp-tips .tt{color:var(--color-primary-dark);margin:0 0 6px}.sp-tips p{margin:0;font-size:12px;line-height:1.5;color:#6b4500;position:relative;z-index:1}.gc-row.grouped .gc-bubble::before,.sp-save-mobile{display:none}@media (max-width:900px){.sp-layout{grid-template-columns:1fr}.sp-right{position:static}.sp-row{grid-template-columns:1fr}.sp-header-actions .btn span.txt{display:none}}.sp-header{background:linear-gradient(135deg,#0c4a6e 0,#0369a1 60%,#047857 100%);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:24px;border:0;box-shadow:0 8px 24px rgba(255,107,53,.25);position:relative;overflow:hidden}.sp-header::after{content:"";position:absolute;bottom:-60%;left:10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1)0,transparent 70%);border-radius:50%;pointer-events:none}.sp-header .sub{color:rgba(255,255,255,.9);font-size:14px;margin-top:4px;position:relative;z-index:1}.sp-header-actions{position:relative;z-index:1;gap:10px}.sp-header-actions .btn{border-radius:50px;padding:9px 18px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:all .25s ease}.sp-header-actions .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.18)}.sp-header-actions .btn-outline{background:rgba(255,255,255,.95);border-color:transparent;color:var(--color-primary)}.sp-header-actions .btn-outline:hover{background:#fff;color:var(--color-primary-dark)}.sp-header-actions .btn-primary{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(6px)}.sp-header-actions .btn-primary:hover{background:rgba(0,0,0,.25)}.sp-section{border-radius:var(--radius-lg);transition:all .3s ease;position:relative}.sp-section:hover{box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-1px)}.sp-section-head{border-bottom:1px dashed var(--color-border);padding-bottom:14px;margin-bottom:18px}.sp-section-head .ic{width:44px;height:44px;border-radius:14px;font-size:20px;box-shadow:0 4px 12px rgba(255,107,53,.3);position:relative}.sp-section-head .ic::after{content:"";position:absolute;inset:-3px;border-radius:17px;background:linear-gradient(135deg,rgba(255,107,53,.3),rgba(247,184,1,.3));z-index:-1;filter:blur(6px)}.sp-section:nth-of-type(1) .sp-section-head .ic{background:linear-gradient(135deg,#0c4a6e,#0369a1)}.sp-section:nth-of-type(2) .sp-section-head .ic{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px rgba(139,92,246,.3)}.sp-section:nth-of-type(3) .sp-section-head .ic{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px rgba(16,185,129,.3)}.sp-input,.sp-textarea{border-radius:12px;padding:12px 16px;font-size:14px;border:1.5px solid var(--color-border);transition:all .2s ease;background:#fafbfc}.sp-input:hover,.sp-textarea:hover{border-color:#d0d7de;background:#fff}.sp-input:focus,.sp-textarea:focus{background:#fff;border-color:var(--color-primary)}.sp-label{font-size:13.5px;color:#374151;letter-spacing:-.1px}.sp-uploader{border:2px dashed #d0d7de;background:linear-gradient(135deg,#fafbfc 0,#f5f7fa 100%);transition:all .25s ease;position:relative}.sp-preview-banner::after,.sp-uploader::before{content:"";position:absolute;inset:0;pointer-events:none}.sp-uploader::before{border-radius:inherit;background:linear-gradient(135deg,rgba(255,107,53,.03),rgba(247,184,1,.03));opacity:0;transition:opacity .25s ease}.sp-uploader:hover{border-color:var(--color-primary);border-style:solid;transform:scale(1.02)}.sp-uploader:hover::before{opacity:1}.sp-uploader.logo{width:130px;height:130px}.sp-uploader.logo:hover{box-shadow:0 8px 24px rgba(255,107,53,.2)}.sp-uploader.banner,.sp-uploader.logo{box-shadow:0 4px 16px rgba(0,0,0,.06)}.sp-uploader.banner:hover{box-shadow:0 8px 24px rgba(255,107,53,.15)}.sp-uploader-inner .up-ic{font-size:32px;filter:drop-shadow(0 2px 4px rgba(255,107,53,.3));animation:spFloat 3s ease-in-out infinite}.sp-uploader .overlay{background:linear-gradient(135deg,rgba(255,107,53,.85),rgba(247,184,1,.85));backdrop-filter:blur(4px)}.sp-uploader-status.ok{font-weight:600;animation:spSlideDown .3s ease}.sp-uploader-status.err{font-weight:600;animation:spShake .3s ease}.sp-preview{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease}.sp-preview:hover{box-shadow:0 15px 40px rgba(0,0,0,.12);transform:translateY(-2px)}.sp-preview-banner{position:relative}.sp-preview-banner::after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.15) 100%)}.sp-preview-logo{border:4px solid #fff;box-shadow:0 6px 20px rgba(0,0,0,.15);transition:transform .3s ease}.mp-card:hover .mp-card-media img,.sp-preview:hover .sp-preview-logo,.umkm-prod-card:hover .umkm-prod-img img{transform:scale(1.05)}.sp-preview-name{font-size:19px}.sp-preview-badge{font-size:10.5px;padding:3px 10px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 6px rgba(16,185,129,.2)}.sp-preview-badge.warn{box-shadow:0 2px 6px rgba(243,156,18,.2)}.sp-preview-desc{border-top:1px dashed var(--color-border)}.sp-progress-card{background:linear-gradient(135deg,#fff 0,#fafbfc 100%);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 4px 16px rgba(0,0,0,.05);position:relative;overflow:hidden}.sp-progress-card::before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,107,53,.08),transparent 70%);border-radius:50%}.sp-progress-title{font-size:14.5px;position:relative;z-index:1}.sp-progress-pct{font-size:26px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sp-progress-bar{height:10px;background:#f0f2f5;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}.sp-progress-fill,.sp-tips{position:relative;overflow:hidden}.sp-progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:spShimmer 2s infinite}.sp-progress-checklist li .chk{width:18px;height:18px;font-size:11px;font-weight:700;transition:all .25s ease}.sp-progress-checklist li.ok{font-weight:500}.sp-tips{background:linear-gradient(135deg,#fff9e6 0,#ffefc7 100%);border:1px solid #ffe4a3;border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(247,184,1,.15)}.sp-tips::before{content:"💡";position:absolute;top:-10px;right:-10px;font-size:80px;opacity:.08;transform:rotate(-15deg)}.sp-tips .tt{font-size:13.5px;color:#8b5a00}.sp-right{position:sticky;top:90px;animation:spSlideInR .5s ease}.sp-left{animation:spSlideInL .5s ease}.sp-section:last-child .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:0;box-shadow:0 4px 14px rgba(255,107,53,.35);transition:all .25s ease}.sp-section:last-child .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,.45)}.sp-section:last-child .btn-primary:disabled{background:#d0d7de;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:900px){.sp-header{padding:20px;border-radius:var(--radius-md)}.sp-header h2{font-size:20px}.sp-header-actions{width:100%;justify-content:flex-end}.sp-left,.sp-right{animation:none}}.sd-header{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid #e5e7eb}.sd-banner{width:100%;aspect-ratio:3/1;max-height:240px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.sd-banner-placeholder{color:rgba(255,255,255,.85);font-size:22px;font-weight:700;font-family:var(--font-heading);text-shadow:0 2px 8px rgba(0,0,0,.15)}.sd-body{padding:0 28px 24px;position:relative;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.sd-logo{width:90px;height:90px;border-radius:50%;border:5px solid #fff;background:#f3f4f6;margin-top:-45px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 6px 20px rgba(0,0,0,.12);flex-shrink:0}.sd-info{flex:1;min-width:250px;padding-top:12px}.sd-name-row{margin-bottom:8px}.sd-name{margin:0;font-size:22px;font-family:var(--font-heading);color:var(--color-text)}.sd-verified{background:#d1fae5;color:#065f46;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.sd-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:13.5px;color:var(--color-text-muted);margin-bottom:12px}.sd-desc{margin:0 0 16px;font-size:14px;color:var(--color-text);line-height:1.75;max-width:100%;text-align:justify;text-justify:inter-word;word-break:break-word;hyphens:auto}.sd-actions{display:flex;gap:8px;flex-wrap:wrap}.sd-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.sd-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .25s ease;display:flex;flex-direction:column}.sd-product-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.1);border-color:var(--color-primary)}.sd-product-img{width:100%;aspect-ratio:1;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:48px;color:#9ca3af;position:relative;overflow:hidden}.sd-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sd-discount{position:absolute;top:8px;left:8px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.sd-product-body{padding:12px;display:flex;flex-direction:column;gap:4px}.sd-product-name{font-size:14px;font-weight:600;color:var(--color-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.sd-price{font-size:16px;font-weight:700;color:var(--color-primary)}.sd-product-prices{display:flex;align-items:baseline;gap:8px}.sd-price-old{font-size:12px;color:#9ca3af;text-decoration:line-through}.sd-product-stock{font-size:12px;color:var(--color-text-muted)}@media (max-width:520px){.sd-body{padding:0 18px 20px;flex-direction:column;align-items:center;text-align:center}.sd-info{padding-top:0;width:100%}.sd-actions,.sd-meta,.sd-name-row{justify-content:center}.sd-name{font-size:22px}.sd-logo{width:90px;height:90px;margin-top:-45px;font-size:36px}.sd-products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.forum-page{max-width:1080px;margin:0 auto;padding:24px 16px 80px}.forum-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#1e3a8a 0,#0c4a6e 35%,#047857 100%);color:#fff;border-radius:24px;padding:36px 40px;margin-bottom:28px;overflow:hidden;box-shadow:0 12px 40px rgba(37,99,235,.25)}.forum-hero::after,.forum-hero::before{content:"";position:absolute;border-radius:50%;pointer-events:none}.forum-hero::before{top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.18)0,transparent 70%)}.forum-hero::after{bottom:-60%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(20,184,166,.3)0,transparent 70%)}.forum-hero-left{position:relative;z-index:2;flex:1;min-width:240px}.forum-hero h1{margin:0 0 8px;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2}.forum-hero p{margin:0;opacity:.9;font-size:15px;line-height:1.5}.forum-stats{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.forum-stats span{background:rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.25)}.forum-new-btn{position:relative;z-index:2;background:#fff!important;color:#0c4a6e!important;font-weight:700;padding:14px 28px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:all .2s;white-space:nowrap;border:0;font-size:14px}.forum-new-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.forum-toolbar{display:flex;gap:12px;margin-bottom:16px;background:#fff;padding:12px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.04)}.forum-search{flex:1;padding:12px 18px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;outline:0;font-family:inherit;transition:all .15s;background:#f9fafb}.forum-reply-box textarea:focus{border-color:#0c4a6e;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.forum-search:focus{background:#fff}.forum-sort{padding:12px 18px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;background:#f9fafb;cursor:pointer;font-family:inherit;font-weight:500;transition:all .15s}.forum-sort:hover{background:#fff;border-color:#0c4a6e}.forum-cats{margin-bottom:20px;scrollbar-width:thin}.forum-cats::-webkit-scrollbar{height:6px}.forum-cats::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.forum-cat{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:all .2s;color:#374151;font-family:inherit}.forum-cat.active,.forum-cat:hover{border-color:var(--cat-color, #0c4a6e)}.forum-cat:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.forum-cat.active{background:var(--cat-color, #0c4a6e);color:#fff;font-weight:700;box-shadow:0 4px 16px rgba(37,99,235,.3)}.forum-list{display:flex;flex-direction:column;gap:14px}.forum-card{display:flex;gap:18px;padding:22px;background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.forum-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0c4a6e,#047857);transform:scaleY(0);transform-origin:center;transition:transform .25s}.forum-card:hover{border-color:#0c4a6e;transform:translateY(-3px);box-shadow:0 16px 40px rgba(37,99,235,.12)}.forum-card:hover::before{transform:scaleY(1)}.forum-card.pinned{background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%);border-color:#f59e0b}.forum-card.pinned::before{background:linear-gradient(180deg,#f59e0b,#f97316);transform:scaleY(1)}.forum-card-avatar{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;flex-shrink:0;background:#0c4a6e;box-shadow:0 4px 12px rgba(0,0,0,.1)}.forum-card-avatar.small{width:40px;height:40px;font-size:16px;border-radius:12px}.forum-card-body{flex:1;min-width:0}.forum-card-top{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap;align-items:center}.forum-card-cat{letter-spacing:.3px}.badge-lock,.badge-pin,.forum-card-cat{font-size:11px;padding:4px 12px;border-radius:999px;font-weight:700}.badge-pin{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.3)}.badge-lock{background:#fee2e2;color:#b91c1c}.forum-card-title{margin:0 0 8px;font-size:17px;font-weight:700;color:#111827;line-height:1.4;transition:color .15s}.forum-card:hover .forum-card-title{color:#0c4a6e}.forum-card-preview{margin:0 0 12px;font-size:13.5px;color:#6b7280;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-card-meta,.forum-like-btn{align-items:center;font-size:12.5px}.forum-card-meta{display:flex;gap:16px;color:#9ca3af;flex-wrap:wrap;font-weight:500}.forum-like-btn{display:inline-flex;gap:5px;padding:6px 12px;border-radius:999px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;color:#6b7280;transition:all .2s;font-family:inherit;font-weight:600}.forum-like-btn:hover{border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.forum-like-btn.liked{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;color:#ef4444;box-shadow:0 2px 8px rgba(239,68,68,.2)}.forum-like-btn.liked .heart{animation:heartPop .4s ease}.forum-empty{text-align:center;padding:80px 24px;background:#fff;border-radius:20px;border:2px dashed #e5e7eb}.forum-empty>div:first-child{font-size:64px;margin-bottom:8px}.forum-empty p{margin:16px 0 24px;font-size:16px;color:#6b7280}.forum-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;color:#0c4a6e;text-decoration:none;font-size:14px;font-weight:600;padding:8px 16px;border-radius:10px;transition:all .15s}.forum-back:hover{background:#eff6ff;transform:translateX(-3px)}.forum-thread-header{background:linear-gradient(135deg,#fff 0,#f9fafb 100%);border:1.5px solid #e5e7eb;border-radius:20px;padding:32px;margin-bottom:18px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.forum-thread-badges{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.forum-new-card h1,.forum-thread-header h1{font-size:28px;color:#111827;font-weight:800;letter-spacing:-.5px}.forum-thread-header h1{margin:0 0 20px;line-height:1.3}.forum-thread-author{display:flex;gap:14px;align-items:center}.forum-replies h2,.forum-thread-author-name{font-weight:700;color:#111827;font-size:15px}.forum-thread-author-time{font-size:12.5px;color:#9ca3af;margin-top:3px}.forum-thread-content{background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;padding:28px;margin-bottom:18px;line-height:1.8;color:#374151;font-size:15.5px;white-space:pre-wrap}.forum-thread-actions{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.forum-replies{margin-bottom:24px}.forum-replies h2{font-size:20px;margin:0 0 18px;display:flex;align-items:center;gap:8px}.forum-empty-replies{color:#9ca3af;font-size:14px;padding:20px;text-align:center;background:#f9fafb;border-radius:12px}.forum-reply,.forum-reply-box textarea{border:1.5px solid #e5e7eb;transition:all .15s}.forum-reply{display:flex;gap:16px;padding:20px;background:#fff;border-radius:16px;margin-bottom:12px}.forum-reply:hover{border-color:#0c4a6e;box-shadow:0 6px 20px rgba(37,99,235,.08)}.forum-reply-body{flex:1;min-width:0}.forum-reply-head{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:13.5px;flex-wrap:wrap}.forum-reply-time{color:#9ca3af;font-size:12.5px;margin-left:auto}.forum-reply-content{font-size:14.5px;color:#374151;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.forum-reply-actions{display:flex;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #f3f4f6}.reply-del-btn,.reply-like-btn{background:0 0;border:0;cursor:pointer;font-size:12.5px;color:#6b7280;padding:5px 10px;border-radius:8px;font-family:inherit;font-weight:600;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.reply-del-btn:hover,.reply-like-btn.liked,.reply-like-btn:hover{color:#ef4444;background:#fef2f2}.forum-reply-box{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.forum-reply-box textarea{width:100%;padding:14px 16px;border-radius:12px;font-family:inherit;font-size:14.5px;resize:vertical;outline:0;box-sizing:border-box;background:#f9fafb}.forum-reply-box button{align-self:flex-end;padding:12px 28px;border-radius:12px;font-weight:700;font-size:14px}.forum-locked-msg{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1.5px solid #fecaca;color:#b91c1c;padding:16px 20px;border-radius:14px;font-size:14px;text-align:center;font-weight:600}.forum-new-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:24px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.06)}.forum-new-card h1{margin:0 0 10px}.forum-new-sub{margin:0 0 28px;color:#6b7280;font-size:15px}.forum-label{display:block;margin:22px 0 10px;font-weight:700;font-size:14px;color:#374151}.forum-input{width:100%;padding:14px 18px;border:1.5px solid #e5e7eb;border-radius:14px;font-size:14.5px;font-family:inherit;outline:0;box-sizing:border-box;transition:all .15s;background:#f9fafb}.forum-input:focus{background:#fff}.forum-textarea{resize:vertical;min-height:180px;line-height:1.6}.forum-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.forum-cat-pick{padding:14px 16px;border-radius:14px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;font-size:13.5px;font-family:inherit;transition:all .2s;text-align:left;color:#374151;font-weight:600;display:flex;align-items:center;gap:8px}.forum-cat-pick:hover{border-color:var(--cat-color, #0c4a6e);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.forum-cat-pick.active{background:var(--cat-color, #0c4a6e);color:#fff;border-color:var(--cat-color, #0c4a6e);font-weight:700;box-shadow:0 6px 20px rgba(37,99,235,.3)}.forum-new-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}@media (max-width:640px){.forum-page{padding:16px 12px 60px}.forum-hero{padding:24px 22px;border-radius:18px}.forum-hero h1{font-size:24px}.forum-hero p{font-size:14px}.forum-new-btn{width:100%;text-align:center;padding:13px}.forum-toolbar{flex-direction:column;padding:10px}.forum-sort{width:100%}.forum-card{padding:16px;gap:14px}.forum-card-avatar{width:44px;height:44px;font-size:18px;border-radius:12px}.forum-card-title{font-size:15.5px}.forum-thread-header{padding:22px}.forum-thread-header h1{font-size:22px}.forum-thread-content{padding:20px;font-size:14.5px}.forum-new-card{padding:24px 20px}.forum-cat-grid{grid-template-columns:1fr 1fr}.forum-reply{padding:16px;gap:12px}.forum-replies h2{font-size:17px}}body,html{max-width:100vw}.forum-page,body,html{overflow-x:hidden}.forum-page *{max-width:100%;box-sizing:border-box}.forum-card,.forum-hero,.forum-new-card,.forum-reply,.forum-reply-box,.forum-thread-content,.forum-thread-header,.forum-toolbar{word-wrap:break-word;overflow-wrap:break-word}.forum-card-preview,.forum-card-title,.forum-reply-content,.forum-thread-content,.forum-thread-header h1{word-break:break-word}.forum-cats{-webkit-overflow-scrolling:touch}.forum-cat-grid{overflow-x:hidden}code,img,pre,table{max-width:100%}code,pre{white-space:pre-wrap;word-break:break-all}@media (max-width:640px){.forum-hero{padding:22px 18px}.forum-hero h1{font-size:22px}.forum-stats span{font-size:12px;padding:6px 12px}.forum-card-meta{gap:10px}.forum-toolbar{padding:10px}.forum-thread-header{padding:20px 16px}.forum-thread-content{padding:18px 16px}.forum-reply{padding:14px}.forum-new-card{padding:20px 16px}.forum-cat-grid{grid-template-columns:1fr}.forum-reply-actions{flex-wrap:wrap}}.forum-cats{display:flex;flex-wrap:wrap!important;overflow-x:visible!important;gap:8px!important;padding:4px 0 12px!important}.forum-cat{flex-shrink:0}.forum-hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2;align-items:center}.forum-home-btn{background:rgba(255,255,255,.2)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.45)!important;backdrop-filter:blur(10px);font-weight:600;padding:13px 22px;border-radius:14px;transition:all .2s;white-space:nowrap;text-decoration:none}.forum-home-btn:hover{background:rgba(255,255,255,.32)!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.forum-breadcrumb{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.forum-breadcrumb .forum-back{margin-bottom:0}@media (max-width:640px){.forum-hero-actions{width:100%;flex-direction:column}.forum-hero-actions .forum-home-btn,.forum-hero-actions .forum-new-btn{width:100%;text-align:center}}.gc-wrapper{display:flex;flex-direction:column;height:620px;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06)}.gc-header,.gc-header-left{display:flex;align-items:center;position:relative}.gc-header{justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#0c4a6e 0,#0369a1 100%);color:#fff;overflow:hidden}.gc-header::before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.15)0,transparent 70%);border-radius:50%}.gc-header-left{gap:12px;z-index:1}.gc-header-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:22px}.gc-header-title{font-weight:700;font-size:16px;font-family:var(--font-heading)}.gc-header-sub{font-size:12px;color:rgba(255,255,255,.9);display:flex;align-items:center;gap:6px;margin-top:2px}.gc-online-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.3);animation:gcPulse 2s infinite}.gc-header-actions{display:flex;gap:8px;position:relative;z-index:1}.gc-refresh-btn{width:38px;height:38px;border-radius:10px;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.gc-refresh-btn:hover{background:rgba(255,255,255,.35);transform:scale(1.05)}.gc-refresh-btn.spinning{animation:gcSpin .5s ease}.gc-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth}.gc-messages::-webkit-scrollbar{width:6px}.gc-messages::-webkit-scrollbar-track{background:0 0}.gc-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.gc-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gc-row{display:flex;gap:10px;align-items:flex-end;animation:gcFadeIn .3s ease;margin-top:8px}.gc-row.grouped{margin-top:2px}.gc-row.own{flex-direction:row-reverse}.gc-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;position:relative;box-shadow:0 2px 8px rgba(139,92,246,.25);overflow:hidden}.gc-avatar.own,.gc-bubble.own{background:linear-gradient(135deg,#0c4a6e,#0369a1);box-shadow:0 2px 8px rgba(255,107,53,.25)}.gc-avatar img{width:100%;height:100%;object-fit:cover}.gc-bubble::before,.gc-status{position:absolute;width:12px;height:12px}.gc-status{bottom:-1px;right:-1px;border-radius:50%;background:#10b981;border:2px solid #fff}.gc-avatar-spacer{width:36px;flex-shrink:0}.gc-bubble-col{max-width:70%;display:flex;flex-direction:column;gap:2px}.gc-row.own .gc-bubble-col{align-items:flex-end}.gc-meta{display:flex;align-items:center;gap:6px;font-size:11px;padding:0 4px;margin-bottom:2px}.gc-badge,.gc-name{font-weight:700;color:#374151}.gc-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-size:9px;padding:1px 6px;border-radius:10px;letter-spacing:.5px}.gc-time{color:#9ca3af}.gc-time-mini{font-size:10px;color:#9ca3af;padding:0 8px;margin-top:2px;opacity:0;transition:opacity .2s}.gc-row:hover .gc-time-mini{opacity:1}.gc-bubble{position:relative;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .2s;color:#1f2937}.gc-bubble::before{content:"";bottom:0;left:-6px;background:#fff;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-bottom-left-radius:16px;transform:skewX(20deg)}.gc-bubble.own{color:#fff;border:0;box-shadow:0 2px 8px rgba(255,107,53,.3)}.gc-bubble.own::before{left:auto;right:-6px;background:#0c4a6e;border:0;border-bottom-right-radius:16px;border-bottom-left-radius:0;transform:skewX(-20deg)}.gc-bubble:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.gc-msg{white-space:pre-wrap}.gc-bubble-actions{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s;display:flex;gap:4px}.gc-row.other .gc-bubble-actions{right:-36px}.gc-row.own .gc-bubble-actions{left:-36px}.gc-bubble:hover .gc-bubble-actions{opacity:1}.gc-del-btn,.gc-empty{display:flex;align-items:center;justify-content:center}.gc-del-btn{width:28px;height:28px;border-radius:50%;border:0;background:#fff;color:#ef4444;cursor:pointer;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .2s}.gc-del-btn:hover{background:#fee2e2;transform:scale(1.1)}.gc-empty{flex-direction:column;padding:60px 20px;text-align:center;flex:1;animation:gcFadeIn .5s ease}.gc-empty-icon{font-size:72px;margin-bottom:16px;animation:gcFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,107,53,.2))}.gc-empty-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:4px;font-family:var(--font-heading)}.gc-empty-sub{font-size:14px;color:#6b7280;max-width:320px}.gc-emoji-btn,.gc-input-area{display:flex;align-items:center}.gc-input-area{padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;gap:8px;position:relative}.gc-emoji-btn{width:40px;height:40px;border-radius:50%;border:0;background:#f3f4f6;font-size:20px;cursor:pointer;justify-content:center;transition:all .2s;flex-shrink:0}.gc-emoji-btn:hover{background:#e5e7eb;transform:scale(1.08)}.gc-emoji-picker{position:absolute;bottom:68px;left:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:grid;grid-template-columns:repeat(6,1fr);gap:4px;z-index:10}.gc-emoji-item{width:36px;height:36px;border:0;background:0 0;font-size:20px;cursor:pointer;border-radius:8px;transition:background .15s}.gc-emoji-item:hover{background:#f3f4f6;transform:scale(1.15)}.gc-input{flex:1;padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:24px;font-size:14px;font-family:inherit;outline:0;transition:all .2s;background:#f9fafb}.gc-input:focus{background:#fff}.gc-input::placeholder{color:#9ca3af}.gc-send-btn{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 4px 12px rgba(255,107,53,.3);flex-shrink:0}.gc-send-btn:hover:not(:disabled){transform:scale(1.08) rotate(-8deg);box-shadow:0 6px 20px rgba(255,107,53,.45)}.gc-send-btn:active:not(:disabled){transform:scale(.95)}.gc-send-btn:disabled{opacity:.6;cursor:not-allowed}.gc-send-btn.sending{animation:gcPulseBtn 1s infinite}@media (max-width:520px){.gc-wrapper{height:calc(100vh - 200px);border-radius:12px}.gc-bubble-col{max-width:82%}.gc-header{padding:12px 16px}.gc-header-icon{width:38px;height:38px;font-size:18px}.gc-messages{padding:16px 12px}.gc-emoji-picker{grid-template-columns:repeat(5,1fr)}}.gc-scroll-btn{position:absolute;right:20px;bottom:90px;width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(255,107,53,.4);transition:all .25s ease;z-index:5;animation:gcFadeIn .3s ease}.gc-scroll-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(255,107,53,.55)}.gc-wrapper{position:relative}.buyer-dash{color:#0f172a;font-feature-settings:"tnum","cv11"}.bd-hero{background:linear-gradient(135deg,#1e40af 0,#0c4a6e 60%,#0a3d5c 100%);border:1px solid #1e40af}.bd-hero::after{content:"";position:absolute;top:0;right:0;width:280px;height:100%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.06) 100%);pointer-events:none}.bd-hero-content{flex-wrap:wrap}.bd-avatar{background:rgba(255,255,255,.14)}.bd-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.bd-hero p{font-weight:400;letter-spacing:.1px}.bd-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:6px;font-size:11.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.bd-badge::before{content:"✓";font-weight:800;font-size:11px}.bd-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.bd-stat{cursor:pointer;position:relative}.bd-stat-icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#0c4a6e;display:flex;align-items:center;justify-content:center;font-weight:700}.bd-stat-value{letter-spacing:-.6px;font-variant-numeric:tabular-nums}.bd-stat-label{margin-top:6px}.bd-section-title{letter-spacing:-.1px}.bd-section-title::before{content:"";width:3px;height:18px;background:#0c4a6e;border-radius:2px}.bd-action{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;text-decoration:none;color:inherit;transition:all .18s ease;box-shadow:0 1px 2px rgba(15,23,42,.04)}.bd-action:hover{border-color:var(--accent,#0c4a6e);background:#fafbff;transform:translateX(3px)}.bd-action-icon{background:var(--accent-bg,#EFF6FF);color:var(--accent,#0c4a6e);font-weight:700}.bd-profile-header{padding-bottom:18px;border-bottom:1px solid #f1f5f9}.bd-edit-btn{background:#0c4a6e;letter-spacing:.1px;box-shadow:0 1px 2px rgba(37,99,235,.2)}.bd-edit-btn:hover{background:#0a3d5c;box-shadow:0 4px 10px rgba(37,99,235,.28);transform:translateY(-1px)}.bd-field-value{line-height:1.5}.bd-field-input{outline:0}.bd-field-input:focus{background:#fff}.bd-btn-save{background:#0c4a6e;letter-spacing:.1px;transition:all .15s;box-shadow:0 1px 2px rgba(37,99,235,.2)}.bd-btn-save:hover{background:#0a3d5c}.bd-btn-cancel{background:#fff;transition:all .15s}.bd-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.bd-modal-bg{top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.bd-modal{overflow:auto;border:1px solid #e2e8f0}.bd-modal h2{margin:0 0 6px;font-size:19px;font-weight:700;color:#0f172a;letter-spacing:-.2px}.bd-modal p.sub{margin:0 0 20px;font-size:13px;color:#64748b}.bd-modal-label{letter-spacing:.1px}.bd-peran-card{box-shadow:0 1px 2px rgba(15,23,42,.04)}.bd-peran-card.aktif{background:linear-gradient(135deg,#eff6ff 0,#f0f9ff 100%);box-shadow:0 1px 2px rgba(37,99,235,.08),0 0 0 3px rgba(37,99,235,.06)}.bd-peran-card:hover{transform:translateY(-2px)}.bd-peran-icon{font-weight:700}.bd-peran-card.aktif .bd-peran-icon{background:#0c4a6e}.bd-peran-title{letter-spacing:-.1px}.bd-peran-desc{margin-top:3px}.bd-peran-btn{flex-shrink:0;letter-spacing:.1px}.bd-peran-btn:hover{box-shadow:0 4px 10px rgba(37,99,235,.28)}.bd-peran-btn.aktif{width:36px;height:36px;border-radius:8px}:root{--color-primary:#1e40af;--color-primary-dark:#1e3a8a;--color-primary-light:#0369a1;--color-secondary:#047857;--color-secondary-dark:#065f46;--color-accent:#047857;--color-accent-dark:#065f46;--color-bg:#f4f6f8;--color-text:#0f172a;--color-border:#cbd5e1}body{background-color:#f4f6f8!important;background-image:linear-gradient(rgba(30,64,175,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,175,.04) 1px,transparent 1px)!important;background-size:32px 32px!important}.cr-header,.ct-header,.cta-new-inner,.dash-welcome-header,.fx-hero,.gc-header,.hero-new,.mo-header,.mp-hero,.sp-header{background:linear-gradient(135deg,#1e40af 0,#0a3d5c 50%,#047857 100%)!important}.forum-hero{background:linear-gradient(135deg,#1e3a8a 0,#1e40af 35%,#047857 100%)!important}.bd-btn-save,.bd-edit-btn,.bd-peran-btn,.btn-primary,.cr-send-btn,.ct-btn-primary,.forum-new-btn,.ft-send-btn,.gc-send-btn,.mo-btn-primary,.mp-btn-search,.mp-quick-btn.primary,.mp-sheet-btn.primary,.nav-drawer-btn.primary,.pricing-btn.primary{background:linear-gradient(135deg,#1e40af,#047857)!important}.bd-btn-save:hover,.btn-primary:hover,.ct-btn-primary:hover,.mo-btn-primary:hover{box-shadow:0 6px 18px rgba(30,64,175,.4)!important}.mp-chip.active{background:linear-gradient(135deg,#1e40af,#047857)!important}.forum-cat.active,.fx-chip.active,.mo-tab.active,.panduan-tab-btn.active{background:linear-gradient(135deg,#1e40af,#047857)!important;border-color:#1e40af!important}.card-plan-badge.premium,.home-plan-badge.premium,.mp-badge-plan.premium,.store-badge-premium{background:linear-gradient(135deg,#1e40af,#047857)!important}.ct-price,.forum-input:focus,.forum-search:focus,.gc-input:focus,.mp-mini-price,.mp-price-new,.sp-input:focus,.sp-textarea:focus,input:focus,select:focus,textarea:focus{border-color:#1e40af!important;box-shadow:0 0 0 4px rgba(30,64,175,.12)!important}.bottom-nav-item.active,.btn-outline:hover{color:#1e40af!important}.btn-outline:hover{border-color:#1e40af!important;background:rgba(30,64,175,.05)!important}.mp-hero{background:linear-gradient(135deg,#0c4a6e 0,#0369a1 50%,#047857 100%)!important;box-shadow:0 12px 40px rgba(12,74,110,.25)!important}.mp-chip.active{background:#0c4a6e!important;border-color:#0c4a6e!important;color:#fff!important;box-shadow:0 4px 14px rgba(12,74,110,.35)!important}.mp-chip:hover{border-color:#0c4a6e!important;color:#0c4a6e!important}.mp-btn-search:hover{background:#0a3d5c!important;box-shadow:0 6px 18px rgba(12,74,110,.35)!important}.mp-btn-search,.mp-quick-btn.primary{background:#0c4a6e!important;color:#fff!important}.mp-quick-btn.primary:hover{box-shadow:0 6px 18px rgba(12,74,110,.4)!important}.mp-mini-price,.mp-price-new{color:#047857!important}.mp-section-link{color:#0c4a6e!important}.mp-section-link:hover{background:#eff6ff!important}.mp-filter-item input:focus,.mp-filter-item select:focus,.mp-input:focus,.mp-ss-input:focus{border-color:#0c4a6e!important;box-shadow:0 0 0 4px rgba(12,74,110,.1)!important}.mp-sheet-btn.primary{background:#0c4a6e!important;color:#fff!important}.mp-sheet-btn.primary:hover{background:#0a3d5c!important;box-shadow:0 4px 14px rgba(12,74,110,.35)!important}.mp-spinner{border-top-color:#0c4a6e!important}.mp-badge-discount{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 4px 12px rgba(217,119,6,.4)!important}.mp-badge-plan.premium{background:linear-gradient(135deg,#0c4a6e,#047857)!important}.mp-badge-sold{background:rgba(12,74,110,.85)!important}.umkm-hero{background:#f8fafc}.umkm-btn-primary:hover{box-shadow:0 6px 20px rgba(12,74,110,.25)}.umkm-btn-secondary{background:0 0}.umkm-btn-secondary:hover{background:#0c4a6e;color:#fff}.umkm-hero-img-wrap{background:linear-gradient(135deg,#fff 0,#e0f2fe 100%);border:1px solid #e2e8f0;transition:transform .4s ease}.umkm-hero-img-wrap:hover{transform:scale(1.02)}.umkm-prod-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s}.umkm-prod-card:hover{border-color:#0c4a6e;transform:translateY(-4px);box-shadow:0 12px 32px rgba(12,74,110,.1)}.umkm-prod-img{position:relative;aspect-ratio:1;background:#f1f5f9;overflow:hidden}.umkm-prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.umkm-prod-badge{position:absolute;top:10px;left:10px;padding:4px 10px;background:#d97706;color:#fff;font-size:11px;font-weight:800;border-radius:6px}.umkm-prod-price-row{flex-wrap:wrap}.umkm-prod-price{line-height:1.2}.umkm-prod-store{font-weight:500}.umkm-cta{background:#fff;border-top:1px solid #e2e8f0;width:100%}.umkm-cta-sub,.umkm-cta-title{text-align:center}.umkm-cta .umkm-btn-primary{background:#d97706;box-shadow:0 4px 12px rgba(217,119,6,.25)}.umkm-cta .umkm-btn-primary:hover{background:#b45309;box-shadow:0 6px 20px rgba(217,119,6,.35)}@media (max-width:1024px){.umkm-hero-title{font-size:36px}}@media (max-width:520px){.umkm-hero{padding:40px 20px 60px}.umkm-hero-inner{grid-template-columns:1fr;gap:40px;text-align:center}.umkm-hero-title{font-size:30px}.umkm-hero-sub{font-size:15px;margin:0 auto 24px}.umkm-hero-actions{justify-content:center}.umkm-hero-img-wrap{max-width:280px;font-size:120px}.umkm-cta{padding:40px 20px}.umkm-cta-title{font-size:22px}.umkm-cta-sub{font-size:14px}}.mp-page{max-width:1280px;margin:0 auto;padding:20px 16px 60px}.mp-search-wrap{margin-bottom:16px}.mp-search-inner{display:flex;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px;box-shadow:0 1px 3px rgba(12,74,110,.04);transition:border-color .2s,box-shadow .2s}.mp-search-inner:focus-within{border-color:#047857;box-shadow:0 0 0 3px rgba(4,120,87,.12)}.mp-search-input{flex:1;border:0;outline:0;padding:10px 14px;font-size:15px;color:#0c4a6e;background:0 0;font-family:inherit}.mp-search-input::placeholder{color:#94a3b8}.mp-search-btn{padding:10px 22px;background:#0c4a6e;color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.mp-search-btn:hover{background:#0a3d5c}.mp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.mp-chip{display:inline-flex;align-items:center;padding:7px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:13px;font-weight:500;color:#0c4a6e;text-decoration:none;white-space:nowrap;transition:all .2s}.mp-chip:hover{background:#f0fdf4}.mp-chip.active{font-weight:600}.mp-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.mp-mobile-filter-btn{display:none;width:100%;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#0c4a6e;cursor:pointer;margin-bottom:16px;align-items:center;justify-content:center;gap:8px;font-family:inherit}.mp-mobile-filter-btn:hover{border-color:#047857}.mp-mf-icon{font-size:16px}.mp-mf-arrow{font-size:10px;color:#64748b}.mp-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:sticky;top:80px}.mp-sidebar-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.mp-sidebar-section:last-of-type{border-bottom:none;margin-bottom:8px;padding-bottom:0}.mp-sidebar-title{font-size:13px;font-weight:700;color:#0c4a6e;margin:0 0 10px;text-transform:uppercase;letter-spacing:.03em}.mp-sidebar-input,.mp-sidebar-select{width:100%;padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0c4a6e;background:#fff;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.mp-sidebar-input:focus,.mp-sidebar-select:focus{outline:0;border-color:#047857}.mp-sidebar-price{display:flex;align-items:center;gap:8px}.mp-sidebar-sep{color:#94a3b8;font-size:14px}.mp-sidebar-reset{width:100%;padding:10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;font-family:inherit}.mp-sidebar-reset:hover{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.mp-filter-sheet{display:none;position:fixed;inset:0;z-index:999;background:rgba(12,74,110,.5)}.mp-filter-sheet.open{display:block}.mp-filter-sheet-inner{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;padding:24px 20px 32px;max-height:85vh;overflow-y:auto;animation:mpSlideUp .3s ease}.mp-filter-sheet h3{font-size:16px;font-weight:700;color:#0c4a6e;margin:0 0 20px}.mp-filter-sheet-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:0;background:#f1f5f9;border-radius:50%;font-size:18px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.mp-main{min-width:0}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.mp-empty{grid-column:1/-1;text-align:center;padding:60px 20px}.mp-empty-title{font-size:18px;font-weight:700;color:#0c4a6e;margin:0 0 8px}.mp-empty-sub{font-size:14px;color:#64748b;margin:0}.mp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s;text-decoration:none;color:inherit}.mp-card:hover{border-color:#047857;box-shadow:0 8px 20px rgba(12,74,110,.08);transform:translateY(-2px)}.mp-card-media{position:relative;aspect-ratio:4/3;background:#f1f5f9;overflow:hidden}.mp-card-media img,.mp-card-media picture{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.mp-card-badge{position:absolute;top:10px;left:10px;padding:4px 10px;background:#d97706;color:#fff;font-size:11px;font-weight:700;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.mp-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.mp-card-name{font-size:13px;font-weight:600;color:#0c4a6e;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.mp-card-price{font-size:15px;font-weight:800;color:#047857;margin:4px 0 0}.mp-card-price-old{font-size:12px;color:#94a3b8;text-decoration:line-through;margin-left:6px;font-weight:500}.mp-card-meta{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px;margin-top:2px}.mp-card-store{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-card-actions{display:flex;gap:6px;margin-top:10px}.mp-card-btn{flex:1;padding:8px 10px;border:0;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.mp-card-btn-cart{background:#0c4a6e;color:#fff}.mp-card-btn-cart:hover{background:#0a3d5c}.mp-card-btn-wish{flex:0 0 40px;background:#f1f5f9;color:#64748b;font-size:16px}.mp-card-btn-wish:hover{background:#fee2e2;color:#ef4444}.mp-loader{grid-column:1/-1;text-align:center;padding:32px 0;color:#64748b;font-size:14px}@media (max-width:520px){.mp-layout{grid-template-columns:1fr;gap:16px}.mp-sidebar{display:none}.mp-mobile-filter-btn{display:flex}.mp-search-btn{padding:10px 16px}.mp-page{padding:12px 12px 40px}.mp-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.mp-card-body{padding:10px}.mp-card-name{font-size:13px}.mp-card-price{font-size:14px}.mp-card-btn{font-size:11px;padding:7px 8px}}.mp-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;padding:20px 0}.mp-page-btn{padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#0c4a6e;cursor:pointer;transition:all .2s;font-family:inherit}.mp-page-btn:hover:not(:disabled){background:#0c4a6e;border-color:#0c4a6e;color:#fff}.mp-page-btn:disabled{opacity:.4;cursor:not-allowed}.mp-page-info{font-size:14px;font-weight:500;color:#64748b;padding:0 8px}@media (max-width:520px){.mp-page-btn{padding:8px 14px}.mp-page-btn,.mp-page-info{font-size:13px}.mp-pagination{gap:8px;margin-top:24px}}.nav-drawer{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;background:#fff;z-index:9998;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;box-shadow:2px 0 12px rgba(12,74,110,.15)}.nav-drawer.open{transform:translateX(0)}.nav-drawer-inner{padding:20px;min-height:100%;display:flex;flex-direction:column}.nav-drawer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.nav-drawer-logo{font-size:20px;font-weight:800;color:#0c4a6e;font-family:"Poppins","Inter",sans-serif}.nav-drawer-logo span{color:#047857}.nav-drawer-close{background:0 0;border:0;font-size:28px;line-height:1;color:#64748b;cursor:pointer;padding:0 8px;font-family:inherit}.nav-drawer-close:hover,.qa-modal-list li strong{color:#0c4a6e}.nav-drawer-user{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;margin-bottom:16px}.nav-drawer-avatar{width:44px;height:44px;border-radius:50%;background:#0c4a6e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.nav-drawer-userinfo{min-width:0;flex:1}.nav-drawer-useremail,.nav-drawer-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-drawer-username{font-weight:600;color:#0c4a6e;font-size:14px}.nav-drawer-useremail{font-size:12px;color:#64748b}.nav-drawer-menu{list-style:none;padding:0;margin:0;flex:1}.nav-drawer-item{display:flex;align-items:center;gap:12px;padding:12px 8px;color:#0c4a6e;text-decoration:none;border-radius:8px;font-size:15px;font-weight:500;transition:background .15s}.nav-drawer-item:hover{background:#f1f5f9}.nav-drawer-item-icon{font-size:18px;width:24px;text-align:center}.nav-drawer-item-text{flex:1}.nav-drawer-backdrop{position:fixed;inset:0;background:rgba(12,74,110,.4);z-index:9997;opacity:0;pointer-events:none;transition:opacity .3s}.nav-drawer-backdrop.show{opacity:1;pointer-events:auto}.mp-card-img-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f1f5f9}.mp-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.mp-card:hover .mp-card-img{transform:scale(1.05)}.mp-card-qa{position:absolute;bottom:10px;left:10px;display:flex;gap:6px;z-index:3}.mp-qa-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;color:#0c4a6e;font-family:inherit;box-shadow:0 2px 8px rgba(12,74,110,.15)}.mp-qa-btn:hover{background:#fff;transform:scale(1.1)}.mp-qa-btn.primary{background:#0c4a6e;color:#fff}.mp-qa-btn.primary:hover{background:#0a3d5c}.mp-card-price-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:4px 0 0}.mp-card-city{font-size:12px;color:#94a3b8;margin-top:2px}.mp-card-badge.discount{background:#dc2626}.mp-card-badge.premium{background:linear-gradient(135deg,#0c4a6e,#047857)}.mp-card-badge.sold{background:rgba(12,74,110,.85);left:auto;right:10px;top:auto;bottom:10px}.card-plan-badge{position:absolute;top:10px;right:10px;padding:4px 10px;background:#d97706;color:#fff;font-size:11px;font-weight:700;border-radius:999px;z-index:2;text-transform:uppercase;letter-spacing:.02em}.card-plan-badge.premium{background:linear-gradient(135deg,#0c4a6e,#047857)}.pwa-splash{position:fixed;inset:0;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;font-family:"Inter","Poppins",sans-serif;text-align:center;padding:20px;transition:opacity .4s ease,visibility .4s}.pwa-splash svg{stroke:#fff}.pwa-splash [data-site-name]{color:#fff}@media (max-width:520px){.pwa-splash>div:first-child{font-size:48px!important}.pwa-splash>div:first-child svg{width:48px;height:48px}}.fx-wrap{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.fx-hero{background:linear-gradient(135deg,#0c4a6e 0,#0a3d5c 100%);color:#fff;border-radius:16px;padding:28px 24px;margin-bottom:20px;box-shadow:0 8px 24px rgba(12,74,110,.15)}.fx-hero h1{font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em;color:#fff}.fx-hero p{font-size:14px;opacity:.9;margin:0;color:#fff}.fx-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.fx-toolbar input[type=search],.fx-toolbar input[type=text],.fx-toolbar select{flex:1;min-width:180px;padding:9px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;color:#0c4a6e;background:#fff;transition:border-color .2s}.fx-toolbar input:focus,.fx-toolbar select:focus{outline:0;border-color:#047857}.fx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.fx-chip{display:inline-flex;align-items:center;padding:7px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:13px;font-weight:500;color:#0c4a6e;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .2s}.fx-chip:hover{border-color:#047857;color:#047857;background:#f0fdf4}.fx-chip.active{background:#0c4a6e;color:#fff;font-weight:600}.fx-list{display:flex;flex-direction:column;gap:12px}.fx-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s;text-decoration:none;color:inherit;display:block}.fx-card:hover{border-color:#047857;box-shadow:0 6px 20px rgba(12,74,110,.08);transform:translateY(-2px)}.fx-card-border{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:#e2e8f0}.fx-card:hover .fx-card-border{background:#047857}.fx-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.fx-avatar-wrap{flex-shrink:0}.fx-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0c4a6e,#047857);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;text-transform:uppercase}.fx-body{flex:1;min-width:0}.fx-card-title{font-size:16px;font-weight:700;color:#0c4a6e;margin:0 0 4px;line-height:1.35}.fx-card:hover .fx-card-title{color:#047857}.bd-hero p,.fx-card-preview{margin:0 0 10px;line-height:1.5}.fx-card-preview{font-size:13px;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fx-meta,.fx-stats{display:flex;gap:12px;align-items:center;font-size:12px}.fx-meta{flex-wrap:wrap;color:#94a3b8;padding-top:8px;border-top:1px solid #f1f5f9}.fx-meta>span,.fx-stats>span{display:inline-flex;align-items:center;gap:4px}.fx-stats{color:#64748b;margin-left:auto;flex-shrink:0}.fx-stats>span{padding:3px 8px;background:#f1f5f9;border-radius:6px}.fx-cat{display:inline-block;padding:3px 10px;background:#f0fdf4;color:#047857;font-size:11px;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.02em;margin-right:6px}.fx-last-reply{font-size:12px;color:#64748b}.fx-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.fx-badge-hot{background:#fee2e2;color:#dc2626}.fx-badge-new{background:#fef3c7;color:#d97706}.fx-badge-pin{background:#dbeafe;color:#1e40af}.fx-badge-lock{background:#f1f5f9;color:#64748b}@media (max-width:640px){.fx-wrap{padding:16px 12px 40px}.fx-hero{padding:20px 16px;border-radius:12px}.fx-hero h1{font-size:20px}.fx-card{padding:14px}.fx-avatar{width:38px;height:38px;font-size:14px}.fx-card-title{font-size:15px}.fx-stats{display:none}}.bd-action-card:hover{background:#fafbff;transform:translateX(3px)}@media (max-width:640px){.bd-action-card{padding:14px 16px;gap:12px}.bd-action-icon{width:40px!important;height:40px!important;font-size:18px!important}}.buyer-dash{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.bd-hero{background:linear-gradient(135deg,#0c4a6e 0,#0a3d5c 60%,#047857 100%);border-radius:20px;padding:32px 28px;margin-bottom:24px;box-shadow:0 12px 32px rgba(12,74,110,.18);color:#fff;position:relative;overflow:hidden}.bd-hero::before,.dash-welcome-header::before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08)0,transparent 70%);pointer-events:none}.bd-avatar,.bd-hero-content{display:flex;align-items:center;position:relative}.bd-hero-content{gap:24px;z-index:1}.bd-hero h1{font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em;color:#fff}.bd-hero p{font-size:14px;opacity:.92;color:#fff}.bd-hero .bd-badge{display:inline-block;padding:5px 12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:12px;font-weight:600;color:#fff;backdrop-filter:blur(4px)}.bd-avatar{width:96px;height:96px;border-radius:50%;background:#fff;color:#0c4a6e;justify-content:center;font-size:36px;font-weight:800;flex-shrink:0;border:4px solid rgba(255,255,255,.35);box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden}.bd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.bd-stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;transition:all .2s;box-shadow:0 1px 3px rgba(12,74,110,.04)}.bd-stat:hover{border-color:#047857;box-shadow:0 8px 20px rgba(12,74,110,.08);transform:translateY(-2px)}.bd-stat-icon{font-size:22px;margin-bottom:4px}.bd-stat-value{font-size:24px;font-weight:800;color:#0c4a6e;line-height:1.2}.bd-stat-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.bd-section-title{font-size:18px;font-weight:700;color:#0c4a6e;margin:32px 0 16px;display:flex;align-items:center;gap:8px}.bd-peran-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:24px}.bd-peran-card,.bd-peran-icon{display:flex;align-items:center}.bd-peran-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;gap:14px;transition:all .2s}.bd-peran-card:hover{border-color:#047857;box-shadow:0 6px 16px rgba(12,74,110,.06)}.bd-peran-card.aktif{border-color:#047857;background:linear-gradient(135deg,#f0fdf4 0,#fff 100%)}.bd-peran-icon{width:44px;height:44px;border-radius:12px;background:#f1f5f9;justify-content:center;font-size:22px;flex-shrink:0}.bd-peran-card.aktif .bd-peran-icon{background:linear-gradient(135deg,#0c4a6e,#047857);color:#fff}.bd-peran-body{flex:1;min-width:0}.bd-peran-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#0c4a6e;margin-bottom:2px}.bd-peran-status{font-size:12px}.bd-peran-desc{font-size:12px;color:#64748b;line-height:1.4}.bd-peran-btn{padding:8px 14px;background:#0c4a6e;color:#fff;border:0;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .2s;font-family:inherit;white-space:nowrap}.bd-peran-btn:hover{background:#0a3d5c}.bd-peran-btn.aktif{background:#047857;padding:8px 12px;font-size:16px}.bd-peran-btn.aktif:hover{background:#065f46}.bd-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:32px}.bd-action-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;text-decoration:none;color:inherit;transition:all .18s ease;box-shadow:0 1px 2px rgba(12,74,110,.04)}.bd-action-card:hover{border-color:var(--accent, #0c4a6e);background:var(--bg, #fafbff);transform:translateY(-2px);box-shadow:0 6px 16px rgba(12,74,110,.08)}.bd-action-icon{width:44px;height:44px;border-radius:10px;background:var(--bg, #eff6ff);color:var(--accent, #0c4a6e);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.bd-action-text{flex:1;min-width:0}.bd-action-title{font-weight:600;font-size:14px;color:#0f172a;letter-spacing:-.1px}.bd-action-desc{font-size:12px;color:#64748b;margin-top:2px}.bd-profile{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(12,74,110,.04)}.bd-profile-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.bd-edit-btn{padding:8px 16px;background:#fff;color:#0c4a6e;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.bd-edit-btn:hover{background:#0c4a6e;color:#fff;border-color:#0c4a6e}.bd-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.bd-field-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:4px}.bd-field-value{font-size:14px;color:#0c4a6e;font-weight:500;word-break:break-word}@media (max-width:768px){.buyer-dash{padding:16px 12px 40px}.bd-hero{padding:24px 20px;border-radius:16px}.bd-hero h1{font-size:20px}.bd-avatar{width:72px;height:72px;font-size:28px}.bd-hero-content{gap:16px;flex-direction:column;text-align:center}.bd-stats{grid-template-columns:repeat(2,1fr)}.bd-actions,.bd-peran-grid,.bd-profile-grid{grid-template-columns:1fr}.bd-section-title{font-size:16px;margin:24px 0 12px}}.bd-modal-bg{position:fixed;inset:0;background:rgba(12,74,110,.5);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}.bd-modal{background:#fff;border-radius:16px;padding:28px;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(12,74,110,.25)}.bd-modal-label{display:block;font-size:13px;font-weight:600;color:#0c4a6e;margin-bottom:6px}.bd-field-input,.bd-modal-field{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;color:#0c4a6e;background:#fff;margin-bottom:14px;box-sizing:border-box;transition:border-color .2s}.bd-field-input:focus,.bd-modal-field:focus,.ft-reply-form textarea:focus{outline:0;border-color:#047857;box-shadow:0 0 0 3px rgba(4,120,87,.1)}.bd-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.bd-btn-cancel,.bd-btn-save{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.bd-btn-save{background:#047857;color:#fff;border:0}.bd-btn-save:hover{background:#065f46}.bd-btn-cancel{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.bd-btn-cancel:hover{background:#e2e8f0}.ft-wrap{max-width:900px;margin:0 auto;padding:24px 16px 60px}.ft-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0c4a6e;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s}.ft-back:hover{background:#0c4a6e;color:#fff;border-color:#0c4a6e}.ft-back,.ft-header{margin-bottom:20px}.ft-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ft-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ft-badge-pin{background:#dbeafe;color:#1e40af}.ft-badge-lock{background:#f1f5f9;color:#64748b}.ft-cat{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.ft-title{font-size:26px;font-weight:800;color:#0c4a6e;margin:8px 0 16px;line-height:1.25;letter-spacing:-.01em}.ft-author,.ft-avatar{display:flex;align-items:center}.ft-author{gap:12px;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.ft-avatar{width:44px;height:44px;border-radius:50%;color:#fff;justify-content:center;font-weight:700;font-size:16px;text-transform:uppercase;flex-shrink:0}.ft-author-info{flex:1;min-width:0}.ft-author-name{display:flex;align-items:center;gap:6px;font-weight:600;color:#0c4a6e;font-size:14px}.ft-admin-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#0c4a6e,#047857);color:#fff;font-size:10px;font-weight:700;border-radius:4px;letter-spacing:.03em}.ft-author-time{font-size:12px;color:#94a3b8;margin-top:2px}.ft-stats-mini{display:flex;gap:8px;flex-shrink:0}.ft-stat-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f8fafc;border-radius:8px;font-size:12px;font-weight:600;color:#64748b}.ft-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin:20px 0;box-shadow:0 1px 3px rgba(12,74,110,.04)}.ft-content-text{font-size:15px;line-height:1.7;color:#334155;margin:0 0 20px;white-space:pre-wrap}.ft-content-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid #f1f5f9}.ft-like-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.ft-like-btn.liked,.ft-like-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.ft-like-count{font-weight:700}.ft-replies-head{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#0c4a6e;margin:32px 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.ft-replies{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.ft-locked{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;padding:16px 20px;color:#92400e;font-size:14px;font-weight:500;text-align:center;margin:20px 0}.ft-reply-form,.ft-reply-form textarea{border:1px solid #e2e8f0;background:#fff}.ft-reply-form{border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 1px 3px rgba(12,74,110,.04)}.ft-reply-form textarea{width:100%;min-height:100px;padding:12px 14px;border-radius:10px;font-size:14px;font-family:inherit;color:#0c4a6e;resize:vertical;box-sizing:border-box;margin-bottom:12px;line-height:1.5}.ft-reply-form .btn,.ft-reply-form button{padding:10px 22px;background:#0c4a6e;color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.ft-reply-form .btn:hover,.ft-reply-form button:hover{background:#0a3d5c}@media (max-width:640px){.ft-wrap{padding:16px 12px 40px}.ft-title{font-size:20px}.ft-content{padding:18px}.ft-author{flex-wrap:wrap}.ft-stats-mini{width:100%;margin-top:8px}}.dash-welcome-header{background:linear-gradient(135deg,#0c4a6e 0,#0a3d5c 60%,#047857 100%);color:#fff;box-shadow:0 12px 32px rgba(12,74,110,.18);position:relative;overflow:hidden}.dash-welcome-header>*{position:relative;z-index:1}.dash-welcome-header h1,.dash-welcome-header h2{font-weight:800;letter-spacing:-.01em}.dash-welcome-header h2{color:#fff;margin:0 0 6px;font-size:24px}.dash-welcome-header .welcome-sub,.dash-welcome-header p{margin:0;line-height:1.5}.dash-welcome-header p{color:rgba(255,255,255,.92)}.dash-welcome-header .btn,.dash-welcome-header a.btn{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(4px)}.dash-welcome-header .btn:hover{background:rgba(255,255,255,.28)}.stat-card{}.stat-card .ic,.stat-card .icon{font-size:24px;margin-bottom:8px}.stat-card .val{color:#0c4a6e;line-height:1.2}.stat-card .lbl{color:#64748b;font-weight:500;margin-top:4px}.stat-card .sub{font-size:12px;color:#94a3b8;margin-top:4px}.stats-grid{}#seller-tabs{padding:6px;background:#f1f5f9;border-radius:12px}#seller-tabs button{flex:1;min-width:100px;font-family:inherit}#seller-tabs button:hover{background:rgba(255,255,255,.6)}#seller-tabs button.active{background:#fff;color:#0c4a6e;box-shadow:0 2px 8px rgba(12,74,110,.1)}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.order-card:hover{border-color:#047857;box-shadow:0 4px 12px rgba(12,74,110,.06)}.order-card-head{padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.order-num{font-weight:700;color:#0c4a6e;font-size:13px}.order-date{font-size:12px;color:#94a3b8}.status-badge{display:inline-flex;align-items:center}@media (max-width:768px){.dash-welcome-header{padding:20px 18px;border-radius:16px}.dash-welcome-header h1,.stat-card .val{font-size:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}#seller-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}#seller-tabs button{flex:0 0 auto}}.save-modal-overlay{position:fixed;inset:0;background:rgba(12,74,110,.5);z-index:99998;display:flex;align-items:center;justify-content:center;padding:20px;animation:saveFadeIn .2s ease}.save-modal{background:#fff;border-radius:16px;padding:32px 28px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(12,74,110,.25);animation:savePopIn .3s ease}.save-modal-icon{font-size:56px;margin-bottom:16px;line-height:1}.save-modal-title{font-size:20px;font-weight:800;color:#0c4a6e;margin:0 0 8px}.save-modal-msg{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.save-modal-btn{padding:10px 32px;background:#047857;color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}.save-modal-btn:hover{background:#065f46}.save-modal-btn.error{background:#dc2626}.save-modal-btn.error:hover{background:#b91c1c}@media (max-width:768px){.buyer-dash .bd-hero{padding:18px 16px!important}.buyer-dash .bd-hero-content{flex-direction:row!important;text-align:left!important;gap:12px!important}.buyer-dash .bd-hero h1{font-size:18px!important}.buyer-dash .bd-hero p{font-size:12px!important}.buyer-dash .bd-hero .bd-avatar{width:56px!important;height:56px!important;font-size:20px!important}.buyer-dash .bd-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.buyer-dash .bd-stat{padding:12px!important}.buyer-dash .bd-stat-value{font-size:18px!important}.buyer-dash .bd-actions,.buyer-dash .bd-peran-grid,.buyer-dash .bd-profile-grid{grid-template-columns:1fr!important}.buyer-dash{padding:16px 12px 40px!important}}@media (max-width:520px){.buyer-dash .bd-stat-value{font-size:16px!important}.buyer-dash .bd-stat-label{font-size:10px!important}.buyer-dash .bd-action-card{padding:10px 12px!important}}.buyer-dash .bd-hero{padding:20px 24px!important;border-radius:16px!important;margin-bottom:20px!important}.buyer-dash .bd-hero h1,.dash-welcome-header h1{font-size:22px!important;margin-bottom:4px!important}.buyer-dash .bd-hero p{font-size:13px!important;margin-bottom:6px!important}.buyer-dash .bd-hero .bd-avatar{width:64px!important;height:64px!important;font-size:24px!important}.buyer-dash .bd-hero-content{gap:16px!important}.buyer-dash .bd-stats{gap:12px!important;margin-bottom:20px!important}.buyer-dash .bd-stat{padding:14px 16px!important;border-radius:12px!important}.buyer-dash .bd-stat-icon{font-size:18px!important;margin-bottom:2px!important}.buyer-dash .bd-stat-value{font-size:20px!important}.buyer-dash .bd-stat-label{font-size:11px!important}.buyer-dash .bd-section-title{font-size:16px!important;margin:20px 0 10px!important}.buyer-dash .bd-actions{gap:10px!important;margin-bottom:20px!important}.buyer-dash .bd-action-card{padding:12px 14px!important;border-radius:10px!important;gap:12px!important}.buyer-dash .bd-action-icon{width:38px!important;height:38px!important;font-size:18px!important}.buyer-dash .bd-action-title{font-size:13px!important}.buyer-dash .bd-action-desc{font-size:11px!important}.buyer-dash .bd-peran-grid{gap:10px!important;margin-bottom:16px!important}.buyer-dash .bd-peran-card{padding:14px!important;border-radius:12px!important;gap:12px!important}.buyer-dash .bd-peran-icon{width:38px!important;height:38px!important;font-size:18px!important}.buyer-dash .bd-peran-title{font-size:14px!important}.buyer-dash .bd-peran-desc{font-size:11px!important}.buyer-dash .bd-profile{padding:18px 20px!important;border-radius:14px!important}.buyer-dash .bd-profile-grid{gap:12px!important}#seller-tabs button,.buyer-dash .bd-field-value,.dash-welcome-header p,table tbody td{font-size:13px!important}@media (max-width:768px){.buyer-dash .bd-hero{padding:18px 16px!important}.buyer-dash .bd-hero-content{flex-direction:row!important;text-align:left!important;gap:12px!important}.buyer-dash .bd-hero h1{font-size:18px!important}.buyer-dash .bd-hero p{font-size:12px!important}.buyer-dash .bd-hero .bd-avatar{width:56px!important;height:56px!important;font-size:20px!important}.buyer-dash .bd-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.buyer-dash .bd-stat{padding:12px!important}.buyer-dash .bd-stat-value{font-size:18px!important}.buyer-dash .bd-actions,.buyer-dash .bd-peran-grid,.buyer-dash .bd-profile-grid{grid-template-columns:1fr!important}.buyer-dash{padding:16px 12px 40px!important}}@media (max-width:520px){.buyer-dash .bd-stat-value{font-size:16px!important}.buyer-dash .bd-stat-label{font-size:10px!important}.buyer-dash .bd-action-card{padding:10px 12px!important}}.dash-welcome-header{padding:20px 24px!important;border-radius:16px!important;margin-bottom:20px!important}#seller-tabs,.stats-grid{gap:12px!important;margin-bottom:20px!important}.stat-card{padding:16px!important;border-radius:12px!important}.stat-card:hover{border-color:#047857!important}.stat-card .val{font-size:24px!important;font-weight:800!important}.stat-card .lbl{font-size:11px!important;text-transform:uppercase;letter-spacing:.03em}#seller-tabs{display:flex!important;gap:4px!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:thin}#seller-tabs button{white-space:nowrap!important;padding:10px 16px!important;border-radius:10px 10px 0 0!important}#seller-tabs button:hover{background:rgba(12,74,110,.05)!important}#seller-tabs button.active,table thead th{font-weight:700!important}table{border-collapse:separate!important;border-spacing:0!important}table thead th{background:#f8fafc!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#64748b!important;padding:12px 14px!important;border-bottom:1px solid #e2e8f0!important}table tbody td{padding:14px!important;border-bottom:1px solid #f1f5f9!important}table tbody tr:nth-child(even){background:#fcfdfe}table tbody tr:nth-child(even):hover{background:#f8fafc!important}table img{border-radius:8px!important;border:1px solid #e2e8f0!important}.btn-hapus,button.btn-hapus,table .btn-danger,table .btn-edit,table button[onclick*=delete],table button[onclick*=edit],table button[onclick*=hapus]{background:#fff!important;color:#dc2626!important;border:1px solid #fecaca!important;font-weight:600!important;transition:all .2s}.btn-hapus:hover,table .btn-danger:hover,table button[onclick*=delete]:hover,table button[onclick*=hapus]:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}table .btn-edit,table button[onclick*=edit]{color:#0c4a6e!important;border:1px solid #e2e8f0!important}table .btn-edit:hover,table button[onclick*=edit]:hover{background:#0c4a6e!important;color:#fff!important;border-color:#0c4a6e!important}.card{border-radius:14px!important;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 16px rgba(12,74,110,.06)}h2,h3{letter-spacing:-.01em}#tab-content button.btn-primary,.seller-tambah-btn{padding:10px 20px!important;border-radius:10px!important;font-weight:600!important;box-shadow:0 4px 12px rgba(12,74,110,.15)!important;transition:all .2s}#tab-content button.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(12,74,110,.22)!important}.badge,.status-badge{padding:3px 10px!important;font-size:11px!important;font-weight:700!important;border-radius:999px!important;text-transform:uppercase!important;letter-spacing:.02em!important}@media (max-width:768px){.dash-welcome-header{padding:16px 18px!important;border-radius:12px!important}.dash-welcome-header h1{font-size:18px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-card{padding:12px!important}.stat-card .val{font-size:20px!important}#seller-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}#seller-tabs button{padding:8px 14px!important;font-size:12px!important}table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}table tbody td,table thead th{padding:10px 12px!important;font-size:12px!important}}@media (max-width:520px){.stat-card .val{font-size:18px!important}.stat-card .lbl{font-size:10px!important}#seller-tabs button{padding:7px 12px!important}}.bd-badge.tier-free{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}.bd-badge.tier-member{background:linear-gradient(135deg,#d97706,#f59e0b)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 8px rgba(217,119,6,.35)!important}.qa-modal-overlay{position:fixed;inset:0;background:rgba(12,74,110,.55);z-index:99998;display:flex;align-items:center;justify-content:center;padding:20px;animation:qaFadeIn .2s ease}.qa-modal{background:#fff;border-radius:20px;padding:32px 28px;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(12,74,110,.3);animation:qaPopIn .3s ease}.qa-modal-icon{font-size:48px;text-align:center;margin-bottom:12px;line-height:1}.qa-modal-title{font-size:22px;font-weight:800;color:#0c4a6e;text-align:center;margin:0 0 12px}.qa-modal-desc{font-size:14px;color:#475569;line-height:1.6;margin:0 0 20px;text-align:center}.qa-modal-section{background:#f8fafc;border-radius:12px;padding:16px 18px;margin-bottom:16px}.qa-modal-section-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.qa-modal-list{list-style:none;padding:0;margin:0}.qa-modal-list li{font-size:13px;color:#334155;line-height:1.5;padding:6px 0;border-bottom:1px solid #e2e8f0}.qa-modal-list li:last-child{border-bottom:none}.qa-modal-note{font-size:12.5px;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:12px 14px;line-height:1.5;margin:0 0 20px}.qa-modal-actions{display:flex;gap:10px;justify-content:flex-end}.qa-modal-btn-cancel,.qa-modal-btn-ok{padding:10px 20px;border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s}.qa-modal-btn-cancel{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;font-weight:600}.qa-modal-btn-cancel:hover{background:#e2e8f0}.qa-modal-btn-ok{background:#10b981;color:#fff;border:0;font-weight:700;box-shadow:0 4px 12px rgba(16,185,129,.3)}.qa-modal-btn-ok:hover{background:#059669;transform:translateY(-1px)}@media (max-width:520px){.qa-modal{padding:24px 18px;border-radius:16px}.qa-modal-title{font-size:18px}.qa-modal-actions{flex-direction:column-reverse}.qa-modal-btn-cancel,.qa-modal-btn-ok{width:100%}}.umkm-hero{background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);border-bottom:1px solid #e2e8f0}.umkm-hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.umkm-hero-text{min-width:0}.umkm-hero-badge{display:inline-block;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-weight:600;color:#047857}.umkm-hero-title{font-weight:800;line-height:1.15;color:#0c4a6e;margin:0 0 16px;letter-spacing:-.02em}.umkm-hero-sub{color:#475569;line-height:1.6;margin:0 0 28px;max-width:520px}.umkm-hero-search{display:flex;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:520px;box-shadow:0 1px 3px rgba(12,74,110,.04)}.umkm-hero-search:focus-within{border-color:#047857;box-shadow:0 0 0 3px rgba(4,120,87,.12)}.umkm-hero-search-input{flex:1;border:0;outline:0;padding:12px 14px;font-size:15px;color:#0c4a6e;background:0 0;font-family:inherit}.umkm-hero-search-input::placeholder{color:#94a3b8}.umkm-hero-actions{display:flex;flex-wrap:wrap}.umkm-btn-primary,.umkm-btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s;font-family:inherit}.umkm-btn-primary{background:#0c4a6e;color:#fff;border:0}.umkm-btn-primary:hover{background:#0a3d5c;transform:translateY(-1px)}.umkm-btn-secondary{background:#fff;color:#0c4a6e;border:1.5px solid #cbd5e1}.umkm-btn-secondary:hover{border-color:#0c4a6e;background:#f8fafc}.umkm-section{max-width:1180px;margin:0 auto}.umkm-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.umkm-section-title{font-weight:800;color:#0c4a6e;margin:0 0 20px;letter-spacing:-.01em}.umkm-section-head .umkm-section-title{margin:0}.umkm-section-link{font-size:14px;font-weight:600;color:#047857;text-decoration:none}.umkm-section-link:hover{color:#065f46}.umkm-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.umkm-cat-card,.umkm-cat-icon{display:flex;align-items:center}.umkm-cat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;text-decoration:none;color:#0c4a6e;transition:all .2s;box-shadow:0 1px 3px rgba(12,74,110,.04)}.umkm-cat-card:hover,.umkm-prod:hover{border-color:#047857;transform:translateY(-2px);box-shadow:0 8px 20px rgba(12,74,110,.08)}.umkm-cat-icon{border-radius:12px;background:linear-gradient(135deg,#dbeafe 0,#d1fae5 100%);justify-content:center;flex-shrink:0}.umkm-cat-name{font-weight:700;color:#0c4a6e;line-height:1.3}.umkm-prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.umkm-prod{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s;box-shadow:0 1px 3px rgba(12,74,110,.04)}.umkm-prod-img-wrap{aspect-ratio:1/1;overflow:hidden;background:#f1f5f9}.umkm-prod-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.umkm-prod:hover .umkm-prod-img{transform:scale(1.05)}.umkm-prod-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.umkm-prod-name{font-size:14px;font-weight:600;color:#0c4a6e;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.umkm-prod-price-row{display:flex;align-items:baseline;gap:8px}.umkm-prod-price{font-size:16px;font-weight:800;color:#047857}.umkm-prod-price-old{font-size:12px;color:#94a3b8;text-decoration:line-through;font-weight:500}.umkm-prod-store{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.umkm-prod-city{font-size:11px;color:#94a3b8}.umkm-cta{background:linear-gradient(135deg,#0c4a6e 0,#047857 100%);color:#fff;text-align:center;margin-top:32px}.umkm-cta-inner{max-width:600px;margin:0 auto}.umkm-cta-title{font-weight:800;color:#fff;margin:0 0 14px;letter-spacing:-.01em}.umkm-cta-sub{opacity:.92;color:#fff;line-height:1.6;margin:0 0 28px}.umkm-cta .umkm-btn-primary{background:#fff;color:#0c4a6e}.umkm-cta .umkm-btn-primary:hover{background:#f1f5f9}@media (max-width:900px){.umkm-hero{padding:36px 16px}.umkm-hero-inner{grid-template-columns:1fr;gap:32px}.umkm-hero-image{order:-1}.umkm-hero-img-wrap{max-width:260px;font-size:100px}.umkm-hero-title{font-size:30px}.umkm-hero-sub{font-size:15px}.umkm-section{padding:32px 16px}.umkm-section-title{font-size:20px}.umkm-cat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.umkm-prod-grid{grid-template-columns:repeat(2,1fr);gap:12px}.umkm-cta{padding:48px 16px}.umkm-cta-title{font-size:22px}}@media (max-width:520px){.umkm-hero-title{font-size:24px}.umkm-hero-actions{flex-direction:column}.umkm-hero-actions .umkm-btn-primary,.umkm-hero-actions .umkm-btn-secondary{width:100%}.umkm-cat-grid{grid-template-columns:1fr}.umkm-prod-grid{grid-template-columns:repeat(2,1fr)}}.cta-new{margin:16px 0 0!important;padding-bottom:40px!important}.section-features:last-of-type,.section-new:last-of-type,.section-testimonials:last-of-type{margin-bottom:0!important}.umkm-cta{margin-bottom:0!important}.footer,.site-footer,footer{margin-top:0!important;padding-top:32px!important}.section-new:first-of-type{margin-top:20px!important}.stats-new{margin-bottom:20px!important}.umkm-hero{padding:28px 20px!important}.umkm-hero-inner{gap:32px!important}.umkm-hero-img-wrap{width:100%;max-width:280px;aspect-ratio:1/1;background:linear-gradient(135deg,#dbeafe 0,#d1fae5 100%);border-radius:24px;font-size:110px;line-height:1;box-shadow:0 20px 60px rgba(12,74,110,.12);display:flex;align-items:center;justify-content:center}.umkm-hero-title{font-size:32px!important;margin-bottom:10px!important}.umkm-hero-sub{font-size:14px!important;margin-bottom:16px!important}.umkm-hero-badge{margin-bottom:12px!important;font-size:11px!important;padding:5px 12px!important}.umkm-hero-search{margin-bottom:14px!important;padding:5px!important}.umkm-hero-actions{gap:8px!important}.umkm-btn-primary,.umkm-btn-secondary{padding:10px 20px!important;font-size:13px!important}.umkm-section{padding:18px 16px!important}.umkm-section-title{font-size:20px!important;margin-bottom:12px!important}.umkm-cat-card,.umkm-cat-grid{gap:10px!important}.umkm-cat-card{padding:12px 16px!important}.umkm-cat-icon{width:40px!important;height:40px!important;font-size:20px!important}.umkm-cat-name{font-size:13.5px!important}.umkm-cta{padding:24px 20px!important}.umkm-cta-title{font-size:22px!important;margin-bottom:8px!important}.umkm-cta-sub{font-size:14px!important;margin-bottom:16px!important}.umkm-cta .umkm-btn-primary{padding:10px 22px!important;font-size:13px!important}@media (max-width:520px){.umkm-hero{padding:20px 16px!important}.umkm-hero-title{font-size:24px!important}.umkm-hero-sub{font-size:13px!important}.umkm-hero-img-wrap{width:100%;max-width:280px;aspect-ratio:1/1;background:linear-gradient(135deg,#dbeafe 0,#d1fae5 100%);border-radius:24px;font-size:110px;line-height:1;box-shadow:0 20px 60px rgba(12,74,110,.12);display:flex;align-items:center;justify-content:center}.umkm-section{padding:14px 12px!important}.umkm-section-title{font-size:17px!important}.umkm-cta{padding:20px 16px!important}.umkm-cta-title{font-size:18px!important}.umkm-cta-sub{font-size:13px!important}}.panduan-hero{position:relative;overflow:hidden}.panduan-hero::before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08)0,transparent 70%);pointer-events:none}.panduan-hero h1,.panduan-hero p{position:relative;z-index:1}.panduan-usaha-card h4{margin:0 0 6px;font-size:14.5px;font-weight:700;color:#0c4a6e}.panduan-usaha-card p{margin:0;font-size:13px;color:#64748b;line-height:1.5}.panduan-cta{background:linear-gradient(135deg,#0c4a6e,#047857);color:#fff;border-radius:16px;padding:24px 20px;text-align:center;margin-top:20px}.panduan-cta h3{margin:0 0 8px;font-size:18px;font-weight:800;color:#fff}.panduan-cta p{margin:0 0 16px;font-size:13.5px;opacity:.92;color:#fff}.panduan-cta a{display:inline-block;padding:10px 22px;background:#fff;color:#0c4a6e;border-radius:10px;text-decoration:none;font-weight:700;font-size:13.5px;transition:all .2s}.panduan-cta a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.2)}@media (max-width:640px){.panduan-hero{padding:22px 18px;border-radius:16px}.panduan-hero h1{font-size:20px}.panduan-hero p{font-size:13px}.panduan-section{padding:18px 16px;border-radius:14px}.panduan-section h2{font-size:17px}.panduan-features{grid-template-columns:1fr}.panduan-tab-btn{min-width:auto;font-size:12.5px;padding:9px 12px}.panduan-page{padding:14px 12px 40px}}.panduan-usaha-list li::before{content:"•";position:absolute;left:4px;color:#047857;font-weight:700}@media (max-width:640px){.panduan-hero{padding:22px 18px;border-radius:16px}.panduan-hero h1{font-size:20px}.panduan-hero p{font-size:13px}.panduan-section{padding:18px 16px;border-radius:14px}.panduan-section h2{font-size:17px}.panduan-features{grid-template-columns:1fr}.panduan-tab-btn{min-width:auto;font-size:12.5px;padding:9px 10px}.panduan-tab-icon{font-size:14px}.panduan-page{padding:14px 12px 40px}.panduan-cta-buttons{flex-direction:column}.panduan-cta-buttons a{width:100%;text-align:center}}.panduan-tab-btn{white-space:nowrap}.panduan-section h3{margin:18px 0 10px;font-size:15px}.panduan-cta-buttons,.panduan-cta-final{display:none!important}@media (max-width:640px){.panduan-hero{padding:22px 18px;border-radius:16px}.panduan-hero h1{font-size:20px}.panduan-hero p{font-size:13px}.panduan-section{padding:18px 16px;border-radius:14px}.panduan-section h2{font-size:17px}.panduan-features{grid-template-columns:1fr}.panduan-tab-btn{min-width:auto;font-size:12.5px;padding:9px 10px}.panduan-tab-icon{font-size:14px}.panduan-page{padding:14px 12px 40px}}.panduan-page{max-width:1080px;margin:0 auto;padding:20px 16px 60px}.panduan-hero{background:linear-gradient(135deg,#0c4a6e 0,#0369a1 50%,#047857 100%);color:#fff;border-radius:20px;padding:32px 28px;margin-bottom:20px;box-shadow:0 12px 32px rgba(12,74,110,.18)}.panduan-hero h1,.panduan-section h2{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:-.01em}.panduan-hero p{margin:0;font-size:14px;opacity:.92;line-height:1.5}.panduan-features li,.panduan-tabs{border:1px solid #e2e8f0;display:flex;gap:8px}.panduan-tabs{flex-wrap:wrap;margin-bottom:20px;background:#fff;padding:6px;border-radius:14px;box-shadow:0 2px 8px rgba(12,74,110,.04)}.panduan-cta-buttons a,.panduan-tab-btn{border-radius:10px;font-size:13.5px;transition:all .2s}.panduan-tab-btn{flex:1;min-width:120px;padding:10px 16px;border:0;background:0 0;color:#64748b;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px}.panduan-tab-btn:hover{background:#f1f5f9;color:#0c4a6e}.panduan-tab-btn.active{background:linear-gradient(135deg,#0c4a6e,#047857);color:#fff;box-shadow:0 4px 12px rgba(12,74,110,.25)}.panduan-tab-icon{font-size:16px;line-height:1}.panduan-tab-content{display:none}.panduan-tab-content.active{display:block;animation:panduanFade .3s ease}.panduan-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px;margin-bottom:16px;box-shadow:0 2px 8px rgba(12,74,110,.04)}.panduan-section h2{margin:0 0 12px;font-size:19px;color:#0c4a6e}.panduan-section p{margin:0 0 12px;font-size:14px;line-height:1.65;color:#374151}.panduan-section b,.panduan-section h3{color:#0c4a6e;font-weight:700}.panduan-features{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.panduan-features li{background:#f8fafc;border-radius:10px;padding:10px 14px;font-size:13.5px;color:#334155;line-height:1.4;align-items:flex-start}.panduan-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;padding:14px 16px;margin:12px 0;font-size:13.5px;line-height:1.6;color:#78350f}.panduan-note b{color:#78350f}.panduan-usaha-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.panduan-usaha-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.panduan-usaha-card:hover{border-color:#0c4a6e;transform:translateY(-2px);box-shadow:0 6px 18px rgba(12,74,110,.08)}.panduan-usaha-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.panduan-usaha-icon{font-size:22px;line-height:1}.panduan-usaha-num{font-size:11px;font-weight:700;color:#047857;background:#d1fae5;padding:2px 8px;border-radius:999px;margin-left:auto}.panduan-usaha-count{font-size:12.5px;color:#64748b;margin:0 0 8px;font-style:italic}.panduan-usaha-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.panduan-usaha-list li{font-size:13px;color:#334155;line-height:1.5;padding-left:18px;position:relative}.panduan-cta-final{background:linear-gradient(135deg,#0c4a6e,#047857);color:#fff;border-radius:16px;padding:28px 24px;text-align:center;margin-top:20px}.panduan-cta-final h3{margin:0 0 8px;font-size:20px;font-weight:800;color:#fff}.panduan-cta-final p{margin:0 0 18px;font-size:14px;opacity:.92;color:#fff;line-height:1.5}.panduan-cta-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.panduan-cta-buttons a{display:inline-block;padding:11px 24px;text-decoration:none;font-weight:700}.panduan-cta-buttons a:first-child{background:#fff;color:#0c4a6e}.panduan-cta-buttons a:first-child:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.panduan-cta-buttons a:last-child{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.4)}.panduan-cta-buttons a:last-child:hover{background:rgba(255,255,255,.25)}@media (max-width:640px){.panduan-hero{padding:22px 18px;border-radius:16px}.panduan-hero h1{font-size:20px}.panduan-hero p{font-size:13px}.panduan-section{padding:18px 16px;border-radius:14px}.panduan-section h2{font-size:17px}.panduan-features{grid-template-columns:1fr}.panduan-tab-btn{min-width:auto;font-size:12.5px;padding:9px 10px}.panduan-tab-icon{font-size:14px}.panduan-page{padding:14px 12px 40px}.panduan-cta-buttons{flex-direction:column}.panduan-cta-buttons a{width:100%;text-align:center}}.pricing-page{max-width:1080px;margin:0 auto;padding:40px 20px 80px;text-align:center}.pricing-card h3,.pricing-title{font-size:32px;font-weight:800;color:#0c4a6e;margin:0 0 8px;letter-spacing:-.02em}.pricing-sub{font-size:15px;color:#64748b;margin:0 0 28px}.pricing-loading{text-align:center;padding:60px 20px;color:#64748b;font-size:15px}.pricing-toggle{display:inline-flex;background:#f1f5f9;border-radius:999px;padding:5px;margin:0 auto 32px;gap:4px;border:1px solid #e2e8f0}.pricing-toggle-btn{padding:9px 20px;border:0;background:0 0;color:#64748b;font-weight:600;font-size:13.5px;border-radius:999px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.analytics-insight-list li b,.pricing-toggle-btn:hover{color:#0c4a6e}.pricing-toggle-btn.active{background:#fff;color:#0c4a6e;box-shadow:0 2px 8px rgba(12,74,110,.12)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:880px;margin:0 auto;text-align:left}.pricing-card{position:relative;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;transition:all .25s ease;box-shadow:0 2px 8px rgba(12,74,110,.04)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(12,74,110,.1);border-color:#0c4a6e}.pricing-card.best,.pricing-card.popular{border-color:#0c4a6e;border-width:2px;box-shadow:0 8px 28px rgba(12,74,110,.15);transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.02) translateY(-4px)}.pricing-card.best{border-color:#d97706;box-shadow:0 8px 28px rgba(217,119,6,.18)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff;font-size:11px;font-weight:800;padding:5px 14px;border-radius:999px;letter-spacing:.06em;box-shadow:0 4px 12px rgba(12,74,110,.3);white-space:nowrap}.pricing-badge.gold{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 12px rgba(217,119,6,.35)}.pricing-card h3{font-size:20px;margin:0 0 12px;letter-spacing:-.01em}.pricing-price{font-size:32px;font-weight:800;color:#0c4a6e;margin:0 0 4px;line-height:1.1}.pricing-per{font-size:13px;font-weight:500;color:#94a3b8}.pricing-features li{font-size:13.5px;color:#334155;line-height:1.5;padding-left:24px;position:relative;list-style:none!important}.pricing-features li::before{position:absolute;left:0;top:0;color:#047857;font-weight:800;font-size:14px;width:18px;text-align:center;content:none!important}.pricing-btn{display:block;width:100%;padding:13px 20px;border:0;border-radius:12px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none;background:#0c4a6e;color:#fff;box-shadow:0 4px 12px rgba(12,74,110,.2)}.pricing-btn:hover:not(:disabled){background:#0a3d5c;transform:translateY(-1px);box-shadow:0 6px 16px rgba(12,74,110,.3)}.pricing-btn.primary{background:linear-gradient(135deg,#0c4a6e,#047857)}.pricing-btn.primary:hover:not(:disabled){box-shadow:0 6px 18px rgba(12,74,110,.35)}.pricing-btn:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8;box-shadow:none;transform:none}.pricing-dev-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;padding:16px 20px;margin:0 auto 24px;max-width:720px;color:#78350f;font-size:14px;line-height:1.6;font-weight:500}@media (max-width:640px){.pricing-page{padding:24px 16px 60px}.pricing-title{font-size:24px}.pricing-sub{font-size:13.5px;margin-bottom:20px}.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:24px 20px}.pricing-price{font-size:28px}.pricing-card.best,.pricing-card.popular{transform:none}}.home-banner{max-width:1180px;margin:20px auto 0;padding:0 16px}.home-banner-img{width:100%;max-height:280px;height:auto;display:block;border-radius:16px;box-shadow:0 8px 28px rgba(12,74,110,.12);object-fit:cover;object-position:center}@media (max-width:640px){.home-banner{margin:12px auto 0;padding:0 12px}.home-banner-img{width:100%;max-height:280px;height:auto;display:block;border-radius:16px;box-shadow:0 8px 28px rgba(12,74,110,.12);object-fit:cover;object-position:center}}.umkm-hero-image{display:flex;justify-content:center;align-items:center}.umkm-hero-banner-img{width:100%;max-width:560px;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.18);display:block}.home-banner{display:none!important}@media (max-width:900px){.umkm-hero-banner-img{max-width:100%;aspect-ratio:16/9}}@media (max-width:520px){.umkm-hero-banner-img{width:100%;max-width:560px;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.18);display:block}}.buyer-notice{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border:1.5px solid #fcd34d;border-left:5px solid #d97706;border-radius:14px;padding:18px 20px;margin:0 auto 20px;max-width:1160px;box-shadow:0 4px 12px rgba(217,119,6,.12)}.buyer-notice-icon{font-size:28px;line-height:1;flex-shrink:0;margin-top:2px}.buyer-notice-body{flex:1;min-width:0}.buyer-notice-title{font-size:14.5px;font-weight:800;color:#78350f;letter-spacing:.02em;margin:0 0 6px}.buyer-notice-text{font-size:13.5px;color:#78350f;line-height:1.6;font-weight:500}@media (max-width:640px){.buyer-notice{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border:1.5px solid #fcd34d;border-left:5px solid #d97706;border-radius:14px;padding:18px 20px;margin:0 auto 20px;max-width:1160px;box-shadow:0 4px 12px rgba(217,119,6,.12)}.buyer-notice-icon{font-size:22px}.buyer-notice-title{font-size:13px}.buyer-notice-text{font-size:12.5px}}.seller-notice{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%);border:1.5px solid #93c5fd;border-left:5px solid #1e40af;border-radius:14px;padding:18px 20px;margin:0 auto 20px;max-width:1200px;box-shadow:0 4px 12px rgba(30,64,175,.12)}.seller-notice-icon{font-size:28px;line-height:1;flex-shrink:0;margin-top:2px}.seller-notice-body{flex:1;min-width:0}.seller-notice-title{font-size:14.5px;font-weight:800;color:#1e3a8a;letter-spacing:.02em;margin:0 0 6px}.seller-notice-text{font-size:13.5px;color:#1e3a8a;line-height:1.6;font-weight:500}@media (max-width:640px){.seller-notice{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%);border:1.5px solid #93c5fd;border-left:5px solid #1e40af;border-radius:14px;padding:18px 20px;margin:0 auto 20px;max-width:1200px;box-shadow:0 4px 12px rgba(30,64,175,.12)}.seller-notice-icon{font-size:22px}.seller-notice-title{font-size:13px}.seller-notice-text{font-size:12.5px}}.maintenance-desc b{color:#0c4a6e;font-weight:700}.maintenance-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(12,74,110,.35)}@media (max-width:640px){.maintenance-card{padding:36px 24px;border-radius:20px}.maintenance-icon{font-size:56px}.maintenance-title{font-size:22px}.maintenance-desc{font-size:14px}}.maintenance-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f8fafc 0,#e0f2fe 100%)}.maintenance-card{max-width:560px;width:100%;text-align:center;background:#fff;border-radius:24px;padding:48px 36px;box-shadow:0 20px 60px rgba(12,74,110,.15);border:1px solid #e2e8f0}.maintenance-logo{max-height:48px;width:auto;margin:0 auto 20px;display:block}.maintenance-brand{font-size:26px;font-weight:800;color:#0c4a6e;margin:0 0 20px;letter-spacing:-.02em}.maintenance-brand span{color:#047857}.maintenance-icon{font-size:64px;margin:0 auto 16px;line-height:1;animation:maintenancePulse 2.2s ease-in-out infinite;display:inline-block}.maintenance-title{font-size:26px;font-weight:800;color:#0c4a6e;margin:0 0 16px;letter-spacing:-.01em;line-height:1.2}.maintenance-desc{font-size:15px;color:#475569;line-height:1.7;max-width:440px;margin:0 auto 12px}.maintenance-sub{font-size:14.5px;color:#64748b;margin:0 0 28px;line-height:1.6}.maintenance-btn{display:inline-block;padding:13px 36px;background:linear-gradient(135deg,#0c4a6e,#047857);color:#fff;border:0;border-radius:12px;font-size:14.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;box-shadow:0 6px 16px rgba(12,74,110,.25);letter-spacing:.02em}.maintenance-btn:active{transform:translateY(0)}.maintenance-note{font-size:12.5px;color:#94a3b8;margin-top:24px;font-style:italic;padding-top:20px;border-top:1px solid #f1f5f9}@media (max-width:640px){.maintenance-page{padding:24px 16px}.maintenance-card{padding:36px 24px;border-radius:20px}.maintenance-icon{font-size:52px}.maintenance-title{font-size:21px}.maintenance-desc{font-size:14px}.maintenance-sub{font-size:13.5px}.maintenance-btn{width:100%;padding:13px 24px}.maintenance-brand{font-size:22px}}.store-desc-text{text-align:justify;text-justify:inter-word;line-height:1.7;word-break:break-word}@media (max-width:640px){.sd-desc,.store-desc-text{text-align:left}}.sd-address{font-size:13px;color:#64748b;line-height:1.5}.sd-address-card{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#f0f9ff 0,#ecfdf5 100%);border:1.5px solid #bae6fd;border-radius:14px;padding:16px 18px;margin:16px 0 0;flex-wrap:wrap}.sd-address-icon{font-size:26px;line-height:1;flex-shrink:0;margin-top:2px}.sd-address-body{flex:1;min-width:200px}.sd-address-label{font-size:11px;font-weight:700;color:#0369a1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.sd-address-text{font-size:14px;color:#0c4a6e;line-height:1.6;font-weight:500;margin-bottom:4px}.sd-address-city{font-size:12.5px;color:#64748b}.sd-address-maps{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#0c4a6e;color:#fff;border-radius:8px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;align-self:center}.sd-address-maps:hover{background:#0a3d5c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(12,74,110,.25)}@media (max-width:640px){.sd-address-card{padding:14px;gap:10px}.sd-address-maps{width:100%;justify-content:center;margin-top:6px}}.sd-name-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.store-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.store-badge.badge-free{background:#f1f5f9;color:#475569;border:1.5px solid #cbd5e1;margin-left:auto}.store-badge.badge-premium{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border:1.5px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(217,119,6,.35);margin-left:auto}@media (max-width:640px){.store-badge{font-size:10px;padding:3px 9px}}.mp-card-badge.free{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.mp-card-badge.premium{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 2px 8px rgba(217,119,6,.35)}.mp-card-badge.free,.mp-card-badge.premium{position:absolute;top:10px;left:auto;right:10px;z-index:3}.pd-desc-text{text-align:justify!important;text-justify:inter-word!important;line-height:1.7!important;word-break:break-word!important}@media (max-width:640px){.pd-desc-text{text-align:left!important}}.pricing-features{list-style:none!important;padding:0!important;margin:20px 0 24px!important;display:flex!important;flex-direction:column!important;gap:8px!important;flex:1}.pricing-features li.pricing-group-title{font-weight:800!important;font-size:12.5px!important;color:#0c4a6e!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin:18px 0 4px!important;padding:8px 12px!important;background:#f1f5f9!important;border-left:3px solid #0c4a6e!important;border-radius:0 6px 6px 0!important}.pricing-features li.pricing-group-title:first-child{margin-top:0!important}.pricing-features li.pricing-item{padding-left:28px!important;display:flex!important;gap:8px!important;align-items:flex-start!important;font-size:13.5px!important;color:#334155!important;line-height:1.5!important}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px}.analytics-card h3,.analytics-header h2{margin:0 0 4px;font-size:24px;font-weight:800;color:#0c4a6e}.analytics-sub-header{font-size:13.5px;color:#64748b}.analytics-header-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.analytics-export-wrap{display:flex;gap:6px}.analytics-sub{font-size:12px;font-weight:500;color:#94a3b8;margin-left:6px}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.analytics-kpi-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;transition:all .2s}.analytics-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(12,74,110,.08);border-color:#0c4a6e}.analytics-kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.analytics-kpi-body{min-width:0}.analytics-kpi-val{font-size:24px;font-weight:800;color:#0c4a6e;line-height:1.1}.analytics-kpi-label{font-size:12.5px;color:#64748b;margin-top:2px}.analytics-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}@media (max-width:900px){.analytics-grid-2{grid-template-columns:1fr}}.analytics-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:20px 22px;margin-bottom:18px}.analytics-card h3{margin:0 0 16px;font-size:16px;display:flex;align-items:center}.analytics-chart-wrap{position:relative;height:260px}.analytics-funnel{display:flex;flex-direction:column;gap:12px}.analytics-funnel-label,.analytics-funnel-row{display:flex;align-items:center;gap:12px}.analytics-funnel-label{width:140px;font-size:13px;font-weight:600;color:#334155;gap:6px;flex-shrink:0}.analytics-funnel-icon{font-size:16px}.analytics-funnel-bar{flex:1;height:32px;background:#f1f5f9;border-radius:8px;overflow:hidden;position:relative}.analytics-funnel-fill{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#fff;font-weight:700;font-size:13px;border-radius:8px;transition:width .6s ease;min-width:42px}.analytics-funnel-val{font-size:14px}.analytics-funnel-pct{font-size:11px;opacity:.85}.analytics-conv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:700px){.analytics-conv-grid{grid-template-columns:repeat(2,1fr)}}.analytics-conv-item{text-align:center}.analytics-conv-circle,.analytics-conv-inner{border-radius:50%;display:flex;align-items:center;justify-content:center}.analytics-conv-circle{width:84px;height:84px;margin:0 auto 8px}.analytics-conv-inner{width:64px;height:64px;background:#fff;font-size:15px;font-weight:800;color:#0c4a6e}.analytics-conv-label,.analytics-table thead th{font-size:12px;color:#64748b;font-weight:600}.analytics-table{width:100%;border-collapse:collapse;font-size:13.5px}.analytics-table thead th{background:#f8fafc;padding:10px 12px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #e2e8f0}.analytics-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9}.analytics-table tbody tr:hover{background:#f8fafc}.analytics-rank{font-size:18px;font-weight:800;text-align:center;width:50px}.analytics-prod-name{font-weight:600;color:#0c4a6e}.analytics-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:700px){.analytics-compare-grid{grid-template-columns:1fr}}.analytics-compare-item{background:#f8fafc;border-radius:12px;padding:16px;text-align:center}.analytics-compare-label{font-size:12px;color:#64748b;font-weight:600;margin-bottom:8px}.analytics-compare-val{font-size:20px;font-weight:800;color:#0c4a6e}.analytics-compare-val.good{color:#047857}.analytics-compare-val.bad{color:#dc2626}.analytics-insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.analytics-insight-list li{padding:12px 16px;background:#f8fafc;border-left:3px solid #0c4a6e;border-radius:0 10px 10px 0;font-size:13.5px;color:#334155;line-height:1.5}.navbar-logo-img{height:64px!important;width:auto!important;max-width:200px!important;object-fit:contain!important;display:inline-block!important;vertical-align:middle!important;margin-right:10px!important}.nav-drawer-logo .navbar-logo-img{height:56px!important;max-width:140px!important}.footer .navbar-logo-img,[data-footer-brand] .navbar-logo-img{height:44px!important;max-width:140px!important}@media (max-width:640px){.navbar-logo-img{height:44px!important;max-width:120px!important}}