body{margin:0;min-width:320px;min-height:100vh}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,218,185,.2);position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px #ffa07a14}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#2d1810;text-decoration:none;transition:transform .2s}.nav-logo svg{color:#ff6b6b}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-link{color:#5a3e36;text-decoration:none;font-weight:500;font-size:1rem;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:#ff6b6b}.nav-link.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff6b6b,#ffa07a)}.nav-btn-primary{background:linear-gradient(135deg,#ff6b6b,#ffa07a);color:#fff;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s;box-shadow:0 4px 12px #ff6b6b33}.nav-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b4d}.nav-btn-secondary{background:transparent;color:#5a3e36;border:2px solid #ffd4b8;padding:.6rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.nav-btn-secondary:hover{background:#fff5f0;border-color:#ffb897}.nav-user{color:#5a3e36;font-weight:500;font-size:.9rem}@media(max-width:768px){.nav-container{padding:1rem}.nav-menu{gap:1rem;flex-wrap:wrap}.nav-link{font-size:.9rem}}.splash-screen{position:fixed;inset:0;background:linear-gradient(135deg,#fff5f0,#ffd4b8,#ffe8dc);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-in}.splash-screen.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.splash-content{text-align:center;max-width:500px;padding:2rem}.splash-logo-container{margin-bottom:2rem;animation:scaleIn .6s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.splash-logo{position:relative;display:inline-block}.logo-frame{width:160px;height:160px;background:linear-gradient(135deg,#ff6b6b,#ffa07a);border-radius:32px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 60px #ff6b6b4d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-image{width:120px;height:120px;background:#fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000001a}.logo-mountain-back{position:absolute;bottom:20px;left:10px;width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:50px solid #ffd4b8;opacity:.7;animation:slideInLeft .8s ease-out .3s backwards}.logo-mountain-front{position:absolute;bottom:20px;left:30px;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:70px solid #ffb897;animation:slideInRight .8s ease-out .5s backwards}.logo-sun{position:absolute;top:25px;left:25px;width:30px;height:30px;background:#ff6b6b;border-radius:50%;opacity:.8;animation:pulse 2s ease-in-out infinite}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:.7}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.logo-sparkle{position:absolute;color:#ff6b6b;opacity:0;animation:sparkle 2s ease-in-out infinite}.logo-sparkle-1{top:10px;right:10px;animation-delay:0s}.logo-sparkle-2{top:30px;left:10px;animation-delay:.7s}.logo-sparkle-3{bottom:30px;right:10px;animation-delay:1.4s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.logo-ai-badge{position:absolute;bottom:-10px;right:-10px;background:var(--brown-900);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #0003;animation:scaleIn .6s ease-out .6s backwards}.splash-title{font-size:3rem;margin-bottom:.5rem;animation:slideUp .6s ease-out .4s backwards}.splash-title-image{background:linear-gradient(135deg,#ff6b6b,#ffa07a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.splash-title-lab{color:var(--brown-900);font-weight:700}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.splash-tagline{font-size:1.1rem;color:var(--brown-600);margin-bottom:3rem;animation:slideUp .6s ease-out .6s backwards}.splash-progress-container{animation:slideUp .6s ease-out .8s backwards}.splash-progress-bar{width:100%;height:6px;background:#ff6b6b33;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.splash-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ffa07a);border-radius:3px;transition:width .3s ease-out;box-shadow:0 0 10px #ff6b6b80}.splash-progress-text{font-size:.9rem;color:var(--brown-500);font-weight:500}@media(max-width:768px){.splash-content{padding:1rem}.logo-frame{width:120px;height:120px}.logo-image{width:90px;height:90px}.logo-ai-badge{width:40px;height:40px;font-size:1rem}.splash-title{font-size:2.5rem}.splash-tagline{font-size:1rem}}.install-prompt{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);max-width:500px;width:calc(100% - 2rem);z-index:9999;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.install-prompt-content{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-xl);border:2px solid var(--peach-200);position:relative}.install-prompt-close{position:absolute;top:1rem;right:1rem;background:var(--peach-100);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--brown-700)}.install-prompt-close:hover{background:var(--peach-200);transform:scale(1.1)}.install-prompt-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.install-prompt-header svg{color:var(--peach-600);background:var(--peach-100);padding:.5rem;border-radius:12px}.install-prompt-header h3{font-size:1.25rem;color:var(--brown-900);margin:0}.install-prompt-text{color:var(--brown-600);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.install-prompt-actions{display:flex;gap:.75rem}.btn-install{flex:1;background:var(--gradient-primary);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}.btn-install:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-dismiss{flex:1;background:transparent;color:var(--brown-600);border:2px solid var(--peach-200);padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-dismiss:hover{background:var(--peach-50);border-color:var(--peach-300)}.ios-prompt .install-prompt-text{margin-bottom:0}.ios-share-icon{display:inline-block;background:var(--peach-100);color:var(--peach-600);padding:.25rem .5rem;border-radius:6px;font-weight:700;font-size:1.1rem}@media(max-width:768px){.install-prompt{bottom:1rem;width:calc(100% - 1rem)}.install-prompt-content{padding:1.25rem}.install-prompt-actions{flex-direction:column}.btn-install,.btn-dismiss{width:100%}}@media(prefers-color-scheme:dark){.install-prompt-content{background:var(--brown-800);border-color:var(--brown-700)}.install-prompt-header h3{color:#fff}.install-prompt-text{color:var(--peach-100)}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,#fff5f0,#ffd4b8,#ffe8dc);padding:8rem 0 6rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,160,122,.1) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1.25rem;border-radius:50px;font-size:.9rem;font-weight:600;color:var(--peach-600);box-shadow:var(--shadow-md);margin-bottom:2rem}.hero-badge svg{color:var(--peach-500)}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;color:var(--brown-900)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.8;color:var(--brown-700);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem;flex-wrap:wrap}.btn-large{padding:1rem 2rem;font-size:1.1rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:700px;margin:0 auto}.hero-stats .stat{text-align:center}.hero-stats .stat h3{font-size:2.5rem;color:var(--peach-600);margin-bottom:.5rem}.hero-stats .stat p{color:var(--brown-600);font-size:.95rem}.features{padding:6rem 0;background:#fff}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header h2{font-size:3rem;margin-bottom:1rem;color:var(--brown-900)}.section-header p{font-size:1.2rem;color:var(--brown-600)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background:var(--peach-50);padding:2.5rem;border-radius:20px;transition:all .3s;border:2px solid transparent}.feature-card:hover{transform:translateY(-8px);border-color:var(--peach-200);box-shadow:var(--shadow-lg)}.feature-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--brown-900)}.feature-card p{color:var(--brown-600);line-height:1.8}.how-it-works{padding:6rem 0;background:var(--gradient-secondary)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem}.step{text-align:center;position:relative}.step-number{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin:0 auto 1.5rem;box-shadow:var(--shadow-md)}.step h3{font-size:1.75rem;margin-bottom:1rem;color:var(--brown-900)}.step p{color:var(--brown-600);line-height:1.8;font-size:1.05rem}.use-cases{padding:6rem 0;background:#fff}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem}.use-case{background:#fff;padding:2.5rem;border-radius:20px;border:2px solid var(--peach-200);transition:all .3s}.use-case:hover{border-color:var(--peach-400);box-shadow:var(--shadow-lg)}.use-case h4{font-size:1.5rem;margin-bottom:1.5rem;color:var(--brown-900)}.use-case ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.use-case li{display:flex;align-items:center;gap:.75rem;color:var(--brown-700);font-size:1.05rem}.use-case li svg{color:var(--peach-500);flex-shrink:0}.cta-section{background:var(--gradient-primary);padding:6rem 0;text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:3rem;color:#fff;margin-bottom:1.5rem}.cta-content p{font-size:1.25rem;color:#fffffff2;margin-bottom:2.5rem;line-height:1.8}.cta-content .btn-primary{background:#fff;color:var(--peach-600)}.cta-content .btn-primary:hover{background:var(--peach-50)}@media(max-width:768px){.hero{padding:5rem 0 4rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-stats{grid-template-columns:1fr;gap:2rem}.hero-cta{flex-direction:column}.section-header h2{font-size:2rem}.features-grid,.use-cases-grid,.steps{grid-template-columns:1fr}.cta-content h2{font-size:2rem}}.about{min-height:100vh}.about-hero{background:var(--gradient-hero);padding:8rem 0 5rem;text-align:center}.about-hero-content{max-width:800px;margin:0 auto}.about-hero h1{font-size:4rem;margin-bottom:1.5rem;color:var(--brown-900)}.lead{font-size:1.5rem;line-height:1.8;color:var(--brown-700)}.story{padding:6rem 0;background:#fff}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.story-text h2{font-size:3rem;margin-bottom:2rem;color:var(--brown-900)}.story-text p{font-size:1.15rem;line-height:1.9;color:var(--brown-600);margin-bottom:1.5rem}.story-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stat-box{background:var(--peach-50);padding:2rem;border-radius:16px;text-align:center;border:2px solid var(--peach-200);transition:all .3s}.stat-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--peach-300)}.stat-box h3{font-size:2.5rem;color:var(--peach-600);margin-bottom:.5rem}.stat-box p{color:var(--brown-600);font-size:.95rem}.values{padding:6rem 0;background:var(--gradient-secondary)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem}.value-card{background:#fff;padding:2.5rem;border-radius:20px;transition:all .3s;border:2px solid var(--peach-100)}.value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--peach-300)}.value-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.value-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--brown-900)}.value-card p{color:var(--brown-600);line-height:1.8;font-size:1.05rem}.mission{padding:6rem 0;background:#fff}.mission-content{max-width:900px;margin:0 auto;text-align:center}.mission-text h2{font-size:3rem;margin-bottom:2rem;color:var(--brown-900)}.mission-text p{font-size:1.25rem;line-height:2;color:var(--brown-600);margin-bottom:1.5rem}.team{padding:6rem 0;background:var(--peach-50)}.about-cta{padding:6rem 0;background:#fff}.cta-box{background:var(--gradient-primary);padding:5rem 3rem;border-radius:24px;text-align:center;max-width:900px;margin:0 auto;box-shadow:var(--shadow-xl)}.cta-box h2{font-size:3rem;color:#fff;margin-bottom:1.5rem}.cta-box p{font-size:1.25rem;color:#fffffff2;margin-bottom:2.5rem;line-height:1.8}.cta-box .btn-primary{background:#fff;color:var(--peach-600)}.cta-box .btn-primary:hover{background:var(--peach-50)}@media(max-width:968px){.about-hero h1{font-size:3rem}.lead{font-size:1.25rem}.story-content{grid-template-columns:1fr;gap:3rem}.story-text h2,.mission-text h2,.cta-box h2{font-size:2.5rem}.values-grid{grid-template-columns:1fr}}@media(max-width:768px){.about-hero{padding:5rem 0 4rem}.about-hero h1{font-size:2.5rem}.story-stats{grid-template-columns:1fr}.cta-box{padding:3rem 2rem}.cta-box h2{font-size:2rem}}.pricing{min-height:100vh}.pricing-hero{background:var(--gradient-hero);padding:6rem 0 4rem;text-align:center}.pricing-hero-content{max-width:800px;margin:0 auto}.pricing-hero h1{font-size:4rem;margin-bottom:1.5rem;color:var(--brown-900)}.billing-toggle{display:inline-flex;background:#fff;padding:.5rem;border-radius:12px;gap:.5rem;margin-top:2rem;box-shadow:var(--shadow-md)}.billing-toggle button{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:8px;font-weight:600;color:var(--brown-600);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.billing-toggle button.active{background:var(--gradient-primary);color:#fff}.save-badge{background:#ffffff4d;padding:.25rem .5rem;border-radius:6px;font-size:.75rem}.billing-toggle button.active .save-badge{background:#fff3}.pricing-cards{padding:4rem 0 6rem;background:#fff;margin-top:-3rem;position:relative;z-index:1}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.plan-card{background:#fff;border:2px solid var(--peach-200);border-radius:24px;padding:2.5rem;display:flex;flex-direction:column;transition:all .3s;position:relative}.plan-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--peach-400)}.plan-card.popular{border-color:var(--peach-500);border-width:3px;box-shadow:var(--shadow-lg)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:700;box-shadow:var(--shadow-md)}.plan-header{text-align:center;margin-bottom:2rem}.plan-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.plan-card h3{font-size:2rem;margin-bottom:.5rem;color:var(--brown-900)}.plan-description{color:var(--brown-600);font-size:1rem}.plan-price{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--peach-100)}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.currency{font-size:1.5rem;font-weight:700;color:var(--brown-700)}.amount{font-size:4rem;font-weight:700;color:var(--brown-900);line-height:1}.period{font-size:1.25rem;color:var(--brown-600)}.billed-yearly{color:var(--brown-500);font-size:.9rem;margin-top:.5rem}.plan-features{list-style:none;margin-bottom:2rem;flex-grow:1}.plan-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--brown-700);font-size:1.05rem}.plan-features li svg{color:var(--peach-500);flex-shrink:0}.plan-cta{width:100%;padding:1rem;border-radius:12px;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .3s;border:2px solid var(--peach-300);display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;background:transparent;color:var(--peach-600)}.plan-cta.btn-primary{background:var(--gradient-primary);color:#fff;border-color:transparent}.plan-cta:hover{transform:translateY(-2px)}.faq{padding:6rem 0;background:var(--gradient-secondary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.faq-item{background:#fff;padding:2rem;border-radius:16px;border:2px solid var(--peach-100);transition:all .3s}.faq-item:hover{border-color:var(--peach-300);box-shadow:var(--shadow-md)}.faq-item h4{font-size:1.25rem;margin-bottom:1rem;color:var(--brown-900)}.faq-item p{color:var(--brown-600);line-height:1.8}.pricing-cta{padding:6rem 0;background:#fff}.pricing-cta .cta-content{text-align:center;max-width:700px;margin:0 auto}.pricing-cta h2{font-size:3rem;margin-bottom:1.5rem;color:var(--brown-900)}.pricing-cta p{font-size:1.25rem;color:var(--brown-600);margin-bottom:2.5rem;line-height:1.8}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:968px){.pricing-hero h1{font-size:3rem}.plans-grid{grid-template-columns:1fr;max-width:500px}.faq-grid{grid-template-columns:1fr}}.payg-header{text-align:center;margin-bottom:3rem}.payg-header h2{font-size:2.5rem;color:var(--brown-900);margin-bottom:1rem}.payg-header p{font-size:1.15rem;color:var(--brown-600)}.payg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.payg-card{background:#fff;border:2px solid var(--peach-200);border-radius:20px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s;position:relative}.payg-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--peach-400)}.payg-card.popular{border-color:var(--peach-500);border-width:3px;box-shadow:var(--shadow-md)}.payg-price{display:flex;align-items:baseline;justify-content:center;margin-bottom:1.5rem}.payg-price .currency{font-size:1.5rem;font-weight:700;color:var(--brown-700)}.payg-price .amount{font-size:2.5rem;font-weight:700;color:var(--brown-900);line-height:1;margin-left:.25rem}.payg-details{width:100%;margin-bottom:1.5rem}.payg-images{font-size:1.1rem;color:var(--brown-800);margin-bottom:.75rem}.payg-images strong{font-size:1.3rem;color:var(--peach-600)}.payg-bonus{background:var(--peach-100);color:var(--peach-700);padding:.4rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;margin-bottom:.75rem;display:inline-block}.payg-validity{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--brown-600);font-size:.9rem;margin-bottom:.5rem}.payg-validity svg{color:var(--peach-500)}.payg-cost{color:var(--brown-500);font-size:.85rem;font-style:italic}.payg-benefits{background:var(--peach-50);border:2px solid var(--peach-200);border-radius:16px;padding:2rem;max-width:800px;margin:0 auto}.payg-benefits h3{font-size:1.5rem;color:var(--brown-900);margin-bottom:1.5rem;text-align:center}.payg-benefits ul{list-style:none;display:grid;gap:1rem}.payg-benefits li{display:flex;align-items:flex-start;gap:.75rem;color:var(--brown-700);font-size:1rem}.payg-benefits li svg{color:var(--peach-500);flex-shrink:0;margin-top:.15rem}.payment-methods{margin-top:1.5rem;color:var(--brown-600);font-size:.95rem;font-weight:500}@media(max-width:768px){.pricing-hero{padding:5rem 0 3rem}.pricing-hero h1{font-size:2.5rem}.billing-toggle{flex-direction:column;width:100%;max-width:300px}.amount{font-size:3rem}.pricing-cta h2{font-size:2rem}.cta-buttons{flex-direction:column}.payg-grid{grid-template-columns:1fr}.payg-header h2{font-size:2rem}}.auth-page{min-height:100vh;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,107,107,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,160,122,.15) 0%,transparent 50%);pointer-events:none}.auth-container{width:100%;max-width:480px;position:relative;z-index:1}.auth-box{background:#fff;border-radius:24px;padding:3rem;box-shadow:var(--shadow-xl);border:2px solid var(--peach-100)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{width:72px;height:72px;background:var(--gradient-primary);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:var(--shadow-md)}.auth-header h1{font-size:2rem;color:var(--brown-900);margin-bottom:.5rem}.auth-header p{color:var(--brown-600);font-size:1.05rem}.error-message{background:#fee;border:2px solid #fcc;color:#c33;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--brown-800);font-size:.95rem}.form-group input{padding:.875rem 1rem;border:2px solid var(--peach-200);border-radius:12px;font-size:1rem;transition:all .2s;background:var(--peach-50);color:var(--brown-900)}.form-group input:focus{outline:none;border-color:var(--peach-400);background:#fff;box-shadow:0 0 0 3px #ff6b6b1a}.form-group input::placeholder{color:var(--brown-400)}.btn-auth-primary{background:var(--gradient-primary);color:#fff;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-md);margin-top:.5rem}.btn-auth-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-auth-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--peach-100)}.auth-footer p{color:var(--brown-600);font-size:.95rem}.auth-footer a{color:var(--peach-600);font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--peach-700);text-decoration:underline}@media(max-width:768px){.auth-page{padding:1rem}.auth-box{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}}:root{--peach-50: #fff5f0;--peach-100: #ffe8dc;--peach-200: #ffd4b8;--peach-300: #ffb897;--peach-400: #ffa07a;--peach-500: #ff6b6b;--peach-600: #e85d5d;--peach-700: #cc4b4b;--peach-800: #9e3838;--peach-900: #6b2525;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--brown-50: #fdf8f6;--brown-100: #f2e8e5;--brown-200: #eaddd7;--brown-300: #e0cec7;--brown-400: #bc9a8a;--brown-500: #a47d6b;--brown-600: #8b6653;--brown-700: #5a3e36;--brown-800: #43302b;--brown-900: #2d1810;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gradient-primary: linear-gradient(135deg, #ff6b6b 0%, #ffa07a 100%);--gradient-secondary: linear-gradient(135deg, #fff5f0 0%, #ffe8dc 100%);--gradient-hero: linear-gradient(135deg, #fff5f0 0%, #ffd4b8 50%, #ffe8dc 100%);--shadow-sm: 0 1px 2px rgba(255, 107, 107, .05);--shadow-md: 0 4px 12px rgba(255, 107, 107, .1);--shadow-lg: 0 10px 30px rgba(255, 107, 107, .15);--shadow-xl: 0 20px 50px rgba(255, 107, 107, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--neutral-50);color:var(--brown-800);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--brown-900);font-weight:700;line-height:1.2}h1{font-size:3.5rem;letter-spacing:-.02em}h2{font-size:2.5rem;letter-spacing:-.01em}h3{font-size:2rem}h4{font-size:1.5rem}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.btn{padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--peach-600);border:2px solid var(--peach-200)}.btn-outline{background:transparent;color:var(--brown-700);border:2px solid var(--peach-300)}.btn-outline:hover{background:var(--peach-50)}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);transition:all .3s}.card:hover{box-shadow:var(--shadow-lg)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--brown-700);font-size:1.5rem}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.container{padding:0 1rem}}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--peach-50)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,#fff 0%,var(--peach-50) 100%);border-right:1px solid var(--peach-200);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease;overflow-y:auto}.sidebar-overlay{display:none}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid var(--peach-200);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{color:var(--peach-500)}.logo-text{font-size:1.25rem;font-weight:700;color:var(--brown-900)}.sidebar-close{display:none;background:none;border:none;color:var(--brown-700);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s}.sidebar-close:hover{background-color:var(--peach-100)}.sidebar-user{padding:1.5rem 1.25rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--peach-200)}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.25rem;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--brown-900);font-size:.9rem;margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-weight:400;color:var(--brown-700);font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.user-role{font-size:.75rem;color:var(--brown-700);opacity:.7}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-section{margin-bottom:1.5rem}.nav-section-title{font-size:.75rem;font-weight:600;color:var(--brown-700);opacity:.6;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;display:block}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:.25rem;color:var(--brown-700);text-decoration:none;border-radius:.75rem;transition:all .2s;font-weight:500;font-size:.9375rem;border:none;background:none;width:100%;cursor:pointer;text-align:left}.nav-item:hover{background-color:var(--peach-100);color:var(--peach-600)}.nav-item.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--peach-200)}.logout-btn{color:var(--peach-600)}.logout-btn:hover{background-color:var(--peach-100);color:var(--peach-700)}.dashboard-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.dashboard-mobile-header{display:none;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--peach-200);position:sticky;top:0;z-index:100}.menu-toggle{background:none;border:none;color:var(--brown-700);cursor:pointer;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.menu-toggle:hover{background-color:var(--peach-100)}.mobile-title{font-size:1.125rem;font-weight:700;color:var(--brown-900)}.dashboard-content{flex:1;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;color:var(--brown-900);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.page-header h1 svg{color:var(--peach-500)}.page-header p{color:var(--brown-700);opacity:.8;font-size:1rem;margin:0}.image-count{color:var(--peach-600);font-weight:500}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--brown-700)}.loading-icon{color:var(--peach-500);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.alert{padding:1rem 1.25rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert svg{flex-shrink:0}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--brown-700);border:1px solid var(--peach-200)}.btn-secondary:hover{background-color:var(--peach-50);border-color:var(--peach-300)}.btn-large{padding:1rem 2rem;font-size:1rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:var(--brown-900);margin-bottom:.5rem;font-size:.9375rem}.required{color:var(--peach-600);margin-left:.25rem}.form-group textarea,.form-group input[type=text],.form-group select{width:100%;padding:.875rem 1rem;border:1px solid var(--peach-200);border-radius:.75rem;font-size:.9375rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;background-color:#fff}.form-group textarea:focus,.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:var(--peach-400);box-shadow:0 0 0 3px #ff6b6b1a}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:.5rem;color:var(--brown-700);opacity:.7;font-size:.8125rem}.form-hint{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--peach-600);font-size:.8125rem}.form-hint svg{flex-shrink:0}.empty-state-large,.empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:var(--brown-700)}.empty-state-large svg,.empty-state-small svg{color:var(--peach-300);margin-bottom:1.5rem}.empty-state-large h3{font-size:1.5rem;color:var(--brown-900);margin:0 0 .5rem}.empty-state-large p{font-size:1rem;opacity:.7;margin:0 0 1.5rem}.empty-state-small{padding:2rem 1rem;background:#fff;border-radius:1rem;border:2px dashed var(--peach-200)}.empty-state-small p{margin:.5rem 0 .25rem;font-weight:500}.empty-state-small small{opacity:.7;font-size:.8125rem}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:999}.sidebar-close{display:block}.dashboard-main{margin-left:0}.dashboard-mobile-header{display:flex}.dashboard-content{padding:1.5rem 1rem}.page-header h1{font-size:1.5rem}.page-header h1 svg{width:24px;height:24px}}@media(max-width:480px){.dashboard-content{padding:1rem}.page-header{margin-bottom:1.5rem}.btn-large{padding:.875rem 1.5rem;font-size:.9375rem}}.overview-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:56px;height:56px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.primary .stat-icon{background:linear-gradient(135deg,var(--peach-500),var(--peach-400));color:#fff}.stat-card.secondary .stat-icon{background:linear-gradient(135deg,var(--peach-400),var(--peach-300));color:#fff}.stat-card.accent .stat-icon{background:linear-gradient(135deg,var(--peach-300),var(--peach-200));color:var(--peach-600)}.stat-card.info .stat-icon{background:linear-gradient(135deg,var(--peach-200),var(--peach-100));color:var(--peach-700)}.stat-content{flex:1}.stat-label{font-size:.8125rem;color:var(--brown-700);opacity:.7;margin:0 0 .25rem}.stat-value{font-size:2rem;font-weight:700;color:var(--brown-900);margin:0;line-height:1}.stat-trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--peach-600);margin-top:.5rem}.quick-actions{margin-bottom:2.5rem}.quick-actions h2{font-size:1.5rem;color:var(--brown-900);margin:0 0 1.25rem}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.action-card{background:#fff;border-radius:1rem;padding:1.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--brown-700);box-shadow:var(--shadow-sm);transition:all .2s;border:1px solid var(--peach-200)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--peach-400)}.action-card svg{color:var(--peach-500);margin-bottom:1rem}.action-card h3{font-size:1.125rem;color:var(--brown-900);margin:0 0 .5rem}.action-card p{font-size:.875rem;opacity:.7;margin:0}.insights-section{background:#fff;border-radius:1rem;padding:1.75rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.insights-section h2{font-size:1.25rem;color:var(--brown-900);margin:0 0 1.25rem}.categories-list{display:flex;flex-direction:column;gap:.75rem}.category-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.5rem;background-color:var(--peach-50);transition:background-color .2s}.category-item:hover{background-color:var(--peach-100)}.category-info{display:flex;align-items:center;gap:.75rem}.category-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-name{font-weight:500;color:var(--brown-900)}.category-count{font-size:.875rem;color:var(--brown-700);opacity:.7}.tags-cloud{display:flex;flex-wrap:wrap;gap:.75rem}.tag-bubble{padding:.625rem 1rem;border-radius:2rem;background-color:var(--peach-100);color:var(--brown-900);font-size:.875rem;font-weight:500;transition:all .2s;cursor:default}.tag-bubble:hover{background-color:var(--peach-200)}.tag-count{color:var(--peach-600);font-weight:600}.recent-section{background:#fff;border-radius:1rem;padding:1.75rem;box-shadow:var(--shadow-sm)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-header h2{font-size:1.25rem;color:var(--brown-900);margin:0}.view-all-link{color:var(--peach-600);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s}.view-all-link:hover{color:var(--peach-700)}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.recent-card{border-radius:.75rem;overflow:hidden;background:var(--peach-50);transition:transform .2s}.recent-card:hover{transform:translateY(-2px)}.recent-image{width:100%;aspect-ratio:1;overflow:hidden}.recent-image img{width:100%;height:100%;object-fit:cover}.recent-info{padding:.875rem}.recent-prompt{font-size:.8125rem;color:var(--brown-900);margin:0 0 .625rem;line-height:1.4}.recent-labels{display:flex;flex-wrap:wrap;gap:.5rem}.label-badge{padding:.25rem .625rem;border-radius:.375rem;background-color:var(--peach-200);color:var(--peach-700);font-size:.75rem;font-weight:500}.generate-page .generate-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.generate-main{display:flex;flex-direction:column;gap:1.5rem}.generate-form{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm)}.tips-card{background:#fff;border-radius:1rem;padding:1.75rem;box-shadow:var(--shadow-sm)}.tips-card h3{font-size:1.125rem;color:var(--brown-900);margin:0 0 1rem}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.tips-list li{padding-left:1.5rem;position:relative;font-size:.9375rem;color:var(--brown-700);line-height:1.6}.tips-list li:before{content:"•";position:absolute;left:.5rem;color:var(--peach-500);font-weight:700}.generate-sidebar{display:flex;flex-direction:column;gap:1.5rem}.examples-card,.info-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.examples-card h3,.info-card h3,.info-card h4{font-size:1rem;color:var(--brown-900);margin:0 0 .5rem}.examples-card p{font-size:.875rem;color:var(--brown-700);opacity:.7;margin:0 0 1rem}.examples-list{display:flex;flex-direction:column;gap:.5rem}.example-item{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem;border:1px solid var(--peach-200);border-radius:.5rem;background:var(--peach-50);cursor:pointer;transition:all .2s;text-align:left;font-size:.8125rem;color:var(--brown-700);font-family:inherit;width:100%}.example-item:hover:not(:disabled){border-color:var(--peach-400);background-color:var(--peach-100)}.example-item:disabled{opacity:.6;cursor:not-allowed}.example-item svg{color:var(--peach-500);flex-shrink:0;margin-top:.125rem}.info-list{list-style:none;counter-reset:step-counter;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.625rem}.info-list li{counter-increment:step-counter;padding-left:1.75rem;position:relative;font-size:.875rem;color:var(--brown-700);line-height:1.5}.info-list li:before{content:counter(step-counter);position:absolute;left:0;width:20px;height:20px;background:var(--peach-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.content-studio-page .content-studio-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem}.studio-main{display:flex;flex-direction:column;gap:1.5rem}.studio-form{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm)}.reference-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab-btn{flex:1;padding:.75rem 1rem;border:1px solid var(--peach-200);background:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--brown-700);cursor:pointer;transition:all .2s}.tab-btn:hover:not(:disabled){background-color:var(--peach-50);border-color:var(--peach-300)}.tab-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.tab-btn:disabled{opacity:.6;cursor:not-allowed}.reference-select,.reference-upload{margin-top:.75rem}.file-upload-label{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px dashed var(--peach-300);border-radius:.75rem;background-color:var(--peach-50);cursor:pointer;transition:all .2s;color:var(--brown-700);font-size:.9375rem}.file-upload-label:hover{border-color:var(--peach-400);background-color:var(--peach-100)}.file-upload-label input[type=file]{display:none}.file-upload-label svg{color:var(--peach-500);flex-shrink:0}.studio-info,.studio-sidebar{display:flex;flex-direction:column;gap:1.5rem}.generated-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.generated-section h3{font-size:1rem;color:var(--brown-900);margin:0 0 1rem}.content-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.content-image-card{position:relative;border-radius:.5rem;overflow:hidden;aspect-ratio:1;cursor:pointer}.content-image-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.content-image-card:hover img{transform:scale(1.05)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:.75rem;opacity:0;transition:opacity .3s}.content-image-card:hover .image-overlay{opacity:1}.image-prompt{color:#fff;font-size:.75rem;margin:0 0 .5rem;line-height:1.3}.image-tags{display:flex;gap:.375rem}.mini-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.625rem;font-weight:500}.inventory-page .filters-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.search-box-large{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box-large svg{position:absolute;left:1rem;color:var(--brown-700);opacity:.5}.search-box-large input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid var(--peach-200);border-radius:.75rem;font-size:.9375rem;transition:all .2s}.search-box-large input:focus{outline:none;border-color:var(--peach-400);box-shadow:0 0 0 3px #ff6b6b1a}.clear-btn{position:absolute;right:.5rem;background:none;border:none;color:var(--brown-700);cursor:pointer;padding:.5rem;font-size:1.25rem;border-radius:.375rem;transition:background-color .2s}.clear-btn:hover{background-color:var(--peach-100)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group svg{color:var(--brown-700);opacity:.5}.category-filter{padding:.875rem 1rem;border:1px solid var(--peach-200);border-radius:.75rem;font-size:.9375rem;background:#fff;cursor:pointer;transition:border-color .2s}.category-filter:focus{outline:none;border-color:var(--peach-400)}.results-info{background:var(--peach-100);color:var(--peach-700);padding:.875rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.9375rem;font-weight:500}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.inventory-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s}.inventory-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.inventory-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.inventory-image img{width:100%;height:100%;object-fit:cover}.image-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transition:opacity .3s}.inventory-card:hover .image-actions{opacity:1}.action-btn{width:36px;height:36px;border-radius:.5rem;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.download-btn{background-color:#ffffffe6;color:var(--peach-600)}.download-btn:hover{background-color:#fff;transform:scale(1.1)}.delete-btn{background-color:#dc3545e6;color:#fff}.delete-btn:hover{background-color:#dc3545;transform:scale(1.1)}.inventory-info{padding:1.25rem}.inventory-prompt{font-size:.9375rem;color:var(--brown-900);margin:0 0 1rem;line-height:1.5}.inventory-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.inventory-labels,.inventory-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border-radius:.375rem;background-color:var(--peach-100);color:var(--peach-700);font-size:.75rem;font-weight:500}.tag-badge.more{background-color:var(--peach-200)}.inventory-date{font-size:.8125rem;color:var(--brown-700);opacity:.6;margin-top:.5rem}.reference-page .upload-section{background:#fff;border-radius:1rem;padding:3rem 2rem;box-shadow:var(--shadow-sm);margin-bottom:2rem;text-align:center;border:2px dashed var(--peach-300);transition:all .3s}.upload-section.drag-active{border-color:var(--peach-500);background-color:var(--peach-50);transform:scale(1.02)}.upload-section.uploading{border-style:solid}.upload-state{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--brown-700)}.upload-icon{color:var(--peach-500);margin-bottom:1rem}.upload-section h3{font-size:1.25rem;color:var(--brown-900);margin:0 0 .5rem}.upload-section p{color:var(--brown-700);opacity:.7;margin:0 0 1.5rem}.upload-btn{position:relative;cursor:pointer}.upload-btn input[type=file]{position:absolute;opacity:0;width:0;height:0}.upload-btn span{display:inline-block;padding:.875rem 2rem;background:var(--gradient-primary);color:#fff;border-radius:.75rem;font-weight:500;transition:all .2s}.upload-btn:hover span{box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-hint{display:block;margin-top:1rem;font-size:.8125rem;color:var(--brown-700);opacity:.6}.info-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.info-card-small{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:1rem}.info-card-small svg{color:var(--peach-500);flex-shrink:0;margin-top:.25rem}.info-card-small h4{font-size:1rem;color:var(--brown-900);margin:0 0 .5rem}.info-card-small p{font-size:.875rem;color:var(--brown-700);opacity:.8;margin:0;line-height:1.5}.section-header-simple{margin-bottom:1.5rem}.section-header-simple h2{font-size:1.5rem;color:var(--brown-900);margin:0}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.reference-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s}.reference-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.reference-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.reference-image img{width:100%;height:100%;object-fit:cover}.delete-overlay-btn{position:absolute;top:.75rem;right:.75rem;width:40px;height:40px;border-radius:.5rem;border:none;background-color:#dc3545e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reference-card:hover .delete-overlay-btn{opacity:1}.delete-overlay-btn:hover{background-color:#dc3545;transform:scale(1.1)}.reference-info{padding:1rem}.reference-filename{font-size:.875rem;font-weight:500;color:var(--brown-900);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-description{font-size:.8125rem;color:var(--brown-700);margin:0 0 .5rem;line-height:1.4}.reference-date{font-size:.75rem;color:var(--brown-700);opacity:.6;margin:0}@media(max-width:968px){.generate-page .generate-content,.content-studio-page .content-studio-layout{grid-template-columns:1fr}.generate-sidebar,.studio-sidebar{order:-1}.content-images-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.overview-page .stats-grid{grid-template-columns:1fr}.action-cards{grid-template-columns:repeat(2,1fr)}.inventory-grid,.reference-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.content-images-grid{grid-template-columns:repeat(2,1fr)}.info-cards-row{grid-template-columns:1fr}}@media(max-width:480px){.action-cards{grid-template-columns:1fr}.recent-grid{grid-template-columns:repeat(2,1fr)}.inventory-grid,.reference-grid{grid-template-columns:1fr;gap:1rem}.filters-section{flex-direction:column;align-items:stretch}.search-box-large{min-width:100%}.filter-group{flex-direction:column;align-items:stretch}.category-filter{width:100%}}.subscription-page .current-plan-section{margin-bottom:2.5rem}.plan-status-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm)}.status-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--peach-200)}.status-header h2{font-size:1.75rem;color:var(--brown-900);margin:0 0 .75rem}.status-badge-wrapper{display:flex;gap:.5rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.cancelled{background-color:#fff3cd;color:#856404}.status-badge.expired{background-color:#f8d7da;color:#721c24}.plan-amount{text-align:right}.plan-amount .amount{font-size:2.5rem;font-weight:700;color:var(--brown-900)}.plan-amount .period{color:var(--brown-700);opacity:.7;font-size:1rem}.free-plan-info{background:var(--peach-50);padding:1.25rem;border-radius:.75rem;margin-bottom:1.5rem}.free-plan-info p{margin:0;color:var(--brown-700);line-height:1.6}.usage-section{margin-bottom:1.5rem}.usage-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.usage-text{font-weight:600;color:var(--peach-600)}.usage-bar{height:12px;background-color:var(--peach-100);border-radius:1rem;overflow:hidden}.usage-fill{height:100%;background:var(--gradient-primary);border-radius:1rem;transition:width .3s ease}.renewal-info{display:flex;align-items:center;gap:.5rem;color:var(--brown-700);font-size:.9375rem;margin-bottom:1.5rem}.plan-actions{display:flex;gap:1rem}.btn-outline-danger{padding:.75rem 1.5rem;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background-color:#dc3545;color:#fff}.available-plans-section{margin-bottom:2.5rem}.available-plans-section h2{font-size:1.5rem;color:var(--brown-900);margin:0 0 .5rem}.section-description{color:var(--brown-700);opacity:.8;margin-bottom:1.5rem}.plans-grid-subscription{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.subscription-plan-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm);border:2px solid var(--peach-200);position:relative;transition:all .2s}.subscription-plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.subscription-plan-card.popular{border-color:var(--peach-500)}.subscription-plan-card.current{border-color:var(--peach-400);background:linear-gradient(to bottom,white,var(--peach-50))}.popular-badge,.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.375rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:600}.popular-badge{background:var(--gradient-primary);color:#fff}.current-badge{background-color:var(--peach-600);color:#fff}.plan-card-header{text-align:center;margin-bottom:1.5rem}.plan-card-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:var(--gradient-primary);color:#fff}.plan-card-header h3{font-size:1.5rem;color:var(--brown-900);margin:0 0 .5rem}.plan-card-description{color:var(--brown-700);opacity:.8;font-size:.875rem;margin:0}.plan-card-price{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--peach-200)}.price-amount{font-size:2rem;font-weight:700;color:var(--brown-900)}.price-period{color:var(--brown-700);opacity:.7}.plan-card-credits{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--peach-50);border-radius:.5rem;margin-bottom:1.5rem;color:var(--peach-600);font-weight:600}.plan-card-features{list-style:none;padding:0;margin:0 0 1.5rem}.plan-card-features li{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem 0;font-size:.875rem;color:var(--brown-700)}.plan-card-features li svg{color:var(--peach-500);flex-shrink:0;margin-top:.125rem}.plan-card-cta{width:100%;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.plan-card-cta:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;color:var(--brown-700);border:1px solid var(--peach-300)}.btn-outline:hover:not(:disabled){background-color:var(--peach-50);border-color:var(--peach-400)}.payment-history-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm)}.subscription-help{margin-top:2rem}.help-card{background:linear-gradient(135deg,var(--peach-100),var(--peach-200));border-radius:1rem;padding:2rem;text-align:center}.help-card h3{font-size:1.25rem;color:var(--brown-900);margin:0 0 .75rem}.help-card p{color:var(--brown-700);margin:0 0 1.5rem}.help-actions{display:flex;gap:1rem;justify-content:center;align-items:center}.text-link{color:var(--peach-600);text-decoration:none;font-weight:500;transition:color .2s}.text-link:hover{color:var(--peach-700)}.referral-page .referral-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem}.referral-stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1.25rem;transition:all .2s}.referral-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.referral-stat-card .stat-icon{width:56px;height:56px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.referral-stat-card .stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.referral-stat-card .stat-icon.green{background:linear-gradient(135deg,#10b981,#34d399)}.referral-stat-card .stat-icon.gold{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.referral-stat-card .stat-icon.orange{background:linear-gradient(135deg,#f97316,#fb923c)}.referral-link-section{margin-bottom:2.5rem}.referral-card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:var(--shadow-sm)}.referral-card-header{text-align:center;margin-bottom:2rem}.referral-card-header svg{color:var(--peach-500);margin-bottom:1rem}.referral-card-header h2{font-size:1.75rem;color:var(--brown-900);margin:0 0 .75rem}.referral-card-header p{color:var(--brown-700);opacity:.8;margin:0}.referral-code-display,.referral-link-display{margin-bottom:1.5rem}.referral-code-display label,.referral-link-display label{display:block;font-weight:500;color:var(--brown-900);margin-bottom:.5rem;font-size:.875rem}.code-box{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--peach-50);border:2px solid var(--peach-300);border-radius:.75rem}.code{flex:1;font-family:monospace;font-size:1.5rem;font-weight:700;color:var(--peach-600);letter-spacing:.1em}.link-box{display:flex;align-items:center;gap:.5rem}.link-box input{flex:1;padding:.875rem 1rem;border:1px solid var(--peach-300);border-radius:.75rem;font-size:.9375rem;background:var(--peach-50)}.copy-btn{padding:.875rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.copy-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.share-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.share-btn{flex:1;max-width:200px;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;color:#fff}.share-btn.whatsapp{background-color:#25d366}.share-btn.email{background-color:#ea4335}.share-btn.twitter{background-color:#1da1f2}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.how-it-works-section,.rewards-breakdown{margin-bottom:2.5rem}.how-it-works-section h2,.rewards-breakdown h2{font-size:1.5rem;color:var(--brown-900);margin:0 0 1.5rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.step-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm);text-align:center}.step-number{width:48px;height:48px;margin:0 auto 1rem;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-card h3{font-size:1.125rem;color:var(--brown-900);margin:0 0 .75rem}.step-card p{color:var(--brown-700);opacity:.8;margin:0;line-height:1.6}.rewards-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.reward-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm);text-align:center}.reward-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff}.reward-icon.signup{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.reward-icon.upgrade{background:linear-gradient(135deg,#10b981,#34d399)}.reward-icon.friend{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.reward-card h3{font-size:1.125rem;color:var(--brown-900);margin:0 0 .75rem}.reward-amount{font-size:1.75rem;font-weight:700;color:var(--peach-600);margin-bottom:.75rem}.reward-card p{color:var(--brown-700);opacity:.8;margin:0;font-size:.875rem;line-height:1.5}.referrals-table-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm);overflow-x:auto}.referrals-table{width:100%;border-collapse:collapse}.referrals-table thead{background:var(--peach-50)}.referrals-table th{text-align:left;padding:1rem;font-weight:600;color:var(--brown-900);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.referrals-table td{padding:1rem;border-top:1px solid var(--peach-100);color:var(--brown-700)}.referral-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:2rem;font-size:.8125rem;font-weight:500}.referral-status-badge.active{background-color:#d4edda;color:#155724}.referral-status-badge.converted{background-color:#fff3cd;color:#856404}.referral-status-badge.pending{background-color:#cfe2ff;color:#084298}.credits-earned{font-weight:600;color:var(--peach-600)}.referral-terms{background:var(--peach-50);border-radius:1rem;padding:1.5rem;margin-top:2rem}.referral-terms h4{font-size:1rem;color:var(--brown-900);margin:0 0 1rem}.referral-terms ul{margin:0;padding-left:1.5rem}.referral-terms li{color:var(--brown-700);opacity:.8;font-size:.875rem;line-height:1.8}.settings-page .settings-section{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.settings-section-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--peach-200)}.settings-section-header svg{color:var(--peach-500);flex-shrink:0;margin-top:.25rem}.settings-section-header h2{font-size:1.5rem;color:var(--brown-900);margin:0 0 .5rem}.settings-section-header p{color:var(--brown-700);opacity:.8;margin:0;font-size:.9375rem}.settings-form{max-width:600px}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--brown-700);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.settings-toggle-group{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.toggle-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--peach-100)}.toggle-item:last-child{border-bottom:none;padding-bottom:0}.toggle-info{flex:1}.toggle-info h4{font-size:1rem;color:var(--brown-900);margin:0 0 .375rem}.toggle-info p{font-size:.875rem;color:var(--brown-700);opacity:.8;margin:0}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--peach-200);transition:.3s;border-radius:2rem}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.danger-zone{border:2px solid #dc3545}.danger-zone .settings-section-header svg{color:#dc3545}.danger-zone-content{background:#fff5f5;border-radius:.75rem;padding:1.5rem}.danger-action{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.danger-action h4{font-size:1rem;color:var(--brown-900);margin:0 0 .375rem}.danger-action p{font-size:.875rem;color:var(--brown-700);opacity:.8;margin:0}.btn-danger{padding:.75rem 1.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-danger:hover{background-color:#bb2d3b;box-shadow:var(--shadow-md)}.help-page .quick-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.help-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column}.help-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.help-card svg{color:var(--peach-500);margin-bottom:1rem}.help-card h3{font-size:1.125rem;color:var(--brown-900);margin:0 0 .5rem}.help-card p{color:var(--brown-700);opacity:.8;margin:0 0 1rem;flex:1}.help-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--peach-600);font-weight:500;font-size:.9375rem}.faq-section{margin-bottom:2.5rem}.faq-section h2{font-size:1.5rem;color:var(--brown-900);margin:0 0 1.5rem}.faq-search{position:relative;margin-bottom:1.5rem}.faq-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--brown-700);opacity:.5}.faq-search input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid var(--peach-300);border-radius:.75rem;font-size:.9375rem;background:#fff}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#fff;border-radius:.75rem;box-shadow:var(--shadow-sm);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:none;border:none;text-align:left;cursor:pointer;font-size:1rem;font-weight:500;color:var(--brown-900);transition:background-color .2s}.faq-question:hover,.faq-item.expanded .faq-question{background-color:var(--peach-50)}.faq-answer{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease}.faq-category{display:inline-block;padding:.25rem .75rem;background-color:var(--peach-100);color:var(--peach-700);border-radius:.375rem;font-size:.75rem;font-weight:600;margin-bottom:.75rem}.faq-answer p{color:var(--brown-700);line-height:1.7;margin:0}.contact-support-section{margin-bottom:2.5rem}.contact-support-section h2{font-size:1.5rem;color:var(--brown-900);margin:0 0 .5rem}.support-options-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:1.5rem}.support-form-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm)}.support-form-card h3{font-size:1.25rem;color:var(--brown-900);margin:0 0 1.5rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-methods h3{font-size:1.25rem;color:var(--brown-900);margin:0 0 1.5rem}.contact-method{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:1rem}.contact-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.contact-icon.whatsapp{background:linear-gradient(135deg,#25d366,#34d399)}.contact-icon.email{background:linear-gradient(135deg,#ea4335,#f97316)}.contact-info h4{font-size:1rem;color:var(--brown-900);margin:0 0 .375rem}.contact-info p{font-size:.875rem;color:var(--brown-700);opacity:.8;margin:0 0 .5rem}.contact-link{color:var(--peach-600);text-decoration:none;font-weight:500;transition:color .2s}.contact-link:hover{color:var(--peach-700)}.support-hours{background:var(--peach-50);border-radius:.75rem;padding:1.25rem;margin-top:1rem}.support-hours h4{font-size:.9375rem;color:var(--brown-900);margin:0 0 .75rem}.support-hours p{font-size:.875rem;color:var(--brown-700);margin:.25rem 0}.system-status-section{margin-top:2rem}.status-card{background:#fff;border-radius:1rem;padding:1.5rem 2rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between}.status-indicator{display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-indicator.operational .status-dot{background-color:#10b981}.status-text{font-weight:500;color:var(--brown-900)}.status-link{color:var(--peach-600);text-decoration:none;font-weight:500;font-size:.9375rem;display:inline-flex;align-items:center;gap:.375rem;transition:color .2s}.status-link:hover{color:var(--peach-700)}@media(max-width:968px){.support-options-grid,.plans-grid-subscription{grid-template-columns:1fr}}@media(max-width:768px){.plan-actions,.help-actions,.share-buttons{flex-direction:column}.share-btn{max-width:none}.danger-action{flex-direction:column;align-items:flex-start}.status-card{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:480px){.referral-stats-grid,.steps-grid,.rewards-cards{grid-template-columns:1fr}.referrals-table-card{padding:1rem}.referrals-table th,.referrals-table td{padding:.75rem .5rem;font-size:.8125rem}}.dashboard{min-height:100vh;background:var(--neutral-50)}.dashboard-header{background:#fff;box-shadow:var(--shadow-sm);padding:1.5rem 2rem;border-bottom:1px solid var(--peach-100)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.75rem}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{color:var(--brown-700);font-weight:500}.btn-secondary{background:transparent;color:var(--brown-700);border:2px solid var(--peach-200);padding:.6rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{background:var(--peach-50);border-color:var(--peach-300)}.dashboard-stats{max-width:1400px;margin:2rem auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);border:2px solid var(--peach-100);transition:all .3s}.stat-card:hover{border-color:var(--peach-300);box-shadow:var(--shadow-md)}.stat-card svg{color:var(--peach-500)}.stat-card h3{font-size:2rem;color:var(--brown-900)}.stat-card p{color:var(--brown-600);font-size:.9rem}.tabs{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:1rem;border-bottom:2px solid var(--peach-100)}.tab{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:var(--brown-600);cursor:pointer;display:flex;align-items:center;gap:.5rem;border-bottom:3px solid transparent;transition:all .2s}.tab:hover{color:var(--peach-600)}.tab.active{color:var(--peach-600);border-bottom-color:var(--peach-500)}.tab-content{max-width:1400px;margin:2rem auto;padding:0 2rem 2rem}.generate-section,.content-generate-section,.inventory-section,.reference-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow-sm);border:2px solid var(--peach-100)}.generate-section h2,.content-generate-section h2,.inventory-section h2,.reference-section h2{margin-bottom:1.5rem;color:var(--brown-900)}.section-description{color:var(--brown-600);margin-bottom:2rem;line-height:1.7}.generate-form,.content-generate-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group textarea,.form-group input,.form-group select{padding:.875rem 1rem;border:2px solid var(--peach-200);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--peach-50);color:var(--brown-900);transition:all .2s}.form-group textarea{resize:vertical}.form-group textarea:focus,.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--peach-400);background:#fff;box-shadow:0 0 0 3px #ff6b6b1a}.form-group small{color:var(--brown-500);font-size:.85rem;margin-top:.25rem}.btn-primary{background:var(--gradient-primary);color:#fff;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.content-images-section{margin-top:3rem}.content-images-section h3{margin-bottom:2rem;color:var(--brown-900)}.inventory-header{margin-bottom:2rem}.filters{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--peach-200);border-radius:12px;background:var(--peach-50)}.search-box svg{color:var(--brown-500)}.search-box input{flex:1;border:none;outline:none;font-size:1rem;background:transparent;color:var(--brown-900)}.label-filter{padding:.75rem 1rem;border:2px solid var(--peach-200);border-radius:12px;font-size:1rem;cursor:pointer;background:var(--peach-50);color:var(--brown-800)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.image-card{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;border:2px solid var(--peach-100)}.image-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--peach-300)}.image-card img{width:100%;height:300px;object-fit:cover}.image-info{padding:1rem;background:#fff}.image-info .prompt{font-size:.9rem;color:var(--brown-800);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.labels{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.label{background:var(--gradient-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.tag{background:var(--peach-100);color:var(--brown-700);padding:.25rem .5rem;border-radius:8px;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.btn-danger-icon{background:var(--error);color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:.5rem}.btn-danger-icon:hover{background:#dc2626;transform:scale(1.05)}.upload-area{margin-bottom:2rem}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border:3px dashed var(--peach-300);border-radius:16px;cursor:pointer;transition:all .2s;gap:1rem;background:var(--peach-50)}.upload-label:hover{border-color:var(--peach-500);background:var(--peach-100)}.upload-label svg{color:var(--peach-500)}.upload-label span{font-size:1.1rem;font-weight:600;color:var(--brown-800)}.upload-label input{display:none}.reference-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--peach-100)}.reference-tab{background:none;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;color:var(--brown-600);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.reference-tab:hover{color:var(--peach-600)}.reference-tab.active{color:var(--peach-600);border-bottom-color:var(--peach-500)}.reference-content{margin-top:1rem}.reference-content select{width:100%;margin-bottom:.5rem}.upload-area-inline{margin-bottom:.5rem}.upload-label-inline{display:flex;align-items:center;justify-content:center;padding:1.5rem;border:2px dashed var(--peach-300);border-radius:12px;cursor:pointer;transition:all .2s;gap:1rem;background:var(--peach-50)}.upload-label-inline:hover{border-color:var(--peach-500);background:var(--peach-100)}.upload-label-inline svg{color:var(--peach-500)}.upload-label-inline span{font-size:.95rem;font-weight:500;color:var(--brown-700)}.upload-label-inline input{display:none}.empty-state{text-align:center;padding:4rem 2rem;color:var(--brown-400)}.empty-state svg{margin-bottom:1rem;color:var(--peach-300)}@media(max-width:968px){.form-row{grid-template-columns:1fr}}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.dashboard-stats{grid-template-columns:1fr}.tabs{overflow-x:auto;padding-bottom:.5rem}.image-grid{grid-template-columns:1fr}}