.btn{padding:.75rem 1.75rem;border:none;border-radius:.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.625rem;outline:none;letter-spacing:-.01em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .2s ease-in-out}.btn:hover:before:not(:disabled){opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-full-width{width:100%}.btn-primary{background:var(--platform-gradient);color:var(--platform-button-text);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--platform-primary) 20%,transparent),0 2px 4px -1px color-mix(in srgb,var(--platform-primary) 10%,transparent)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--platform-primary) 30%,transparent),0 4px 6px -2px color-mix(in srgb,var(--platform-primary) 15%,transparent)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--platform-primary) 20%,transparent),0 2px 4px -1px color-mix(in srgb,var(--platform-primary) 10%,transparent)}.btn-secondary{background-color:var(--platform-secondary-button);color:var(--platform-button-text);box-shadow:0 1px 3px #0000001a}.btn-secondary:hover:not(:disabled){background-color:var(--platform-secondary-button-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #00000026}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-success{background:var(--platform-success);color:var(--platform-button-text);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--platform-success) 20%,transparent),0 2px 4px -1px color-mix(in srgb,var(--platform-success) 10%,transparent)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--platform-success) 30%,transparent),0 4px 6px -2px color-mix(in srgb,var(--platform-success) 15%,transparent)}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-danger{background:var(--platform-danger);color:var(--platform-button-text);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--platform-danger) 20%,transparent),0 2px 4px -1px color-mix(in srgb,var(--platform-danger) 10%,transparent)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--platform-danger) 30%,transparent),0 4px 6px -2px color-mix(in srgb,var(--platform-danger) 15%,transparent)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-outline{background-color:var(--platform-card-background);border:1px solid var(--platform-border);color:var(--platform-text-secondary);box-shadow:0 1px 2px #0000000d}.btn-outline:hover:not(:disabled){background-color:var(--platform-background-alt);border-color:var(--platform-border-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-outline:active:not(:disabled){transform:translateY(0);background-color:var(--platform-background-alt)}.btn-loading{position:relative;color:transparent!important}.btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:1.125rem;height:1.125rem;border:2.5px solid color-mix(in srgb,var(--platform-button-text) 25%,transparent);border-top-color:var(--platform-button-text);border-radius:50%;animation:spin .7s linear infinite}.btn-outline .btn-spinner{border-color:color-mix(in srgb,var(--platform-primary) 25%,transparent);border-top-color:var(--platform-primary)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn:focus-visible{outline:2px solid var(--platform-primary);outline-offset:2px}@media (prefers-color-scheme: dark){.btn-outline{background-color:var(--platform-background-dark);border-color:var(--platform-border);color:var(--platform-button-text)}.btn-outline:hover:not(:disabled){background-color:color-mix(in srgb,var(--platform-background-dark) 80%,var(--platform-background));border-color:var(--platform-border-hover)}.btn-outline:active:not(:disabled){background-color:color-mix(in srgb,var(--platform-background-dark) 70%,var(--platform-background))}}.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}.cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:450px;background:var(--platform-background);box-shadow:-4px 0 24px #00000026;z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}.cart-header{padding:1.5rem;border-bottom:1px solid var(--platform-border);display:flex;justify-content:space-between;align-items:center;background:var(--platform-background-alt)}.cart-title{display:flex;align-items:center;gap:.75rem}.cart-title svg{color:var(--platform-primary)}.cart-title h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--platform-text)}.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:var(--platform-primary);color:var(--platform-button-text);border-radius:12px;font-size:.75rem;font-weight:700}.cart-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:10px;color:var(--platform-text-secondary);cursor:pointer;transition:all .2s}.cart-close:hover{background:var(--platform-background-alt);border-color:var(--platform-border);color:var(--platform-text)}.cart-body{flex:1;overflow-y:auto;padding:1.5rem}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.cart-empty svg{color:var(--platform-border);margin-bottom:1rem}.cart-empty h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--platform-text-secondary)}.cart-empty p{margin:0;font-size:.938rem;color:var(--platform-text-secondary)}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;gap:1rem;padding:1rem;background:var(--platform-background-alt);border:1px solid var(--platform-border);border-radius:12px;transition:all .2s}.cart-item:hover{background:var(--platform-background);border-color:var(--platform-border);box-shadow:0 4px 12px #00000014}.cart-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-image-placeholder{width:100%;height:100%;background:var(--platform-background-alt);display:flex;align-items:center;justify-content:center;color:var(--platform-text-secondary)}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.cart-item-header h4{margin:0;font-size:.938rem;font-weight:600;color:var(--platform-text);line-height:1.4}.cart-item-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:8px;color:var(--platform-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.cart-item-remove:hover{background:color-mix(in srgb,var(--platform-danger) 10%,var(--platform-background));border-color:color-mix(in srgb,var(--platform-danger) 30%,var(--platform-background));color:var(--platform-danger)}.cart-item-store{margin:0;font-size:.75rem;color:var(--platform-text-secondary)}.cart-item-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto}.cart-item-quantity{display:flex;align-items:center;gap:.5rem;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:8px;padding:.25rem}.cart-item-quantity button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--platform-text-secondary);cursor:pointer;transition:all .2s}.cart-item-quantity button:hover:not(:disabled){background:var(--platform-background-alt);color:var(--platform-primary)}.cart-item-quantity button:disabled{opacity:.4;cursor:not-allowed}.cart-item-quantity span{min-width:32px;text-align:center;font-size:.875rem;font-weight:600;color:var(--platform-text)}.cart-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.cart-item-price-label{font-size:.688rem;color:var(--platform-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.cart-item-price-value{font-size:1rem;font-weight:700;color:var(--platform-text)}.cart-footer{padding:1.5rem;border-top:1px solid var(--platform-border);background:var(--platform-background-alt);display:flex;flex-direction:column;gap:1rem}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:10px}.cart-total-label{font-size:.938rem;font-weight:600;color:var(--platform-text-secondary);text-transform:uppercase;letter-spacing:.5px}.cart-total-value{font-size:1.5rem;font-weight:700;color:var(--platform-primary)}.cart-checkout-button{width:100%}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 480px){.cart-sidebar{max-width:100%}.cart-item{flex-direction:column}.cart-item-image{width:100%;height:150px}.cart-item-footer{flex-direction:column;align-items:stretch}.cart-item-price{flex-direction:row;justify-content:space-between;align-items:center}}.landing-page{width:100%;overflow-x:hidden}.landing-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--platform-background) 95%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--slate-200);transition:all .3s ease}.header-content{display:flex;align-items:center;justify-content:space-between;height:80px;gap:32px;padding-top:20px}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--platform-text);cursor:pointer}.logo-icon{color:var(--platform-primary)}.nav-menu{display:flex;align-items:center;gap:32px;flex:1;justify-content:center}.nav-link{color:var(--platform-text-secondary);font-weight:500;font-size:15px;cursor:pointer;transition:color .2s ease;white-space:nowrap}.nav-link:hover{color:var(--platform-primary)}.header-actions{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--slate-600);cursor:pointer;border-radius:8px;transition:all .2s ease}.mobile-menu-btn:hover{background:var(--slate-100)}.hero-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,color-mix(in srgb,var(--platform-primary) 5%,transparent),color-mix(in srgb,var(--platform-secondary) 5%,transparent));clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}.hero-text{display:flex;flex-direction:column;gap:24px}.hero-title{font-size:56px;font-weight:800;line-height:1.1;color:var(--platform-background-dark);margin:0}.gradient-text{background:var(--platform-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;color:var(--platform-text-secondary);line-height:1.6;margin:0}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.hero-stats{display:flex;gap:48px;margin-top:48px}.stat{display:flex;align-items:center;gap:16px;color:var(--platform-primary)}.stat-value{font-size:32px;font-weight:700;color:var(--platform-background-dark)!important;line-height:1}.stat-label{font-size:14px;color:var(--platform-text-secondary)}.hero-image{position:relative}.hero-card{background:var(--platform-background);border-radius:16px;box-shadow:0 20px 60px #0000001a;overflow:hidden;transition:transform .3s ease}.hero-card:hover{transform:translateY(-8px)}.card-header{background:var(--slate-100);padding:16px;border-bottom:1px solid var(--slate-200)}.card-dots{display:flex;gap:8px}.card-dots span{width:12px;height:12px;border-radius:50%;background:var(--slate-300)}.card-dots span:nth-child(1){background:#ef4444}.card-dots span:nth-child(2){background:#f59e0b}.card-dots span:nth-child(3){background:#10b981}.card-body{padding:64px 32px}.mockup-browser{text-align:center}.mockup-icon{width:64px;height:64px;color:var(--platform-primary);margin-bottom:24px}.mockup-browser h3{font-size:24px;margin:0 0 8px;color:var(--platform-text)}.mockup-browser p{color:var(--platform-text-secondary);margin:0}.about-section{padding:120px 0;background:var(--platform-background)}.section-header{text-align:center;max-width:800px;margin:0 auto 64px}.section-title{font-size:48px;font-weight:800;color:var(--platform-text);margin:0 0 16px}.section-description{font-size:20px;color:var(--platform-text-secondary);line-height:1.6;margin:0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.about-card{padding:32px;border-radius:16px;background:var(--slate-50);border:1px solid var(--slate-200);transition:all .3s ease}.about-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:color-mix(in srgb,var(--platform-primary) 30%,white)}.about-icon{width:64px;height:64px;border-radius:12px;background:var(--platform-gradient);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px}.about-card h3{font-size:22px;font-weight:700;color:var(--platform-text);margin:0 0 12px}.about-card p{color:var(--platform-text-secondary);line-height:1.6;margin:0}.features-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.feature-card{background:var(--platform-background);padding:40px;border-radius:16px;border:1px solid var(--slate-200);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:color-mix(in srgb,var(--platform-primary) 40%,white)}.feature-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--platform-primary) 10%,white),color-mix(in srgb,var(--platform-secondary) 10%,white));display:flex;align-items:center;justify-content:center;color:var(--platform-primary);margin-bottom:24px}.feature-card h3{font-size:24px;font-weight:700;color:var(--platform-text);margin:0 0 12px}.feature-card p{color:var(--platform-text-secondary);line-height:1.6;margin:0 0 24px}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feature-list li{display:flex;align-items:center;gap:12px;color:var(--platform-text);font-size:15px}.feature-list svg{color:var(--platform-primary);flex-shrink:0}.plans-section{padding:120px 0;background:var(--platform-background)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1100px;margin:0 auto}.plan-card{background:var(--platform-background);border:2px solid var(--slate-200);border-radius:20px;padding:40px;position:relative;transition:all .3s ease}.plan-card.featured{border-color:var(--platform-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--platform-primary) 2%,var(--platform-background)),color-mix(in srgb,var(--platform-secondary) 2%,var(--platform-background)));box-shadow:0 12px 32px color-mix(in srgb,var(--platform-primary) 15%,transparent)}.plan-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--platform-gradient);color:#fff;padding:6px 20px;border-radius:20px;font-size:14px;font-weight:600}.plan-header{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--slate-200);margin-bottom:24px}.plan-header h3{font-size:24px;font-weight:700;color:var(--platform-text);margin:0 0 16px}.plan-header-featured h3{font-size:24px;font-weight:700;color:var(--platform-text-secondary);margin:0 0 16px}.plan-price-bg-gone .value{font-size:56px;font-weight:800;color:var(--platform-text)}.plans-loading-state,.plans-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.plans-loading-state .spinner{width:48px;height:48px;border:4px solid var(--slate-200);border-top-color:var(--platform-primary);border-radius:50%;animation:spin .8s linear infinite}.plans-loading-state p,.plans-empty-state p{color:var(--platform-text-secondary);font-size:16px;margin:0}.plans-empty-state svg{color:var(--platform-text-secondary);opacity:.5}.plans-empty-state h3{font-size:24px;color:var(--platform-text);margin:8px 0}.plan-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px}.plan-features li{display:flex;align-items:center;gap:12px;color:var(--platform-button-text);font-size:15px}.plan-features svg{color:var(--platform-primary);flex-shrink:0}.testimonials-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.testimonial-card{background:var(--platform-background);padding:32px;border-radius:16px;border:1px solid var(--slate-200);display:flex;flex-direction:column;gap:24px;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.testimonial-stars{display:flex;gap:4px;color:#f59e0b}.testimonial-text{color:var(--platform-text);line-height:1.7;font-size:16px;margin:0;flex:1}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--platform-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.author-name{font-weight:600;color:var(--platform-text);font-size:16px}.author-business{font-size:14px;color:var(--platform-text-secondary)}.partnership-section{padding:120px 0;background:var(--platform-gradient);color:#fff}.partnership-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.partnership-text h2{font-size:48px;font-weight:800;margin:0 0 24px}.partnership-text>p{font-size:20px;line-height:1.6;margin:0 0 32px;opacity:.95}.partnership-benefits{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px}.partnership-benefits li{display:flex;align-items:center;gap:12px;font-size:18px}.partnership-benefits svg{flex-shrink:0}.partnership-image{position:relative}.partnership-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:48px;text-align:center;transition:all .3s ease}.partnership-card:hover{transform:translateY(-8px);background:#ffffff26}.partnership-icon{margin-bottom:24px;opacity:.9}.partnership-card h3{font-size:28px;font-weight:700;margin:0 0 12px}.partnership-card p{font-size:18px;margin:0;opacity:.9}.contact-section{padding:120px 0;background:var(--platform-background)}.contact-content{text-align:center;padding:64px 0}.landing-footer{background:var(--slate-900);color:var(--slate-300);padding:64px 0 24px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-brand .logo{color:#fff;margin-bottom:8px}.footer-brand p{color:var(--slate-400);line-height:1.6;margin:0}.footer-column h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.footer-column a{display:block;color:var(--slate-400);text-decoration:none;margin-bottom:12px;cursor:pointer;transition:color .2s ease}.footer-column a:hover{color:#fff}.footer-bottom{padding-top:24px;border-top:1px solid var(--slate-800);text-align:center;color:var(--slate-500)}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:48px}.hero-title{font-size:48px}.hero-image{max-width:500px;margin:0 auto}.partnership-content{grid-template-columns:1fr;gap:48px}.footer-content{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 768px){.nav-menu{position:fixed;top:80px;left:0;right:0;background:var(--platform-background);flex-direction:column;padding:24px;box-shadow:0 4px 12px #0000001a;border-bottom:1px solid var(--slate-200);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}.header-actions{display:none}.mobile-menu-btn{display:flex}.hero-section{padding:80px 0}.hero-title{font-size:36px}.hero-description{font-size:18px}.hero-stats{flex-direction:column;gap:24px}.section-title{font-size:36px}.section-description{font-size:18px}.about-grid,.features-grid,.plans-grid,.testimonials-grid{grid-template-columns:1fr}.partnership-text h2{font-size:36px}.footer-content{grid-template-columns:1fr}}@media (max-width: 480px){.landing-container{padding:0 16px}.hero-title,.section-title{font-size:32px}.hero-cta{flex-direction:column}.hero-cta button{width:100%}}.input-group{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.input-label{font-size:.875rem;font-weight:600;color:var(--platform-text);letter-spacing:-.01em}.input-label .required{color:var(--platform-danger);margin-left:.25rem;font-weight:700}.input{padding:.875rem 1.125rem;border:1px solid var(--platform-border);border-radius:.75rem;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;background-color:var(--platform-background);color:var(--platform-text);box-shadow:0 1px 2px #0000000d}.input::placeholder{color:var(--platform-text-secondary);font-weight:400}.input:hover:not(:disabled){border-color:#cbd5e1}.input:focus{border-color:var(--platform-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--platform-primary) 8%,transparent),0 1px 2px #0000000d;background-color:var(--platform-background)}.input:disabled{background-color:#f1f5f9;border-color:var(--platform-border);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--platform-danger);background-color:#fef2f2}.input-error:hover:not(:disabled){border-color:#dc2626}.input-error:focus{border-color:var(--platform-danger);box-shadow:0 0 0 4px #ef444414,0 1px 2px #0000000d;background-color:var(--platform-background)}.input-error-message{font-size:.8125rem;color:#dc2626;font-weight:500;display:flex;align-items:center;gap:.375rem}.input-error-message:before{content:"!";font-size:.875rem}.input:focus-visible{outline:2px solid var(--platform-primary);outline-offset:2px}@media (prefers-color-scheme: dark){.input-label{color:var(--platform-button-text)}.input{background-color:var(--platform-background-dark);border-color:#334155;color:var(--platform-button-text)}.input::placeholder{color:var(--platform-text-secondary)}.input:hover:not(:disabled){border-color:#475569}.input:focus{border-color:var(--platform-primary);background-color:var(--platform-background-dark);box-shadow:0 0 0 4px color-mix(in srgb,var(--platform-primary) 15%,transparent),0 1px 2px #0003}.input:disabled{background-color:var(--platform-background-dark);border-color:var(--platform-background-dark)}.input-error{border-color:var(--platform-danger);background-color:#450a0a}.input-error:hover:not(:disabled){border-color:#dc2626}.input-error:focus{background-color:var(--platform-background-dark)}.input-error-message{color:#fca5a5}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.auth-card{background:var(--surface-color);border-radius:1rem;padding:2.5rem;width:100%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0 0 .5rem}.auth-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.auth-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-footer{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.auth-link{font-size:.875rem;color:var(--primary-color);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s}.auth-link:hover{color:var(--primary-dark);text-decoration:underline}.alert{padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.alert-error{background-color:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.alert-success{background-color:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.alert-info{background-color:var(--info-bg);color:var(--info-color);border:1px solid var(--info-border)}@media (max-width: 640px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-header h1{font-size:1.5rem}.auth-header h2{font-size:1.25rem}}@media (prefers-color-scheme: dark){.auth-card{background:var(--surface-color)}.auth-header h2{color:var(--text-primary)}.auth-header p{color:var(--text-secondary)}.alert-error{background-color:var(--error-bg);color:var(--error-color);border-color:var(--error-border)}.alert-success{background-color:var(--success-bg);color:var(--success-color);border-color:var(--success-border)}.alert-info{background-color:var(--info-bg);color:var(--info-color);border-color:var(--info-border)}}.seller-register-card{max-width:900px;width:100%}.register-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding:1.5rem 0}.register-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.step-circle{width:48px;height:48px;border-radius:50%;background:var(--platform-background-alt);border:2px solid var(--platform-border);color:var(--platform-text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;transition:all .3s ease;z-index:2}.register-step.active .step-circle{background:var(--platform-primary);border-color:var(--platform-primary);color:var(--platform-button-text);box-shadow:0 0 0 4px color-mix(in srgb,var(--platform-primary) 15%,transparent)}.register-step.completed .step-circle{background:var(--platform-success);border-color:var(--platform-success);color:var(--platform-button-text)}.register-step span{font-size:.875rem;font-weight:500;color:var(--platform-text-secondary);transition:all .3s}.register-step.active span{color:var(--platform-text);font-weight:600}.step-line{position:absolute;top:24px;left:calc(50% + 24px);height:2px;background:var(--platform-border);z-index:1}.register-step:last-child .step-line{display:none}.plan-selection-step{animation:fadeIn .3s ease}.plan-selection-step h3{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--platform-text)}.step-description{margin:0 0 2rem;font-size:1rem;color:var(--platform-text-secondary);line-height:1.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem}.loading-state .spin{animation:spin 1s linear infinite;color:var(--platform-primary)}.loading-state p{margin:0;color:var(--platform-text-secondary);font-size:1rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:0 auto 2rem}.plan-card{position:relative;background:var(--platform-background);border:2px solid var(--slate-200);border-radius:20px;padding:2.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.plan-card.selected{border-color:var(--platform-primary);background:color-mix(in srgb,var(--platform-primary) 3%,var(--platform-background));box-shadow:0 12px 32px color-mix(in srgb,var(--platform-primary) 15%,transparent)}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-header h3{font-size:24px;font-weight:700;color:var(--platform-text-secondary);margin:0 0 16px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.plan-price .currency{font-size:24px;color:var(--platform-text-secondary)}.plan-price .value{font-size:56px;font-weight:800;color:var(--platform-text-secondary)}.plan-price .period{font-size:18px;color:var(--platform-text-secondary)}.plan-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.plan-features li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--platform-text);line-height:1.5}.plan-features li svg{color:var(--platform-primary);flex-shrink:0;margin-top:2px}.plan-selected-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--platform-primary);color:var(--platform-button-text);border-radius:9999px;font-size:.813rem;font-weight:600}.plan-selected-badge svg{width:16px;height:16px}.form-actions button{flex:1;max-width:200px}.asaas-integration-step{animation:fadeIn .3s ease}.asaas-integration-step h3{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--platform-text)}.asaas-success,.asaas-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.asaas-success svg{color:var(--platform-success)}.asaas-error svg{color:var(--platform-error)}.asaas-success h4,.asaas-error h4{margin:0;font-size:1.5rem;font-weight:700;color:var(--platform-text)}.asaas-success p,.asaas-error p{margin:0;font-size:1rem;color:var(--platform-text-secondary);line-height:1.5}.skip-message{margin-top:1rem!important;padding:1rem;background:color-mix(in srgb,var(--platform-warning) 10%,var(--platform-background));border:1px solid color-mix(in srgb,var(--platform-warning) 30%,var(--platform-background));border-radius:8px;color:var(--platform-text)!important;font-size:.875rem!important}@media (max-width: 768px){.seller-register-card{padding:1.5rem}.register-steps{flex-direction:column;gap:1rem;align-items:stretch}.register-step{flex-direction:row;justify-content:flex-start;text-align:left}.step-circle{width:40px;height:40px;font-size:1rem}.step-line{display:none}.register-step span{font-size:.938rem}.plan-selection-step h3,.asaas-integration-step h3{font-size:1.5rem}.plans-grid{grid-template-columns:1fr}.plan-card{padding:2rem}.plan-header h3{font-size:20px}.plan-price .value{font-size:48px}.form-actions{flex-direction:column}.form-actions button{max-width:100%}.form-row{grid-template-columns:1fr}.asaas-success,.asaas-error{padding:3rem 1rem}.asaas-success svg,.asaas-error svg{width:48px;height:48px}.asaas-success h4,.asaas-error h4{font-size:1.25rem}}@media (max-width: 480px){.seller-register-card{padding:1rem}.register-steps{padding:1rem 0}.plan-card{padding:1.25rem}.plan-price .value{font-size:40px}.plan-header h3{font-size:18px}.plan-features{gap:.5rem}.plan-features li{font-size:.813rem}}.store-list-page{min-height:100vh;background:var(--platform-background-alt)}.store-list-header{background:var(--platform-background);border-bottom:1px solid var(--platform-border);padding:2rem}.header-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-left{flex:1}.page-title{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--platform-primary)}.page-subtitle{margin:0;font-size:1rem;color:var(--platform-text-secondary)}.header-actions{display:flex;gap:.75rem}.filters-section{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.search-box{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;background:var(--platform-background-alt);border:1px solid var(--platform-border);border-radius:12px;transition:all .2s}.search-box:focus-within{background:var(--platform-background);border-color:var(--platform-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--platform-primary) 10%,transparent)}.search-box svg{color:var(--platform-text-secondary);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:.938rem;color:var(--platform-text);outline:none}.search-input::placeholder{color:var(--platform-text-secondary)}.clear-search{background:none;border:none;color:var(--platform-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search:hover{background:var(--platform-background-alt);color:var(--platform-text)}.categories-filter{display:flex;gap:.75rem;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--platform-text-secondary);cursor:pointer;transition:all .2s}.category-btn:hover{background:var(--platform-background-alt);border-color:var(--platform-border)}.category-btn.active{background:var(--platform-primary);color:var(--platform-button-text);border-color:transparent}.store-list-content{max-width:1280px;margin:0 auto;padding:2rem}.results-info{margin-bottom:1.5rem}.results-info p{margin:0;font-size:.875rem;color:var(--platform-text-secondary);font-weight:500}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.store-card{background:var(--platform-background);border:1px solid var(--platform-border);border-radius:12px;overflow:hidden;transition:all .2s;cursor:pointer;display:flex;flex-direction:column}.store-card:hover{border-color:var(--platform-primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.store-card-header{position:relative;padding:1.5rem;display:flex;flex-direction:column;align-items:center;background:var(--platform-background-alt)}.store-logo{width:80px;height:80px;border-radius:12px;object-fit:cover;border:3px solid var(--platform-background);box-shadow:0 4px 12px #0000001a}.store-logo-placeholder{width:80px;height:80px;border-radius:12px;background:var(--platform-primary);color:var(--platform-button-text);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:3px solid var(--platform-background);box-shadow:0 4px 12px color-mix(in srgb,var(--platform-primary) 30%,transparent)}.store-category{position:absolute;top:1rem;right:1rem;padding:.375rem .75rem;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:6px;font-size:.75rem;font-weight:600;color:var(--platform-text-secondary);text-transform:uppercase;letter-spacing:.5px}.store-name{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:var(--platform-text)}.store-description{margin:0 0 1rem;font-size:.875rem;color:var(--platform-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:var(--platform-text-secondary)}.meta-item svg{color:var(--platform-text-secondary);flex-shrink:0}.visit-store-btn{width:100%}.empty-state svg{color:var(--platform-border);margin-bottom:1.5rem}.empty-state p{margin:0 0 1.5rem;font-size:.938rem;color:var(--platform-text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--platform-text-secondary)}.loading-state .spinner{width:48px;height:48px;border:4px solid var(--platform-border);border-top-color:var(--platform-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.loading-state p{margin:0;font-size:.938rem;color:var(--platform-text-secondary)}@media (max-width: 768px){.store-list-header{padding:1.5rem 1rem}.header-content{flex-direction:column;gap:1rem}.header-actions,.header-actions button{width:100%}.page-title{font-size:1.5rem}.page-subtitle{font-size:.875rem}.store-list-content{padding:1.5rem 1rem}.stores-grid{grid-template-columns:1fr}.categories-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.category-btn{flex-shrink:0}}.store-view-container{min-height:100vh;background:var(--platform-background-alt)}.store-view-header{padding:1.5rem 2rem;background:var(--platform-background);border-bottom:1px solid var(--platform-border)}.store-banner{height:200px;position:relative;overflow:hidden}.store-banner-image{width:100%;height:100%;object-fit:cover}.store-info-section{background:var(--platform-background);border-bottom:1px solid var(--platform-border);padding:0 2rem 2rem;margin-top:-60px;position:relative}.store-info-container{max-width:1200px;margin:0 auto;display:flex;gap:2rem;align-items:flex-start}.store-logo-section{flex-shrink:0}.store-logo-large{width:120px;height:120px;border-radius:16px;object-fit:cover;border:4px solid var(--platform-background);box-shadow:0 8px 24px #00000026;background:var(--platform-background)}.store-logo-placeholder-large{width:120px;height:120px;border-radius:16px;background:var(--platform-primary);color:var(--platform-button-text);display:flex;align-items:center;justify-content:center;border:4px solid var(--platform-background);box-shadow:0 8px 24px color-mix(in srgb,var(--platform-primary) 30%,transparent)}.store-details{flex:1;padding-top:60px}.store-header-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.store-header-info h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--platform-text)}.store-category-badge{display:inline-block;padding:.375rem .875rem;background:var(--platform-primary);color:var(--platform-button-text);border-radius:8px;font-size:.813rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.store-actions{display:flex;gap:.75rem}.store-description{margin:0 0 1.5rem;font-size:1rem;color:var(--platform-text-secondary);line-height:1.6}.store-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.store-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--platform-text-secondary);font-size:.938rem}.store-meta-item svg{color:var(--platform-primary);flex-shrink:0}.store-products-section{max-width:1200px;margin:0 auto;padding:2rem}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.products-title{display:flex;align-items:center;gap:.75rem}.products-title svg{color:var(--platform-primary)}.products-title h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--platform-text)}.products-count{font-size:1rem;color:var(--platform-text-secondary);font-weight:500}.products-search{display:flex;align-items:center;gap:.75rem;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:10px;padding:.75rem 1rem;min-width:300px;transition:all .2s}.products-search:focus-within{border-color:var(--platform-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--platform-primary) 10%,transparent)}.products-search svg{color:var(--platform-text-secondary);flex-shrink:0}.products-search input{flex:1;border:none;outline:none;font-size:.938rem;color:var(--platform-text);background-color:var(--platform-background)}.products-search input::placeholder{color:var(--platform-text-secondary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-card{background:var(--platform-background);border:1px solid var(--platform-border);border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.product-card:hover{border-color:var(--platform-border);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.product-image-container{position:relative;width:100%;background:var(--platform-background-alt);overflow:hidden}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--platform-background-alt);color:var(--platform-text-secondary)}.product-badge{position:absolute;top:.75rem;right:.75rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-badge.out-of-stock{background:var(--platform-danger);color:var(--platform-button-text)}.product-badge.low-stock{background:var(--platform-warning);color:var(--platform-button-text)}.favorite-button{position:absolute;top:.75rem;right:.75rem;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--platform-background) 95%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--platform-text-secondary);transition:all .2s;z-index:2}.favorite-button:hover{background:var(--platform-background);transform:scale(1.1);box-shadow:0 4px 12px #00000026}.favorite-button.favorited,.favorite-button.favorited:hover{color:var(--platform-danger)}.product-info{padding:1.25rem;flex:1;display:flex;flex-direction:column}.product-name{margin:0 0 .5rem;font-size:1.063rem;font-weight:600;color:var(--platform-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{margin:0 0 1rem;font-size:.875rem;color:var(--platform-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--platform-border)}.product-price{display:flex;flex-direction:column;gap:.25rem}.product-footer button{white-space:nowrap}.empty-state,.empty-products{text-align:center;padding:4rem 2rem;color:var(--platform-text-secondary);background:var(--platform-background);border-radius:12px;border:1px solid var(--platform-border)}.empty-state svg,.empty-products svg{color:var(--platform-border);margin-bottom:1.5rem}.empty-state h3,.empty-products h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--platform-text-secondary)}.empty-state p,.empty-products p{margin:0 0 1.5rem;font-size:.938rem;color:var(--platform-text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:60vh}.spinner{width:48px;height:48px;border:4px solid var(--platform-border);border-top-color:var(--platform-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.loading-state p{color:var(--platform-text-secondary);font-size:.938rem}@media (max-width: 768px){.store-view-header{padding:1rem}.store-banner{height:150px}.store-info-section{padding:0 1rem 1.5rem;margin-top:-50px}.store-info-container{flex-direction:column;align-items:center;text-align:center}.store-logo-large,.store-logo-placeholder-large{width:100px;height:100px}.store-details{padding-top:1rem;width:100%}.store-header-info{flex-direction:column;align-items:center}.store-header-info h1{font-size:1.5rem;text-align:center}.store-actions{width:100%;justify-content:center}.store-meta{flex-direction:column;align-items:center;gap:.75rem}.store-products-section{padding:1.5rem 1rem}.products-header{flex-direction:column;align-items:stretch}.products-search{min-width:100%}.products-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--platform-background, #ffffff);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pix-modal{max-width:550px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--platform-border, #e2e8f0)}.modal-header-title{display:flex;align-items:center;gap:.75rem;color:var(--platform-text, #1e293b)}.modal-header-title svg{color:var(--platform-primary, #3b82f6)}.modal-header-title h2{font-size:1.25rem;font-weight:600;margin:0}.modal-close-button{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:var(--platform-text-secondary, #64748b);transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:var(--platform-background-alt, #f1f5f9);color:var(--platform-text, #1e293b)}.pix-instructions{text-align:center;margin-bottom:1.5rem;color:var(--platform-text-secondary, #64748b);font-size:.9375rem;line-height:1.6}.pix-qrcode-container{display:flex;justify-content:center;margin-bottom:1.5rem;padding:1.5rem;background:var(--platform-background-alt, #f8fafc);border-radius:12px}.pix-qrcode-image{max-width:280px;width:100%;height:auto;border:4px solid #ffffff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.pix-code-container{margin-bottom:1.5rem}.pix-code-label{font-size:.875rem;font-weight:600;color:var(--platform-text, #1e293b);margin-bottom:.5rem}.pix-code-box{background:var(--platform-background-alt, #f8fafc);border:1px solid var(--platform-border, #e2e8f0);border-radius:8px;padding:1rem;margin-bottom:.75rem;overflow-x:auto}.pix-code-text{font-family:Courier New,monospace;font-size:.8125rem;color:var(--platform-text, #1e293b);word-break:break-all;line-height:1.6;display:block}.pix-copy-button{width:100%;transition:all .3s}.pix-info{background:var(--platform-background-alt, #f8fafc);border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.pix-info-item{display:flex;justify-content:space-between;align-items:center}.pix-info-label{font-size:.875rem;color:var(--platform-text-secondary, #64748b);font-weight:500}.pix-info-value{font-size:.9375rem;color:var(--platform-text, #1e293b);font-weight:600}.pix-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1rem;margin-top:1rem}.pix-warning p{font-size:.8125rem;color:#92400e;margin:0;line-height:1.6}.pix-warning p+p{margin-top:.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--platform-border, #e2e8f0);display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:95vh;border-radius:12px 12px 0 0}.pix-qrcode-image{max-width:220px}.pix-code-text{font-size:.75rem}}.checkout-container{min-height:100vh;background:var(--platform-background-alt)}.checkout-header{padding:1.5rem 2rem;background:var(--platform-background);border-bottom:1px solid var(--platform-border)}.checkout-content{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.checkout-main{background:var(--platform-background);border:1px solid var(--platform-border);border-radius:16px;padding:2rem}.checkout-title{margin:0 0 2rem;font-size:2rem;font-weight:700;color:var(--platform-text)}.checkout-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--platform-border)}.checkout-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.step-number{width:48px;height:48px;border-radius:50%;background:var(--platform-border);color:var(--platform-text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;transition:all .3s}.checkout-step.active .step-number{background:var(--platform-primary);color:var(--platform-button-text)}.checkout-step.completed .step-number{background:var(--platform-success);color:var(--platform-button-text)}.checkout-step span{font-size:.875rem;font-weight:500;color:var(--platform-text-secondary);transition:all .3s}.checkout-step.active span{color:var(--platform-text);font-weight:600}.step-line{flex:1;height:2px;background:var(--platform-border);margin:0 1rem;align-self:flex-start;margin-top:24px}.checkout-section{margin-bottom:2rem}.checkout-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--platform-border)}.checkout-section-header svg{color:var(--platform-primary)}.checkout-section-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--platform-text)}.checkout-section-header p{margin:.25rem 0 0;font-size:.938rem;color:var(--platform-text-secondary)}.checkout-auth-options{padding:2rem;background:var(--platform-background-alt);border-radius:12px;text-align:center}.checkout-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-actions button{flex:1;max-width:250px}.payment-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.payment-method{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--platform-background);border:2px solid var(--platform-border);border-radius:12px;cursor:pointer;transition:all .2s}.payment-method:hover{border-color:var(--platform-border);box-shadow:0 4px 12px #0000000d}.payment-method.selected{border-color:var(--platform-primary);background:color-mix(in srgb,var(--platform-primary) 5%,var(--platform-background))}.payment-method input[type=radio]{width:20px;height:20px;cursor:pointer}.payment-method-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.payment-method-name{font-size:1rem;font-weight:600;color:var(--platform-text)}.payment-method-desc{font-size:.813rem;color:var(--platform-text-secondary)}.payment-note{padding:1rem;background:color-mix(in srgb,var(--platform-warning) 10%,var(--platform-background));border:1px solid color-mix(in srgb,var(--platform-warning) 30%,var(--platform-background));border-radius:8px;margin-bottom:1.5rem}.payment-note p{margin:0;font-size:.875rem;color:var(--platform-warning);line-height:1.5}.installment-options{padding:1.5rem;background:var(--platform-background-alt);border:1px solid var(--platform-border);border-radius:12px;margin-bottom:2rem}.installment-label{display:block;font-size:.875rem;font-weight:600;color:var(--platform-text);margin-bottom:.75rem}.installment-select{width:100%;padding:.875rem 1rem;font-size:.9375rem;color:var(--platform-text);background:var(--platform-background);border:1px solid var(--platform-border);border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.installment-select:hover{border-color:var(--platform-primary)}.installment-select:focus{outline:none;border-color:var(--platform-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--platform-primary) 10%,transparent)}.installment-info{margin:.75rem 0 0;font-size:.813rem;color:var(--platform-text-secondary);font-weight:500}.checkout-sidebar{position:sticky;top:2rem}.order-summary{background:var(--platform-background);border:1px solid var(--platform-border);border-radius:16px;padding:1.5rem}.order-summary h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--platform-text);padding-bottom:1rem;border-bottom:2px solid var(--platform-border)}.order-stores{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.order-store{padding-bottom:1.5rem;border-bottom:1px solid var(--platform-border)}.order-store:last-child{border-bottom:none;padding-bottom:0}.order-store-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:var(--platform-text-secondary);font-size:.938rem}.order-store-header svg{color:var(--platform-primary)}.order-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.order-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--platform-background-alt);border-radius:8px}.order-item-image{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-image-placeholder{width:100%;height:100%;background:var(--platform-background-alt);display:flex;align-items:center;justify-content:center;color:var(--platform-text-secondary)}.order-item-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.order-item-name{font-size:.875rem;font-weight:600;color:var(--platform-text);line-height:1.3}.order-item-quantity{font-size:.75rem;color:var(--platform-text-secondary)}.order-item-price{font-size:.875rem;font-weight:700;color:var(--platform-text)}.order-store-total{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.938rem;font-weight:600;color:var(--platform-text-secondary)}.order-total{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--platform-background-alt);border-radius:12px;font-size:1rem;font-weight:700;color:var(--platform-text)}.order-total-value{font-size:1.5rem;color:var(--platform-primary)}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr}.checkout-sidebar{position:static}.order-summary{order:-1}}@media (max-width: 768px){.checkout-header,.checkout-content{padding:1rem}.checkout-main{padding:1.5rem}.checkout-title{font-size:1.5rem}.checkout-steps{flex-direction:column;gap:1rem}.step-line{display:none}.form-row-2{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{max-width:100%}}.asaas-notification-banner{width:100%;background:linear-gradient(135deg,color-mix(in srgb,var(--platform-warning) 15%,var(--platform-background)),color-mix(in srgb,var(--platform-warning) 8%,var(--platform-background)));border-bottom:2px solid color-mix(in srgb,var(--platform-warning) 40%,transparent);box-shadow:0 2px 8px #0000000d;animation:slideDown .3s ease-out}.banner-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;gap:1rem}.banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--platform-warning);color:#fff;flex-shrink:0}.banner-message{flex:1;display:flex;flex-direction:column;gap:.25rem}.banner-message strong{font-size:1rem;font-weight:600;color:var(--platform-text);line-height:1.3}.banner-message span{font-size:.875rem;color:var(--platform-text-secondary);line-height:1.4}.banner-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--platform-warning);color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.banner-action:hover{background:color-mix(in srgb,var(--platform-warning) 90%,black);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--platform-warning) 30%,transparent)}.banner-action:active{transform:translateY(0)}.banner-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--platform-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.banner-close:hover{background:color-mix(in srgb,var(--platform-text) 10%,transparent);color:var(--platform-text)}.banner-close:active{background:color-mix(in srgb,var(--platform-text) 15%,transparent)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.banner-content{padding:1rem 1.5rem}}@media (max-width: 768px){.banner-content{padding:1rem;gap:.75rem}.banner-icon{width:36px;height:36px}.banner-icon svg{width:18px;height:18px}.banner-message strong{font-size:.938rem}.banner-message span{font-size:.813rem}.banner-action{padding:.625rem 1.25rem;font-size:.875rem}.banner-close{width:32px;height:32px}}@media (max-width: 640px){.banner-content{flex-wrap:wrap;gap:.75rem}.banner-icon{order:1}.banner-close{order:2;margin-left:auto}.banner-message{order:3;width:100%}.banner-action{order:4;width:100%;justify-content:center}}@media (max-width: 480px){.banner-content{padding:.875rem}.banner-message strong{font-size:.875rem}.banner-message span{font-size:.75rem}.banner-action{padding:.625rem 1rem;font-size:.813rem}}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--platform-background-alt)}.dashboard-sidebar{background-color:var(--platform-card-background);border-right:1px solid var(--platform-border);width:280px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:100;box-shadow:0 1px 3px color-mix(in srgb,var(--platform-text) 5%,transparent)}.dashboard-sidebar.closed{width:80px}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid var(--platform-border);display:flex;justify-content:space-between;align-items:center;min-height:88px}.sidebar-header h2{font-size:1.5rem;font-weight:700;margin:0;background:var(--platform-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;letter-spacing:-.02em}.dashboard-sidebar.closed .sidebar-header h2{display:none}.sidebar-toggle{background:var(--platform-background-alt);border:none;color:var(--platform-text-secondary);font-size:1.125rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.sidebar-toggle:hover{background:var(--platform-border);color:var(--platform-text)}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.sidebar-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;width:100%;border:none;background:none;color:var(--platform-text-secondary);cursor:pointer;text-align:left;transition:all .2s ease-in-out;font-size:.9375rem;font-weight:500;border-radius:.75rem;position:relative}.sidebar-item:hover{background-color:var(--platform-background-alt);color:var(--platform-text);transform:translate(2px)}.sidebar-item.active{background:var(--platform-gradient);color:#fff;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--platform-primary) 20%,transparent)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--platform-background-dark);border-radius:0 2px 2px 0}.sidebar-icon{font-size:1.375rem;min-width:1.375rem;text-align:center;display:flex;align-items:center;justify-content:center}.sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar.closed .sidebar-label{display:none}.dashboard-sidebar.closed .sidebar-item{justify-content:center;padding:.875rem}.sidebar-footer{border-top:1px solid var(--platform-border);padding:1rem}.dashboard-main{flex:1;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.dashboard-sidebar.closed+.dashboard-main{margin-left:80px}.dashboard-header{background:var(--platform-background-dark);padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px color-mix(in srgb,var(--platform-text) 5%,transparent);border-bottom:1px solid var(--platform-border);position:sticky;top:0;z-index:50;min-height:88px}.header-left{display:flex;align-items:center;gap:1.25rem}.header-left h1{font-size:1.875rem;font-weight:700;margin:0;color:var(--platform-text);letter-spacing:-.02em}.mobile-menu-btn{display:none;background:var(--platform-background-alt);border:none;font-size:1.5rem;cursor:pointer;color:var(--platform-text-secondary);padding:.625rem;border-radius:.75rem;transition:all .2s ease-in-out}.mobile-menu-btn:hover{background:var(--platform-border);color:var(--platform-text)}.header-right{display:flex;align-items:center;gap:1.25rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.125rem}.user-name{font-size:.9375rem;font-weight:600;color:var(--platform-text)}.user-type{font-size:.8125rem;color:var(--platform-text-secondary);text-transform:capitalize;font-weight:500}.user-avatar{width:44px;height:44px;border-radius:.75rem;background:var(--platform-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:1.125rem;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--platform-primary) 20%,transparent);transition:all .2s ease-in-out}.user-avatar:hover{transform:scale(1.05);box-shadow:0 6px 8px -1px color-mix(in srgb,var(--platform-primary) 30%,transparent)}.dashboard-content{flex:1;padding:2.5rem;max-width:1600px;width:100%;margin:0 auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--platform-border);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--platform-text-secondary)}@media (max-width: 768px){.dashboard-sidebar{transform:translate(-100%);width:280px}.dashboard-sidebar.open{transform:translate(0);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dashboard-sidebar.closed{transform:translate(-100%);width:280px}.dashboard-main{margin-left:0}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.user-info{display:none}.dashboard-content{padding:1.5rem}.dashboard-header{padding:1.25rem 1.5rem}.header-left h1{font-size:1.5rem}}@media (prefers-color-scheme: dark){.dashboard-layout{background-color:var(--platform-background-dark)}.dashboard-sidebar{background:color-mix(in srgb,var(--platform-background-dark) 90%,var(--platform-text) 10%);border-right-color:color-mix(in srgb,var(--platform-text) 20%,transparent)}.sidebar-header{border-bottom-color:color-mix(in srgb,var(--platform-text) 20%,transparent)}.sidebar-toggle{background:color-mix(in srgb,var(--platform-text) 20%,transparent);color:var(--platform-border)}.sidebar-toggle:hover{background:color-mix(in srgb,var(--platform-text) 30%,transparent);color:var(--platform-border)}.sidebar-item{color:var(--platform-text-secondary)}.sidebar-item:hover{background-color:color-mix(in srgb,var(--platform-text) 20%,transparent);color:var(--platform-border)}.sidebar-footer{border-top-color:color-mix(in srgb,var(--platform-text) 20%,transparent)}.dashboard-header{background:color-mix(in srgb,var(--platform-background-dark) 90%,var(--platform-text) 10%);border-bottom-color:color-mix(in srgb,var(--platform-text) 20%,transparent)}.header-left h1{color:var(--platform-button-text)}.mobile-menu-btn{background:color-mix(in srgb,var(--platform-text) 20%,transparent);color:var(--platform-border)}.mobile-menu-btn:hover{background:color-mix(in srgb,var(--platform-text) 30%,transparent);color:var(--platform-border)}.user-name{color:var(--platform-button-text)}.user-type{color:var(--platform-text-secondary)}.sidebar-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--platform-text) 30%,transparent)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--platform-text-secondary)}}.metric-card,.dashboard-card{background:var(--platform-card-background);border-radius:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--platform-border);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.metric-card:hover,.dashboard-card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;transform:translateY(-2px)}.metric-card{padding:1.75rem}.dashboard-card.full-width{grid-column:1 / -1}.card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--platform-border);background:var(--platform-background-alt)}.card-header h2{font-size:1.125rem;font-weight:700;color:var(--platform-text);margin:0;letter-spacing:-.02em}.card-content{padding:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.metric-header h3{font-size:.875rem;font-weight:600;color:var(--platform-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.metric-icon{font-size:1.75rem;opacity:.8}.metric-value{font-size:2.25rem;font-weight:800;color:var(--platform-text);margin-bottom:.75rem;letter-spacing:-.03em}.metric-change{font-size:.875rem;color:var(--platform-text-secondary);font-weight:500}.metric-change.positive{color:var(--platform-success)}.metric-change.negative{color:var(--platform-danger)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--platform-text-secondary);font-size:.9375rem;margin:0;font-weight:500}.empty-state:before{content:"∅";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.loading-state{text-align:center;padding:4rem 2rem;background:var(--platform-card-background);border-radius:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--platform-border);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-state p{color:var(--platform-text-secondary);font-weight:500;margin:0}.spinner{width:48px;height:48px;border:4px solid var(--platform-background-alt);border-top-color:var(--platform-primary);border-radius:50%;animation:spin .8s linear infinite}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;font-size:.8125rem;font-weight:600;letter-spacing:.01em}.status-badge.active{background:color-mix(in srgb,var(--platform-success) 20%,var(--platform-background));color:color-mix(in srgb,var(--platform-success) 80%,#000)}.status-badge.inactive{background:color-mix(in srgb,var(--platform-danger) 20%,var(--platform-background));color:color-mix(in srgb,var(--platform-danger) 80%,#000)}.status-badge.pending{background:color-mix(in srgb,var(--platform-warning) 20%,var(--platform-background));color:color-mix(in srgb,var(--platform-warning) 80%,#000)}.alert{padding:1.25rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;font-weight:500;border-width:1px;border-style:solid}.alert-error{background:color-mix(in srgb,var(--platform-danger) 10%,var(--platform-background));color:color-mix(in srgb,var(--platform-danger) 80%,#000);border-color:color-mix(in srgb,var(--platform-danger) 30%,var(--platform-background))}.alert-success{background:color-mix(in srgb,var(--platform-success) 10%,var(--platform-background));color:color-mix(in srgb,var(--platform-success) 80%,#000);border-color:color-mix(in srgb,var(--platform-success) 30%,var(--platform-background))}.alert-warning{background:color-mix(in srgb,var(--platform-warning) 10%,var(--platform-background));color:color-mix(in srgb,var(--platform-warning) 80%,#000);border-color:color-mix(in srgb,var(--platform-warning) 30%,var(--platform-background))}.alert-info{background:color-mix(in srgb,var(--platform-info) 10%,var(--platform-background));color:color-mix(in srgb,var(--platform-info) 80%,#000);border-color:color-mix(in srgb,var(--platform-info) 30%,var(--platform-background))}.user-avatar-small,.user-avatar-medium,.user-avatar-large{border-radius:.75rem;background:var(--platform-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--platform-button-text);flex-shrink:0;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--platform-primary) 15%,transparent)}.user-avatar-small{width:36px;height:36px;font-size:.875rem}.user-avatar-medium{width:44px;height:44px;font-size:1rem}.user-avatar-large{width:88px;height:88px;font-size:2rem}@media (max-width: 768px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr}.card-header{padding:1.25rem 1.5rem}.card-content,.metric-card{padding:1.5rem}}@media (prefers-color-scheme: dark){.metric-card,.dashboard-card,.loading-state{background:var(--platform-background-dark);border-color:var(--platform-border)}.card-header{background:color-mix(in srgb,var(--platform-background-dark) 80%,#000);border-bottom-color:var(--platform-border)}.card-header h2{color:var(--platform-button-text)}.metric-header h3{color:var(--platform-text-secondary)}.metric-value{color:var(--platform-button-text)}.metric-change,.empty-state,.loading-state p{color:var(--platform-text-secondary)}.spinner{border-color:var(--platform-border);border-top-color:var(--platform-primary)}}.customer-dashboard{width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.metric-card{background:var(--platform-card-background);border:1px solid var(--platform-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.metric-card:hover{border-color:var(--platform-border-hover);box-shadow:0 4px 12px #00000014}.metric-icon{width:56px;height:56px;border-radius:12px;background:var(--platform-gradient);color:var(--platform-button-text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.metric-label{font-size:.875rem;color:var(--platform-text-secondary);font-weight:500}.metric-value{font-size:1.75rem;font-weight:700;color:var(--platform-text)}.quick-actions-section{margin-bottom:2rem}.quick-actions-section h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--platform-text)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.quick-action-card{background:var(--platform-card-background);border:1px solid var(--platform-border);border-radius:12px;padding:2rem;text-align:center;transition:all .2s;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:1rem}.quick-action-card:hover{border-color:var(--platform-primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.quick-action-card svg{color:var(--platform-primary)}.quick-action-card h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--platform-text)}.quick-action-card p{margin:0;font-size:.875rem;color:var(--platform-text-secondary)}@media (max-width: 768px){.metrics-grid,.quick-actions-grid{grid-template-columns:1fr}.metric-value{font-size:1.5rem}}.customer-profile{width:100%}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--platform-border);overflow-x:auto}.profile-tabs .tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--platform-text-secondary);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.profile-tabs .tab:hover{color:var(--platform-primary)}.profile-tabs .tab.active{color:var(--platform-primary);border-bottom-color:var(--platform-primary)}.profile-content{background:var(--platform-card-background);border:1px solid var(--platform-border);border-radius:12px;padding:2rem}.profile-form{max-width:600px}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--platform-text)}.form-group small{display:block;margin-top:.25rem;font-size:.75rem;color:var(--platform-text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.profile-form button[type=submit]{margin-top:1rem}@media (max-width: 768px){.profile-content{padding:1.5rem}.profile-tabs{padding-bottom:.5rem}.profile-tabs .tab{padding:.75rem 1rem;font-size:.875rem}.form-row{grid-template-columns:1fr}}.customer-purchases{width:100%}.purchases-header{margin-bottom:1.5rem}.purchases-header p{margin:0;font-size:.875rem;color:var(--platform-text-secondary);font-weight:500}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.store-purchase-card{background:var(--platform-card-background);border:1px solid var(--platform-border);border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.store-purchase-card:hover{border-color:var(--platform-border-hover);box-shadow:0 4px 12px #00000014}.store-card-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;background:var(--platform-background-alt);border-bottom:1px solid var(--platform-border)}.store-logo{width:56px;height:56px;border-radius:10px;object-fit:cover;border:2px solid var(--platform-background);box-shadow:0 2px 8px #0000001a}.store-logo-placeholder{width:56px;height:56px;border-radius:10px;background:var(--platform-gradient);color:var(--platform-button-text);display:flex;align-items:center;justify-content:center;border:2px solid var(--platform-background);box-shadow:0 2px 8px color-mix(in srgb,var(--platform-primary) 30%,transparent)}.store-info{flex:1}.store-info h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--platform-text)}.store-category{display:inline-block;padding:.25rem .625rem;background:var(--platform-card-background);border:1px solid var(--platform-border);border-radius:6px;font-size:.75rem;font-weight:600;color:var(--platform-text-secondary);text-transform:uppercase;letter-spacing:.5px}.store-card-body{padding:1.5rem;flex:1}.purchase-stats{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--platform-background-alt);border-radius:8px}.stat-item svg{color:var(--platform-primary);flex-shrink:0}.stat-item>div{display:flex;flex-direction:column;gap:.125rem}.stat-label{font-size:.75rem;color:var(--platform-text-secondary);font-weight:500}.stat-value{font-size:.938rem;color:var(--platform-text);font-weight:600}.store-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--platform-border)}.store-card-footer button{width:100%}@media (max-width: 768px){.stores-grid{grid-template-columns:1fr}}.customer-favorites{width:100%}.favorites-header{margin-bottom:1.5rem}.favorites-header p{margin:0;font-size:.875rem;color:var(--platform-text-secondary);font-weight:500}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.favorite-card{background:var(--platform-card-background);border:1px solid var(--platform-border);border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.favorite-card:hover{border-color:var(--platform-border-hover);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.favorite-image-container{position:relative;width:100%;padding-top:100%;background:var(--platform-background-alt);overflow:hidden}.favorite-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.favorite-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--platform-background-alt) 0%,var(--platform-border) 100%);color:var(--platform-text-muted)}.favorite-badge{position:absolute;top:.75rem;left:.75rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.favorite-badge.out-of-stock{background:var(--platform-danger);color:var(--platform-button-text)}.favorite-badge.low-stock{background:var(--platform-warning);color:var(--platform-button-text)}.favorite-badge.inactive{background:var(--platform-text-secondary);color:var(--platform-button-text)}.favorite-remove-button{position:absolute;top:.75rem;right:.75rem;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--platform-background) 95%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--platform-danger);transition:all .2s;z-index:2}.favorite-remove-button:hover{background:var(--platform-card-background);transform:scale(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--platform-danger) 30%,transparent);color:var(--platform-danger)}.favorite-info{padding:1.25rem;flex:1;display:flex;flex-direction:column}.favorite-store{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;color:var(--platform-text-secondary);font-weight:500}.favorite-store svg{flex-shrink:0;color:var(--platform-primary)}.favorite-name{margin:0 0 .5rem;font-size:1.063rem;font-weight:600;color:var(--platform-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorite-description{margin:0 0 1rem;font-size:.875rem;color:var(--platform-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorite-footer{margin-top:auto;display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--platform-border)}.favorite-price{display:flex;flex-direction:column;gap:.25rem}.price-label{font-size:.75rem;color:var(--platform-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.price-value{font-size:1.25rem;font-weight:700;color:var(--platform-text)}.favorite-actions{display:flex;gap:.75rem}.favorite-actions button:first-child{flex-shrink:0;padding:.625rem}.favorite-actions button:last-child{flex:1}.empty-state{text-align:center;padding:4rem 2rem;color:var(--platform-text-secondary)}.empty-state svg{color:var(--platform-border-hover);margin-bottom:1.5rem}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--platform-text-secondary)}.empty-state p{margin:0 0 1.5rem;font-size:.938rem;color:var(--platform-text-muted)}@media (max-width: 768px){.favorites-grid{grid-template-columns:1fr}}.support-page{width:100%;height:calc(100vh - 200px)}.support-container{display:grid;grid-template-columns:350px 1fr;gap:0;height:100%;background:var(--platform-background);border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.conversations-panel{border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100%;background:var(--gray-50)}.panel-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);background:var(--platform-background);display:flex;align-items:center;justify-content:space-between}.panel-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--gray-800)}.conversations-count{background:var(--gradient-primary);color:#fff;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600}.conversations-list{flex:1;overflow-y:auto;padding:.5rem}.conversation-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--platform-background);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:.5rem;cursor:pointer;transition:all .2s;position:relative}.conversation-item:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000d}.conversation-item.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,white)}.conversation-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.conversation-header strong{font-size:.875rem;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.75rem;color:var(--gray-500);flex-shrink:0}.conversation-preview{font-size:.813rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{position:absolute;top:.75rem;right:.75rem;background:var(--gradient-primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.empty-conversations{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--gray-500)}.empty-conversations svg{color:var(--gray-300);margin-bottom:1rem}.empty-conversations p{margin:0 0 .5rem;font-weight:600;color:var(--gray-600);font-size:1rem}.empty-conversations span{font-size:.875rem;color:var(--gray-400)}.chat-panel{display:flex;flex-direction:column;height:100%;background:var(--platform-background)}.chat-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);background:var(--platform-background)}.chat-header-info{display:flex;align-items:center;gap:1rem}.chat-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center}.chat-header-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--gray-800)}.chat-email{font-size:.813rem;color:var(--gray-500)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background:var(--gray-50)}.messages-list{display:flex;flex-direction:column;gap:1rem}.message{display:flex;width:100%}.message-sent{justify-content:flex-end}.message-received{justify-content:flex-start}.message-bubble{max-width:70%;padding:.875rem 1.125rem;border-radius:16px;position:relative}.message-sent .message-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.message-received .message-bubble{background:var(--platform-background);border:1px solid var(--gray-200);color:var(--gray-800);border-bottom-left-radius:4px}.message-bubble p{margin:0 0 .5rem;line-height:1.5;font-size:.875rem;word-wrap:break-word}.message-time{font-size:.75rem;opacity:.75}.message-sent .message-time{color:#ffffffe6}.message-received .message-time{color:var(--gray-500)}.empty-messages{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gray-500)}.empty-messages svg{color:var(--gray-300);margin-bottom:1rem}.empty-messages p{margin:0 0 .5rem;font-weight:600;color:var(--gray-600);font-size:1rem}.empty-messages span{font-size:.875rem;color:var(--gray-400)}.chat-input-container{padding:1.5rem;border-top:1px solid var(--gray-200);background:var(--platform-background)}.chat-input-form{display:flex;gap:.75rem;align-items:center}.chat-input{flex:1;padding:.875rem 1.125rem;border:1px solid var(--gray-200);border-radius:24px;font-size:.875rem;transition:all .2s;background:var(--gray-50)}.chat-input:focus{outline:none;border-color:var(--primary);background:var(--platform-background);box-shadow:0 0 0 3px var(--primary-shadow)}.send-button{width:48px;height:48px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}.chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gray-500);padding:2rem}.chat-empty svg{color:var(--gray-300);margin-bottom:1.5rem}.chat-empty h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--gray-600)}.chat-empty p{margin:0;font-size:.875rem;color:var(--gray-400)}@media (max-width: 768px){.support-container{grid-template-columns:1fr}.conversations-panel{display:none}.chat-panel{display:flex}.message-bubble{max-width:85%}}.admin-dashboard{display:flex;flex-direction:column;gap:2rem}.activity-list{display:flex;flex-direction:column;gap:1.25rem}.activity-item{display:flex;gap:1.125rem;align-items:flex-start;padding:1rem;border-radius:.75rem;background:var(--platform-card-background);transition:all .2s ease-in-out}.activity-item:hover{background:color-mix(in srgb,var(--platform-card-background) 90%,var(--platform-text) 10%);transform:translate(4px)}.activity-icon{width:40px;height:40px;border-radius:.75rem;background:linear-gradient(135deg,var(--platform-success) 0%,color-mix(in srgb,var(--platform-success) 85%,black 15%) 100%);color:var(--platform-button-text);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;flex-shrink:0;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--platform-success) 20%,transparent 80%)}.activity-content{flex:1;min-width:0}.activity-title{font-size:.9375rem;color:var(--platform-text);font-weight:600;margin-bottom:.25rem;letter-spacing:-.01em}.activity-time{font-size:.8125rem;color:var(--platform-text-secondary);font-weight:500}@media (prefers-color-scheme: dark){.activity-item{background:var(--platform-background-dark)}.activity-item:hover{background:color-mix(in srgb,var(--platform-background-dark) 85%,var(--platform-background) 15%)}.activity-title{color:var(--platform-button-text)}.activity-time{color:var(--platform-text-secondary)}}.sellers-management{display:flex;flex-direction:column;gap:1.5rem}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem;flex-shrink:0}.customers-management{display:flex;flex-direction:column;gap:1.5rem}.management-header{background:var(--platform-background-dark);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:1px solid var(--platform-border);background:var(--platform-background-dark);border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:color-mix(in srgb,var(--platform-background) 95%,var(--platform-text) 5%)}.filter-btn.active{background:var(--platform-primary);color:var(--platform-button-text);border-color:var(--platform-primary)}.search-form{display:flex;gap:.5rem;align-items:center}.search-input{padding:.5rem 1rem;border:1px solid var(--platform-border);border-radius:.5rem;font-size:.875rem;min-width:250px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--platform-primary)}.search-btn,.clear-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--platform-border);background:var(--platform-background-dark);border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:1rem}.search-btn:hover,.clear-btn:hover{background:color-mix(in srgb,var(--platform-background) 95%,var(--platform-text) 5%);border-color:var(--platform-text-secondary)}.search-btn{background:var(--platform-primary);border-color:var(--platform-primary);color:var(--platform-button-text)}.search-btn:hover{background:color-mix(in srgb,var(--platform-primary) 85%,black 15%);border-color:color-mix(in srgb,var(--platform-primary) 85%,black 15%)}.loading-state,.empty-state{text-align:center;padding:3rem;background:var(--platform-background-dark);border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state p{color:var(--platform-text-secondary);margin:0}.table-container{background:var(--platform-background-dark);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:color-mix(in srgb,var(--platform-background) 97%,var(--platform-text) 3%)}.data-table th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--platform-text-secondary);letter-spacing:.05em}.data-table tbody tr{border-top:1px solid var(--platform-border);transition:background .2s}.data-table tbody tr:hover{background:color-mix(in srgb,var(--platform-background) 97%,var(--platform-text) 3%)}.data-table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--platform-text)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--platform-warning) 0%,color-mix(in srgb,var(--platform-warning) 85%,black 15%) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--platform-button-text);font-size:.875rem;flex-shrink:0}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.action-buttons{display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--platform-border);background:var(--platform-background-dark);border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:1rem}.btn-icon:hover{background:color-mix(in srgb,var(--platform-background) 95%,var(--platform-text) 5%);border-color:var(--platform-text-secondary)}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem}@media (max-width: 1024px){.data-table{font-size:.8125rem}.data-table th,.data-table td{padding:.75rem 1rem}}@media (max-width: 768px){.table-container{overflow-x:auto}.data-table{min-width:600px}.management-header{padding:1rem}.header-actions{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-btn{flex:1;font-size:.75rem;padding:.5rem}.search-form{width:100%}.search-input{flex:1;min-width:0}}@media (prefers-color-scheme: dark){.management-header,.loading-state,.empty-state,.table-container{background:var(--platform-background-alt)}.data-table thead{background:color-mix(in srgb,var(--platform-text) 95%,black 5%)}.data-table th{color:var(--platform-text-secondary)}.data-table tbody tr{border-top-color:var(--platform-background-dark)}.data-table tbody tr:hover{background:var(--platform-background-dark)}.data-table td{color:var(--platform-button-text)}.filter-btn{background:var(--platform-background-dark);border-color:color-mix(in srgb,var(--platform-text-secondary) 50%,transparent 50%);color:var(--platform-button-text)}.filter-btn:hover{background:color-mix(in srgb,var(--platform-background-dark) 85%,var(--platform-background) 15%)}.btn-icon{background:var(--platform-background-dark);border-color:color-mix(in srgb,var(--platform-text-secondary) 50%,transparent 50%)}.btn-icon:hover{background:color-mix(in srgb,var(--platform-background-dark) 85%,var(--platform-background) 15%)}.empty-state p{color:var(--platform-text-secondary)}.search-input{background:var(--platform-background-dark);border-color:color-mix(in srgb,var(--platform-text-secondary) 50%,transparent 50%);color:var(--platform-button-text)}.search-input::placeholder{color:var(--platform-text-secondary)}.clear-btn{background:var(--platform-background-dark);border-color:color-mix(in srgb,var(--platform-text-secondary) 50%,transparent 50%);color:var(--platform-button-text)}.clear-btn:hover{background:color-mix(in srgb,var(--platform-background-dark) 85%,var(--platform-background) 15%)}}.user-details{display:flex;flex-direction:column;gap:1.5rem}.loading-state,.error-state{text-align:center;padding:3rem;background:var(--platform-background-dark);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:4px solid color-mix(in srgb,var(--platform-background) 95%,var(--platform-text) 5%);border-top-color:var(--platform-primary);border-radius:50%;animation:spin 1s linear infinite}.details-header{background:var(--platform-background-dark);padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-info{display:flex;align-items:center;gap:1.5rem}.user-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:2rem;flex-shrink:0}.header-info h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--platform-text)}.user-email{margin:0 0 .75rem;color:var(--platform-text-secondary);font-size:.875rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.status-badge{display:inline-block;padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge.active{background:color-mix(in srgb,var(--platform-success) 20%,var(--platform-background) 80%);color:color-mix(in srgb,var(--platform-success) 85%,black 15%)}.status-badge.inactive{background:color-mix(in srgb,var(--platform-danger) 20%,var(--platform-background) 80%);color:color-mix(in srgb,var(--platform-danger) 85%,black 15%)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.details-card{background:var(--platform-background-dark);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.details-card h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:var(--platform-text);padding-bottom:.75rem;border-bottom:2px solid var(--platform-border)}.details-card form{display:flex;flex-direction:column;gap:1rem}.address-row{display:flex;gap:1rem}.address-row>div{flex:1}.metadata-list{display:flex;flex-direction:column;gap:1rem}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--platform-text-secondary);letter-spacing:.05em}.metadata-value{font-size:.875rem;color:var(--platform-text);word-break:break-all}.alert{padding:1rem;border-radius:.5rem}.alert-error{background:color-mix(in srgb,var(--platform-danger) 20%,var(--platform-background) 80%);color:color-mix(in srgb,var(--platform-danger) 85%,black 15%);border:1px solid color-mix(in srgb,var(--platform-danger) 30%,var(--platform-background) 70%)}@media (max-width: 768px){.details-header{padding:1.5rem}.header-info{flex-direction:column;align-items:flex-start;width:100%}.header-actions{width:100%}.header-actions button{flex:1}.details-grid{grid-template-columns:1fr}.user-avatar-large{width:60px;height:60px;font-size:1.5rem}.header-info h2{font-size:1.25rem}.address-row{flex-direction:column}}@media (prefers-color-scheme: dark){.loading-state,.error-state,.details-header,.details-card{background:var(--platform-background-alt)}.header-info h2,.details-card h3,.metadata-value{color:var(--platform-button-text)}.user-email,.metadata-label{color:var(--platform-text-secondary)}.details-card h3{border-bottom-color:var(--platform-background-dark)}}.platform-settings{padding:24px}.platform-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px}.spinner{width:48px;height:48px;border:4px solid var(--slate-200);border-top-color:var(--blue-600);border-radius:50%;animation:spin 1s linear infinite}.platform-message{padding:16px 24px;border-radius:8px;margin-bottom:24px;font-weight:500}.platform-message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.platform-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.platform-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px;flex-wrap:wrap}.platform-tabs{display:flex;gap:8px;background:var(--slate-100);padding:4px;border-radius:8px}.platform-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:var(--slate-600);font-weight:500;font-size:15px;border-radius:6px;cursor:pointer;transition:all .2s ease}.platform-tab:hover{background:var(--slate-200);color:var(--slate-900)}.platform-tab.active{background:#162037;color:var(--blue-600);box-shadow:0 1px 3px #0000001a}.platform-actions{display:flex;gap:12px}.platform-settings-content{background:#162037;border-radius:12px;border:1px solid var(--slate-200);padding:32px}.settings-section{max-width:1200px}.section-header{margin-bottom:32px}.section-header h2{font-size:24px;font-weight:700;color:var(--slate-900);margin:0 0 8px}.section-header p{color:var(--slate-600);font-size:15px;margin:0}.colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.color-item{display:flex;flex-direction:column;gap:12px}.color-item label{font-weight:600;color:var(--slate-700);font-size:14px}.color-input-group{display:flex;gap:12px;align-items:center}.color-input-group input[type=color]{width:60px;height:44px;border:2px solid var(--slate-200);border-radius:8px;cursor:pointer;transition:all .2s ease}.color-input-group input[type=color]:hover{border-color:var(--blue-400)}.color-input-group input[type=text]{flex:1}.color-preview{height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.2);border:1px solid var(--slate-200)}.gradient-preview{margin-top:16px}.gradient-preview h3{font-size:18px;font-weight:600;color:var(--slate-900);margin:0 0 16px}.gradient-box{height:120px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.2);border:1px solid var(--slate-200)}.content-form{max-width:800px}.form-group{display:flex;flex-direction:column;gap:20px}.form-group h3{font-size:20px;font-weight:700;color:var(--slate-900);margin:0 0 8px;padding-bottom:12px;border-bottom:2px solid var(--slate-200)}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-weight:600;color:var(--slate-700);font-size:14px}.form-field textarea{width:100%;padding:12px 16px;border:1px solid var(--slate-300);border-radius:8px;font-family:inherit;font-size:15px;color:var(--slate-900);resize:vertical;transition:all .2s ease}.form-field textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.preview-components{display:flex;flex-direction:column;gap:48px}.preview-buttons h3,.preview-cards h3,.preview-text h3{font-size:18px;font-weight:600;color:var(--slate-900);margin:0 0 16px}.button-group{display:flex;gap:16px;flex-wrap:wrap}.preview-button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;color:#fff}.preview-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.preview-button.outline{background:#162037;border:2px solid}.preview-card{max-width:400px;border-radius:12px;border:1px solid var(--slate-200);overflow:hidden;box-shadow:0 2px 8px #0000000d}.card-header{padding:24px;color:#fff}.card-header h4{margin:0;font-size:20px;font-weight:600}.card-body{padding:24px}.card-body p{margin:0 0 12px;font-size:15px;line-height:1.6}.card-body p:last-child{margin-bottom:0}.preview-text{display:flex;flex-direction:column;gap:16px}.preview-text h1{font-size:48px;font-weight:800;margin:0}.preview-text h2{font-size:36px;font-weight:700;margin:0}.preview-text p{font-size:16px;line-height:1.6;margin:0}@media (max-width: 768px){.platform-settings{padding:16px}.platform-settings-header{flex-direction:column;align-items:stretch}.platform-tabs,.platform-actions{flex-direction:column}.platform-settings-content{padding:20px}.colors-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.preview-text h1{font-size:32px}.preview-text h2{font-size:24px}}.plans-management{padding:2rem;max-width:1400px;margin:0 auto}.plans-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--platform-border);border-top-color:var(--platform-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.plans-message{padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.9375rem;font-weight:500;animation:slideDown .3s ease}.plans-message.success{background:color-mix(in srgb,var(--platform-success) 10%,white);border:1px solid color-mix(in srgb,var(--platform-success) 30%,white);color:color-mix(in srgb,var(--platform-success) 80%,black)}.plans-message.error{background:color-mix(in srgb,var(--platform-danger) 10%,white);border:1px solid color-mix(in srgb,var(--platform-danger) 30%,white);color:color-mix(in srgb,var(--platform-danger) 80%,black)}.plans-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;gap:2rem}.plans-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;flex:1}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:.75rem;box-shadow:0 1px 3px #0000000d}.stat-icon{width:48px;height:48px;padding:.75rem;background:var(--platform-gradient);color:var(--platform-button-text);border-radius:.75rem;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:var(--platform-text-secondary);font-weight:500}.stat-value{font-size:1.875rem;font-weight:700;color:var(--platform-text);line-height:1}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.plan-card{background:var(--platform-background);border:2px solid var(--platform-border);border-radius:1rem;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.plan-card:hover{border-color:var(--platform-primary);box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.plan-card.inactive{opacity:.6;background:var(--platform-background-alt)}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid var(--platform-border)}.plan-title{display:flex;flex-direction:column;gap:.5rem}.plan-title h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--platform-text)}.plan-status{display:inline-block;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-status.active{background:color-mix(in srgb,var(--platform-success) 15%,white);color:var(--platform-success)}.plan-status.inactive{background:color-mix(in srgb,var(--platform-text-secondary) 15%,white);color:var(--platform-text-secondary)}.plan-price{display:flex;align-items:baseline;gap:.25rem}.plan-price .currency{font-size:1.25rem;font-weight:600;color:var(--platform-text-secondary)}.plan-price .amount{font-size:2.5rem;font-weight:800;background:var(--platform-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.plan-price .period{font-size:.875rem;color:var(--platform-text-secondary)}.plan-description{margin:0;color:var(--platform-text-secondary);font-size:.9375rem;line-height:1.5}.plan-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--platform-text)}.detail-item svg{color:var(--platform-primary);flex-shrink:0}.plan-features{padding:1rem;background:var(--platform-background-alt);border-radius:.75rem}.plan-features h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--platform-text);text-transform:uppercase;letter-spacing:.5px}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.plan-features li{position:relative;padding-left:1.5rem;font-size:.9375rem;color:var(--platform-text-secondary)}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.empty-state svg{color:var(--platform-text-secondary);opacity:.5}.empty-state h3{margin:0;font-size:1.5rem;color:var(--platform-text)}.empty-state p{margin:0;color:var(--platform-text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:var(--platform-background, #ffffff);border-radius:1rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid var(--platform-border, #e2e8f0)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--platform-text, #1e293b)}.modal-close{width:32px;height:32px;border:none;background:transparent;font-size:2rem;line-height:1;color:var(--platform-text-secondary, #64748b);cursor:pointer;border-radius:.5rem;transition:all .2s}.modal-close:hover{background:var(--platform-background-alt, #f8fafc);color:var(--platform-text, #1e293b)}.modal-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--platform-text, #1e293b)}.form-group textarea{width:100%;padding:.875rem 1.125rem;border:1px solid var(--platform-border, #e2e8f0);border-radius:.75rem;font-family:inherit;font-size:.9375rem;color:var(--platform-text, #1e293b);background:var(--platform-background, #ffffff);box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);resize:vertical}.form-group textarea:focus{outline:none;border-color:var(--platform-primary);box-shadow:0 0 0 4px #3b82f61a}.feature-input{display:flex;gap:.5rem}.feature-input input{flex:1;padding:.75rem 1rem;border:1px solid var(--platform-border, #e2e8f0);border-radius:.75rem;font-size:.9375rem;color:var(--platform-text, #1e293b);background:var(--platform-background, #ffffff);transition:all .2s}.feature-input input:focus{outline:none;border-color:var(--platform-primary);box-shadow:0 0 0 4px #3b82f61a}.remove-feature{width:38px;height:38px;border:1px solid var(--platform-border, #e2e8f0);background:var(--platform-background, #ffffff);border-radius:.75rem;font-size:1.5rem;line-height:1;color:var(--platform-danger);cursor:pointer;transition:all .2s}.remove-feature:hover{background:var(--platform-danger);color:#fff;border-color:var(--platform-danger)}.add-feature{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px dashed var(--platform-border);background:transparent;border-radius:.75rem;font-size:.9375rem;font-weight:500;color:var(--platform-text-secondary);cursor:pointer;transition:all .2s;margin-top:.5rem}.add-feature:hover{border-color:var(--platform-primary);color:var(--platform-primary);background:color-mix(in srgb,var(--platform-primary) 5%,white)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:1rem;border:1px solid var(--platform-border, #e2e8f0);border-radius:.75rem;transition:all .2s}.checkbox-label:hover{background:var(--platform-background-alt, #f8fafc)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--platform-primary, #3b82f6)}.checkbox-label span{font-size:.9375rem;color:var(--platform-text, #1e293b)}.modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--platform-border, #e2e8f0)}.modal-actions button{flex:1}@media (max-width: 1024px){.plans-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.plans-management{padding:1rem}.plans-header{flex-direction:column;align-items:stretch}.plans-stats,.plans-grid,.form-row,.plan-actions{grid-template-columns:1fr}.modal-form{padding:1.5rem}}.seller-dashboard{display:flex;flex-direction:column;gap:2rem}.products-list{display:flex;flex-direction:column;gap:1rem}.product-item{display:flex;gap:1.125rem;align-items:center;padding:1rem 1.25rem;background:var(--gray-50);border-radius:.875rem;transition:all .2s ease-in-out;border:1px solid var(--gray-200)}.product-item:hover{background:var(--gray-100);border-color:var(--gray-300);transform:translate(4px);box-shadow:0 2px 4px #0000000d}.product-rank{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--success) 0%,color-mix(in srgb,var(--success) 80%,black) 100%);color:#fff;border-radius:.75rem;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--success) 20%,transparent)}.product-info{flex:1;min-width:0}.product-name{font-weight:600;color:var(--gray-900);font-size:.9375rem;margin-bottom:.25rem;letter-spacing:-.01em}.product-views{font-size:.8125rem;color:var(--gray-500);font-weight:500}.sales-list{display:flex;flex-direction:column;gap:1rem}.sale-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--gray-50);border-radius:.875rem;transition:all .2s ease-in-out;border:1px solid var(--gray-200)}.sale-item:hover{background:var(--gray-100);border-color:var(--gray-300);box-shadow:0 2px 4px #0000000d}.sale-info{flex:1;min-width:0}.sale-product{font-weight:600;color:var(--gray-900);font-size:.9375rem;margin-bottom:.25rem;letter-spacing:-.01em}.sale-date{font-size:.8125rem;color:var(--gray-500);font-weight:500}.sale-value{font-weight:700;color:var(--success);font-size:1rem;white-space:nowrap}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:var(--platform-background);border-radius:1rem;text-decoration:none;color:var(--gray-600);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200);box-shadow:0 1px 3px #0000000d}.action-btn:hover{background:linear-gradient(135deg,var(--success) 0%,color-mix(in srgb,var(--success) 80%,black) 100%);color:#fff;border-color:var(--success);transform:translateY(-4px);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--success) 20%,transparent),0 4px 6px -2px color-mix(in srgb,var(--success) 10%,transparent)}.action-icon{font-size:2.25rem;transition:transform .2s ease-in-out}.action-btn:hover .action-icon{transform:scale(1.1)}.action-btn span:last-child{font-weight:600;font-size:.9375rem;letter-spacing:-.01em}@media (max-width: 768px){.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.quick-actions{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.product-item,.sale-item{background:var(--gray-700);border-color:var(--gray-600)}.product-item:hover,.sale-item:hover{background:var(--gray-600);border-color:var(--gray-500)}.product-name,.sale-product{color:var(--gray-50)}.product-views,.sale-date{color:var(--gray-400)}.action-btn{background-color:var(--gray-800);border-color:var(--gray-700);color:var(--gray-200)}.action-btn:hover{background:linear-gradient(135deg,var(--success) 0%,color-mix(in srgb,var(--success) 80%,black) 100%);color:#fff;border-color:var(--success)}.alert-banner{background:var(--gray-800);border-color:var(--warning)}.alert-banner h3,.alert-banner p{color:var(--gray-50)}}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:12px;margin-bottom:2rem;gap:1.5rem}.alert-banner.warning{background:linear-gradient(135deg,#eab30826,#eab3080d);border-left:4px solid var(--warning)}.alert-content{display:flex;align-items:flex-start;gap:1rem;flex:1}.alert-content svg{color:var(--warning);flex-shrink:0;margin-top:.125rem}.alert-text h3{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-900)}.alert-text p{font-size:.875rem;color:var(--gray-600);margin:0}.alert-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--warning);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:.875rem;white-space:nowrap;transition:all .2s ease-in-out;box-shadow:0 2px 4px #eab30833}.alert-action-btn:hover{background:color-mix(in srgb,var(--warning) 90%,black);transform:translateY(-2px);box-shadow:0 4px 8px #eab3084d}@media (max-width: 768px){.alert-banner{flex-direction:column;align-items:flex-start}.alert-action-btn{width:100%}}.products-page{padding:2rem}.management-header{margin-bottom:2rem}.header-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;gap:.5rem;background:var(--platform-background);padding:.375rem;border-radius:.75rem;border:1px solid var(--gray-200);box-shadow:0 1px 2px #0000000d}.filter-btn{padding:.625rem 1.25rem;border:none;background:transparent;border-radius:.625rem;font-size:.875rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-btn:hover{background:var(--gray-50);color:var(--gray-700)}.filter-btn.active{background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 6px -1px var(--primary-shadow)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.product-card{background:var(--platform-background);border:1px solid var(--gray-200);border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.product-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px);border-color:var(--gray-300)}.product-image{position:relative;width:100%;height:200px;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-200) 100%);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image img{transform:scale(1.05)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--gray-400)}.product-status-badge{position:absolute;top:.75rem;right:.75rem;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px -1px #0000001a}.product-status-badge.active{background:color-mix(in srgb,var(--success) 95%,transparent);color:var(--white)}.product-status-badge.inactive{background:color-mix(in srgb,var(--gray-500) 95%,transparent);color:var(--white)}.product-info{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;flex:1}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.product-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin:0;line-height:1.4;flex:1}.product-type{padding:.25rem .75rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,white),color-mix(in srgb,var(--secondary) 10%,white));color:var(--primary);border-radius:.5rem;font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid color-mix(in srgb,var(--primary) 20%,white)}.product-description{color:var(--gray-500);font-size:.875rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-stats{display:flex;gap:1rem;padding:.75rem 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--gray-500)}.stat-icon{font-size:1rem}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-price{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-actions{display:flex;gap:.5rem}.action-btn{width:2.5rem;height:2.5rem;border:1px solid var(--gray-200);background:var(--platform-background);border-radius:.625rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem}.action-btn:hover{background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.action-btn.danger{color:var(--danger)}.action-btn.danger:hover{background:color-mix(in srgb,var(--danger) 5%,white);border-color:color-mix(in srgb,var(--danger) 30%,white)}@media (max-width: 768px){.products-page{padding:1rem}.products-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;align-items:stretch}.filter-group{width:100%;justify-content:center}}.product-form-page{padding:2rem;max-width:900px;margin:0 auto}.product-form{background:var(--platform-background);border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 1px 3px #0000000d;overflow:hidden}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.form-group textarea{width:100%;padding:.875rem 1.125rem;border:1px solid var(--gray-200);border-radius:.75rem;font-family:inherit;font-size:.9375rem;color:var(--gray-800);background:var(--platform-background);box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);resize:vertical}.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-shadow)}.form-group textarea::placeholder{color:var(--gray-400)}.form-select{width:100%;padding:.875rem 2.5rem .875rem 1.125rem;border:1px solid var(--gray-200);border-radius:.75rem;font-size:.9375rem;color:var(--platform-button-text);background:var(--platform-background-dark);box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-shadow)}.form-checkbox{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:.75rem;margin-top:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-checkbox:hover{background:var(--gray-100)}.form-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;border:2px solid var(--gray-300);border-radius:.375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center}.form-checkbox input[type=checkbox]:checked{background:var(--gradient-primary);border-color:var(--primary)}.form-checkbox input[type=checkbox]:checked:before{content:"✓";color:#fff;font-size:.875rem;font-weight:700}.form-checkbox label{font-size:.9375rem;font-weight:500;color:var(--gray-700);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.image-input-group{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1rem}.image-input-group:last-of-type{margin-bottom:1.5rem}.image-input-group>div{flex:1;margin-bottom:0}.btn-remove-image{width:2.75rem;height:2.75rem;border:1px solid color-mix(in srgb,var(--danger) 30%,white);background:color-mix(in srgb,var(--danger) 5%,white);color:var(--danger);border-radius:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1.25rem;font-weight:700;flex-shrink:0}.btn-remove-image:hover{background:color-mix(in srgb,var(--danger) 10%,white);border-color:color-mix(in srgb,var(--danger) 40%,white);transform:scale(1.05)}.form-actions button{min-width:140px}@media (max-width: 768px){.product-form-page{padding:1rem}.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;padding:1rem 1.5rem}.form-actions button{width:100%}.image-input-group{flex-direction:column;align-items:stretch}.btn-remove-image{width:100%;height:2.5rem}}.sales-page{width:100%}.sales-header{margin-bottom:2rem}.filter-group{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--platform-background);border:1px solid var(--gray-200);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.order-card{background:var(--platform-background);border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;transition:all .2s}.order-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px #00000014}.order-header{padding:1.25rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.order-id{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.order-id strong{font-size:1rem;color:var(--gray-800)}.order-date{font-size:.813rem;color:var(--gray-500)}.order-content{padding:1.25rem}.order-info{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-label{color:var(--gray-500)}.info-value{color:var(--gray-800);font-weight:500}.order-total{font-size:1.125rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-footer{padding:1rem 1.25rem;border-top:1px solid var(--gray-200)}.order-footer button{width:100%}.status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:color-mix(in srgb,var(--warning) 20%,white);color:color-mix(in srgb,var(--warning) 80%,black)}.status-paid{background:color-mix(in srgb,var(--success) 20%,white);color:color-mix(in srgb,var(--success) 80%,black)}.status-processing{background:color-mix(in srgb,var(--primary) 20%,white);color:color-mix(in srgb,var(--primary) 80%,black)}.status-shipped{background:color-mix(in srgb,var(--secondary) 20%,white);color:color-mix(in srgb,var(--secondary) 80%,black)}.status-delivered{background:color-mix(in srgb,var(--success) 20%,white);color:color-mix(in srgb,var(--success) 80%,black)}.status-cancelled{background:color-mix(in srgb,var(--danger) 20%,white);color:color-mix(in srgb,var(--danger) 80%,black)}.status-refunded{background:var(--gray-100);color:var(--gray-600)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--gray-900) 70%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--platform-background);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--gray-800)}.modal-close{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--gray-100);color:var(--gray-800)}.modal-body{padding:1.5rem}.order-details-section{margin-bottom:2rem}.order-details-section:last-child{margin-bottom:0}.order-details-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--gray-800)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.875rem;color:var(--gray-800)}.products-list{display:flex;flex-direction:column;gap:.75rem}.product-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--gray-50);border-radius:8px}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-info strong{font-size:.875rem;color:var(--gray-800)}.product-quantity{font-size:.75rem;color:var(--gray-500)}.product-price{font-size:.875rem;font-weight:600;color:var(--gray-800)}.values-list{display:flex;flex-direction:column;gap:.5rem}.value-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--gray-500)}.value-item.total{padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--gray-200);font-size:1rem;color:var(--gray-800)}.tracking-form{display:flex;gap:.75rem}.tracking-input{flex:1;padding:.625rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:.875rem;transition:all .2s}.tracking-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow)}.status-actions{display:flex;flex-direction:column;gap:.75rem}.status-actions button{width:100%}@media (max-width: 768px){.orders-grid,.details-grid{grid-template-columns:1fr}.tracking-form{flex-direction:column}.filter-group{display:grid;grid-template-columns:repeat(2,1fr)}.modal-content{margin:1rem}}.store-customization-page{padding:2rem;max-width:1200px;margin:0 auto}.customization-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--platform-background);padding:.5rem;border-radius:1rem;border:1px solid var(--platform-border);box-shadow:0 1px 3px #0000000d}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:transparent;border-radius:.75rem;font-size:.9375rem;font-weight:500;color:var(--platform-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn:hover{background:var(--platform-background-alt);color:var(--platform-text)}.tab-btn.active{background:var(--platform-gradient);color:var(--platform-button-text);box-shadow:0 4px 6px -1px #3b82f633}.customization-form{background:var(--platform-background);border:1px solid var(--platform-border);border-radius:1rem;box-shadow:0 1px 3px #0000000d;overflow:hidden}.store-preview-banner{margin:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--platform-primary) 5%,var(--platform-background)),color-mix(in srgb,var(--platform-secondary, var(--platform-primary)) 5%,var(--platform-background)));border:2px solid var(--platform-primary);border-radius:1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;animation:slideDown .3s ease-in-out}.preview-info h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--platform-text)}.preview-info p{margin:0 0 .75rem;font-size:.9375rem;color:var(--platform-text-secondary)}.preview-info code{display:inline-block;padding:.5rem 1rem;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--platform-primary);font-weight:600}.store-preview-banner .preview-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--platform-gradient);color:var(--platform-button-text);border:none;border-radius:.75rem;font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #3b82f64d;white-space:nowrap}.store-preview-banner .preview-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f666}.tab-content{animation:fadeIn .3s ease-in-out}.form-section{padding:2rem;border-bottom:1px solid var(--platform-border)}.form-section h3{font-size:1.25rem;font-weight:600;color:var(--platform-text);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.form-section h3:before{content:"";width:4px;height:1.5rem;background:var(--platform-gradient);border-radius:2px}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--platform-text);margin-bottom:.5rem}.form-group .label-hint{font-size:.75rem;font-weight:400;color:var(--platform-text-secondary);margin-left:.5rem}.form-group .input-help{display:block;font-size:.813rem;color:var(--platform-text-secondary);margin-top:.5rem;line-height:1.5}.form-group .url-preview{display:inline-block;margin-left:.5rem;color:var(--platform-primary);font-weight:500}.form-group .url-preview strong{font-family:Courier New,monospace;font-size:.875rem}.form-group textarea{width:100%;padding:.875rem 1.125rem;border:1px solid var(--platform-border);border-radius:.75rem;font-family:inherit;font-size:.9375rem;color:var(--platform-text);background:var(--platform-background);box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);resize:vertical}.form-group textarea:focus{outline:none;border-color:var(--platform-primary);box-shadow:0 0 0 4px #3b82f633}.layout-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.layout-option{padding:1.5rem;border:2px solid var(--platform-border);border-radius:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1rem}.layout-option:hover{border-color:var(--platform-border-hover);background:var(--platform-background-alt)}.layout-option.selected{border-color:var(--platform-primary);box-shadow:0 4px 6px -1px #3b82f633}.layout-preview{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--platform-background-alt) 0%,var(--platform-border) 100%);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.layout-option.selected .layout-preview{background:var(--platform-gradient)}.layout-info h4{font-size:1rem;font-weight:600;color:var(--platform-text);margin:0 0 .25rem}.layout-info p{font-size:.875rem;color:var(--platform-text-secondary);margin:0}.color-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.color-input-group{display:flex;flex-direction:column;gap:.5rem}.color-input-group label{font-size:.875rem;font-weight:600;color:var(--platform-text)}.color-input-wrapper{display:flex;gap:.75rem;align-items:center}.color-input-wrapper input[type=color]{width:4rem;height:2.75rem;border:1px solid var(--platform-border);border-radius:.75rem;cursor:pointer;background:var(--platform-background);padding:.25rem}.color-input-wrapper input[type=text]{flex:1;padding:.75rem 1rem;border:1px solid var(--platform-border);border-radius:.75rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--platform-text);background:var(--platform-background);box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.color-input-wrapper input[type=text]:focus{outline:none;border-color:var(--platform-primary);box-shadow:0 0 0 4px #3b82f633}.color-preview{margin-top:2rem;padding:1.5rem;background:var(--platform-background-alt);border-radius:.75rem;border:1px solid var(--platform-border)}.color-preview h4{font-size:.875rem;font-weight:600;color:var(--platform-text-secondary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.preview-box{padding:2rem;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s ease}.preview-button{padding:.875rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #0003;transition:all .2s cubic-bezier(.4,0,.2,1)}.preview-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000004d}.feature-toggle{padding:1.25rem;background:var(--platform-background-alt);border:1px solid var(--platform-border);border-radius:.75rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.feature-toggle:hover{background:var(--platform-border)}.feature-toggle input[type=checkbox]{width:1.5rem;height:1.5rem;margin-top:.125rem;border:2px solid var(--platform-border-hover);border-radius:.375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-toggle input[type=checkbox]:checked{background:var(--platform-gradient);border-color:var(--platform-primary)}.feature-toggle input[type=checkbox]:checked:before{content:"✓";color:#fff;font-size:1rem;font-weight:700}.feature-toggle label{flex:1;cursor:pointer;display:flex;flex-direction:column;gap:.25rem}.feature-toggle label strong{font-size:.9375rem;color:var(--platform-text)}.feature-toggle label span{font-size:.875rem;color:var(--platform-text-secondary)}.feature-config{margin-top:1rem;padding:1.5rem;background:var(--platform-background);border:1px solid var(--platform-border);border-radius:.75rem;animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:var(--platform-background-alt);border-top:1px solid var(--platform-border)}.alert{padding:1rem 1.25rem;border-radius:.75rem;margin:0 2rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500}.alert-error{background:color-mix(in srgb,var(--platform-danger) 5%,white);border:1px solid color-mix(in srgb,var(--platform-danger) 30%,white);color:color-mix(in srgb,var(--platform-danger) 80%,black)}.alert-success{background:color-mix(in srgb,var(--platform-success) 5%,white);border:1px solid color-mix(in srgb,var(--platform-success) 30%,white);color:color-mix(in srgb,var(--platform-success) 80%,black)}@media (max-width: 768px){.store-customization-page{padding:1rem}.customization-tabs{flex-direction:column}.tab-btn{justify-content:flex-start}.form-section{padding:1.5rem}.layout-selector,.color-inputs{grid-template-columns:1fr}.form-actions{flex-direction:column;padding:1rem 1.5rem}.form-actions button{width:100%}.alert{margin:0 1.5rem 1.5rem}.store-preview-banner{flex-direction:column;align-items:stretch;gap:1rem;margin:1.5rem;padding:1.5rem}.preview-info code{font-size:.75rem;word-break:break-all}.store-preview-banner .preview-button{justify-content:center}}.plan-page{width:100%}.section-header{margin-bottom:1.5rem}.section-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--gray-800)}.section-header p{margin:0;font-size:.875rem;color:var(--gray-500)}.current-plan-section{margin-bottom:3rem}.current-plan-card{background:var(--platform-background);border:2px solid var(--primary);border-radius:16px;padding:2rem;position:relative;box-shadow:0 4px 16px var(--primary-shadow)}.plan-badge{position:absolute;top:-12px;right:2rem;background:var(--gradient-primary);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.813rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.plan-header h3{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--gray-800)}.plan-description{margin:0;font-size:.938rem;color:var(--gray-500);line-height:1.5}.plan-price{display:flex;align-items:baseline;gap:.25rem;flex-shrink:0}.price-value{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{font-size:1rem;color:var(--gray-500);font-weight:500}.plan-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-bottom:2rem;padding:1.5rem;background:var(--gray-50);border-radius:12px}.feature-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:var(--gray-800)}.feature-item svg{color:var(--success);flex-shrink:0}.subscription-info{padding-top:1.5rem;border-top:1px solid var(--gray-200)}.info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;align-items:flex-start;gap:.75rem}.info-item svg{color:var(--primary);margin-top:.125rem;flex-shrink:0}.info-item>div{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.938rem;font-weight:600;color:var(--gray-800)}.available-plans-section{margin-bottom:2rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.plan-card{background:var(--platform-background);border:2px solid var(--slate-200);border-radius:20px;padding:2.5rem;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f;border-color:color-mix(in srgb,var(--platform-primary) 40%,white)}.plan-card.featured{border-color:var(--platform-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--platform-primary) 2%,var(--platform-background)),color-mix(in srgb,var(--platform-secondary, var(--platform-primary)) 2%,var(--platform-background)));box-shadow:0 12px 32px color-mix(in srgb,var(--platform-primary) 15%,transparent)}.plan-card.plan-active{border-color:var(--primary);border-width:2px;background:color-mix(in srgb,var(--primary) 3%,white);box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 15%,transparent)}.plan-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--platform-gradient, var(--platform-primary));color:#fff;padding:6px 20px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #00000026}.plan-active-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--success) 0%,color-mix(in srgb,var(--success) 80%,black) 100%);color:#fff;padding:6px 20px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px color-mix(in srgb,var(--success) 30%,transparent)}.plan-card-header{text-align:center;margin-bottom:1.5rem}.plan-card-header h3{font-size:24px;font-weight:700;color:var(--platform-text-secondary);margin:0 0 16px}.plan-description-text{text-align:center;font-size:15px;color:var(--platform-text-secondary);margin:0 0 20px;line-height:1.5}.plan-card-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:1.5rem;padding-bottom:0;border-bottom:none}.plan-card-price .currency{font-size:24px;color:var(--platform-text-secondary)}.plan-card-price .value{font-size:56px;font-weight:800;color:var(--platform-text-secondary)}.plan-card-price .period{font-size:18px;color:var(--platform-text-secondary)}.plan-card-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px;flex:1}.plan-card-features li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--platform-text);line-height:1.5}.plan-card-features li svg{color:var(--platform-primary);flex-shrink:0;margin-top:2px}.plan-card-footer{margin-top:auto}.plan-card-footer button{width:100%}@media (max-width: 768px){.plan-header{flex-direction:column;gap:1rem}.plan-price{align-self:flex-start}.price-value{font-size:2rem}.plan-features,.info-row,.plans-grid{grid-template-columns:1fr}.section-header h2{font-size:1.25rem}.current-plan-card{padding:1.5rem}.plan-badge,.plan-active-badge{font-size:12px;padding:4px 16px}.plan-card{padding:2rem}.plan-card-header h3{font-size:20px}.plan-card-price .value{font-size:48px}}.profile-page{padding:2rem;max-width:900px;margin:0 auto}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--platform-background);padding:.5rem;border-radius:1rem;border:1px solid var(--gray-200);box-shadow:0 1px 3px #0000000d}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:transparent;border-radius:.75rem;font-size:.9375rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn:hover{background:var(--gray-50);color:var(--gray-700)}.tab-btn.active{background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 6px -1px var(--primary-shadow)}.tab-icon{font-size:1.25rem}.profile-form{background:var(--platform-background);border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 1px 3px #0000000d;overflow:hidden;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{padding:2rem;border-bottom:1px solid var(--gray-100)}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.form-section h3:before{content:"";width:4px;height:1.5rem;background:var(--gradient-primary);border-radius:2px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:var(--gray-50);border-top:1px solid var(--gray-200)}.form-actions button{min-width:180px}.alert{padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500}.alert:before{font-size:1.25rem}.alert-error{background:color-mix(in srgb,var(--danger) 5%,white);border:1px solid color-mix(in srgb,var(--danger) 30%,white);color:color-mix(in srgb,var(--danger) 80%,black)}.alert-error:before{content:"!"}.alert-success{background:color-mix(in srgb,var(--success) 5%,white);border:1px solid color-mix(in srgb,var(--success) 30%,white);color:color-mix(in srgb,var(--success) 80%,black)}.alert-success:before{content:"✓"}.password-tips{margin-top:1.5rem;padding:1.25rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:.75rem}.password-tips h4{font-size:.9375rem;font-weight:600;color:var(--gray-700);margin:0 0 .75rem}.password-tips ul{margin:0;padding-left:1.5rem}.password-tips li{font-size:.875rem;color:var(--gray-500);margin-bottom:.5rem;line-height:1.5}.password-tips li:last-child{margin-bottom:0}@media (max-width: 768px){.profile-page{padding:1rem}.profile-tabs{flex-direction:column}.tab-btn{justify-content:flex-start}.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;padding:1rem 1.5rem}.form-actions button{width:100%}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary)}.loading-state .spin{animation:spin 1s linear infinite;margin-bottom:1rem;color:var(--primary)}.integration-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.integration-success .success-icon{color:var(--success);margin-bottom:1.5rem;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.integration-success h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.integration-success p{color:var(--text-secondary);margin-bottom:.5rem}.integration-success .redirect-message{font-size:.875rem;font-style:italic;color:var(--text-tertiary);margin-top:1rem}.integration-status{max-width:600px;margin:0 auto}.status-card{background:var(--bg-secondary);border-radius:12px;padding:2rem;display:flex;gap:1.5rem;align-items:flex-start;border:2px solid transparent}.status-card.active{border-color:var(--success);background:#22c55e0d}.status-icon{flex-shrink:0;color:var(--success)}.status-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.status-info p{color:var(--text-secondary);margin-bottom:.5rem}.wallet-id{font-family:Courier New,monospace;font-size:.875rem;background:var(--bg-tertiary);padding:.5rem;border-radius:6px;margin-top:.75rem}.status-label{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:var(--success);color:#fff}.status-badge.pending{background:var(--warning);color:#fff}.integration-form-container{max-width:700px;margin:0 auto}.form-card{background:var(--bg-secondary);border-radius:12px;padding:2rem}.form-card h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.form-description{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.form-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.form-section h3{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-actions button{flex:1}.alert{display:flex;gap:1rem;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;align-items:flex-start}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error)}.alert svg{flex-shrink:0;margin-top:.125rem}.alert div{flex:1}.alert strong{display:block;font-weight:600;margin-bottom:.25rem}.alert p{margin:0;font-size:.875rem;opacity:.9}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-card{padding:1.5rem}.form-actions{flex-direction:column}.integration-success,.loading-state{padding:2rem 1rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#0f172a;line-height:1.6}.App{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:#0f172a}h1{font-size:2.25rem;line-height:1.2;margin-bottom:1rem}h2{font-size:1.875rem;line-height:1.3}h3{font-size:1.5rem;line-height:1.4}p{color:#475569;line-height:1.7}a{color:#3b82f6;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#2563eb}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background-color:#3b82f633;color:#1e40af}@media (prefers-color-scheme: dark){body{background-color:#0f172a;color:#f8fafc}h1,h2,h3,h4,h5,h6{color:#f8fafc}p{color:#cbd5e1}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#64748b}::selection{background-color:#3b82f64d;color:#93c5fd}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}