.lp-header{position:sticky;top:0;z-index:50;background:#fffdfae0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #EFEDE8}.lp-header-inner{max-width:1160px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:24px}.lp-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.lp-logo-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;box-shadow:0 4px 12px #ff6b354d}.lp-logo-text{font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.01em;color:#1c1917}.lp-nav{display:none;align-items:center;gap:26px;margin:0 auto}@media (min-width: 860px){.lp-nav{display:flex}}.lp-nav a{font-size:.9rem;font-weight:600;color:#57534e;text-decoration:none;transition:color .15s ease}.lp-nav a:hover{color:#ff6b35}.lp-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.lp-btn-ghost{padding:9px 16px;border-radius:999px;font-size:.88rem;font-weight:700;color:#1c1917;text-decoration:none;background:transparent;cursor:pointer;transition:background .15s ease}.lp-btn-ghost:hover{background:#f1efea;color:#1c1917}.lp-btn-logout{color:#b91c1c}.lp-btn-logout:hover{background:#fef2f2;color:#b91c1c}@media (max-width: 560px){.lp-login-link{display:none}}.lp-btn-solid{padding:10px 20px;border-radius:999px;font-size:.88rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#ff6b35,#ea580c);box-shadow:0 4px 14px #ff6b3552;transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap}.lp-btn-solid:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ff6b356b;color:#fff}.lp-hero{position:relative;background:radial-gradient(90% 120% at 100% 0%,#FFE8DC 0%,transparent 50%),radial-gradient(80% 100% at 0% 100%,#FFF3E9 0%,transparent 55%),#fffdfa;overflow:hidden}.lp-hero-inner{max-width:1160px;margin:0 auto;padding:56px 20px 72px;display:grid;grid-template-columns:1fr;gap:56px;align-items:center}@media (min-width: 960px){.lp-hero-inner{grid-template-columns:1.1fr .9fr;padding:80px 20px 96px;gap:40px}}.lp-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:#fff1e9;border:1px solid #FFDCC8;border-radius:999px;font-size:.82rem;font-weight:700;color:#c2410c;margin-bottom:22px}.lp-hero-title{font-family:Outfit,sans-serif;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#1c1917;margin-bottom:18px}.lp-title-wa{color:#1da851;position:relative;white-space:nowrap}.lp-title-wa:after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.28em;background:#25d36638;border-radius:4px;z-index:-1}.lp-hero-desc{font-size:1.08rem;line-height:1.65;color:#57534e;max-width:50ch;margin-bottom:28px}.lp-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.lp-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:14px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;font-size:1rem;font-weight:800;text-decoration:none;box-shadow:0 10px 26px #ff6b3561;transition:transform .18s ease,box-shadow .18s ease}.lp-cta-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px #ff6b357a;color:#fff}.lp-cta-primary:hover svg{transform:translate(2px)}.lp-cta-primary svg{transition:transform .18s ease}.lp-cta-secondary{display:inline-flex;align-items:center;padding:15px 26px;border-radius:14px;background:#fff;border:1.5px solid #E5E2DC;color:#1c1917;font-size:1rem;font-weight:700;text-decoration:none;transition:border-color .18s ease,background .18s ease}.lp-cta-secondary:hover{border-color:#ff6b35;color:#ff6b35;background:#fff9f5}.lp-hero-stats{display:flex;align-items:center;gap:20px}.lp-stat{display:flex;flex-direction:column;gap:2px}.lp-stat-number{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#1c1917}.lp-stat-label{font-size:.8rem;font-weight:600;color:#a8a29e}.lp-stat-divider{width:1px;height:36px;background:#e5e2dc}.lp-hero-visual{position:relative;display:flex;justify-content:center;padding:24px 0}.lp-phone{position:relative;width:290px;background:#1c1917;border-radius:38px;padding:10px;box-shadow:0 30px 60px -18px #1c191766,0 0 0 1px #1c191714;transform:rotate(2deg)}.lp-phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:84px;height:22px;background:#1c1917;border-radius:12px;z-index:3}.lp-mock{background:#f7f6f3;border-radius:30px;overflow:hidden;animation:lp-mock-in .5s ease}@keyframes lp-mock-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lp-mock-banner{height:74px;background:radial-gradient(120% 170% at 85% -25%,color-mix(in srgb,var(--mock-primary) 45%,white) 0%,transparent 52%),radial-gradient(100% 140% at 8% 125%,color-mix(in srgb,var(--mock-primary) 78%,black) 0%,transparent 55%),var(--mock-primary)}.lp-mock-head{display:flex;align-items:center;gap:10px;padding:0 14px;margin-top:-20px;position:relative}.lp-mock-logo{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #1c191726;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.lp-mock-title{display:flex;flex-direction:column;padding-top:18px;min-width:0}.lp-mock-title strong{font-family:Outfit,sans-serif;font-size:.92rem;font-weight:800;color:#1c1917;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-mock-title span{font-size:.68rem;color:#78716c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-mock-tabs{display:flex;gap:6px;padding:12px 14px 4px}.lp-mock-tabs span{padding:5px 12px;border-radius:999px;font-size:.66rem;font-weight:700;color:#57534e;background:#fff;border:1px solid #EAE8E4}.lp-mock-tabs span.active{background:var(--mock-primary);border-color:var(--mock-primary);color:#fff}.lp-mock-products{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 14px}.lp-mock-product{background:#fff;border:1px solid #EAE8E4;border-radius:13px;overflow:hidden;display:flex;flex-direction:column}.lp-mock-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1.5;font-size:1.7rem;background:#f2f0ec}.lp-mock-pname{font-size:.66rem;font-weight:700;color:#1c1917;padding:7px 8px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-mock-prow{display:flex;align-items:center;justify-content:space-between;padding:0 8px 8px}.lp-mock-price{font-size:.72rem;font-weight:800;color:#1c1917}.lp-mock-add{font-size:.56rem;font-weight:800;letter-spacing:.05em;color:var(--mock-primary);border:1.2px solid var(--mock-primary);border-radius:6px;padding:3px 7px}.lp-mock-order{display:flex;align-items:center;justify-content:center;gap:7px;margin:4px 14px 14px;padding:10px;border-radius:11px;background:linear-gradient(135deg,#25d366,#1da851);color:#fff;font-size:.74rem;font-weight:800;box-shadow:0 6px 14px #25d36659}.lp-float-order{position:absolute;top:12%;right:max(0px,calc(50% - 290px));display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #EAE8E4;border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px -8px #1c191733;animation:lp-toast-in .5s cubic-bezier(.2,.9,.3,1.3);z-index:4}@keyframes lp-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-float-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e8faef;color:#1da851;flex-shrink:0}.lp-float-text{display:flex;flex-direction:column;line-height:1.35}.lp-float-text strong{font-size:.78rem;font-weight:800;color:#1c1917}.lp-float-text span{font-size:.7rem;color:#78716c}.lp-float-link{position:absolute;bottom:8%;left:max(0px,calc(50% - 280px));display:flex;align-items:center;gap:8px;background:#1c1917;color:#fff;border-radius:999px;padding:9px 16px;font-family:SF Mono,Menlo,monospace;font-size:.72rem;font-weight:600;box-shadow:0 12px 26px -8px #1c191766;animation:lp-float 5s ease-in-out infinite;z-index:4}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-float-dot{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 0 3px #25d36640}@media (max-width: 500px){.lp-float-order{right:0}.lp-float-link{left:0}}@media (prefers-reduced-motion: reduce){.lp-mock,.lp-float-order,.lp-float-link{animation:none!important}}.lp-features{background:#fff;border-top:1px solid #F1EFEA}.lp-features-inner{max-width:1160px;margin:0 auto;padding:80px 20px}.lp-features-head{text-align:center;max-width:620px;margin:0 auto 48px}.lp-section-badge{display:inline-block;padding:6px 16px;background:#fff1e9;border:1px solid #FFDCC8;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#c2410c;margin-bottom:16px}.lp-features-head h2{font-family:Outfit,sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:#1c1917;margin-bottom:12px}.lp-accent{color:#ff6b35}.lp-features-head p{font-size:1rem;color:#57534e;line-height:1.6}.lp-features-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.lp-features-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 960px){.lp-features-grid{grid-template-columns:repeat(3,1fr)}}.lp-feature-card{background:#fdfcfa;border:1px solid #EFEDE8;border-radius:18px;padding:26px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}@media (hover: hover){.lp-feature-card:hover{transform:translateY(-4px);border-color:#ffdcc8;box-shadow:0 16px 32px -14px #1c191724}}.lp-feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;margin-bottom:18px}.lp-feature-icon svg{width:24px;height:24px}.lp-feature-icon.tint-orange{background:#fff1e9;color:#ea580c}.lp-feature-icon.tint-yellow{background:#fef6e0;color:#d97706}.lp-feature-icon.tint-green{background:#e8faef;color:#16a34a}.lp-feature-icon.tint-blue{background:#e8f2fe;color:#2563eb}.lp-feature-icon.tint-pink{background:#fce9f3;color:#db2777}.lp-feature-icon.tint-purple{background:#f1ebfe;color:#7c3aed}.lp-feature-card h3{font-family:Outfit,sans-serif;font-size:1.08rem;font-weight:700;color:#1c1917;margin-bottom:8px}.lp-feature-card p{font-size:.9rem;line-height:1.6;color:#57534e}.lp-cats{background:#fff;border-top:1px solid #F1EFEA}.lp-cats-inner{max-width:1160px;margin:0 auto;padding:80px 20px}.lp-cats-head{text-align:center;max-width:640px;margin:0 auto 44px}.lp-cats-badge{display:inline-block;padding:6px 16px;background:#f1ebfe;border:1px solid #E3D5FC;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6d28d9;margin-bottom:16px}.lp-cats-head h2{font-family:Outfit,sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:#1c1917;margin-bottom:12px}.lp-cats-accent{color:#ff6b35}.lp-cats-head p{font-size:1rem;color:#57534e;line-height:1.6}.lp-cats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.lp-cats-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width: 960px){.lp-cats-grid{grid-template-columns:repeat(5,1fr)}}.lp-cat-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#fdfcfa;border:1px solid #EFEDE8;border-radius:16px;padding:18px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}@media (hover: hover){.lp-cat-card:hover{transform:translateY(-3px);border-color:#ffc5a3;box-shadow:0 14px 26px -14px #ff6b3559}}.lp-cat-icon{font-size:1.7rem;margin-bottom:6px}.lp-cat-name{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;color:#1c1917}.lp-cat-examples{font-size:.75rem;line-height:1.45;color:#a8a29e}.lp-cats-note{text-align:center;margin-top:28px;font-size:.9rem;color:#57534e}.lp-cats-note a{color:#ff6b35;font-weight:700;text-decoration:none}.lp-cats-note a:hover{text-decoration:underline}.lp-how{background:#fffdfa;border-top:1px solid #F1EFEA}.lp-how-inner{max-width:1000px;margin:0 auto;padding:80px 20px}.lp-how-head{text-align:center;max-width:640px;margin:0 auto 56px}.lp-how-badge{display:inline-block;padding:6px 16px;background:#e8faef;border:1px solid #C8F0D8;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#15803d;margin-bottom:16px}.lp-how-head h2{font-family:Outfit,sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:#1c1917;margin-bottom:12px}.lp-how-accent{color:#ff6b35}.lp-how-head p{font-size:1rem;color:#57534e;line-height:1.6}.lp-steps{position:relative;display:flex;flex-direction:column;gap:28px}.lp-step{display:grid;grid-template-columns:1fr;gap:20px;background:#fff;border:1px solid #EFEDE8;border-radius:22px;padding:26px;align-items:center;transition:transform .22s ease,box-shadow .22s ease}@media (hover: hover){.lp-step:hover{transform:translateY(-3px);box-shadow:0 18px 36px -16px #1c191729}}@media (min-width: 760px){.lp-step{grid-template-columns:300px 1fr;gap:36px;padding:32px}.lp-step:nth-child(2n) .lp-step-visual{order:2}.lp-step:nth-child(2n) .lp-step-body{order:1}}.lp-step-num{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff6b35;margin-bottom:8px}.lp-step-body h3{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;color:#1c1917;margin-bottom:8px}.lp-step-body p{font-size:.95rem;line-height:1.65;color:#57534e;max-width:46ch}.lp-step-visual{display:flex;justify-content:center}.lp-vignette{width:100%;max-width:300px;background:#f7f6f3;border:1px solid #EAE8E4;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.lp-vig-field{background:#fff;border:1.5px solid #E5E2DC;border-radius:11px;padding:9px 13px;display:flex;flex-direction:column;gap:1px}.lp-vig-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#a8a29e}.lp-vig-value{font-size:.82rem;font-weight:600;color:#1c1917}.lp-vig-btn{background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;border-radius:11px;padding:10px;text-align:center;font-size:.8rem;font-weight:800;box-shadow:0 5px 12px #ff6b354d}.lp-vig-title{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;color:#1c1917}.lp-vig-cats{display:flex;flex-wrap:wrap;gap:7px}.lp-vig-cats span{padding:7px 12px;background:#fff;border:1px solid #E5E2DC;border-radius:999px;font-size:.72rem;font-weight:700;color:#57534e}.lp-vig-cats span.active{background:#ff6b35;border-color:#ff6b35;color:#fff;box-shadow:0 4px 10px #ff6b354d}.lp-vig-product{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E5E2DC;border-radius:12px;padding:9px 12px}.lp-vig-faded{opacity:.55}.lp-vig-pimg{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#f2f0ec;font-size:1.15rem;flex-shrink:0}.lp-vig-pinfo{flex:1;display:flex;flex-direction:column;min-width:0}.lp-vig-pname{font-size:.78rem;font-weight:700;color:#1c1917;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-vig-pprice{font-size:.74rem;font-weight:800;color:#57534e}.lp-vig-padd{font-size:.6rem;font-weight:800;letter-spacing:.05em;color:#ff6b35;border:1.2px solid #FF6B35;border-radius:7px;padding:4px 9px;flex-shrink:0}.lp-vig-url{display:flex;align-items:center;gap:8px;background:#1c1917;color:#fff;border-radius:999px;padding:9px 14px;font-family:SF Mono,Menlo,monospace;font-size:.7rem;font-weight:600}.lp-vig-dot{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 0 3px #25d36640;flex-shrink:0}.lp-vig-share{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#25d366,#1da851);color:#fff;border-radius:11px;padding:10px;font-size:.78rem;font-weight:800;box-shadow:0 5px 12px #25d3664d}.lp-how-cta{text-align:center;margin-top:48px}.lp-how-btn{display:inline-flex;padding:16px 34px;border-radius:14px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;font-size:1rem;font-weight:800;text-decoration:none;box-shadow:0 10px 26px #ff6b3561;transition:transform .18s ease,box-shadow .18s ease}.lp-how-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #ff6b357a;color:#fff}.lp-how-cta p{margin-top:12px;font-size:.85rem;color:#a8a29e}.lp-footer{background:#141210;color:#a8a29e}.lp-footer-inner{max-width:1160px;margin:0 auto;padding:56px 20px 28px}.lp-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}@media (min-width: 760px){.lp-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}}.lp-footer-brand{grid-column:1 / -1}@media (min-width: 760px){.lp-footer-brand{grid-column:auto}}.lp-footer-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:Outfit,sans-serif;font-weight:800;font-size:1.05rem;color:#fff;margin-bottom:12px}.lp-footer-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff}.lp-footer-brand p{font-size:.85rem;line-height:1.6;max-width:32ch}.lp-footer-links h4{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#78716c;margin-bottom:14px}.lp-footer-links ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.lp-footer-links a{font-size:.88rem;color:#d6d0c9;text-decoration:none;transition:color .15s ease}.lp-footer-links a:hover{color:#ff8c5a}.lp-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:22px;display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:#78716c}@media (min-width: 640px){.lp-footer-bottom{flex-direction:row;justify-content:space-between}}.lp-mission{background:radial-gradient(100% 160% at 90% -30%,rgba(255,107,53,.25) 0%,transparent 55%),radial-gradient(90% 140% at 0% 130%,rgba(255,107,53,.15) 0%,transparent 50%),#1c1917}.lp-mission-inner{max-width:760px;margin:0 auto;padding:80px 20px;text-align:center}.lp-mission-badge{display:inline-block;padding:6px 16px;background:#ff6b3526;border:1px solid rgba(255,107,53,.35);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#ffb48f;margin-bottom:18px}.lp-mission h2{font-family:Outfit,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:24px}.lp-mission-quote{font-family:Outfit,sans-serif;font-size:clamp(1.05rem,2.5vw,1.3rem);font-weight:600;line-height:1.55;color:#f5f0ea;margin:0 auto 20px;max-width:56ch}.lp-mission-text{font-size:.95rem;line-height:1.65;color:#c7c0b8;max-width:56ch;margin:0 auto 32px}.lp-mission-pricing{display:flex;align-items:flex-start;gap:14px;text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 22px;max-width:560px;margin:0 auto}.lp-mission-gift{font-size:1.6rem;flex-shrink:0}.lp-mission-pricing strong{display:block;font-size:.95rem;font-weight:800;color:#fff;margin-bottom:4px}.lp-mission-pricing p{font-size:.85rem;line-height:1.6;color:#c7c0b8}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%)}.auth-container{width:100%;max-width:420px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);text-decoration:none;margin-bottom:var(--spacing-8)}.auth-logo .logo-icon{font-size:2rem}.auth-logo .logo-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--gray-900)}.auth-card{background:#fff;padding:var(--spacing-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.auth-title{font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-2)}.auth-subtitle{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-6)}.auth-subtitle strong{color:var(--text-primary)}.auth-error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--error-50);color:var(--error-600);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--spacing-4)}.auth-form{margin-bottom:var(--spacing-6)}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.label-link{font-size:var(--text-sm);color:var(--primary-500);text-decoration:none}.label-link:hover{text-decoration:underline}.input-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.auth-btn{width:100%;margin-top:var(--spacing-2)}.auth-back-btn{width:100%;margin-top:var(--spacing-4);color:var(--text-secondary)}.auth-footer{text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--primary-500);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-trust{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-6)}.auth-success-icon{font-size:4rem;text-align:center;margin-bottom:var(--spacing-4)}.terms-checkbox{margin-top:var(--spacing-2)}.terms-checkbox .checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.terms-checkbox input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:var(--primary-500)}.terms-checkbox a{color:var(--primary-500);text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.storefront{--store-primary: #ff6b35;--store-secondary: #14b8a6;--store-primary-soft: color-mix(in srgb, var(--store-primary) 9%, white);--store-primary-tint: color-mix(in srgb, var(--store-primary) 18%, white);--store-primary-deep: color-mix(in srgb, var(--store-primary) 80%, black);--store-primary-glow: color-mix( in srgb, var(--store-primary) 35%, transparent );--sf-bg: #f7f6f3;--sf-card: #ffffff;--sf-ink: #1c1917;--sf-ink-2: #57534e;--sf-ink-3: #a8a29e;--sf-line: #eae8e4;--sf-whatsapp: #25d366;--sf-whatsapp-deep: #1da851;min-height:100vh;background:var(--sf-bg);color:var(--sf-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.storefront h1,.storefront h2,.storefront h3{font-family:Outfit,Inter,-apple-system,sans-serif;color:var(--sf-ink)}.storefront .sf-skeleton{max-width:1080px;margin:0 auto}.storefront .sf-shimmer{background:linear-gradient(90deg,#eceae6 25%,#f4f2ee,#eceae6 65%);background-size:400% 100%;animation:sf-shimmer 1.4s ease infinite}@keyframes sf-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.storefront .sf-skel-banner{height:clamp(150px,28vw,240px);border-radius:0 0 20px 20px}.storefront .sf-skel-head{display:flex;align-items:flex-end;gap:16px;padding:0 20px;margin-top:-36px}.storefront .sf-skel-logo{width:96px;height:96px;border-radius:50%;border:4px solid var(--sf-bg);flex-shrink:0}.storefront .sf-skel-lines{flex:1;display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.storefront .sf-skel-line{height:14px;border-radius:7px}.storefront .sf-skel-tabs{display:flex;gap:10px;padding:24px 20px 8px}.storefront .sf-skel-pill{height:36px;border-radius:18px}.storefront .sf-skel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:16px 20px 60px}@media (min-width: 768px){.storefront .sf-skel-grid{grid-template-columns:repeat(3,1fr)}}.storefront .sf-skel-card{background:var(--sf-card, #fff);border-radius:16px;padding:0 0 14px;overflow:hidden;display:flex;flex-direction:column;gap:10px;border:1px solid #efede9}.storefront .sf-skel-card .sf-skel-img{aspect-ratio:1;width:100%}.storefront .sf-skel-card .sf-skel-line{margin:0 12px}.storefront-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;background:#f7f6f3;font-family:Inter,-apple-system,sans-serif}.error-art{width:120px;height:120px;border-radius:50%;background:#fff1e9;color:#ff6b35;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.storefront-error h1{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;color:#1c1917;margin-bottom:8px}.storefront-error p{color:#78716c;max-width:320px;margin-bottom:28px}.error-home-btn{display:inline-flex;padding:13px 28px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;font-weight:700;font-size:.95rem;border-radius:12px;text-decoration:none;box-shadow:0 8px 20px #ff6b354d;transition:transform .2s ease,box-shadow .2s ease}.error-home-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #ff6b3561;color:#fff}.storefront .store-header{background:var(--sf-card);border-bottom:1px solid var(--sf-line)}.storefront .store-banner{position:relative;width:100%;height:clamp(150px,28vw,260px);overflow:hidden}.storefront .store-banner img{width:100%;height:100%;object-fit:cover;display:block}.storefront .store-banner-fallback{background:radial-gradient(120% 160% at 85% -20%,color-mix(in srgb,var(--store-primary) 55%,white) 0%,transparent 50%),radial-gradient(100% 140% at 10% 120%,var(--store-primary-deep) 0%,transparent 55%),var(--store-primary)}.storefront .store-banner-scrim{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.18),transparent);pointer-events:none}.storefront .store-profile{max-width:1080px;margin:0 auto;padding:0 20px 22px}.storefront .store-logo-wrapper{width:104px;height:104px;margin-top:-52px;border-radius:50%;background:var(--sf-card);padding:4px;box-shadow:0 6px 20px #1c191724;position:relative}.storefront .store-logo{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.storefront .store-logo-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--store-primary),var(--store-primary-deep));color:#fff;font-family:Outfit,sans-serif;font-size:2.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.storefront .store-profile-content{display:flex;flex-direction:column;gap:16px;margin-top:14px}@media (min-width: 768px){.storefront .store-profile-content{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:32px}}.storefront .store-name{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}.storefront .store-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.storefront .store-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#f5f4f1;border:1px solid var(--sf-line);border-radius:999px;font-size:.78rem;font-weight:600;color:var(--sf-ink-2);white-space:nowrap}.storefront .store-chip-status .status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.storefront .store-chip-status.is-open{background:#ecfdf5;border-color:#d1fae5;color:#047857}.storefront .store-chip-status.is-open .status-dot{background:#10b981;box-shadow:0 0 0 3px #10b98133}.storefront .store-chip-status.is-closed{background:#fef2f2;border-color:#fee2e2;color:#b91c1c}.storefront .store-chip-status.is-closed .status-dot{background:#ef4444}.storefront .store-desc{margin-top:10px;color:var(--sf-ink-2);font-size:.95rem;line-height:1.55;max-width:58ch}.storefront .store-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (min-width: 768px){.storefront .store-actions{margin-top:6px}}.storefront .social-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:44px;padding:0 12px;border-radius:999px;background:var(--sf-card);border:1px solid var(--sf-line);color:var(--sf-ink-2);font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.storefront .social-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1c19171f}.storefront .social-whatsapp{background:var(--sf-whatsapp);border-color:transparent;color:#fff;padding:0 18px;box-shadow:0 6px 16px #25d36659}.storefront .social-whatsapp:hover{background:var(--sf-whatsapp-deep);color:#fff;box-shadow:0 8px 20px #25d36673}.storefront .social-instagram{color:#c13584;padding:0;width:44px}.storefront .social-instagram:hover{color:#c13584}.storefront .social-facebook{color:#1877f2;padding:0;width:44px}.storefront .social-facebook:hover{color:#1877f2}.storefront .store-toolbar{position:sticky;top:0;z-index:20;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sf-line)}.storefront .store-toolbar-inner{max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;flex-direction:column;gap:10px}@media (min-width: 768px){.storefront .store-toolbar-inner{flex-direction:row;align-items:center;gap:16px}}.storefront .store-search{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;background:#f5f4f1;border:1px solid transparent;border-radius:999px;color:var(--sf-ink-3);transition:border-color .15s ease,background .15s ease}@media (min-width: 768px){.storefront .store-search{width:280px;flex-shrink:0}}.storefront .store-search:focus-within{background:var(--sf-card);border-color:var(--store-primary);box-shadow:0 0 0 3px var(--store-primary-tint)}.storefront .store-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:.9rem;color:var(--sf-ink)}.storefront .store-search input::placeholder{color:var(--sf-ink-3)}.storefront .store-search input::-webkit-search-cancel-button{display:none}.storefront .search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e7e5e1;color:var(--sf-ink-2);cursor:pointer;flex-shrink:0;transition:background .15s ease}.storefront .search-clear:hover{background:#dddad5}.storefront .store-tabs{display:flex;justify-content:flex-start;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;margin:-2px}.storefront .store-tabs::-webkit-scrollbar{display:none}.storefront .store-tab{padding:9px 18px;background:transparent;border:1px solid var(--sf-line);border-radius:999px;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;color:var(--sf-ink-2);transition:all .2s ease;flex-shrink:0}.storefront .store-tab:hover{border-color:var(--store-primary);color:var(--store-primary);background:var(--store-primary-soft)}.storefront .store-tab.active{background:var(--store-primary);border-color:var(--store-primary);color:#fff;box-shadow:0 4px 12px var(--store-primary-glow)}.storefront .store-products{display:block;max-width:1080px;margin:0 auto;padding:20px 20px 130px}.storefront .no-products{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 20px;color:var(--sf-ink-3)}.storefront .no-products-icon{width:64px;height:64px;border-radius:50%;background:#efede9;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--sf-ink-3)}.storefront .no-products p{font-size:1rem;color:var(--sf-ink-2);margin-bottom:16px}.storefront .no-products-reset{padding:10px 20px;border:1.5px solid var(--store-primary);color:var(--store-primary);background:var(--sf-card);border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.storefront .no-products-reset:hover{background:var(--store-primary);color:#fff}.storefront .products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.storefront .products-grid{gap:16px}}@media (min-width: 768px){.storefront .products-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 1024px){.storefront .products-grid{grid-template-columns:repeat(4,1fr)}}.storefront .product-card{background:var(--sf-card);border:1px solid var(--sf-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}@media (hover: hover){.storefront .product-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px -10px #1c191729}.storefront .product-card:hover .product-img{transform:scale(1.045)}}.storefront .product-image{position:relative;width:100%;aspect-ratio:1;background:#f2f0ec;overflow:hidden}.storefront .product-image:focus-visible{outline:3px solid var(--store-primary-tint);outline-offset:-3px}.storefront .product-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.storefront .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d6d2cc}.storefront .more-images-badge{position:absolute;bottom:8px;right:8px;background:#1c1917b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em}.storefront .discount-badge{position:absolute;top:8px;left:8px;padding:4px 9px;background:var(--store-primary);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.03em;border-radius:8px;box-shadow:0 3px 10px var(--store-primary-glow)}.storefront .stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px 14px;background:#1c1917c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;white-space:nowrap}.storefront .product-card.out-of-stock .product-img,.storefront .product-card.out-of-stock .no-image{filter:grayscale(.9);opacity:.6}.storefront .product-card.out-of-stock .product-name,.storefront .product-card.out-of-stock .current-price{color:var(--sf-ink-3)}.storefront .product-details{padding:12px 12px 14px;display:flex;flex-direction:column;flex:1}.storefront .product-name{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;line-height:1.35;margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.storefront .product-desc{font-size:.76rem;color:var(--sf-ink-3);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.storefront .product-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px}.storefront .product-price{display:flex;flex-direction:column;min-width:0}.storefront .current-price{font-size:1rem;font-weight:800;letter-spacing:-.01em;color:var(--sf-ink);line-height:1.2}.storefront .original-price{font-size:.72rem;color:var(--sf-ink-3);text-decoration:line-through;line-height:1.3}.storefront .add-btn{padding:8px 18px;background:var(--sf-card);border:1.5px solid var(--store-primary);color:var(--store-primary);border-radius:10px;font-size:.78rem;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #1c19170f;white-space:nowrap;flex-shrink:0}.storefront .add-btn:hover{background:var(--store-primary-soft);box-shadow:0 4px 12px var(--store-primary-glow)}.storefront .add-btn:active{transform:scale(.94)}.storefront .qty-stepper{display:flex;align-items:center;background:var(--store-primary);border-radius:10px;box-shadow:0 4px 12px var(--store-primary-glow);flex-shrink:0;overflow:hidden}.storefront .qty-stepper button{width:30px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s ease;line-height:1}.storefront .qty-stepper button:hover{background:#0000001f}.storefront .qty-stepper span{min-width:24px;text-align:center;color:#fff;font-size:.85rem;font-weight:800}.storefront .qty-stepper-sm button{width:28px;height:30px;font-size:.95rem}.storefront .qty-stepper-sm span{min-width:22px;font-size:.8rem}.storefront .cart-bar-wrap{position:fixed;left:0;right:0;bottom:0;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;z-index:50;pointer-events:none}.storefront .cart-bar{pointer-events:auto;width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;background:var(--store-primary);color:#fff;border-radius:16px;cursor:pointer;box-shadow:0 10px 30px var(--store-primary-glow),0 4px 10px #0000001a;animation:cart-bar-in .35s cubic-bezier(.2,.9,.3,1.2);transition:transform .2s ease,box-shadow .2s ease}.storefront .cart-bar:hover{transform:translateY(-2px);box-shadow:0 14px 34px var(--store-primary-glow),0 6px 14px #0000001f}@keyframes cart-bar-in{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.storefront .cart-bar-left{display:flex;align-items:center;gap:12px;min-width:0}.storefront .cart-bar-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff2e;flex-shrink:0}.storefront .cart-bar-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.storefront .cart-bar-count{font-size:.72rem;font-weight:600;opacity:.85}.storefront .cart-bar-total{font-size:1rem;font-weight:800;letter-spacing:-.01em}.storefront .cart-bar-action{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:800;white-space:nowrap}.storefront .cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c19178c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:sf-fade-in .25s ease}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}.storefront .cart-drawer{width:100%;max-width:520px;max-height:88vh;background:var(--sf-card);border-radius:22px 22px 0 0;display:flex;flex-direction:column;animation:sf-slide-up .35s cubic-bezier(.2,.9,.3,1);padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes sf-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.storefront .cart-grabber{width:40px;height:4px;border-radius:2px;background:#dddad5;margin:10px auto 0;flex-shrink:0}.storefront .cart-header{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 14px;border-bottom:1px solid var(--sf-line);flex-shrink:0}.storefront .cart-header h2{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.storefront .cart-header .close-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#f5f4f1;border-radius:50%;cursor:pointer;color:var(--sf-ink-2);transition:background .15s ease}.storefront .cart-header .close-btn:hover{background:#eae8e4}.storefront .cart-items{flex:1;overflow-y:auto;padding:14px 22px;min-height:80px}.storefront .cart-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 0;color:var(--sf-ink-3)}.storefront .cart-empty p{font-size:.9rem;color:var(--sf-ink-2)}.storefront .cart-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f2f0ec}.storefront .cart-item:last-child{border-bottom:none}.storefront .cart-item-image{width:54px;height:54px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid var(--sf-line)}.storefront .cart-item-noimg{display:flex;align-items:center;justify-content:center;background:#f2f0ec;color:#d6d2cc}.storefront .cart-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.storefront .cart-item-name{font-weight:600;font-size:.88rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.storefront .cart-item-price{font-size:.85rem;font-weight:800;color:var(--sf-ink)}.storefront .cart-item-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.storefront .cart-item-remove{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--sf-ink-3);cursor:pointer;transition:all .15s ease}.storefront .cart-item-remove:hover{background:#fef2f2;color:#dc2626}.storefront .cart-footer{padding:16px 22px 18px;border-top:1px solid var(--sf-line);flex-shrink:0}.storefront .customer-details-form{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.storefront .customer-input{width:100%;padding:12px 14px;border:1.5px solid var(--sf-line);border-radius:12px;font-size:.92rem;color:var(--sf-ink);background:var(--sf-card);transition:border-color .15s ease,box-shadow .15s ease}.storefront .customer-input:focus{outline:none;border-color:var(--store-primary);box-shadow:0 0 0 3px var(--store-primary-tint)}.storefront .customer-input::placeholder{color:var(--sf-ink-3)}.storefront .cart-summary{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:.95rem;font-weight:600;color:var(--sf-ink-2)}.storefront .cart-total-price{font-family:Outfit,sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:var(--sf-ink)}.storefront .whatsapp-order-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:linear-gradient(135deg,var(--sf-whatsapp),var(--sf-whatsapp-deep));color:#fff;border-radius:14px;font-size:.98rem;font-weight:800;cursor:pointer;box-shadow:0 8px 22px #25d36659;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.storefront .whatsapp-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #25d36673}.storefront .whatsapp-order-btn:active:not(:disabled){transform:scale(.98)}.storefront .whatsapp-order-btn:disabled{opacity:.45;cursor:not-allowed}.storefront .cart-hint{margin-top:10px;text-align:center;font-size:.72rem;color:var(--sf-ink-3);line-height:1.4}.storefront .store-footer{text-align:center;padding:36px 20px 120px;border-top:1px solid var(--sf-line);background:var(--sf-card);font-size:.85rem;color:var(--sf-ink-2)}.storefront .upi-info{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 14px;background:#f5f4f1;border:1px solid var(--sf-line);border-radius:10px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8rem;color:var(--sf-ink)}.storefront .upi-label{font-family:Inter,sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.08em;color:var(--sf-ink-3)}.storefront .footer-powered{color:var(--sf-ink-2)}.storefront .footer-powered a{color:var(--sf-ink);font-weight:700;text-decoration:none}.storefront .footer-powered a:hover{color:var(--store-primary)}.storefront .footer-marketing{margin-top:6px;font-size:.8rem;color:var(--sf-ink-3)}.storefront .footer-marketing a{color:var(--store-primary);font-weight:700;text-decoration:none}.storefront .footer-marketing a:hover{text-decoration:underline}.storefront .gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0a09f2;z-index:2000;display:flex;align-items:center;justify-content:center;animation:sf-fade-in .2s ease}.storefront .gallery-modal{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 110px}.storefront .gallery-close{position:absolute;top:18px;right:18px;width:42px;height:42px;background:#ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.storefront .gallery-close:hover{background:#ffffff3d}.storefront .gallery-content{max-width:92vw;max-height:70vh;display:flex;align-items:center;justify-content:center}.storefront .gallery-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px;animation:sf-fade-in .2s ease}.storefront .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;background:#ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.storefront .gallery-nav:hover{background:#ffffff3d}.storefront .gallery-prev{left:16px}.storefront .gallery-next{right:16px}.storefront .gallery-counter{position:absolute;top:28px;left:50%;transform:translate(-50%);color:#ffffffd9;font-size:.85rem;font-weight:600;letter-spacing:.04em}.storefront .gallery-thumbnails{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;max-width:92vw;overflow-x:auto;padding:8px;scrollbar-width:none}.storefront .gallery-thumbnails::-webkit-scrollbar{display:none}.storefront .gallery-thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.45;transition:all .2s;border:2px solid transparent;flex-shrink:0}.storefront .gallery-thumb:hover{opacity:.8}.storefront .gallery-thumb.active{opacity:1;border-color:#fff}@media (prefers-reduced-motion: reduce){.storefront *,.storefront .cart-bar,.storefront .cart-drawer,.storefront .cart-overlay,.storefront .gallery-overlay{animation:none!important;transition:none!important}}.directory-page{--dir-primary: #ff6b35;--dir-primary-deep: #ea580c;--dir-primary-soft: #fff1e9;--dir-bg: #f7f6f3;--dir-card: #ffffff;--dir-ink: #1c1917;--dir-ink-2: #57534e;--dir-ink-3: #a8a29e;--dir-line: #eae8e4;min-height:100vh;background:var(--dir-bg);color:var(--dir-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column}.directory-page h1,.directory-page h2,.directory-page h3{font-family:Outfit,Inter,sans-serif;color:var(--dir-ink)}.directory-page .dir-header{position:sticky;top:0;z-index:20;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--dir-line)}.directory-page .dir-header-inner{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}.directory-page .dir-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.directory-page .dir-logo-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--dir-primary),var(--dir-primary-deep));color:#fff}.directory-page .dir-logo-text{font-family:Outfit,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:var(--dir-ink)}@media (max-width: 640px){.directory-page .dir-logo-text{display:none}}.directory-page .dir-search{flex:1;display:flex;align-items:center;gap:10px;height:42px;padding:0 6px 0 14px;background:#f5f4f1;border:1px solid transparent;border-radius:999px;color:var(--dir-ink-3);max-width:480px;transition:border-color .15s ease,background .15s ease}.directory-page .dir-search:focus-within{background:var(--dir-card);border-color:var(--dir-primary);box-shadow:0 0 0 3px #ff6b3526}.directory-page .dir-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:.9rem;color:var(--dir-ink)}.directory-page .dir-search input::placeholder{color:var(--dir-ink-3)}.directory-page .dir-search input::-webkit-search-cancel-button{display:none}.directory-page .dir-search-btn{height:32px;padding:0 16px;border-radius:999px;background:var(--dir-ink);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s ease}.directory-page .dir-search-btn:hover{background:#3b3733}.directory-page .dir-cta{flex-shrink:0;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,var(--dir-primary),var(--dir-primary-deep));color:#fff;font-size:.85rem;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #ff6b354d;transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap}.directory-page .dir-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ff6b3566;color:#fff}@media (max-width: 520px){.directory-page .dir-cta{display:none}}.directory-page .dir-hero{max-width:1120px;width:100%;margin:0 auto;padding:36px 20px 8px;text-align:left}.directory-page .dir-hero h1{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.directory-page .dir-hero p{color:var(--dir-ink-2);font-size:1rem;max-width:52ch}.directory-page .dir-categories{position:sticky;top:67px;z-index:15;background:#f7f6f3eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:16px;border-bottom:1px solid var(--dir-line)}.directory-page .dir-categories-inner{max-width:1120px;margin:0 auto;padding:10px 20px;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.directory-page .dir-categories-inner::-webkit-scrollbar{display:none}.directory-page .dir-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:var(--dir-card);border:1px solid var(--dir-line);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--dir-ink-2);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.directory-page .dir-chip:hover{border-color:var(--dir-primary);color:var(--dir-primary);background:var(--dir-primary-soft)}.directory-page .dir-chip.active{background:var(--dir-ink);border-color:var(--dir-ink);color:#fff}.directory-page .dir-main{flex:1;max-width:1120px;width:100%;margin:0 auto;padding:24px 20px 56px}.directory-page .dir-results-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.directory-page .dir-results-head h2{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.directory-page .dir-count{font-size:.85rem;font-weight:600;color:var(--dir-ink-3)}.directory-page .dir-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 560px){.directory-page .dir-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.directory-page .dir-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.directory-page .dir-card{display:flex;flex-direction:column;background:var(--dir-card);border:1px solid var(--dir-line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease}@media (hover: hover){.directory-page .dir-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -12px #1c19172e}.directory-page .dir-card:hover .dir-card-cta{color:var(--dir-primary);gap:8px}}.directory-page .dir-card-banner{height:110px;background:#f2f0ec;overflow:hidden}.directory-page .dir-card-banner img{width:100%;height:100%;object-fit:cover}.directory-page .dir-card-banner-fallback{background:radial-gradient(120% 180% at 85% -30%,#ffd9c4 0%,transparent 55%),radial-gradient(110% 150% at 10% 130%,#ffab84 0%,transparent 55%),#ffe8dc}.directory-page .dir-card-body{position:relative;padding:0 18px 18px;display:flex;flex-direction:column;flex:1}.directory-page .dir-card-logo{width:56px;height:56px;margin-top:-28px;margin-bottom:10px;border-radius:50%;background:linear-gradient(135deg,var(--dir-primary),var(--dir-primary-deep));border:3px solid var(--dir-card);box-shadow:0 4px 12px #1c19171f;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.directory-page .dir-card-logo img{width:100%;height:100%;object-fit:cover}.directory-page .dir-card-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.directory-page .dir-card-category{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:3px 10px;background:#f5f4f1;border:1px solid var(--dir-line);border-radius:999px;font-size:.72rem;font-weight:600;color:var(--dir-ink-2);margin-bottom:8px}.directory-page .dir-card-desc{font-size:.85rem;color:var(--dir-ink-2);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.directory-page .dir-card-cta{display:inline-flex;align-items:center;gap:5px;margin-top:auto;font-size:.85rem;font-weight:700;color:var(--dir-ink);transition:color .2s ease,gap .2s ease}.directory-page .dir-shimmer{background:linear-gradient(90deg,#eceae6 25%,#f4f2ee,#eceae6 65%);background-size:400% 100%;animation:dir-shimmer 1.4s ease infinite}@keyframes dir-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.directory-page .dir-skel-card{background:var(--dir-card);border:1px solid var(--dir-line);border-radius:18px;overflow:hidden}.directory-page .dir-skel-banner{height:110px}.directory-page .dir-skel-body{padding:0 18px 20px}.directory-page .dir-skel-logo{width:56px;height:56px;border-radius:50%;margin-top:-28px;margin-bottom:12px;border:3px solid var(--dir-card)}.directory-page .dir-skel-line{height:13px;border-radius:7px;margin-bottom:10px}.directory-page .dir-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 20px}.directory-page .dir-empty-icon{width:64px;height:64px;border-radius:50%;background:#efede9;color:var(--dir-ink-3);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.directory-page .dir-empty h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.directory-page .dir-empty p{color:var(--dir-ink-2);margin-bottom:16px}.directory-page .dir-empty-reset{padding:10px 20px;border:1.5px solid var(--dir-primary);color:var(--dir-primary);background:var(--dir-card);border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.directory-page .dir-empty-reset:hover{background:var(--dir-primary);color:#fff}.directory-page .dir-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.directory-page .dir-page-btn{padding:10px 18px;background:var(--dir-card);border:1px solid var(--dir-line);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--dir-ink);cursor:pointer;transition:all .2s ease}.directory-page .dir-page-btn:hover:not(:disabled){border-color:var(--dir-primary);color:var(--dir-primary)}.directory-page .dir-page-btn:disabled{opacity:.4;cursor:not-allowed}.directory-page .dir-page-info{font-size:.85rem;font-weight:600;color:var(--dir-ink-2)}.directory-page .dir-bottom-cta{text-align:center;padding:56px 20px;background:radial-gradient(100% 160% at 90% -30%,#ffe0ce 0%,transparent 55%),radial-gradient(110% 150% at 5% 140%,#ffe8dc 0%,transparent 50%),var(--dir-card);border-top:1px solid var(--dir-line)}.directory-page .dir-bottom-cta h2{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.directory-page .dir-bottom-cta p{color:var(--dir-ink-2);margin-bottom:20px}.directory-page .dir-bottom-btn{display:inline-flex;padding:14px 30px;border-radius:14px;background:linear-gradient(135deg,var(--dir-primary),var(--dir-primary-deep));color:#fff;font-size:.95rem;font-weight:800;text-decoration:none;box-shadow:0 8px 22px #ff6b3559;transition:transform .18s ease,box-shadow .18s ease}.directory-page .dir-bottom-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff6b3573;color:#fff}.directory-page .dir-footer{text-align:center;padding:20px;background:var(--dir-card);border-top:1px solid var(--dir-line);font-size:.82rem;color:var(--dir-ink-3)}.directory-page .dir-footer a{color:var(--dir-ink-2);font-weight:600;text-decoration:none}.directory-page .dir-footer a:hover{color:var(--dir-primary)}.company-page{padding-top:80px}.company-section{padding:var(--spacing-16) 0}.company-section.alt-bg{background:var(--gray-50)}.company-section .container{max-width:800px;margin:0 auto;padding:0 var(--spacing-6)}.company-section h1{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--spacing-8);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-section h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-6);color:var(--gray-900)}.company-section h3{font-size:var(--text-xl);font-weight:600;margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--gray-800)}.about-content p{font-size:var(--text-lg);line-height:1.8;color:var(--gray-600);margin-bottom:var(--spacing-4)}.about-content .lead{font-size:var(--text-xl);font-weight:500;color:var(--gray-700)}.mission-box{margin-top:var(--spacing-8);padding:var(--spacing-6);background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));border-radius:var(--radius-xl);border-left:4px solid var(--primary-500)}.mission-box h3{margin-top:0;color:var(--primary-600)}.mission-box p{margin-bottom:0;font-weight:500}.contact-content p{font-size:var(--text-lg);color:var(--gray-600);margin-bottom:var(--spacing-6)}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.contact-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.contact-icon{font-size:2rem}.contact-item strong{display:block;color:var(--gray-800);margin-bottom:var(--spacing-1)}.contact-item a{color:var(--primary-600);text-decoration:none;font-weight:500}.contact-item a:hover{text-decoration:underline}.legal-content{color:var(--gray-600);line-height:1.8}.legal-content .last-updated{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--spacing-6)}.legal-content p{margin-bottom:var(--spacing-4)}.legal-content ul{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.legal-content li{margin-bottom:var(--spacing-2)}@media (max-width: 768px){.company-section{padding:var(--spacing-10) 0}.company-section h1{font-size:var(--text-3xl)}.company-section h2{font-size:var(--text-2xl)}}.db-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f7f6f3;color:#57534e;font-family:Inter,sans-serif}.db-loader{width:44px;height:44px;border:4px solid #EAE8E4;border-top-color:#ff6b35;border-radius:50%;animation:db-spin .8s linear infinite}@keyframes db-spin{to{transform:rotate(360deg)}}.db-layout{display:flex;min-height:100vh;background:#f7f6f3;font-family:Inter,-apple-system,sans-serif;color:#1c1917}.db-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:248px;background:#fff;border-right:1px solid #EAE8E4;flex-direction:column;padding:18px 14px;z-index:30}@media (min-width: 860px){.db-sidebar{display:flex}}.db-logo{display:flex;align-items:center;gap:10px;padding:6px 10px 20px;text-decoration:none}.db-logo-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;box-shadow:0 4px 12px #ff6b354d;flex-shrink:0}.db-logo-mark svg{width:18px;height:18px}.db-logo-text{font-family:Outfit,sans-serif;font-weight:800;font-size:1.02rem;letter-spacing:-.01em;color:#1c1917}.db-nav{display:flex;flex-direction:column;gap:4px;flex:1}.db-nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;text-decoration:none;color:#57534e;font-size:.9rem;font-weight:600;transition:background .15s ease,color .15s ease}.db-nav-item:hover{background:#f7f6f3;color:#1c1917}.db-nav-item.active{background:#fff1e9;color:#ea580c}.db-nav-icon{display:flex;flex-shrink:0}.db-nav-icon svg{width:19px;height:19px}.db-nav-external{margin-top:10px;border-top:1px solid #F1EFEA;border-radius:0 0 12px 12px;padding-top:16px;color:#16a34a}.db-nav-external:hover{color:#15803d;background:#f0fdf4}.db-sidebar-footer{border-top:1px solid #F1EFEA;padding-top:14px;display:flex;flex-direction:column;gap:10px}.db-user{display:flex;align-items:center;gap:10px;padding:0 6px;min-width:0}.db-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;font-family:Outfit,sans-serif;font-weight:700;font-size:1rem;flex-shrink:0}.db-user-details{display:flex;flex-direction:column;min-width:0;line-height:1.3}.db-user-name{font-size:.85rem;font-weight:700;color:#1c1917;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-user-email{font-size:.72rem;color:#a8a29e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:transparent;color:#b91c1c;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s ease}.db-logout:hover{background:#fef2f2}.db-logout svg{width:17px;height:17px}.db-main{flex:1;min-width:0;padding:24px 20px calc(84px + env(safe-area-inset-bottom,0px))}@media (min-width: 860px){.db-main{margin-left:248px;padding:32px 36px 48px}}.db-bottombar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #EAE8E4;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}@media (min-width: 860px){.db-bottombar{display:none}}.db-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px;text-decoration:none;color:#a8a29e;transition:color .15s ease}.db-tab svg{width:21px;height:21px}.db-tab span{font-size:.62rem;font-weight:700}.db-tab.active{color:#ea580c}.db-page{max-width:1040px;margin:0 auto}.db-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.db-page-title{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:#1c1917;margin:0}.db-page-sub{margin-top:3px;font-size:.88rem;color:#78716c}.db-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #ff6b3547;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap}.db-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ff6b355c}.db-btn:active:not(:disabled){transform:scale(.98)}.db-btn:disabled{opacity:.45;cursor:not-allowed}.db-btn svg{width:16px;height:16px}.db-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;background:#fff;color:#57534e;border:1px solid #E3E0DB;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.db-btn-ghost:hover:not(:disabled){border-color:#ff6b35;color:#ea580c;background:#fff9f5}.db-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.db-btn-ghost svg{width:15px;height:15px}.db-btn-sm{padding:8px 14px;font-size:.8rem;border-radius:10px}.db-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f5f4f1;color:#57534e;border:none;cursor:pointer;transition:all .15s ease;flex-shrink:0}.db-icon-btn:hover:not(:disabled){background:#eceae5;color:#1c1917}.db-icon-btn:disabled{opacity:.35;cursor:not-allowed}.db-icon-btn.danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.db-icon-btn svg{width:16px;height:16px}.db-card{background:#fff;border:1px solid #EAE8E4;border-radius:16px;padding:22px}.db-card-title{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:1.02rem;font-weight:700;color:#1c1917;margin:0 0 4px}.db-card-title svg{width:18px;height:18px;color:#ea580c}.db-card-sub{font-size:.82rem;color:#a8a29e;margin:0 0 16px;line-height:1.5}.db-field{margin-bottom:16px}.db-label{display:block;font-size:.8rem;font-weight:700;color:#44403c;margin-bottom:6px}.db-hint{font-size:.74rem;color:#a8a29e;margin-top:5px}.db-input{width:100%;padding:11px 14px;border:1.5px solid #E3E0DB;border-radius:12px;font-family:Inter,sans-serif;font-size:.9rem;color:#1c1917;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.db-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3524}.db-input::placeholder{color:#b8b2aa}textarea.db-input{resize:vertical;min-height:84px}.db-chips{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;margin:0 -2px 18px}.db-chips::-webkit-scrollbar{display:none}.db-chip{padding:8px 16px;background:#fff;border:1px solid #E3E0DB;border-radius:999px;font-size:.8rem;font-weight:600;color:#57534e;white-space:nowrap;cursor:pointer;transition:all .15s ease;flex-shrink:0}.db-chip:hover{border-color:#ff6b35;color:#ea580c}.db-chip.active{background:#1c1917;border-color:#1c1917;color:#fff}.db-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:9px;padding:11px 20px;background:#1c1917;color:#fff;border-radius:999px;font-size:.85rem;font-weight:600;box-shadow:0 10px 28px #1c19174d;animation:db-toast-in .3s cubic-bezier(.2,.9,.3,1.2)}.db-toast svg{width:15px;height:15px;color:#4ade80;flex-shrink:0}@keyframes db-toast-in{0%{transform:translate(-50%,-16px);opacity:0}to{transform:translate(-50%);opacity:1}}.db-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 24px;background:#fff;border:1.5px dashed #E3E0DB;border-radius:18px}.db-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff1e9;color:#ea580c;margin-bottom:16px}.db-empty-icon svg{width:28px;height:28px}.db-empty h3{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;color:#1c1917;margin:0 0 4px}.db-empty p{font-size:.85rem;color:#a8a29e;margin:0 0 18px;max-width:300px}.db-skel{background:linear-gradient(90deg,#eceae6 25%,#f4f2ee,#eceae6 65%);background-size:400% 100%;animation:db-shimmer 1.4s ease infinite;border-radius:10px}@keyframes db-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.db-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c19178c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:db-fade-in .2s ease}@media (min-width: 640px){.db-modal-overlay{align-items:center;padding:24px}}@keyframes db-fade-in{0%{opacity:0}to{opacity:1}}.db-modal{width:100%;max-width:560px;max-height:92vh;background:#fff;border-radius:22px 22px 0 0;overflow-y:auto;animation:db-sheet-up .32s cubic-bezier(.2,.9,.3,1)}@media (min-width: 640px){.db-modal{border-radius:20px;max-height:88vh;animation:db-pop-in .25s cubic-bezier(.2,.9,.3,1.1)}}@keyframes db-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes db-pop-in{0%{transform:scale(.96) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.image-upload-container{margin-bottom:var(--spacing-2)}.image-upload-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-2)}.image-upload-label:empty{display:none}.image-preview-area{width:100%;max-width:200px;aspect-ratio:4 / 3;border:1.5px dashed #D6D2CC;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;background:#faf9f7;transition:border-color .15s ease,background .15s ease}.image-preview-area:hover{border-color:#ff6b35;background:#fff9f5}.image-preview{width:100%;height:100%;object-fit:cover}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#a8a29e;padding:8px}.upload-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff1e9;font-size:1rem}.upload-text{font-size:.72rem;font-weight:600}.hidden-input{display:none}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:3px solid #ECEAE5;border-top-color:#ff6b35;border-radius:50%;animation:spin 1s linear infinite}.upload-error{color:#dc2626;font-size:var(--text-xs);font-weight:600;margin-top:var(--spacing-2)}@keyframes spin{to{transform:rotate(360deg)}}.wiz{max-width:680px;margin:0 auto;padding:8px 0 32px}.wiz-progress{display:flex;justify-content:center;gap:0;margin-bottom:28px}.wiz-progress-step{display:flex;align-items:center;gap:8px;position:relative}.wiz-progress-dot{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#eae8e4;color:#78716c;font-size:.8rem;font-weight:800;flex-shrink:0;transition:all .2s ease}.wiz-progress-step.current .wiz-progress-dot{background:#ff6b35;color:#fff;box-shadow:0 0 0 5px #ff6b352e}.wiz-progress-step.done .wiz-progress-dot{background:#16a34a;color:#fff}.wiz-progress-label{font-size:.8rem;font-weight:700;color:#a8a29e;white-space:nowrap}.wiz-progress-step.current .wiz-progress-label{color:#1c1917}.wiz-progress-step.done .wiz-progress-label{color:#16a34a}.wiz-progress-line{width:36px;height:2px;background:#eae8e4;margin:0 12px}.wiz-progress-step.done .wiz-progress-line{background:#16a34a}@media (max-width: 560px){.wiz-progress-label{display:none}.wiz-progress-step.current .wiz-progress-label{display:inline}.wiz-progress-line{width:22px;margin:0 8px}}.wiz-card{background:#fff;border:1px solid #EAE8E4;border-radius:22px;padding:32px 28px;box-shadow:0 10px 30px -18px #1c19172e}@media (max-width: 560px){.wiz-card{padding:24px 18px}}.wiz-step{animation:wiz-in .3s ease}@keyframes wiz-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wiz-step h2{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.01em;color:#1c1917;margin-bottom:8px}.wiz-sub{font-size:.92rem;line-height:1.6;color:#57534e;margin-bottom:24px;max-width:52ch}.wiz-step-center{text-align:center}.wiz-step-center .wiz-sub{margin-left:auto;margin-right:auto}.wiz-party{font-size:3rem;margin-bottom:10px;animation:wiz-pop .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes wiz-pop{0%{transform:scale(0)}to{transform:scale(1)}}.wiz-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 640px){.wiz-cat-grid{grid-template-columns:repeat(3,1fr);gap:12px}}.wiz-cat{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 14px;background:#fbfaf8;border:1.5px solid #EAE8E4;border-radius:15px;cursor:pointer;text-align:left;transition:all .18s ease}.wiz-cat:hover{border-color:#ff6b35;background:#fff7f2;transform:translateY(-2px);box-shadow:0 10px 20px -12px #ff6b3566}.wiz-cat-icon{font-size:1.6rem;margin-bottom:5px}.wiz-cat-name{font-family:Outfit,sans-serif;font-size:.92rem;font-weight:700;color:#1c1917}.wiz-cat-desc{font-size:.72rem;line-height:1.4;color:#a8a29e}.wiz-chosen{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:#fff1e9;border:1px solid #FFDCC8;border-radius:999px;font-size:.82rem;font-weight:700;color:#c2410c;cursor:pointer;margin-bottom:18px;transition:background .15s ease}.wiz-chosen:hover{background:#ffe5d5}.wiz-chosen-edit{font-size:.72rem;font-weight:700;text-decoration:underline;opacity:.75}.wiz-error{background:#fef2f2;border:1px solid #FECACA;color:#b91c1c;border-radius:12px;padding:11px 14px;font-size:.85rem;font-weight:600;margin-bottom:18px}.wiz-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.wiz-field-center{align-items:center}.wiz-field-left{text-align:left;max-width:360px;margin-left:auto;margin-right:auto}.wiz-field label{font-size:.85rem;font-weight:700;color:#1c1917}.wiz-req{color:#ff6b35}.wiz-optional{font-weight:500;color:#a8a29e}.wiz-field input,.wiz-field textarea{width:100%;padding:13px 15px;border:1.5px solid #E5E2DC;border-radius:13px;font-size:.95rem;font-family:inherit;color:#1c1917;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;resize:vertical}.wiz-field input:focus,.wiz-field textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3524}.wiz-field ::placeholder{color:#c5bfb8}.wiz-hint{font-size:.76rem;color:#a8a29e;line-height:1.5}.wiz-phone{display:flex;align-items:stretch;border:1.5px solid #E5E2DC;border-radius:13px;overflow:hidden;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.wiz-phone:focus-within{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3524}.wiz-phone-prefix{display:flex;align-items:center;padding:0 13px;background:#f7f6f3;border-right:1px solid #E5E2DC;font-size:.9rem;font-weight:700;color:#57534e;white-space:nowrap}.wiz-phone input{flex:1;border:none!important;box-shadow:none!important;border-radius:0;padding:13px 15px;font-size:.95rem;outline:none;min-width:0}.wiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.wiz-btn-back{padding:13px 22px;border-radius:13px;background:#fff;border:1.5px solid #E5E2DC;color:#57534e;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s ease}.wiz-btn-back:hover{border-color:#c5bfb8;color:#1c1917}.wiz-btn-next{padding:13px 26px;border-radius:13px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #ff6b3552;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.wiz-btn-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #ff6b356b}.wiz-btn-next:disabled{opacity:.45;cursor:not-allowed}.profile-completion{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:20px 0}.completion-card{width:100%;max-width:460px;background:#fff;border:1px solid #EAE8E4;border-radius:22px;padding:36px 30px;text-align:center;box-shadow:0 10px 30px -18px #1c19172e}.completion-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff1e9;font-size:1.8rem;margin-bottom:16px}.completion-card h1{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.01em;color:#1c1917;margin-bottom:8px}.completion-subtitle{font-size:.9rem;line-height:1.6;color:#57534e;margin-bottom:24px}.completion-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #FECACA;color:#b91c1c;border-radius:12px;padding:11px 14px;font-size:.85rem;font-weight:600;margin-bottom:18px;text-align:left}.completion-form{text-align:left}.completion-form .label{font-size:.85rem;font-weight:700;color:#1c1917}.completion-form .input{padding:13px 15px;border:1.5px solid #E5E2DC;border-radius:13px;font-size:.95rem}.completion-form .input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3524}.completion-form .input-hint{font-size:.76rem;color:#a8a29e;margin-top:6px;line-height:1.5}.completion-form .btn-primary{margin-top:8px;border-radius:13px;font-weight:800}.ov{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.ov-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ov-header h1{font-family:Outfit,sans-serif;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;letter-spacing:-.02em;color:#1c1917;margin-bottom:4px}.ov-header-text p{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600;color:#57534e}.ov-status{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ov-status-dot{width:7px;height:7px;border-radius:50%}.ov-status.live{background:#ecfdf5;color:#047857}.ov-status.live .ov-status-dot{background:#10b981;box-shadow:0 0 0 3px #10b98133}.ov-status.draft{background:#fef6e0;color:#b45309}.ov-status.draft .ov-status-dot{background:#f59e0b}.ov-btn-publish{padding:12px 22px;border-radius:13px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #ff6b3552;transition:transform .15s ease,box-shadow .15s ease}.ov-btn-publish:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #ff6b356b}.ov-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-radius:14px;font-size:.9rem;font-weight:600}.ov-banner.success{background:#ecfdf5;border:1px solid #C8F0D8;color:#047857}.ov-banner.success a{color:#047857;font-weight:800;text-decoration:underline}.ov-banner.error{background:#fef2f2;border:1px solid #FECACA;color:#b91c1c}.ov-livecard{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#1c1917;border-radius:18px;padding:18px 22px;color:#fff}.ov-livecard-info{display:flex;flex-direction:column;gap:3px;min-width:0}.ov-livecard-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#a8a29e}.ov-livecard-url{font-family:SF Mono,Menlo,monospace;font-size:.95rem;font-weight:600;color:#7de8a4;text-decoration:none;word-break:break-all}.ov-livecard-url:hover{text-decoration:underline;color:#7de8a4}.ov-livecard-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ov-btn-copy,.ov-btn-share,.ov-btn-unpublish{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:11px;font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .15s ease}.ov-btn-copy{background:#ffffff1f;color:#fff}.ov-btn-copy:hover{background:#ffffff38}.ov-btn-share{background:#25d366;color:#fff}.ov-btn-share:hover{background:#1da851;color:#fff}.ov-btn-unpublish{background:transparent;color:#a8a29e}.ov-btn-unpublish:hover{color:#f87171}.ov-checklist{background:#fff;border:1px solid #EAE8E4;border-radius:18px;padding:22px}.ov-checklist-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.ov-checklist-head h2{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:-.01em;color:#1c1917;margin-bottom:2px}.ov-checklist-head p{font-size:.82rem;font-weight:600;color:#a8a29e}.ov-checklist-ring{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:conic-gradient(#16A34A var(--pct, 0%),#EAE8E4 0);flex-shrink:0;position:relative}.ov-checklist-ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#fff}.ov-checklist-ring span{position:relative;font-size:.72rem;font-weight:800;color:#1c1917}.ov-checklist-bar{height:6px;border-radius:3px;background:#f1efea;overflow:hidden;margin-bottom:16px}.ov-checklist-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#16a34a,#22c55e);transition:width .4s ease}.ov-checklist-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ov-checklist-items li{display:flex;align-items:center;gap:13px;padding:13px 4px;border-bottom:1px solid #F5F3F0}.ov-checklist-items li:last-child{border-bottom:none}.ov-check-dot{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:2px solid #E5E2DC;color:#fff;flex-shrink:0}li.done .ov-check-dot{background:#16a34a;border-color:#16a34a}.ov-check-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.ov-check-label{font-size:.9rem;font-weight:700;color:#1c1917}li.done .ov-check-label{color:#a8a29e;text-decoration:line-through;text-decoration-thickness:1.5px}.ov-check-hint{font-size:.76rem;color:#a8a29e}li.done .ov-check-hint{display:none}.ov-check-cta{flex-shrink:0;padding:8px 15px;border-radius:999px;background:#fff1e9;color:#ea580c;font-size:.78rem;font-weight:800;text-decoration:none;cursor:pointer;transition:all .15s ease}.ov-check-cta:hover{background:#ff6b35;color:#fff}.ov-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ov-stat{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #EAE8E4;border-radius:16px;padding:18px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}@media (hover: hover){.ov-stat:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px #1c191729}}.ov-stat-value{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#1c1917}.ov-stat-label{font-size:.78rem;font-weight:600;color:#a8a29e}.ov-actions h2{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#1c1917;margin-bottom:12px}.ov-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 640px){.ov-actions-grid{grid-template-columns:repeat(4,1fr)}}.ov-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid #EAE8E4;border-radius:15px;padding:16px;text-decoration:none;font-size:.85rem;font-weight:700;color:#1c1917;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}@media (hover: hover){.ov-action:hover{transform:translateY(-2px);border-color:#ffc5a3;box-shadow:0 12px 22px -14px #ff6b354d}}.ov-action-icon{font-size:1.35rem}.ov-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c19178c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:ov-fade .2s ease}@keyframes ov-fade{0%{opacity:0}to{opacity:1}}.ov-modal{width:100%;max-width:440px;background:#fff;border-radius:22px;padding:30px 26px;text-align:center;animation:ov-pop .3s cubic-bezier(.2,.9,.3,1.2)}@keyframes ov-pop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ov-modal-emoji{font-size:2.4rem;display:block;margin-bottom:10px}.ov-modal h2{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.01em;color:#1c1917;margin-bottom:6px}.ov-modal>p{font-size:.88rem;color:#57534e;margin-bottom:20px}.ov-slug{display:flex;align-items:stretch;border:1.5px solid #E5E2DC;border-radius:13px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.ov-slug:focus-within{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3524}.ov-slug.ok{border-color:#16a34a}.ov-slug.ok:focus-within{box-shadow:0 0 0 3px #16a34a24}.ov-slug.error{border-color:#ef4444}.ov-slug.error:focus-within{box-shadow:0 0 0 3px #ef44441f}.ov-slug input{flex:1;min-width:0;border:none;outline:none;padding:13px 15px;font-size:.95rem;font-weight:600;color:#1c1917;text-align:right}.ov-slug-suffix{display:flex;align-items:center;padding:0 13px 0 2px;font-size:.95rem;font-weight:600;color:#a8a29e;white-space:nowrap}.ov-slug-status{min-height:24px;margin-top:8px;font-size:.8rem;font-weight:700}.ov-slug-status .checking{color:#a8a29e}.ov-slug-status .good{color:#16a34a}.ov-slug-status .bad{color:#dc2626}.ov-modal-actions{display:flex;gap:10px;margin-top:16px}.ov-modal-cancel{flex:1;padding:13px;border-radius:13px;background:#fff;border:1.5px solid #E5E2DC;color:#57534e;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s ease}.ov-modal-cancel:hover{border-color:#c5bfb8;color:#1c1917}.ov-modal-confirm{flex:1.4;padding:13px;border-radius:13px;background:linear-gradient(135deg,#ff6b35,#ea580c);color:#fff;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #ff6b3552;transition:transform .15s ease,opacity .15s ease}.ov-modal-confirm:hover:not(:disabled){transform:translateY(-1px)}.ov-modal-confirm:disabled{opacity:.45;cursor:not-allowed}.product-form .pf-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;background:#fff;border-bottom:1px solid #EAE8E4}.product-form .pf-header h2{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;letter-spacing:-.01em;color:#1c1917;margin:0}.product-form .pf-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#f5f4f1;color:#57534e;border:none;cursor:pointer;transition:background .15s ease}.product-form .pf-close:hover{background:#eceae5}.product-form .pf-body{padding:18px 22px 22px}.product-form .pf-error{padding:11px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px;color:#b91c1c;font-size:.84rem;font-weight:600;margin-bottom:16px}.product-form .pf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.product-form .pf-row{grid-template-columns:1fr}}.product-form .pf-warn{font-size:.74rem;color:#dc2626;font-weight:600;margin-top:5px}.product-form .pf-toggle{display:flex;align-items:flex-start;gap:13px;cursor:pointer}.product-form .pf-toggle input{position:absolute;opacity:0;pointer-events:none}.product-form .pf-toggle-track{position:relative;width:46px;height:27px;border-radius:999px;background:#e3e0db;flex-shrink:0;transition:background .2s ease}.product-form .pf-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s ease}.product-form .pf-toggle input:checked+.pf-toggle-track{background:#16a34a}.product-form .pf-toggle input:checked+.pf-toggle-track:after{transform:translate(19px)}.product-form .pf-toggle input:focus-visible+.pf-toggle-track{box-shadow:0 0 0 3px #ff6b3540}.product-form .pf-toggle-text{display:flex;flex-direction:column;gap:1px;font-size:.76rem;color:#a8a29e;line-height:1.45}.product-form .pf-toggle-text strong{font-size:.88rem;color:#1c1917}.product-form .pf-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.product-form .pf-image{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid #EAE8E4}.product-form .pf-image img{width:100%;height:100%;object-fit:cover}.product-form .pf-image-remove{position:absolute;top:5px;right:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1c1917b8;color:#fff;border:none;cursor:pointer;transition:background .15s ease}.product-form .pf-image-remove svg{width:11px;height:11px}.product-form .pf-image-remove:hover{background:#dc2626}.product-form .pf-image-add{aspect-ratio:1;min-width:0}.product-form .pf-preview{margin:4px 0 18px;padding:16px;background:#f7f6f3;border-radius:16px}.product-form .pf-preview-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#a8a29e;margin-bottom:10px}.product-form .pf-preview-card{max-width:200px;background:#fff;border:1px solid #EAE8E4;border-radius:14px;overflow:hidden}.product-form .pf-preview-img{position:relative;aspect-ratio:1;background:#f2f0ec}.product-form .pf-preview-img img{width:100%;height:100%;object-fit:cover}.product-form .pf-preview-noimg{display:flex;align-items:center;justify-content:center;height:100%;font-size:.72rem;font-weight:600;color:#b8b2aa}.product-form .pf-preview-off{position:absolute;top:7px;left:7px;padding:3px 8px;background:#ff6b35;color:#fff;font-size:.62rem;font-weight:800;border-radius:7px}.product-form .pf-preview-body{padding:10px 11px 12px}.product-form .pf-preview-name{font-size:.82rem;font-weight:600;color:#1c1917;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.product-form .pf-preview-desc{font-size:.7rem;color:#a8a29e;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.product-form .pf-preview-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.product-form .pf-preview-price{display:flex;flex-direction:column;line-height:1.2}.product-form .pf-preview-price span{font-size:.88rem;font-weight:800;color:#1c1917}.product-form .pf-preview-price s{font-size:.66rem;color:#b8b2aa}.product-form .pf-preview-add{padding:5px 12px;border:1.5px solid #FF6B35;color:#ff6b35;font-size:.66rem;font-weight:800;letter-spacing:.05em;border-radius:8px}.product-form .pf-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}@media (max-width: 480px){.product-form .pf-actions{flex-direction:column-reverse}.product-form .pf-actions .db-btn,.product-form .pf-actions .db-btn-ghost{width:100%}}.products-page .pr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.products-page .pr-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width: 1024px){.products-page .pr-grid{grid-template-columns:repeat(4,1fr)}}.products-page .pr-card{background:#fff;border:1px solid #EAE8E4;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover){.products-page .pr-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #1c191724}}.products-page .pr-image{position:relative;aspect-ratio:1;background:#f2f0ec;overflow:hidden}.products-page .pr-image img{width:100%;height:100%;object-fit:cover}.products-page .pr-card.is-out .pr-image img{filter:grayscale(.9);opacity:.6}.products-page .pr-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d6d2cc}.products-page .pr-badge{position:absolute;top:8px;left:8px;padding:4px 9px;border-radius:8px;font-size:.66rem;font-weight:800;letter-spacing:.03em}.products-page .pr-badge-out{background:#1c1917c7;color:#fff}.products-page .pr-badge-off{background:#ff6b35;color:#fff;box-shadow:0 3px 10px #ff6b3559}.products-page .pr-body{padding:12px 12px 8px;flex:1;display:flex;flex-direction:column;gap:3px}.products-page .pr-name{font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;line-height:1.35;color:#1c1917;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.products-page .pr-tab{font-size:.68rem;font-weight:700;color:#a8a29e;text-transform:uppercase;letter-spacing:.04em}.products-page .pr-price-row{display:flex;align-items:baseline;gap:7px;margin-top:auto;padding-top:6px}.products-page .pr-price{font-size:.98rem;font-weight:800;letter-spacing:-.01em;color:#1c1917}.products-page .pr-price-original{font-size:.74rem;color:#a8a29e;text-decoration:line-through}.products-page .pr-actions{display:flex;gap:8px;padding:8px 12px 12px}.products-page .pr-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 10px;background:#f5f4f1;border:none;border-radius:10px;font-size:.78rem;font-weight:700;color:#44403c;cursor:pointer;transition:all .15s ease}.products-page .pr-action-btn svg{width:14px;height:14px}.products-page .pr-action-btn:hover{background:#eceae5;color:#1c1917}.products-page .pr-action-btn.danger{flex:0 0 auto;width:36px;padding:8px;color:#a8a29e}.products-page .pr-action-btn.danger:hover{background:#fef2f2;color:#dc2626}.products-page .pr-skel-img{aspect-ratio:1;border-radius:0}.products-page .pr-skel-body{padding:12px;display:flex;flex-direction:column;gap:8px}.tabs-page .tp-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}@media (min-width: 900px){.tabs-page .tp-layout{grid-template-columns:1fr 280px}}.tabs-page .tp-main{display:flex;flex-direction:column;gap:14px;min-width:0}.tabs-page .tp-add{display:flex;gap:10px;padding:14px}.tabs-page .tp-add .db-input{flex:1;min-width:0}.tabs-page .tp-list{display:flex;flex-direction:column;gap:8px}.tabs-page .tp-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #EAE8E4;border-radius:14px;transition:box-shadow .15s ease}@media (hover: hover){.tabs-page .tp-item:hover{box-shadow:0 6px 16px -8px #1c19171f}}.tabs-page .tp-order{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.tabs-page .tp-order-btn{display:flex;align-items:center;justify-content:center;width:24px;height:20px;border-radius:6px;background:transparent;color:#a8a29e;border:none;cursor:pointer;transition:all .12s ease}.tabs-page .tp-order-btn svg{width:14px;height:14px}.tabs-page .tp-order-btn:hover:not(:disabled){background:#fff1e9;color:#ea580c}.tabs-page .tp-order-btn:disabled{opacity:.25;cursor:default}.tabs-page .tp-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#fff1e9;color:#ea580c;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;flex-shrink:0}.tabs-page .tp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tabs-page .tp-name{font-size:.92rem;font-weight:700;color:#1c1917;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs-page .tp-count{font-size:.74rem;color:#a8a29e;font-weight:600}.tabs-page .tp-actions{display:flex;gap:6px;flex-shrink:0}.tabs-page .tp-edit{flex:1;display:flex;gap:8px;align-items:center;min-width:0}.tabs-page .tp-edit .db-input{flex:1;min-width:0;padding:9px 12px}.tabs-page .tp-tips ul{margin:10px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:9px}.tabs-page .tp-tips li{font-size:.83rem;line-height:1.5;color:#57534e}.tabs-page .tp-tips li::marker{color:#ff6b35}.settings-page .set-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}@media (min-width: 980px){.settings-page .set-layout{grid-template-columns:1fr 320px}}.settings-page .set-forms{display:flex;flex-direction:column;gap:16px;min-width:0}.settings-page .set-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.settings-page .set-upload-grid{grid-template-columns:1fr}}.settings-page .set-phone{display:flex;align-items:stretch}.settings-page .set-phone-prefix{display:flex;align-items:center;padding:0 13px;background:#f5f4f1;border:1.5px solid #E3E0DB;border-right:none;border-radius:12px 0 0 12px;font-size:.88rem;font-weight:700;color:#57534e}.settings-page .set-phone .db-input{border-radius:0 12px 12px 0}.settings-page .set-optional{font-weight:600;font-size:.7rem;color:#b8b2aa;text-transform:uppercase;letter-spacing:.04em;margin-left:4px}.settings-page .set-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.settings-page .set-swatch{position:relative;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s ease,box-shadow .15s ease;box-shadow:inset 0 0 0 1px #00000014}.settings-page .set-swatch:hover{transform:scale(1.08)}.settings-page .set-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4.5px #1c1917}.settings-page .set-swatch svg{width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.settings-page .set-swatch-custom{overflow:hidden;background:#fff}.settings-page .set-swatch-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.settings-page .set-swatch-custom-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.settings-page .set-theme-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-page .set-toggle{display:flex;align-items:flex-start;gap:14px;cursor:pointer}.settings-page .set-toggle input{position:absolute;opacity:0;pointer-events:none}.settings-page .set-toggle-track{position:relative;width:46px;height:27px;border-radius:999px;background:#e3e0db;flex-shrink:0;transition:background .2s ease;margin-top:1px}.settings-page .set-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s ease}.settings-page .set-toggle input:checked+.set-toggle-track{background:#16a34a}.settings-page .set-toggle input:checked+.set-toggle-track:after{transform:translate(19px)}.settings-page .set-toggle input:focus-visible+.set-toggle-track{box-shadow:0 0 0 3px #ff6b3540}.settings-page .set-toggle-text{display:flex;flex-direction:column;gap:2px;font-size:.8rem;color:#a8a29e;line-height:1.5}.settings-page .set-toggle-text strong{font-size:.88rem;color:#1c1917}.settings-page .set-preview-col{min-width:0}@media (min-width: 980px){.settings-page .set-preview-col{position:sticky;top:24px}}.settings-page .set-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings-page .set-live-dot{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;background:#ecfdf5;border:1px solid #D1FAE5;border-radius:999px;font-size:.7rem;font-weight:800;color:#047857;text-transform:uppercase;letter-spacing:.05em}.settings-page .set-live-dot span{width:7px;height:7px;border-radius:50%;background:#10b981;animation:set-pulse 1.6s ease infinite}@keyframes set-pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 5px #10b98100}}.settings-page .set-phone-frame{max-width:320px;margin:0 auto;border:1px solid #EAE8E4;border-radius:18px;overflow:hidden;background:#f7f6f3}.settings-page .sp-banner{height:74px;overflow:hidden}.settings-page .sp-banner img{width:100%;height:100%;object-fit:cover}.settings-page .sp-banner-fallback{width:100%;height:100%;background:radial-gradient(120% 160% at 85% -20%,color-mix(in srgb,var(--sp-color) 55%,white) 0%,transparent 50%),radial-gradient(100% 140% at 10% 120%,color-mix(in srgb,var(--sp-color) 80%,black) 0%,transparent 55%),var(--sp-color)}.settings-page .sp-body{padding:0 14px 16px;background:#fff}.settings-page .sp-logo{width:46px;height:46px;margin-top:-23px;border-radius:50%;background:linear-gradient(135deg,var(--sp-color),color-mix(in srgb,var(--sp-color) 80%,black));border:3px solid #FFFFFF;box-shadow:0 3px 8px #1c191726;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;overflow:hidden;position:relative}.settings-page .sp-logo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.settings-page .sp-name{margin-top:8px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:#1c1917;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-page .sp-desc{font-size:.7rem;color:#a8a29e;line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.settings-page .sp-chips{display:flex;gap:5px;margin-top:10px}.settings-page .sp-chip{padding:4px 11px;border-radius:999px;font-size:.62rem;font-weight:700;border:1px solid #EAE8E4;color:#78716c}.settings-page .sp-chip.active{background:var(--sp-color);border-color:var(--sp-color);color:#fff}.settings-page .sp-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.settings-page .sp-product{border:1px solid #EAE8E4;border-radius:10px;overflow:hidden;padding-bottom:8px}.settings-page .sp-product-img{aspect-ratio:1.6;background:#f2f0ec;margin-bottom:7px}.settings-page .sp-product-line{height:7px;width:70%;border-radius:4px;background:#eceae5;margin:0 8px 6px}.settings-page .sp-product-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.settings-page .sp-product-price{height:8px;width:26px;border-radius:4px;background:#dddad4}.settings-page .sp-product-add{font-size:.55rem;font-weight:800;letter-spacing:.05em;color:var(--sp-color);border:1px solid var(--sp-color);border-radius:6px;padding:2px 7px}.settings-page .sp-wa-btn{margin-top:12px;padding:8px;border-radius:10px;background:#25d366;color:#fff;font-size:.7rem;font-weight:800;text-align:center}.settings-page .set-preview-note{margin-top:12px;font-size:.72rem;color:#b8b2aa;line-height:1.5}.analytics-page .an-period{display:inline-flex;gap:2px;padding:3px;background:#eceae5;border-radius:11px}.analytics-page .an-period-btn{padding:7px 14px;border:none;border-radius:9px;background:transparent;font-size:.8rem;font-weight:700;color:#78716c;cursor:pointer;transition:all .15s ease;white-space:nowrap}.analytics-page .an-period-btn.active{background:#fff;color:#1c1917;box-shadow:0 1px 4px #1c19171a}.analytics-page .an-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}@media (min-width: 900px){.analytics-page .an-stats{grid-template-columns:repeat(4,1fr);gap:16px}}.analytics-page .an-stat{display:flex;gap:13px;align-items:flex-start;padding:18px}.analytics-page .an-stat-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex-shrink:0}.analytics-page .an-stat-icon svg{width:20px;height:20px}.analytics-page .tone-blue .an-stat-icon{background:#eff6ff;color:#2563eb}.analytics-page .tone-amber .an-stat-icon{background:#fffbeb;color:#d97706}.analytics-page .tone-green .an-stat-icon{background:#ecfdf5;color:#059669}.analytics-page .tone-orange .an-stat-icon{background:#fff1e9;color:#ea580c}.analytics-page .an-stat-body{display:flex;flex-direction:column;min-width:0}.analytics-page .an-stat-value{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:#1c1917;line-height:1.15}.analytics-page .an-stat-label{font-size:.8rem;font-weight:700;color:#44403c;margin-top:2px}.analytics-page .an-stat-hint{font-size:.7rem;color:#b8b2aa;margin-top:1px}.analytics-page .an-chart{margin-bottom:24px}.analytics-page .an-chart-range{font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;color:#b8b2aa;margin-left:4px}.analytics-page .an-bars{display:flex;align-items:stretch;gap:6px;height:190px;margin-top:16px}.analytics-page .an-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.analytics-page .an-bar-value{font-size:.66rem;font-weight:700;color:#a8a29e;height:14px;line-height:14px}.analytics-page .an-bar-track{flex:1;width:100%;max-width:34px;display:flex;align-items:flex-end;background:#f5f4f1;border-radius:8px;overflow:hidden}.analytics-page .an-bar{width:100%;background:linear-gradient(180deg,#ff8b5e,#ff6b35);border-radius:8px 8px 0 0;transition:height .4s ease;min-height:3px}.analytics-page .an-bar-col:hover .an-bar{background:linear-gradient(180deg,#ff6b35,#ea580c)}.analytics-page .an-bar-label{font-size:.64rem;font-weight:600;color:#b8b2aa}.analytics-page .an-chart-empty{padding:40px 20px;text-align:center;font-size:.88rem;color:#a8a29e}.analytics-page .an-chart-empty p{margin:0}.analytics-page .an-tips-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:#1c1917;margin:0 0 12px}.analytics-page .an-tips-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 720px){.analytics-page .an-tips-grid{grid-template-columns:repeat(3,1fr)}}.analytics-page .an-tip{padding:18px}.analytics-page .an-tip-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;background:#fff1e9;color:#ea580c;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:800;margin-bottom:10px}.analytics-page .an-tip h4{font-family:Outfit,sans-serif;font-size:.92rem;font-weight:700;color:#1c1917;margin:0 0 4px}.analytics-page .an-tip p{font-size:.8rem;line-height:1.55;color:#78716c;margin:0}:root{--primary-50: #FFF7ED;--primary-100: #FFEDD5;--primary-200: #FED7AA;--primary-300: #FDBA74;--primary-400: #FB923C;--primary-500: #FF6B35;--primary-600: #EA580C;--primary-700: #C2410C;--primary-800: #9A3412;--primary-900: #7C2D12;--secondary-50: #F0FDFA;--secondary-100: #CCFBF1;--secondary-200: #99F6E4;--secondary-300: #5EEAD4;--secondary-400: #2DD4BF;--secondary-500: #14B8A6;--secondary-600: #0D9488;--secondary-700: #0F766E;--secondary-800: #115E59;--secondary-900: #134E4A;--accent-300: #FCD34D;--accent-400: #FBBF24;--accent-500: #F59E0B;--accent-600: #D97706;--gray-50: #FAFAFA;--gray-100: #F4F4F5;--gray-200: #E4E4E7;--gray-300: #D4D4D8;--gray-400: #A1A1AA;--gray-500: #71717A;--gray-600: #52525B;--gray-700: #3F3F46;--gray-800: #27272A;--gray-900: #18181B;--success-50: #ECFDF5;--success-500: #10B981;--success-600: #059669;--warning-50: #FFFBEB;--warning-500: #F59E0B;--warning-600: #D97706;--error-50: #FEF2F2;--error-500: #EF4444;--error-600: #DC2626;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 10;--z-modal: 50;--z-toast: 100}@media (prefers-color-scheme: dark){:root{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-color: #334155}}:root{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--text-primary: #18181B;--text-secondary: #52525B;--text-muted: #71717A;--border-color: #E4E4E7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary)}a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-600)}img,video{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: 768px){.container{padding:0 var(--spacing-6)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-500)}.text-secondary{color:var(--secondary-500)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-500)}.text-error{color:var(--error-500)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--gray-400)}.btn-outline{background:transparent;color:var(--primary-500);border:2px solid var(--primary-500)}.btn-outline:hover:not(:disabled){background:var(--primary-500);color:#fff}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #ff6b351a}.input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--error-500)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-2)}.form-group{margin-bottom:var(--spacing-4)}.form-error{font-size:var(--text-sm);color:var(--error-500);margin-top:var(--spacing-1)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-body{padding:var(--spacing-6)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-50);color:var(--success-600)}.badge-warning{background:var(--warning-50);color:var(--warning-600)}.badge-error{background:var(--error-50);color:var(--error-600)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}.animate-pulse{animation:pulse 2s infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:block}}