@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{z-index:9999;color:#fff;background:#c2631a;border-radius:0 0 10px 10px;padding:10px 20px;font-family:system-ui,sans-serif;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.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:#ffffff73;--l-text-faint:#ffffff38;--l-border-dark:#ffffff12;--l-border-cream:#ddd8ce;--l-glass:#0f0b08d1;--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;min-height:100vh;font-family:var(--l-font-body);background:var(--l-obsidian);color:var(--l-text-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.l-reveal{opacity:0;transition:opacity .7s var(--l-ease), transform .7s var(--l-ease);transform:translateY(32px)}.l-reveal.visible{opacity:1;transform:translateY(0)}.l-reveal-delay-1{transition-delay:80ms}.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;transition:none;transform:none}.landing-hero-badge,.landing-hero-title,.landing-hero-sub,.landing-hero-actions,.landing-hero-micro,.landing-hero-scroll{opacity:1;animation:none;transform:none}.landing-hero-badge-dot{animation:none}.landing-scroll-line{opacity:.6;animation:none}.landing-card,.landing-problem-card,.landing-benefit-item,.landing-step,.landing-testimonial-card,.landing-faq-item{transition:none}}.landing-nav{z-index:100;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);justify-content:space-between;align-items:center;height:68px;padding:0 40px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{background:#0f0b08f2;box-shadow:0 4px 40px #0006}.landing-nav-logo{align-items:center;gap:11px;display:flex}.landing-nav-brand{font-family:var(--l-font-display);color:var(--l-text-cream);letter-spacing:-.02em;font-size:20px;font-weight:700}.landing-nav-links{align-items:center;gap:32px;display:flex}.landing-nav-link{color:var(--l-text-dim);letter-spacing:.01em;cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--l-font-body);background:0 0;border:none;border-radius:6px;padding:4px 8px;text-decoration:none;transition:color .2s}.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{color:var(--l-amber);font-family:var(--l-font-body);cursor:pointer;letter-spacing:.02em;background:#e8a96a14;border:1.5px solid #e8a96a4d;border-radius:10px;padding:9px 26px;font-size:13.5px;font-weight:600;transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s}.landing-nav-btn:hover{color:var(--l-amber-light);background:#e8a96a26;border-color:#e8a96a80;transform:translateY(-1px);box-shadow:0 4px 20px #c2631a33}.landing-nav-btn:focus-visible{outline:2px solid var(--l-amber);outline-offset:3px}.landing-hero{background:var(--l-obsidian);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:120px 24px 100px;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#c2631a38 0%,#0000 60%),radial-gradient(60% 40% at 20% 80%,#2563eb0f 0%,#0000 60%),radial-gradient(50% 30% at 80% 90%,#c2631a14 0%,#0000 50%);position:absolute;inset:0}.landing-hero:after{content:"";opacity:.03;pointer-events:none;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;position:absolute;inset:0}.landing-hero-grid{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 70%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 70%)}.landing-hero-content{z-index:2;max-width:680px;position:relative}.landing-hero-badge{color:var(--l-amber);letter-spacing:.1em;text-transform:uppercase;opacity:0;background:#e8a96a0f;border:1px solid #e8a96a40;border-radius:100px;align-items:center;gap:8px;margin-bottom:36px;padding:6px 18px;font-size:11.5px;font-weight:600;display:inline-flex}.landing-hero-badge-dot{background:var(--l-terracotta);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite badgePulse}@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);color:var(--l-text-cream);letter-spacing:-.035em;text-wrap:balance;opacity:0;margin-bottom:28px;font-size:clamp(48px,8vw,88px);font-weight:700;line-height:1.05}.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-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-sub{color:var(--l-text-dim);opacity:0;max-width:480px;margin:0 auto 48px;font-size:clamp(16px,2.2vw,19px);font-weight:400;line-height:1.7}.landing-hero-sub strong{color:#ffffffb3;font-weight:600}.landing-hero-actions{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-hero-cta{background:linear-gradient(135deg, var(--l-terracotta), #b05515);color:#fff;font-family:var(--l-font-body);cursor:pointer;letter-spacing:.01em;border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 38px;font-size:16px;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #c2631a59,0 0 #c2631a00}.landing-hero-cta:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.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{color:#ffffffa6;font-family:var(--l-font-body);cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;padding:15px 30px;font-size:15px;font-weight:500;transition:border-color .22s,background .22s,color .22s;display:inline-flex}.landing-hero-cta-secondary:hover{color:#ffffffd9;background:#ffffff14;border-color:#fff3}.landing-hero-micro{color:var(--l-text-faint);letter-spacing:.04em;opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:12px;display:flex}.landing-hero-micro span{align-items:center;gap:5px;display:flex}.landing-hero-scroll{color:var(--l-text-faint);letter-spacing:.16em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:9px;animation:1s 1.2s both fadeIn;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.landing-scroll-line{background:linear-gradient(#e8a96a66,#0000);width:1px;height:40px;animation:2.5s ease-in-out infinite scrollPulse}@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);text-align:center;padding:22px 24px}.landing-trust-text{color:var(--l-text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:12px;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:"";pointer-events:none;background:linear-gradient(#0f0b0808,#0000);height:120px;position:absolute;top:0;left:0;right:0}.landing-problem-inner{max-width:var(--l-max);margin:0 auto}.landing-problem-header{text-align:center;margin-bottom:72px}.landing-problem-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-problem-card{background:#1c17130a;border:1px solid #1c171314;border-radius:18px;padding:32px 28px;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}.landing-problem-card:hover{background:#1c17130f;border-color:#c2631a26;transform:translateY(-4px);box-shadow:0 12px 40px #1c171314}.landing-problem-card-icon{margin-bottom:18px;font-size:36px;line-height:1;display:block}.landing-problem-card-title{font-family:var(--l-font-display);color:var(--l-text-dark);letter-spacing:-.01em;margin-bottom:10px;font-size:17px;font-weight:600}.landing-problem-card-desc{color:var(--l-text-muted);font-size:14px;line-height:1.7}.landing-section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--l-terracotta);margin-bottom:14px;font-size:11px;font-weight:700}.landing-section-title{font-family:var(--l-font-display);color:var(--l-text-dark);letter-spacing:-.02em;text-wrap:balance;max-width:580px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:clamp(28px,4.5vw,44px);font-weight:700;line-height:1.15}.landing-section-title--light{color:var(--l-text-cream)}.landing-section-subtitle{color:var(--l-text-muted);max-width:520px;margin:0 auto;font-size:15.5px;line-height:1.7}.landing-section-subtitle--light{color:var(--l-text-dim)}.landing-stats-strip{border-top:1px solid var(--l-border-dark);border-bottom:1px solid var(--l-border-dark);background:#100d0a;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:36px 24px;display:flex}.landing-stat{flex-direction:column;align-items:center;gap:6px;padding:0 48px;display:flex}.landing-stat-num{font-family:var(--l-font-display);color:var(--l-amber);letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1}.landing-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--l-text-faint);font-size:11px;font-weight:600}.landing-stat-divider{background:linear-gradient(#0000,#e8a96a33,#0000);flex-shrink:0;width:1px;height:44px}.landing-features{background:var(--l-cream);padding:110px 24px;position:relative}.landing-features:after{content:"";pointer-events:none;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");position:absolute;inset:0}.landing-features-inner{max-width:var(--l-max);text-align:center;z-index:1;margin:0 auto;position:relative}.landing-cards{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px;display:grid}.landing-card{border:1px solid var(--l-border-cream);text-align:left;transition:transform .3s var(--l-ease), box-shadow .3s var(--l-ease), border-color .3s var(--l-ease);background:#fdfcfa;border-radius:20px;padding:36px 28px;position:relative;overflow:hidden;box-shadow:0 2px 8px #1c17130a}.landing-card:before{content:"";background:linear-gradient(90deg, var(--l-terracotta), var(--l-amber), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.landing-card:hover{border-color:#c2631a33;transform:translateY(-6px);box-shadow:0 16px 48px #1c17131f}.landing-card:hover:before{opacity:1}.landing-card-icon{background:linear-gradient(135deg,#c2631a14,#e8a96a0f);border:1px solid #c2631a14;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;font-size:26px;line-height:1;display:flex}.landing-card-title{font-family:var(--l-font-display);color:var(--l-text-dark);letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:600}.landing-card-desc{color:var(--l-text-muted);font-size:14px;line-height:1.7}.landing-mockup-section{background:var(--l-obsidian);justify-content:center;padding:100px 24px;display:flex;position:relative;overflow:hidden}.landing-mockup-section:before{content:"";pointer-events:none;background:radial-gradient(70% 60%,#2563eb0f 0%,#0000 65%);position:absolute;inset:0}.landing-mockup-wrap{z-index:1;width:100%;max-width:920px;position:relative}.landing-mockup-label{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--l-text-faint);margin-bottom:32px;font-size:11px;font-weight:600}.landing-mockup-browser{transition:transform .4s var(--l-ease), box-shadow .4s ease;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 40px 120px #000000b3,0 20px 50px #0006}.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{background:var(--l-obsidian-up);border-bottom:1px solid #ffffff0d;align-items:center;gap:7px;padding:12px 18px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.landing-mockup-url{text-align:center;color:var(--l-text-faint);background:#ffffff0a;border-radius:6px;flex:1;max-width:300px;margin-left:12px;margin-right:auto;padding:4px 14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px}.landing-mockup-screen{background:var(--l-cream);line-height:0;display:block}.mockup-screenshot{object-fit:cover;width:100%;display:block}.landing-benefits{background:var(--l-obsidian-mid);padding:110px 24px;position:relative;overflow:hidden}.landing-benefits:before{content:"";pointer-events:none;background:radial-gradient(70% 40% at 80% 90%,#c2631a12 0%,#0000 60%),radial-gradient(60% 35% at 20% 10%,#2563eb0a 0%,#0000 60%);position:absolute;inset:0}.landing-benefits-inner{text-align:center;z-index:1;max-width:960px;margin:0 auto;position:relative}.landing-benefits-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:64px;display:grid}.landing-benefit-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;align-items:flex-start;gap:20px;padding:30px 28px;transition:border-color .3s,background .3s,transform .3s;display:flex;position:relative;overflow:hidden}.landing-benefit-item:after{content:"";background:linear-gradient(to bottom, var(--l-amber), transparent);width:3px;height:0;transition:height .4s var(--l-ease);border-radius:0 2px 2px 0;position:absolute;top:0;left:0}.landing-benefit-item:hover{background:#ffffff0d;border-color:#e8a96a2e;transform:translate(4px)}.landing-benefit-item:hover:after{height:100%}.landing-benefit-icon{background:#e8a96a14;border:1px solid #e8a96a1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;line-height:1;display:flex}.landing-benefit-title{font-family:var(--l-font-display);color:var(--l-text-cream);letter-spacing:-.01em;margin-bottom:8px;font-size:17px;font-weight:600}.landing-benefit-desc{color:var(--l-text-dim);font-size:14px;line-height:1.7}.landing-how{background:var(--l-cream);padding:110px 24px;position:relative}.landing-how-inner{text-align:center;max-width:1000px;margin:0 auto}.landing-steps{text-align:left;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px;display:grid;position:relative}.landing-steps:before{content:"";background:linear-gradient(90deg, transparent, var(--l-cream-dark) 15%, var(--l-cream-dark) 85%, transparent);z-index:0;height:2px;position:absolute;top:42px;left:60px;right:60px}.landing-step{border:1px solid var(--l-border-cream);z-index:1;transition:transform .3s var(--l-ease), box-shadow .3s var(--l-ease), border-color .3s var(--l-ease);background:#fdfcfa;border-radius:18px;padding:30px 24px;position:relative}.landing-step:hover{border-color:#c2631a33;transform:translateY(-5px);box-shadow:0 14px 40px #1c17131a}.landing-step-num{background:linear-gradient(135deg, var(--l-terracotta), var(--l-amber));color:#fff;width:40px;height:40px;font-family:var(--l-font-display);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #c2631a40}.landing-step-title{font-family:var(--l-font-display);color:var(--l-text-dark);letter-spacing:-.01em;margin-bottom:10px;font-size:16px;font-weight:600}.landing-step-desc{color:var(--l-text-muted);font-size:13.5px;line-height:1.65}.landing-testimonials{background:var(--l-obsidian-mid);padding:100px 24px;position:relative;overflow:hidden}.landing-testimonials:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#e8a96a0d 0%,#0000 60%);position:absolute;inset:0}.landing-testimonials-inner{text-align:center;z-index:1;max-width:960px;margin:0 auto;position:relative}.landing-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.landing-testimonial-card{text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:28px 24px;transition:border-color .3s,background .3s,transform .3s}.landing-testimonial-card:hover{background:#ffffff0d;border-color:#e8a96a2e;transform:translateY(-3px)}.landing-testimonial-stars{color:var(--l-gold);letter-spacing:2px;margin-bottom:16px;font-size:14px}.landing-testimonial-text{color:#fff9;margin-bottom:20px;font-size:14px;font-style:italic;line-height:1.7}.landing-testimonial-author{align-items:center;gap:10px;display:flex}.landing-testimonial-avatar{background:linear-gradient(135deg, var(--l-terracotta), var(--l-amber));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.landing-testimonial-name{color:var(--l-text-cream);font-size:13px;font-weight:600}.landing-testimonial-role{color:var(--l-text-faint);font-size:11.5px}.landing-faq{background:var(--l-cream);padding:110px 24px;position:relative}.landing-faq-inner{text-align:center;max-width:720px;margin:0 auto}.landing-faq-list{text-align:left;flex-direction:column;gap:8px;margin-top:56px;display:flex}.landing-faq-item{border:1px solid var(--l-border-cream);background:#fdfcfa;border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.landing-faq-item:hover{border-color:#c2631a33;box-shadow:0 4px 16px #1c17130f}.landing-faq-q{font-family:var(--l-font-display);color:var(--l-text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;font-size:16px;font-weight:600;transition:color .2s;display:flex}.landing-faq-q:hover{color:var(--l-terracotta)}.landing-faq-q-icon{width:28px;height:28px;color:var(--l-terracotta);transition:transform .3s var(--l-ease), background .2s;background:#c2631a0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.landing-faq-item.open .landing-faq-q-icon{background:#c2631a1f;transform:rotate(45deg)}.landing-faq-a-wrap{max-height:0;transition:max-height .4s var(--l-ease);overflow:hidden}.landing-faq-item.open .landing-faq-a-wrap{max-height:200px}.landing-faq-a{color:var(--l-text-muted);margin:0;padding:0 26px 24px;font-size:14px;line-height:1.75}.landing-cta-section{background:var(--l-obsidian);text-align:center;padding:120px 24px;position:relative;overflow:hidden}.landing-cta-section:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#c2631a26 0%,#0000 60%),radial-gradient(50% 40% at 50% 100%,#2563eb0d 0%,#0000 60%);position:absolute;inset:0}.landing-cta-content{z-index:1;max-width:560px;margin:0 auto;position:relative}.landing-cta-title{font-family:var(--l-font-display);color:var(--l-text-cream);letter-spacing:-.025em;text-wrap:balance;margin-bottom:16px;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.12}.landing-cta-sub{color:var(--l-text-dim);margin-bottom:44px;font-size:16px;line-height:1.7}.landing-cta-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:28px;display:flex}.landing-cta-trust span{color:var(--l-text-faint);align-items:center;gap:5px;font-size:12px;display:flex}.landing-footer{border-top:1px solid var(--l-border-dark);background:#080604;justify-content:space-between;align-items:center;padding:28px 40px;display:flex}.landing-footer-logo{font-family:var(--l-font-display);color:#ffffff4d;font-size:14px}.landing-footer-tagline{color:var(--l-text-faint);letter-spacing:.06em;font-size:11px}.landing-footer-brand{letter-spacing:.15em;color:#ffffff1f;text-transform:uppercase;font-size:10px;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 (width<=900px){.landing-nav-links{display:none}.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 (width<=768px){.landing-nav{height:60px;padding:0 20px}.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{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;padding:20px 24px}.landing-hero-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto}.landing-hero-cta,.landing-hero-cta-secondary{justify-content:center;width:100%}}@media (width<=480px){.landing-hero{padding:90px 16px 70px}.landing-mockup-section{padding:60px 0}.landing-mockup-browser{border-left:none;border-right:none;border-radius:0}.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:#2563eb1f;--accent:#c2631a;--accent-light:#fef3e2;--bg:#f7f4ef;--bg-alt:#ede9e1;--surface:#fdfcfa;--surface-raised:#fff;--border:#ddd8ce;--border-strong:#c4bdb0;--text:#1c1713;--text-mid:#4a4238;--text-light:#8a7f72;--text-xlight:#b5ac9f;--sidebar-bg:#1c1410;--sidebar-surface:#251c17;--sidebar-border:#ffffff12;--sidebar-text:#ffffff8c;--sidebar-active:#ffffff1a;--sidebar-accent:#e8a96a;--sidebar-width:248px;--shadow-sm:0 1px 3px #1c171312, 0 1px 2px #1c17130a;--shadow-md:0 4px 12px #1c171314, 0 2px 4px #1c17130d;--shadow-lg:0 16px 40px #1c17131f, 0 4px 12px #1c171312;--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:#60a5fa1f;--primary-muted:#60a5fa1a;--accent:#f59e0b;--accent-light:#f59e0b1f;--bg:#0a0a0a;--bg-alt:#111;--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:#ffffff0d;--sidebar-text:#fff6;--sidebar-active:#ffffff12;--sidebar-accent:#fbbf24;--badge-green-bg:#065f462e;--badge-green-text:#34d399;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 16px 40px #0009}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;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{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:100;border-right:1px solid var(--sidebar-border);flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--sidebar-border);align-items:flex-start;gap:8px;padding:20px 16px 18px;display:flex}.sidebar-header-content{flex:1;min-width:0}.logo{align-items:center;gap:10px;margin-bottom:6px;display:flex}.logo-img,.logo svg{object-fit:contain;width:100%;height:100%}.loading-logo{width:80px;height:80px;margin-bottom:16px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.logo-text{color:#f0ede8;letter-spacing:.2px;font-family:Lora,serif;font-size:19px;font-weight:600}.logo-sub{color:#ffffff4d;text-transform:uppercase;letter-spacing:1.5px;margin-left:44px;font-size:10px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff38;padding:16px 10px 5px;font-size:9.5px;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--sidebar-text);align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .18s;display:flex;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:"";background:var(--sidebar-accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.theme-toggle{border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .18s;display:flex}.theme-toggle:hover{background:var(--sidebar-active)}.theme-toggle-label{color:var(--sidebar-text);align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex}.toggle-switch{background:#ffffff1f;border-radius:10px;flex-shrink:0;width:34px;height:19px;transition:background .2s;position:relative}.toggle-switch.on{background:var(--sidebar-accent)}.toggle-knob{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(15px)}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;gap:2px;padding:10px;display:flex}.sidebar-brand{text-align:center;letter-spacing:2.5px;color:#ffffff26;text-transform:uppercase;padding:10px 0 4px;font-size:10px;font-weight:700}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:36px 40px;transition:background .3s}.page-header{margin-bottom:32px}.page-title{color:var(--text);letter-spacing:-.3px;margin-bottom:5px;font-family:Lora,serif;font-size:30px;font-weight:600}.page-subtitle{color:var(--text-light);font-size:13.5px;font-weight:400}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:22px;transition:background .3s,border-color .3s}.card-title{margin-bottom:14px;font-size:15px;font-weight:600}.card-desc{color:var(--text-light);margin-bottom:14px;font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:20px;transition:background .3s,border-color .3s;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(90deg, var(--primary), transparent);opacity:.4;height:3px;position:absolute;bottom:0;left:0;right:0}.stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:11.5px;font-weight:600}.stat-value{color:var(--text);font-family:Lora,serif;font-size:38px;font-weight:700;line-height:1}.btn{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.1px;border:none;align-items:center;gap:7px;padding:9px 17px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.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);transform:translateY(-1px);box-shadow:0 4px 10px #2563eb66}.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{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}body.dark .btn-danger{color:#fca5a5;background:#b91c1c1f;border-color:#b91c1c40}body.dark .btn-danger:hover:not(:disabled){background:#b91c1c33}.form-group{margin-bottom:18px}.form-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);background:var(--surface-raised);outline:none;padding:10px 13px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .18s,box-shadow .18s,background .3s}.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{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeOverlay;display:flex;position:fixed;inset:0}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:30px;animation:.22s cubic-bezier(.16,1,.3,1) slideModal;overflow-y:auto}@keyframes slideModal{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{color:var(--text);letter-spacing:-.2px;margin-bottom:22px;font-family:Lora,serif;font-size:21px;font-weight:600}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.list-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.item-list{flex-direction:column;gap:8px;display:flex}.list-item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:13px 16px;transition:all .18s;display:flex}.list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.list-item-title{color:var(--text);font-size:14.5px;font-weight:600}.list-item-sub{color:var(--text-light);margin-top:3px;font-size:12px}.list-item-actions{gap:6px;display:flex}.empty-state{text-align:center;color:var(--text-light);padding:64px 20px}.empty-state-icon{opacity:.6;margin-bottom:14px;font-size:46px;display:block}.empty-state-text{color:var(--text-light);font-size:14px}.badge{letter-spacing:.2px;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-orange{background:var(--accent-light);color:var(--accent)}.badge-green{color:#065f46;background:#ecfdf5}body.dark .badge-green{color:#34d399;background:#065f4633}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-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{z-index:300;background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);cursor:pointer;color:#ffffffbf;width:42px;height:42px;box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,opacity .18s;display:none;position:fixed;top:14px;left:14px}.menu-toggle:hover{background:var(--sidebar-surface)}.menu-toggle.hidden{opacity:0;pointer-events:none}.sidebar-close{cursor:pointer;color:#ffffff80;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:color .18s,background .18s;display:none}.sidebar-close:hover{color:#ffffffe6;background:#ffffff14}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;animation:.2s fadeOverlay;display:none;position:fixed;inset:0}@media (width<=900px){.menu-toggle,.sidebar-close{display:flex}.sidebar{z-index:200;transition:transform .28s cubic-bezier(.16,1,.3,1);transform:translate(-100%)}.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 (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{border-radius:var(--radius-md);padding:16px}.btn{padding:8px 13px;font-size:13px}.modal-overlay{align-items:flex-start;padding:40px 12px 12px}.modal{-webkit-overflow-scrolling:touch;border-radius:12px;width:calc(100% - 16px);max-width:100%;max-height:85vh;padding:18px 14px;overflow-y:auto}.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{width:40px;height:40px;top:12px;left:12px}.table-scroll,.weekly-schedule-grid{-webkit-overflow-scrolling:touch;overflow-x:auto}.weekly-schedule-grid>div{min-width:770px}}@media (width<=900px) and (orientation:landscape){.main-content{padding-top:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid #0000000d;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}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{transform:rotate(90deg);background:#0000001a!important}body.dark .island-close-btn:hover{background:#ffffff1a!important}.sync-button-sidebar{border:1px solid var(--sidebar-border);color:#fff9;cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px;font-family:inherit;font-size:11.5px;transition:all .18s;display:flex}.sync-button-sidebar:hover:not(:disabled){color:#ffffffd9;background:#ffffff1a}.sync-button-sidebar:disabled{opacity:.5;cursor:not-allowed}.logout-button{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;margin-top:4px;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .18s;display:flex}.logout-button:hover{color:#ffffffbf;background:#ffffff12}.sync-banner{background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:13px;display:flex}.feedback-widget{z-index:9999;position:fixed;bottom:24px;right:24px}.feedback-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:288px;box-shadow:var(--shadow-lg);padding:18px 18px 16px;animation:.18s feedbackSlideUp;position:absolute;bottom:54px;right:0}.feedback-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.feedback-header-text{color:var(--text);letter-spacing:.01em;font-size:13px;font-weight:600}.feedback-close-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;padding:2px;line-height:0}.feedback-success{text-align:center;color:var(--text-mid);padding:18px 0 10px}.feedback-success-icon{color:#16a34a;margin:0 auto 8px;display:block}.feedback-success-text{font-size:13px}.feedback-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;outline:none;margin-bottom:9px;padding:7px 10px;font-family:inherit;font-size:12px}.feedback-textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:none;outline:none;margin-bottom:8px;padding:9px 10px;font-family:inherit;font-size:12px;line-height:1.5}.feedback-page-info{color:var(--text-xlight);margin-bottom:10px;font-size:10px}.feedback-page-info code{font-size:10px}.feedback-error{color:var(--accent);margin-bottom:8px;font-size:11px}.feedback-submit-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.feedback-submit-btn:disabled{opacity:.55;cursor:not-allowed}.feedback-submit-btn:not(:disabled){cursor:pointer;opacity:1}.feedback-fab{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;transition:color .15s,box-shadow .15s;display:flex}.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{flex-direction:column;max-width:520px;max-height:90vh;padding:0;display:flex;overflow:hidden}.ai-modal-header{border-bottom:1px solid var(--border);padding:20px 20px 16px}.ai-modal-header h2{margin:0}.ai-modal-header p{color:var(--text-light);margin:4px 0 0;font-size:13px}.ai-modal-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:16px 20px 20px;overflow-y:auto}.ai-step-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:11px;font-weight:700}.ai-options{gap:10px;margin-bottom:20px;display:flex}.ai-option-btn{border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;background:#fff;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 10px;font-family:inherit;transition:all .18s;display:flex}.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{color:var(--text);font-size:13px;font-weight:700}.ai-option-btn[data-active=true] .ai-option-name{color:var(--ai-color)}.ai-option-desc{color:var(--text-light);opacity:.8;font-size:11px}.ai-option-btn[data-active=true] .ai-option-desc{color:var(--ai-color)}.ai-option-badge{color:var(--ai-color);background:var(--ai-color-light);border:1px solid var(--ai-color-border);border-radius:20px;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:600}.ai-prompt-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ai-prompt-hint{color:var(--text-light);font-size:12px}.ai-copy-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.ai-copy-btn[data-copied=true]{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.ai-prompt-textarea{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border);resize:vertical;width:100%;color:var(--text);background:var(--bg);outline:none;padding:10px 12px;font-family:monospace;font-size:12px;line-height:1.5}.ai-steps-card{background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:12px;padding:10px 12px}.ai-steps-card p{color:var(--text);margin:0 0 6px;font-size:12px;font-weight:600}.ai-steps-card ol{color:var(--text-light);margin:0;padding-left:16px;font-size:12px;line-height:1.8}.ai-modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.ai-open-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.ai-open-btn:hover{opacity:.88}.config-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.config-tab-btn{cursor:pointer;border:1.5px solid;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.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);color:var(--text-light);background:#fff}body.dark .config-tab-btn[data-active=false]{background:var(--surface)}.config-section{flex-direction:column;gap:16px;display:flex}.config-danger-zone{border:1px solid #ffcdd2!important}.config-danger-zone h3{color:#c62828;margin-bottom:6px;font-size:15px;font-weight:600}body.dark .config-danger-zone{border-color:#b91c1c4d!important}body.dark .config-danger-zone h3{color:#fca5a5}.config-confirm-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.config-confirm-row .form-input{max-width:200px}.config-scale-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.config-about{text-align:center;padding:40px 20px}.config-about-logo{justify-content:center;margin-bottom:16px;display:flex}.config-about h2{color:var(--primary);margin-bottom:6px;font-size:22px;font-weight:700}.config-about-version{color:var(--text-light);margin-bottom:20px;font-size:14px}.config-about-desc{color:var(--text);max-width:440px;margin:0 auto 20px;font-size:14px;line-height:1.7}.config-about-credit{color:var(--text-light);max-width:440px;margin:0 auto;font-size:13px;font-style:italic;line-height:1.6}.config-message{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:14px;font-weight:500}body.dark .config-message{color:#34d399;background:#065f4626;border-color:#065f464d}.config-import-label{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.config-import-label input{display:none}.sync-status-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-light);align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:12px;transition:border-color .3s,background .3s;display:none}.sync-status-bar.syncing{border-color:var(--primary);background:var(--primary-light)}.sync-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sync-status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e66}.sync-status-dot.offline{background:#ef4444;animation:1.5s ease-in-out infinite pulseOffline;box-shadow:0 0 6px #ef444466}@keyframes pulseOffline{0%,to{opacity:1}50%{opacity:.4}}.sync-status-text{font-weight:500}.sync-pending-badge{background:var(--primary);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sync-toast{background:var(--surface-raised);border:1px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--primary);z-index:9999;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;animation:.3s syncToastIn;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.sync-toast-icon{animation:1s linear infinite spin}@keyframes syncToastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=900px){.sync-status-bar{display:flex}}@media (width<=600px){.sync-status-bar{margin-bottom:10px;padding:5px 10px;font-size:11px}.sync-toast{padding:8px 14px;font-size:12px;bottom:70px;left:16px;right:16px;transform:none}@keyframes syncToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.pesos-grid{grid-template-columns:1.4fr 90px 1fr auto;align-items:center;gap:10px;display:grid}@media (width<=600px){.pesos-grid{grid-template-columns:1fr 1fr;gap:8px}.pesos-grid>:first-child{grid-column:1/-1}.pesos-grid>:nth-child(4){grid-column:1/-1;justify-self:end}}.calendar-grid-header,.calendar-grid-body{grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid-body>div{min-height:90px;padding:6px}@media (width<=600px){.calendar-grid-body>div{min-height:60px;padding:4px}.calendar-grid-header>div{padding:6px 2px!important;font-size:10px!important}}.horario-grid{background:var(--bg);border:1px solid var(--border);border-radius:8px;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}@media (width<=600px){.horario-grid{grid-template-columns:1fr 1fr;gap:6px;padding:8px}.horario-grid>:first-child{grid-column:1/-1}.horario-grid>:nth-child(4){grid-column:1/-1;justify-self:end}}.calificar-grid{grid-template-columns:1fr 120px 120px;align-items:center;gap:12px;display:grid}@media (width<=600px){.calificar-grid{grid-template-columns:1fr;gap:8px}.calificar-grid>:first-child{grid-column:1/-1}.calificar-grid>:nth-child(2),.calificar-grid>:nth-child(3){justify-self:center}}.selectores-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.selectores-grid{grid-template-columns:1fr;gap:12px}}.calendario-event{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.5;transition:opacity .15s;display:flex;overflow:hidden}.calendario-event:hover{opacity:.85}.calendario-filters{flex-wrap:wrap;gap:8px;display:flex}.calendario-filter-chip{cursor:pointer;border:2px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.calendario-event-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}