@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";body{margin:0}#root{min-height:100vh}.skip-link{position:absolute;top:-100px;left:16px;z-index:9999;padding:10px 20px;background:#c2631a;color:#fff;font-weight:600;border-radius:0 0 10px 10px;text-decoration:none;transition:top .2s ease;font-family:system-ui,sans-serif}.skip-link:focus{top:0}.landing{--l-cream: #FAF7F2;--l-cream-mid: #F0ECE4;--l-cream-dark: #E5DFD4;--l-obsidian: #0F0B08;--l-obsidian-mid:#1A1510;--l-obsidian-up: #231D16;--l-terracotta: #C2631A;--l-terracotta-h:#D97A2D;--l-amber: #E8A96A;--l-amber-light: #F2CDA0;--l-gold: #FBBF24;--l-blue: #2563EB;--l-text-dark: #1C1713;--l-text-mid: #4A4238;--l-text-muted: #8A7F72;--l-text-cream: #FDFCFA;--l-text-dim: rgba(255,255,255,.45);--l-text-faint: rgba(255,255,255,.22);--l-border-dark: rgba(255,255,255,.07);--l-border-cream:#DDD8CE;--l-glass: rgba(15,11,8,.82);--l-font-display:"Playfair Display", Georgia, serif;--l-font-body: "DM Sans", "Plus Jakarta Sans", system-ui, sans-serif;--l-ease: cubic-bezier(.16, 1, .3, 1);--l-max: 1120px}.landing{min-height:100vh;font-family:var(--l-font-body);background:var(--l-obsidian);color:var(--l-text-cream);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.l-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--l-ease),transform .7s var(--l-ease)}.l-reveal.visible{opacity:1;transform:translateY(0)}.l-reveal-delay-1{transition-delay:.08s}.l-reveal-delay-2{transition-delay:.16s}.l-reveal-delay-3{transition-delay:.24s}.l-reveal-delay-4{transition-delay:.32s}.l-reveal-delay-5{transition-delay:.4s}@media(prefers-reduced-motion:reduce){.l-reveal{opacity:1;transform:none;transition:none}.landing-hero-badge,.landing-hero-title,.landing-hero-sub,.landing-hero-actions,.landing-hero-micro,.landing-hero-scroll{animation:none;opacity:1;transform:none}.landing-hero-badge-dot{animation:none}.landing-scroll-line{animation:none;opacity:.6}.landing-card,.landing-problem-card,.landing-benefit-item,.landing-step,.landing-testimonial-card,.landing-faq-item{transition:none}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:68px;background:var(--l-glass);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--l-border-dark);transition:background .3s ease,box-shadow .3s ease}.landing-nav.scrolled{background:#0f0b08f2;box-shadow:0 4px 40px #0006}.landing-nav-logo{display:flex;align-items:center;gap:11px}.landing-nav-icon{display:flex;align-items:center;justify-content:center;height:32px;width:auto}.landing-nav-logo-img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.landing-nav-brand{font-family:var(--l-font-display);font-size:20px;font-weight:700;color:var(--l-text-cream);letter-spacing:-.02em}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-link{font-size:13.5px;font-weight:500;color:var(--l-text-dim);text-decoration:none;letter-spacing:.01em;transition:color .2s ease;cursor:pointer;background:none;border:none;font-family:var(--l-font-body);border-radius:6px;padding:4px 8px}.landing-nav-link:hover{color:var(--l-amber)}.landing-nav-link:focus-visible{outline:2px solid var(--l-amber);outline-offset:2px;color:var(--l-amber)}.landing-nav-btn{padding:9px 26px;border-radius:10px;border:1.5px solid rgba(232,169,106,.3);background:#e8a96a14;color:var(--l-amber);font-family:var(--l-font-body);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;letter-spacing:.02em}.landing-nav-btn:hover{background:#e8a96a26;border-color:#e8a96a80;color:var(--l-amber-light);transform:translateY(-1px);box-shadow:0 4px 20px #c2631a33}.landing-nav-btn:focus-visible{outline:2px solid var(--l-amber);outline-offset:3px}.landing-nav-menu-btn{display:none;background:none;border:none;color:var(--l-text-dim);cursor:pointer;padding:4px}.landing-hero{min-height:100vh;min-height:100dvh;background:var(--l-obsidian);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 100px;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(194,99,26,.22) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 20% 80%,rgba(37,99,235,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 80% 90%,rgba(194,99,26,.08) 0%,transparent 50%);pointer-events:none}.landing-hero:after{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:128px;pointer-events:none}.landing-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 70%);pointer-events:none}.landing-hero-content{position:relative;z-index:2;max-width:680px}.landing-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:100px;border:1px solid rgba(232,169,106,.25);background:#e8a96a0f;color:var(--l-amber);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:36px;opacity:0}.landing-hero-badge-dot{width:6px;height:6px;background:var(--l-terracotta);border-radius:50%;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;box-shadow:0 0 #c2631a66}50%{opacity:.7;box-shadow:0 0 0 6px #c2631a00}}.landing-hero-title{font-family:var(--l-font-display);font-size:clamp(48px,8vw,88px);font-weight:700;color:var(--l-text-cream);line-height:1.05;letter-spacing:-.035em;margin-bottom:28px;text-wrap:balance;opacity:0}.landing-hero-title em{font-style:italic;display:inline-block}.landing-hero-title em .letter{background:linear-gradient(135deg,var(--l-amber-light),var(--l-terracotta-h));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:clamp(16px,2.2vw,19px);color:var(--l-text-dim);line-height:1.7;max-width:480px;margin:0 auto 48px;font-weight:400;opacity:0}.landing-hero-sub strong{color:#ffffffb3;font-weight:600}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;opacity:0}.landing-hero-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 38px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--l-terracotta),#B05515);color:#fff;font-family:var(--l-font-body);font-size:16px;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 24px #c2631a59,0 0 #c2631a00;position:relative;overflow:hidden;letter-spacing:.01em}.landing-hero-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s}.landing-hero-cta:hover{transform:translateY(-3px);box-shadow:0 8px 36px #c2631a73,0 0 0 4px #c2631a1a}.landing-hero-cta:hover:before{opacity:1}.landing-hero-cta:active{transform:translateY(-1px)}.landing-hero-cta-secondary{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:14px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffa6;font-family:var(--l-font-body);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .22s ease,background .22s ease,color .22s ease}.landing-hero-cta-secondary:hover{border-color:#fff3;background:#ffffff14;color:#ffffffd9}.landing-hero-micro{font-size:12px;color:var(--l-text-faint);letter-spacing:.04em;margin-top:24px;opacity:0;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.landing-hero-micro span{display:flex;align-items:center;gap:5px}.landing-hero-scroll{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--l-text-faint);font-size:9px;letter-spacing:.16em;text-transform:uppercase;animation:fadeIn 1s ease 1.2s both}.landing-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(232,169,106,.4),transparent);animation:scrollPulse 2.5s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.25;transform:scaleY(.85)}50%{opacity:1;transform:scaleY(1)}}.landing-trust-strip{background:var(--l-obsidian);border-top:1px solid var(--l-border-dark);border-bottom:1px solid var(--l-border-dark);padding:22px 24px;text-align:center}.landing-trust-text{font-size:12px;color:var(--l-text-faint);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.landing-trust-text strong{color:var(--l-amber);font-weight:700}.landing-problem{background:var(--l-cream);padding:110px 24px;position:relative;overflow:hidden}.landing-problem:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,rgba(15,11,8,.03),transparent);pointer-events:none}.landing-problem-inner{max-width:var(--l-max);margin:0 auto}.landing-problem-header{text-align:center;margin-bottom:72px}.landing-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-problem-card{background:#1c17130a;border:1px solid rgba(28,23,19,.08);border-radius:18px;padding:32px 28px;transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.landing-problem-card:hover{background:#1c17130f;border-color:#c2631a26;transform:translateY(-4px);box-shadow:0 12px 40px #1c171314}.landing-problem-card-icon{font-size:36px;margin-bottom:18px;display:block;line-height:1}.landing-problem-card-title{font-family:var(--l-font-display);font-size:17px;font-weight:600;color:var(--l-text-dark);margin-bottom:10px;letter-spacing:-.01em}.landing-problem-card-desc{font-size:14px;color:var(--l-text-muted);line-height:1.7}.landing-section-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--l-terracotta);margin-bottom:14px}.landing-section-title{font-family:var(--l-font-display);font-size:clamp(28px,4.5vw,44px);font-weight:700;color:var(--l-text-dark);line-height:1.15;margin-bottom:20px;max-width:580px;margin-left:auto;margin-right:auto;letter-spacing:-.02em;text-wrap:balance}.landing-section-title--light{color:var(--l-text-cream)}.landing-section-subtitle{font-size:15.5px;color:var(--l-text-muted);line-height:1.7;max-width:520px;margin:0 auto}.landing-section-subtitle--light{color:var(--l-text-dim)}.landing-stats-strip{background:#100d0a;border-top:1px solid var(--l-border-dark);border-bottom:1px solid var(--l-border-dark);display:flex;align-items:center;justify-content:center;padding:36px 24px;flex-wrap:wrap;gap:0}.landing-stat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 48px}.landing-stat-num{font-family:var(--l-font-display);font-size:34px;font-weight:700;color:var(--l-amber);line-height:1;letter-spacing:-.02em}.landing-stat-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--l-text-faint)}.landing-stat-divider{width:1px;height:44px;background:linear-gradient(to bottom,transparent,rgba(232,169,106,.2),transparent);flex-shrink:0}.landing-features{background:var(--l-cream);padding:110px 24px;position:relative}.landing-features:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c4bdb0' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.landing-features-inner{max-width:var(--l-max);margin:0 auto;text-align:center;position:relative;z-index:1}.landing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}.landing-card{background:#fdfcfa;border:1px solid var(--l-border-cream);border-radius:20px;padding:36px 28px;text-align:left;transition:transform .3s var(--l-ease),box-shadow .3s var(--l-ease),border-color .3s var(--l-ease);box-shadow:0 2px 8px #1c17130a;position:relative;overflow:hidden}.landing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--l-terracotta),var(--l-amber),transparent);opacity:0;transition:opacity .3s}.landing-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #1c17131f;border-color:#c2631a33}.landing-card:hover:before{opacity:1}.landing-card-icon{width:52px;height:52px;background:linear-gradient(135deg,#c2631a14,#e8a96a0f);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px;line-height:1;border:1px solid rgba(194,99,26,.08)}.landing-card-title{font-family:var(--l-font-display);font-size:18px;font-weight:600;color:var(--l-text-dark);margin-bottom:10px;letter-spacing:-.01em}.landing-card-desc{font-size:14px;color:var(--l-text-muted);line-height:1.7}.landing-mockup-section{background:var(--l-obsidian);padding:100px 24px;display:flex;justify-content:center;position:relative;overflow:hidden}.landing-mockup-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(37,99,235,.06) 0%,transparent 65%);pointer-events:none}.landing-mockup-wrap{width:100%;max-width:920px;position:relative;z-index:1}.landing-mockup-label{text-align:center;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--l-text-faint);margin-bottom:32px}.landing-mockup-browser{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #ffffff08,0 40px 120px #000000b3,0 20px 50px #0006;transition:transform .4s var(--l-ease),box-shadow .4s ease}.landing-mockup-browser:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 0 0 1px #e8a96a1a,0 50px 140px #000000b3,0 25px 60px #0006}.landing-mockup-bar{display:flex;align-items:center;gap:7px;padding:12px 18px;background:var(--l-obsidian-up);border-bottom:1px solid rgba(255,255,255,.05)}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.landing-mockup-url{margin-left:12px;flex:1;text-align:center;font-size:11px;color:var(--l-text-faint);font-family:SF Mono,Fira Code,Consolas,monospace;padding:4px 14px;background:#ffffff0a;border-radius:6px;max-width:300px;margin-right:auto}.landing-mockup-screen{display:block;background:var(--l-cream);line-height:0}.mockup-screenshot{width:100%;display:block;object-fit:cover}.landing-benefits{background:var(--l-obsidian-mid);padding:110px 24px;position:relative;overflow:hidden}.landing-benefits:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 40% at 80% 90%,rgba(194,99,26,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 35% at 20% 10%,rgba(37,99,235,.04) 0%,transparent 60%);pointer-events:none}.landing-benefits-inner{max-width:960px;margin:0 auto;text-align:center;position:relative;z-index:1}.landing-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:64px;text-align:left}.landing-benefit-item{display:flex;align-items:flex-start;gap:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:30px 28px;transition:border-color .3s ease,background .3s ease,transform .3s ease;position:relative;overflow:hidden}.landing-benefit-item:after{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(to bottom,var(--l-amber),transparent);transition:height .4s var(--l-ease);border-radius:0 2px 2px 0}.landing-benefit-item:hover{border-color:#e8a96a2e;background:#ffffff0d;transform:translate(4px)}.landing-benefit-item:hover:after{height:100%}.landing-benefit-icon{width:48px;height:48px;background:#e8a96a14;border:1px solid rgba(232,169,106,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;flex-shrink:0}.landing-benefit-title{font-family:var(--l-font-display);font-size:17px;font-weight:600;color:var(--l-text-cream);margin-bottom:8px;letter-spacing:-.01em}.landing-benefit-desc{font-size:14px;color:var(--l-text-dim);line-height:1.7}.landing-how{background:var(--l-cream);padding:110px 24px;position:relative}.landing-how-inner{max-width:1000px;margin:0 auto;text-align:center}.landing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px;text-align:left;position:relative}.landing-steps:before{content:"";position:absolute;top:42px;left:60px;right:60px;height:2px;background:linear-gradient(90deg,transparent,var(--l-cream-dark) 15%,var(--l-cream-dark) 85%,transparent);z-index:0}.landing-step{background:#fdfcfa;border:1px solid var(--l-border-cream);border-radius:18px;padding:30px 24px;position:relative;z-index:1;transition:transform .3s var(--l-ease),box-shadow .3s var(--l-ease),border-color .3s var(--l-ease)}.landing-step:hover{transform:translateY(-5px);box-shadow:0 14px 40px #1c17131a;border-color:#c2631a33}.landing-step-num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--l-terracotta),var(--l-amber));color:#fff;font-family:var(--l-font-display);font-size:16px;font-weight:700;margin-bottom:20px;box-shadow:0 4px 12px #c2631a40}.landing-step-title{font-family:var(--l-font-display);font-size:16px;font-weight:600;color:var(--l-text-dark);margin-bottom:10px;letter-spacing:-.01em}.landing-step-desc{font-size:13.5px;color:var(--l-text-muted);line-height:1.65}.landing-testimonials{background:var(--l-obsidian-mid);padding:100px 24px;position:relative;overflow:hidden}.landing-testimonials:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(232,169,106,.05) 0%,transparent 60%);pointer-events:none}.landing-testimonials-inner{max-width:960px;margin:0 auto;text-align:center;position:relative;z-index:1}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}.landing-testimonial-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:28px 24px;text-align:left;transition:border-color .3s ease,background .3s ease,transform .3s ease}.landing-testimonial-card:hover{border-color:#e8a96a2e;background:#ffffff0d;transform:translateY(-3px)}.landing-testimonial-stars{color:var(--l-gold);font-size:14px;letter-spacing:2px;margin-bottom:16px}.landing-testimonial-text{font-size:14px;font-style:italic;color:#fff9;line-height:1.7;margin-bottom:20px}.landing-testimonial-author{display:flex;align-items:center;gap:10px}.landing-testimonial-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--l-terracotta),var(--l-amber));display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.landing-testimonial-name{font-size:13px;font-weight:600;color:var(--l-text-cream)}.landing-testimonial-role{font-size:11.5px;color:var(--l-text-faint)}.landing-faq{background:var(--l-cream);padding:110px 24px;position:relative}.landing-faq-inner{max-width:720px;margin:0 auto;text-align:center}.landing-faq-list{margin-top:56px;text-align:left;display:flex;flex-direction:column;gap:8px}.landing-faq-item{border:1px solid var(--l-border-cream);border-radius:14px;overflow:hidden;background:#fdfcfa;transition:border-color .2s ease,box-shadow .2s ease}.landing-faq-item:hover{border-color:#c2631a33;box-shadow:0 4px 16px #1c17130f}.landing-faq-q{padding:22px 26px;font-family:var(--l-font-display);font-size:16px;font-weight:600;color:var(--l-text-dark);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;-webkit-user-select:none;user-select:none;transition:color .2s;letter-spacing:-.01em}.landing-faq-q:hover{color:var(--l-terracotta)}.landing-faq-q-icon{width:28px;height:28px;border-radius:8px;background:#c2631a0f;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;color:var(--l-terracotta);transition:transform .3s var(--l-ease),background .2s}.landing-faq-item.open .landing-faq-q-icon{transform:rotate(45deg);background:#c2631a1f}.landing-faq-a-wrap{max-height:0;overflow:hidden;transition:max-height .4s var(--l-ease)}.landing-faq-item.open .landing-faq-a-wrap{max-height:200px}.landing-faq-a{padding:0 26px 24px;font-size:14px;color:var(--l-text-muted);line-height:1.75;margin:0}.landing-cta-section{background:var(--l-obsidian);padding:120px 24px;text-align:center;position:relative;overflow:hidden}.landing-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(194,99,26,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(37,99,235,.05) 0%,transparent 60%);pointer-events:none}.landing-cta-content{position:relative;z-index:1;max-width:560px;margin:0 auto}.landing-cta-title{font-family:var(--l-font-display);font-size:clamp(32px,5vw,52px);font-weight:700;color:var(--l-text-cream);margin-bottom:16px;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}.landing-cta-sub{font-size:16px;color:var(--l-text-dim);margin-bottom:44px;line-height:1.7}.landing-cta-trust{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.landing-cta-trust span{font-size:12px;color:var(--l-text-faint);display:flex;align-items:center;gap:5px}.landing-footer{background:#080604;border-top:1px solid var(--l-border-dark);padding:28px 40px;display:flex;align-items:center;justify-content:space-between}.landing-footer-logo{font-family:var(--l-font-display);font-size:14px;color:#ffffff4d}.landing-footer-tagline{font-size:11px;color:var(--l-text-faint);letter-spacing:.06em}.landing-footer-brand{font-size:10px;letter-spacing:.15em;color:#ffffff1f;text-transform:uppercase;font-weight:700}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.landing-nav-links{display:none}.landing-nav-menu-btn{display:block}.landing-cards,.landing-steps{grid-template-columns:repeat(2,1fr)}.landing-steps:before{display:none}.landing-testimonials-grid,.landing-problem-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}@media(max-width:768px){.landing-nav{padding:0 20px;height:60px}.landing-hero{padding:100px 20px 80px}.landing-cards{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.landing-benefits-grid{grid-template-columns:1fr}.landing-steps{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}.landing-stat{padding:0 24px}.landing-footer{padding:20px 24px;flex-wrap:wrap;gap:8px;justify-content:center;text-align:center}.landing-hero-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto}.landing-hero-cta,.landing-hero-cta-secondary{width:100%;justify-content:center}}@media(max-width:480px){.landing-hero{padding:90px 16px 70px}.landing-mockup-section{padding:60px 0}.landing-mockup-browser{border-radius:0;border-left:none;border-right:none}.landing-stats-strip{gap:10px;padding:28px 16px}.landing-stat-divider{display:none}.landing-stat{padding:8px 16px}.landing-problem,.landing-features,.landing-benefits,.landing-how,.landing-faq,.landing-testimonials{padding:80px 16px}.landing-cta-section{padding:90px 16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #2563EB;--primary-dark: #1D4ED8;--primary-light: #EFF6FF;--primary-muted: rgba(37,99,235,.12);--accent: #C2631A;--accent-light: #FEF3E2;--bg: #F7F4EF;--bg-alt: #EDE9E1;--surface: #FDFCFA;--surface-raised: #FFFFFF;--border: #DDD8CE;--border-strong: #C4BDB0;--text: #1C1713;--text-mid: #4A4238;--text-light: #8A7F72;--text-xlight: #B5AC9F;--sidebar-bg: #1C1410;--sidebar-surface: #251C17;--sidebar-border: rgba(255,255,255,.07);--sidebar-text: rgba(255,255,255,.55);--sidebar-active: rgba(255,255,255,.1);--sidebar-accent: #E8A96A;--sidebar-width: 248px;--shadow-sm: 0 1px 3px rgba(28,23,19,.07), 0 1px 2px rgba(28,23,19,.04);--shadow-md: 0 4px 12px rgba(28,23,19,.08), 0 2px 4px rgba(28,23,19,.05);--shadow-lg: 0 16px 40px rgba(28,23,19,.12), 0 4px 12px rgba(28,23,19,.07);--badge-green-bg: #ECFDF5;--badge-green-text: #065F46;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px}body.dark{--primary: #60A5FA;--primary-dark: #3B82F6;--primary-light: rgba(96,165,250,.12);--primary-muted: rgba(96,165,250,.1);--accent: #F59E0B;--accent-light: rgba(245,158,11,.12);--bg: #0a0a0a;--bg-alt: #111111;--surface: #141414;--surface-raised: #1a1a1a;--border: #2a2a2a;--border-strong: #383838;--text: #F0EDE8;--text-mid: #C5BDB4;--text-light: #7A746C;--text-xlight: #4A4440;--sidebar-bg: #050505;--sidebar-surface: #0f0f0f;--sidebar-border: rgba(255,255,255,.05);--sidebar-text: rgba(255,255,255,.4);--sidebar-active: rgba(255,255,255,.07);--sidebar-accent: #FBBF24;--badge-green-bg: rgba(6,95,70,.18);--badge-green-text: #34D399;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 16px 40px rgba(0,0,0,.6)}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}body:not(.dark){background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c4bdb0' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;height:100vh;top:0;left:0;z-index:100;border-right:1px solid var(--sidebar-border)}.sidebar-header{padding:20px 16px 18px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:flex-start;gap:8px}.sidebar-header-content{flex:1;min-width:0}.logo{display:flex;align-items:center;gap:10px;margin-bottom:6px}.logo-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-img,.logo svg{width:100%;height:100%;object-fit:contain}.loading-logo{width:80px;height:80px;margin-bottom:16px;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.logo-text{font-family:Lora,serif;font-size:19px;font-weight:600;color:#f0ede8;letter-spacing:.2px}.logo-sub{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:1.5px;margin-left:44px;font-weight:500}.sidebar-nav{padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav-section-label{font-size:9.5px;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff38;padding:16px 10px 5px;font-weight:700}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .18s;position:relative}.nav-item:hover{background:var(--sidebar-active);color:#ffffffd9}.nav-item.active{background:var(--sidebar-active);color:#f0ede8}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--sidebar-accent);border-radius:0 2px 2px 0}.theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .18s}.theme-toggle:hover{background:var(--sidebar-active)}.theme-toggle-label{font-size:13.5px;font-weight:500;color:var(--sidebar-text);display:flex;align-items:center;gap:10px}.toggle-switch{width:34px;height:19px;background:#ffffff1f;border-radius:10px;position:relative;transition:background .2s;flex-shrink:0}.toggle-switch.on{background:var(--sidebar-accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:15px;height:15px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(15px)}.sidebar-footer{padding:10px;border-top:1px solid var(--sidebar-border);flex-shrink:0;display:flex;flex-direction:column;gap:2px}.sidebar-brand{text-align:center;font-size:10px;font-weight:700;letter-spacing:2.5px;color:#ffffff26;padding:10px 0 4px;text-transform:uppercase}.main-content{margin-left:var(--sidebar-width);flex:1;padding:36px 40px;min-height:100vh;transition:background .3s}.page-header{margin-bottom:32px}.page-title{font-family:Lora,serif;font-size:30px;font-weight:600;color:var(--text);margin-bottom:5px;letter-spacing:-.3px}.page-subtitle{font-size:13.5px;color:var(--text-light);font-weight:400}.card{background:var(--surface);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:background .3s,border-color .3s}.card-title{font-size:15px;font-weight:600;margin-bottom:14px}.card-desc{font-size:13px;color:var(--text-light);margin-bottom:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:28px}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:background .3s,border-color .3s}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),transparent);opacity:.4}.stat-label{font-size:11.5px;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-weight:600}.stat-value{font-size:38px;font-weight:700;color:var(--text);line-height:1;font-family:Lora,serif}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border-radius:var(--radius-md);font-size:13.5px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;border:none;transition:all .18s;letter-spacing:.1px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 6px #2563eb4d}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 10px #2563eb66;transform:translateY(-1px)}.btn-secondary{background:var(--surface-raised);color:var(--text-mid);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-alt);border-color:var(--border-strong);color:var(--text)}.btn-danger{background:#fef2f2;color:#b91c1c;border:1px solid #FECACA}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}body.dark .btn-danger{background:#b91c1c1f;color:#fca5a5;border-color:#b91c1c40}body.dark .btn-danger:hover:not(:disabled){background:#b91c1c33}.form-group{margin-bottom:18px}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-mid);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:Plus Jakarta Sans,sans-serif;color:var(--text);background:var(--surface-raised);transition:border-color .18s,box-shadow .18s,background .3s;outline:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.form-input::placeholder{color:var(--text-xlight)}select.form-input{cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;animation:fadeOverlay .2s ease}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-xl);padding:30px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:slideModal .22s cubic-bezier(.16,1,.3,1)}@keyframes slideModal{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{font-family:Lora,serif;font-size:21px;font-weight:600;margin-bottom:22px;color:var(--text);letter-spacing:-.2px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.item-list{display:flex;flex-direction:column;gap:8px}.list-item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 16px;display:flex;align-items:center;justify-content:space-between;transition:all .18s}.list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.list-item-title{font-weight:600;font-size:14.5px;color:var(--text)}.list-item-sub{font-size:12px;color:var(--text-light);margin-top:3px}.list-item-actions{display:flex;gap:6px}.empty-state{text-align:center;padding:64px 20px;color:var(--text-light)}.empty-state-icon{font-size:46px;margin-bottom:14px;opacity:.6;display:block}.empty-state-text{font-size:14px;color:var(--text-light)}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.2px}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-orange{background:var(--accent-light);color:var(--accent)}.badge-green{background:#ecfdf5;color:#065f46}body.dark .badge-green{background:#065f4633;color:#34d399}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-xlight)}@media print{.sidebar{display:none!important}.main-content{margin-left:0!important;padding:20px!important}.btn{display:none!important}}.menu-toggle{display:none;position:fixed;top:14px;left:14px;z-index:300;width:42px;height:42px;background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;justify-content:center;color:#ffffffbf;box-shadow:var(--shadow-md);transition:background .18s,opacity .18s;flex-shrink:0}.menu-toggle:hover{background:var(--sidebar-surface)}.menu-toggle.hidden{opacity:0;pointer-events:none}.sidebar-close{display:none;background:none;border:none;cursor:pointer;color:#ffffff80;padding:4px;border-radius:var(--radius-sm);align-items:center;justify-content:center;transition:color .18s,background .18s;margin-left:auto;flex-shrink:0}.sidebar-close:hover{color:#ffffffe6;background:#ffffff14}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeOverlay .2s ease}@media(max-width:900px){.menu-toggle,.sidebar-close{display:flex}.sidebar{transform:translate(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);z-index:200}.sidebar.open{transform:translate(0);box-shadow:4px 0 32px #00000040}.sidebar-overlay.open{display:block}.main-content{margin-left:0;padding:72px 20px 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.main-content{padding:68px 16px 24px}.page-header{margin-bottom:20px}.page-title{font-size:23px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-value{font-size:28px}.list-item-title{word-break:break-word;overflow-wrap:anywhere}.page-subtitle,.card{overflow-wrap:break-word}.card{padding:16px;border-radius:var(--radius-md)}.btn{font-size:13px;padding:8px 13px}.modal-overlay{padding:40px 12px 12px;align-items:flex-start}.modal{width:calc(100% - 16px);max-width:100%;padding:18px 14px;border-radius:12px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.list-item{padding:11px 13px}.list-item-title{font-size:14px}.form-label{font-size:11.5px}.form-input{padding:9px 11px;font-size:13.5px}.list-item-actions{gap:5px}.menu-toggle{top:12px;left:12px;width:40px;height:40px}.table-scroll,.weekly-schedule-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}.weekly-schedule-grid>div{min-width:770px}}@media(max-width:900px)and (orientation:landscape){.main-content{padding-top:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid rgba(0,0,0,.05);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}body.dark .spinner{border-color:#ffffff0d;border-top-color:var(--primary)}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.floating-island{opacity:0}.island-close-btn:hover{background:#0000001a!important;transform:rotate(90deg)}body.dark .island-close-btn:hover{background:#ffffff1a!important}.sync-button-sidebar{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border-radius:8px;border:1px solid var(--sidebar-border);background:#ffffff0d;color:#fff9;font-size:11.5px;cursor:pointer;transition:all .18s;font-family:inherit}.sync-button-sidebar:hover:not(:disabled){background:#ffffff1a;color:#ffffffd9}.sync-button-sidebar:disabled{opacity:.5;cursor:not-allowed}.logout-button{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:none;background:none;color:#ffffff73;font-size:13px;cursor:pointer;margin-top:4px;transition:all .18s;font-family:inherit}.logout-button:hover{background:#ffffff12;color:#ffffffbf}.sync-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;color:var(--primary)}.feedback-widget{position:fixed;bottom:24px;right:24px;z-index:9999}.feedback-panel{position:absolute;bottom:54px;right:0;width:288px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:var(--shadow-lg);animation:feedbackSlideUp .18s ease}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.feedback-header-text{font-size:13px;font-weight:600;color:var(--text);letter-spacing:.01em}.feedback-close-btn{background:none;border:none;cursor:pointer;color:var(--text-light);padding:2px;line-height:0}.feedback-success{text-align:center;padding:18px 0 10px;color:var(--text-mid)}.feedback-success-icon{color:#16a34a;display:block;margin:0 auto 8px}.feedback-success-text{font-size:13px}.feedback-select{width:100%;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12px;margin-bottom:9px;outline:none;cursor:pointer;font-family:inherit}.feedback-textarea{width:100%;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12px;resize:none;outline:none;font-family:inherit;line-height:1.5;margin-bottom:8px}.feedback-page-info{font-size:10px;color:var(--text-xlight);margin-bottom:10px}.feedback-page-info code{font-size:10px}.feedback-error{font-size:11px;color:var(--accent);margin-bottom:8px}.feedback-submit-btn{width:100%;padding:8px;border-radius:var(--radius-sm);border:none;background:var(--primary);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s;font-family:inherit}.feedback-submit-btn:disabled{opacity:.55;cursor:not-allowed}.feedback-submit-btn:not(:disabled){cursor:pointer;opacity:1}.feedback-fab{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:color .15s,box-shadow .15s}.feedback-fab.open{color:var(--primary)}.feedback-fab:not(.open){color:var(--text-light)}.feedback-fab:hover{box-shadow:var(--shadow-lg)}.ai-modal-content{max-width:520px;padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.ai-modal-header{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.ai-modal-header h2{margin:0}.ai-modal-header p{font-size:13px;color:var(--text-light);margin:4px 0 0}.ai-modal-body{padding:16px 20px 20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ai-step-label{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.ai-options{display:flex;gap:10px;margin-bottom:20px}.ai-option-btn{flex:1;padding:12px 10px;border-radius:var(--radius-md);border:2px solid var(--border);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .18s;font-family:inherit}.ai-option-btn[data-active=true]{background:var(--ai-color-light);border-color:var(--ai-color)}.ai-option-emoji{font-size:24px}.ai-option-name{font-size:13px;font-weight:700;color:var(--text)}.ai-option-btn[data-active=true] .ai-option-name{color:var(--ai-color)}.ai-option-desc{font-size:11px;color:var(--text-light);opacity:.8}.ai-option-btn[data-active=true] .ai-option-desc{color:var(--ai-color)}.ai-option-badge{font-size:11px;font-weight:600;color:var(--ai-color);background:var(--ai-color-light);border:1px solid var(--ai-color-border);border-radius:20px;padding:2px 8px;margin-top:2px}.ai-prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ai-prompt-hint{font-size:12px;color:var(--text-light)}.ai-copy-btn{padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;font-family:inherit}.ai-copy-btn[data-copied=true]{border-color:#2e7d32;background:#e8f5e9;color:#2e7d32}.ai-prompt-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);font-size:12px;font-family:monospace;line-height:1.5;resize:vertical;color:var(--text);background:var(--bg);outline:none}.ai-steps-card{background:var(--bg);border-radius:var(--radius-md);padding:10px 12px;margin-top:12px;border:1px solid var(--border)}.ai-steps-card p{font-size:12px;font-weight:600;margin:0 0 6px;color:var(--text)}.ai-steps-card ol{font-size:12px;color:var(--text-light);margin:0;padding-left:16px;line-height:1.8}.ai-modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}.ai-open-btn{padding:10px 20px;border-radius:var(--radius-md);border:none;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;transition:opacity .2s;cursor:pointer;font-family:inherit}.ai-open-btn:hover{opacity:.88}.config-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.config-tab-btn{padding:8px 16px;border-radius:20px;border:1.5px solid;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;font-family:inherit}.config-tab-btn[data-active=true]{border-color:var(--primary);background:var(--primary);color:#fff}.config-tab-btn[data-active=false]{border-color:var(--border);background:#fff;color:var(--text-light)}body.dark .config-tab-btn[data-active=false]{background:var(--surface)}.config-section{display:flex;flex-direction:column;gap:16px}.config-danger-zone{border:1px solid #FFCDD2!important}.config-danger-zone h3{font-size:15px;font-weight:600;margin-bottom:6px;color:#c62828}body.dark .config-danger-zone{border-color:#b91c1c4d!important}body.dark .config-danger-zone h3{color:#fca5a5}.config-confirm-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.config-confirm-row .form-input{max-width:200px}.config-scale-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.config-about{text-align:center;padding:40px 20px}.config-about-logo{margin-bottom:16px;display:flex;justify-content:center}.config-about h2{font-size:22px;font-weight:700;color:var(--primary);margin-bottom:6px}.config-about-version{font-size:14px;color:var(--text-light);margin-bottom:20px}.config-about-desc{font-size:14px;color:var(--text);max-width:440px;margin:0 auto 20px;line-height:1.7}.config-about-credit{font-size:13px;color:var(--text-light);max-width:440px;margin:0 auto;line-height:1.6;font-style:italic}.config-message{background:#e8f5e9;border:1px solid #A5D6A7;border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:14px;color:#2e7d32;font-weight:500}body.dark .config-message{background:#065f4626;border-color:#065f464d;color:#34d399}.config-import-label{display:inline-block;padding:8px 16px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600}.config-import-label input{display:none}.sync-status-bar{display:none;align-items:center;gap:6px;padding:6px 12px;margin-bottom:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;color:var(--text-light);transition:border-color .3s,background .3s}.sync-status-bar.syncing{border-color:var(--primary);background:var(--primary-light)}.sync-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sync-status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e66}.sync-status-dot.offline{background:#ef4444;box-shadow:0 0 6px #ef444466;animation:pulseOffline 1.5s ease-in-out infinite}@keyframes pulseOffline{0%,to{opacity:1}50%{opacity:.4}}.sync-status-text{font-weight:500}.sync-pending-badge{margin-left:auto;background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;min-width:20px;text-align:center}.sync-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--surface-raised);border:1px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;color:var(--primary);z-index:9999;animation:syncToastIn .3s ease}.sync-toast-icon{animation:spin 1s linear infinite}@keyframes syncToastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:900px){.sync-status-bar{display:flex}}@media(max-width:600px){.sync-status-bar{padding:5px 10px;font-size:11px;margin-bottom:10px}.sync-toast{bottom:70px;left:16px;right:16px;transform:none;font-size:12px;padding:8px 14px}@keyframes syncToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.pesos-grid{display:grid;grid-template-columns:1.4fr 90px 1fr auto;gap:10px;align-items:center}@media(max-width:600px){.pesos-grid{grid-template-columns:1fr 1fr;gap:8px}.pesos-grid>:nth-child(1){grid-column:1 / -1}.pesos-grid>:nth-child(4){grid-column:1 / -1;justify-self:end}}.calendar-grid-header,.calendar-grid-body{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid-body>div{min-height:90px;padding:6px}@media(max-width:600px){.calendar-grid-body>div{min-height:60px;padding:4px}.calendar-grid-header>div{font-size:10px!important;padding:6px 2px!important}}.horario-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}@media(max-width:600px){.horario-grid{grid-template-columns:1fr 1fr;gap:6px;padding:8px}.horario-grid>:nth-child(1){grid-column:1 / -1}.horario-grid>:nth-child(4){grid-column:1 / -1;justify-self:end}}.calificar-grid{display:grid;grid-template-columns:1fr 120px 120px;gap:12px;align-items:center}@media(max-width:600px){.calificar-grid{grid-template-columns:1fr;gap:8px}.calificar-grid>:nth-child(1){grid-column:1 / -1}.calificar-grid>:nth-child(2),.calificar-grid>:nth-child(3){justify-self:center}}.selectores-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.selectores-grid{grid-template-columns:1fr;gap:12px}}