.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:calc(100% - var(--space-10))}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:var(--border-width-thin) solid var(--color-border);animation:toastSlideIn .2s var(--ease-out)}.toast-exit{animation:toastSlideOut .2s var(--ease-in) forwards}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-snug)}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:var(--transition-fast)}.toast-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.toast-success{border-left:3px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 480px){.toast-container{top:auto;bottom:var(--space-5);left:var(--space-4);right:var(--space-4);max-width:none;width:auto}.toast{animation:toastSlideUp .2s var(--ease-out)}.toast-exit{animation:toastSlideDown .2s var(--ease-in) forwards}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}.app{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:var(--space-7)}.app:has(.landing){max-width:none;padding:0}.nav{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border)}.nav a{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:13px;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;transition:color var(--transition-fast)}.nav a:hover{background-color:transparent;color:var(--color-accent)}.nav a.active{background-color:var(--color-accent-light);color:var(--color-accent-text)}.nav .logout-btn{background-color:var(--color-text-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.nav .logout-btn:hover{background-color:var(--color-text-secondary)}.container{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-4);border:var(--border-width-thin) solid var(--color-border);box-shadow:var(--shadow-sm)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin:var(--space-5) 0}.form{display:flex;flex-direction:column;gap:var(--space-5);max-width:600px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);transition:var(--transition-all)}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:var(--color-border-hover)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.newsletter-content{background-color:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5) 0;max-height:600px;overflow-y:auto;line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.newsletter-content::-webkit-scrollbar{width:8px}.newsletter-content::-webkit-scrollbar-track{background:var(--color-border-light);border-radius:var(--radius-sm)}.newsletter-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.newsletter-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.landing{width:100%;max-width:none;margin:0;padding:0;overflow-x:hidden}.landing:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.35}.landing-container{max-width:1120px;margin:0 auto;padding:0 40px}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#f4f1ecd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(221,216,208,.6)}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1120px;margin:0 auto;padding:0 40px}.landing-nav-logo{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--color-text-primary);text-decoration:none}.landing-nav-logo span{color:var(--color-accent)}.landing-nav-links{display:flex;gap:32px;list-style:none;padding:0}.landing-nav-links a{font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--color-accent)}.landing-nav-cta{padding:10px 22px;border-radius:var(--radius-full);background:var(--color-text-primary);color:#fff;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,transform .15s;letter-spacing:.01em;border:none;cursor:pointer;font-family:var(--font-sans)}.landing-nav-cta:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.landing-hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:120px 40px 80px;max-width:1120px;margin:0 auto;position:relative}.landing-hero-text{position:relative;z-index:2}.landing-hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-accent-light);border:1px solid #D6E9DE;font-size:12px;font-weight:500;color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:32px;opacity:0;animation:landingRiseIn .7s .1s ease forwards}.landing-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:landingPulse 2s infinite}@keyframes landingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.landing-hero h1{font-family:var(--font-display);font-size:clamp(48px,5.5vw,76px);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:28px;opacity:0;animation:landingRiseIn .7s .25s ease forwards}.landing-line2{display:block;color:var(--color-accent);font-style:italic}.landing-hero-sub{font-size:18px;line-height:1.8;color:var(--color-text-secondary);max-width:480px;margin-bottom:44px;opacity:0;animation:landingRiseIn .7s .4s ease forwards}.landing-hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;opacity:0;animation:landingRiseIn .7s .55s ease forwards}.landing-btn-hero{padding:15px 32px;border-radius:var(--radius-full);background:var(--color-text-primary);color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 24px #1a29262e;border:none;cursor:pointer;font-family:var(--font-sans)}.landing-btn-hero:hover{background:var(--color-text-secondary);transform:translateY(-2px);box-shadow:0 8px 32px #1a292638}.landing-btn-secondary{padding:15px 28px;border-radius:var(--radius-full);background:transparent;color:var(--color-text-primary);font-size:15px;font-weight:500;text-decoration:none;border:1.5px solid var(--color-border);transition:border-color .2s,background .2s}.landing-btn-secondary:hover{border-color:var(--color-text-primary);background:var(--color-surface)}.landing-hero-note{margin-top:20px;font-size:13px;color:var(--color-text-tertiary);opacity:0;animation:landingRiseIn .7s .7s ease forwards}.landing-hero-visual{position:relative;opacity:0;animation:landingRiseIn .9s .4s ease forwards;display:flex;align-items:center;justify-content:center}.landing-logo-display{position:relative;display:flex;align-items:center;justify-content:center}.landing-logo-display:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--color-accent-light) 0%,transparent 70%);opacity:.8;pointer-events:none}.landing-logo-img{width:240px;height:240px;object-fit:contain;filter:drop-shadow(0 20px 60px rgba(110,155,131,.25));position:relative;z-index:1}.landing-marquee-strip{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;padding:14px 0;white-space:nowrap}.landing-marquee-inner{display:inline-flex;gap:0;animation:landingMarquee 28s linear infinite}.landing-marquee-item{padding:0 40px;font-size:13px;font-weight:500;color:var(--color-text-tertiary);letter-spacing:.04em;display:inline-flex;align-items:center;gap:12px}.landing-marquee-item.accent{color:var(--color-accent)}.landing-dot-sep{width:4px;height:4px;border-radius:50%;background:var(--color-border);display:inline-block}@keyframes landingMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-problem{padding:120px 0;background:var(--color-text-primary);color:#fff;position:relative;overflow:hidden}.landing-problem:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(110,155,131,.15) 0%,transparent 70%)}.landing-problem-inner{max-width:1120px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.landing-problem-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:24px;display:flex;align-items:center;gap:10px}.landing-problem-label:after{content:"";width:40px;height:1px;background:var(--color-accent);opacity:.5}.landing-problem h2{font-family:var(--font-display);font-size:clamp(36px,4vw,54px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:28px;color:#fff}.landing-problem h2 em{color:var(--color-accent);font-style:italic}.landing-problem p{font-size:17px;line-height:1.8;color:#ffffffa6;max-width:440px}.landing-chaos-visual{position:relative;height:360px}.landing-chaos-card{position:absolute;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px;width:200px}.landing-chaos-card .cc-top{display:flex;gap:8px;align-items:center;margin-bottom:10px}.landing-chaos-card .cc-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0}.landing-chaos-card .cc-line1{height:10px;border-radius:4px;background:#ffffff26;flex:1}.landing-chaos-card .cc-bars{display:flex;flex-direction:column;gap:6px}.landing-chaos-card .cc-bar{height:8px;border-radius:4px;background:#ffffff1a}.landing-chaos-card:nth-child(2){top:0;left:0;transform:rotate(-5deg)}.landing-chaos-card:nth-child(3){top:60px;left:120px;transform:rotate(3deg);opacity:.7}.landing-chaos-card:nth-child(4){top:160px;left:20px;transform:rotate(-2deg);opacity:.6}.landing-chaos-card:nth-child(5){top:100px;left:200px;transform:rotate(6deg);opacity:.5}.landing-chaos-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;opacity:.06;font-weight:900;font-family:var(--font-display)}.landing-features{padding:140px 0}.landing-features-header{text-align:center;margin-bottom:80px}.landing-section-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);display:inline-block;margin-bottom:20px}.landing-features-header h2{font-family:var(--font-display);font-size:clamp(38px,4.5vw,58px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.landing-features-header p{font-size:18px;color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.8}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--color-border);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border)}.landing-feat-cell{background:var(--color-surface);padding:48px 40px;transition:background .3s;position:relative;overflow:hidden}.landing-feat-cell:hover{background:var(--color-bg)}.landing-feat-cell:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.landing-feat-cell:hover:before{transform:scaleX(1)}.landing-feat-num{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);margin-bottom:20px;letter-spacing:.1em}.landing-feat-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px;transition:transform .3s}.landing-feat-cell:hover .landing-feat-icon{transform:scale(1.08) rotate(-4deg)}.landing-feat-cell h3{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:12px}.landing-feat-cell p{font-size:15px;color:var(--color-text-secondary);line-height:1.75}.landing-digest-section{padding:140px 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.landing-digest-inner{max-width:1120px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.landing-digest-label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-warning-light);border:1px solid #e8c4aa;font-size:11px;font-weight:500;color:var(--color-amber);letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px}.landing-digest-section h2{font-family:var(--font-display);font-size:clamp(36px,4vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.landing-digest-section p{font-size:17px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:40px}.landing-digest-ui{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 60px #1a29261a}.landing-digest-header{padding:28px 28px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.landing-digest-header-left h4{font-family:var(--font-display);font-size:20px;font-weight:700}.landing-digest-header-left span{font-size:12px;color:var(--color-text-tertiary)}.landing-digest-badge{padding:5px 12px;border-radius:var(--radius-full);background:var(--color-amber);color:#fff;font-size:11px;font-weight:500;letter-spacing:.06em}.landing-digest-row{display:flex;align-items:center;gap:16px;padding:20px 28px;border-bottom:1px solid var(--color-border);transition:background .2s;cursor:default}.landing-digest-row:last-child{border-bottom:none}.landing-digest-row:hover{background:var(--color-bg)}.landing-dr-icon{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px}.landing-dr-icon.g{background:var(--color-accent-light)}.landing-dr-icon.o{background:var(--color-warning-light)}.landing-dr-icon.b{background:#e5ecf5}.landing-dr-text{flex:1}.landing-dr-channel{font-size:13px;font-weight:500;margin-bottom:2px}.landing-dr-summary{font-size:12px;color:var(--color-text-tertiary);line-height:1.5}.landing-dr-count{font-family:var(--font-mono);font-size:12px;color:var(--color-accent);font-weight:500;white-space:nowrap}.landing-how{padding:140px 0}.landing-how-inner{max-width:1120px;margin:0 auto;padding:0 40px}.landing-how-header{margin-bottom:80px}.landing-how-header h2{font-family:var(--font-display);font-size:clamp(38px,4.5vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.1}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.landing-steps:before{content:"";position:absolute;top:32px;left:calc(16.66% + 16px);right:calc(16.66% + 16px);height:1px;background:var(--color-border);z-index:0}.landing-step{padding:0 32px 0 0;position:relative}.landing-step-num{width:64px;height:64px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:32px;position:relative;z-index:1;transition:background .3s,border-color .3s,color .3s}.landing-step:hover .landing-step-num{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary)}.landing-step h3{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:12px}.landing-step p{font-size:15px;color:var(--color-text-secondary);line-height:1.75}.landing-testimonials{padding:120px 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.landing-testimonials>.landing-container>h2{font-family:var(--font-display);font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:60px;text-align:center}.landing-testimonials>.landing-container>h2 em{color:var(--color-accent);font-style:italic}.landing-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-testi-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;transition:box-shadow .3s,transform .3s}.landing-testi-card:hover{box-shadow:0 12px 48px #1a29261a;transform:translateY(-4px)}.landing-quote-mark{font-family:var(--font-display);font-size:60px;line-height:.6;color:#d6e9de;margin-bottom:20px;display:block}.landing-testi-card p{font-size:15px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:28px}.landing-testi-author{display:flex;align-items:center;gap:12px}.landing-testi-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.landing-testi-avatar.ta1{background:var(--color-accent-light)}.landing-testi-avatar.ta2{background:var(--color-warning-light)}.landing-testi-avatar.ta3{background:#e5ecf5}.landing-testi-author-name{font-size:14px;font-weight:500}.landing-testi-author-role{font-size:12px;color:var(--color-text-tertiary)}.landing-cta-section{padding:160px 40px;text-align:center;position:relative;overflow:hidden}.landing-cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#D6E9DE 0%,transparent 65%);opacity:.6;pointer-events:none}.landing-cta-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:24px}.landing-cta-section h2{font-family:var(--font-display);font-size:clamp(44px,6vw,80px);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:32px;max-width:700px;margin-left:auto;margin-right:auto}.landing-cta-section h2 em{color:var(--color-accent);font-style:italic}.landing-cta-section>.landing-container>p{font-size:18px;color:var(--color-text-secondary);margin-bottom:48px}.landing-cta-note{margin-top:16px;font-size:13px;color:var(--color-text-tertiary)}.landing-footer{border-top:1px solid var(--color-border);padding:60px 40px;background:var(--color-surface)}.landing-footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.landing-footer-logo{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--color-text-primary);text-decoration:none}.landing-footer-logo span{color:var(--color-accent)}.landing-footer-tagline{font-size:13px;color:var(--color-text-tertiary);margin-top:4px}.landing-footer-links{display:flex;gap:28px;list-style:none;padding:0}.landing-footer-links a{font-size:13px;color:var(--color-text-tertiary);text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:var(--color-accent)}.landing-footer-copy{font-size:12px;color:var(--color-text-tertiary);margin-top:28px;text-align:center;max-width:1120px;margin-left:auto;margin-right:auto}.landing-footer-copy a{color:var(--color-accent);text-decoration:underline}@keyframes landingRiseIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){.landing-hero{grid-template-columns:1fr;gap:60px;padding-top:100px}.landing-hero-visual{display:none!important}.landing-problem-inner{grid-template-columns:1fr;gap:60px}.landing-chaos-visual{display:none}.landing-features-grid{grid-template-columns:1fr;gap:2px}.landing-digest-inner{grid-template-columns:1fr;gap:60px}.landing-steps{grid-template-columns:1fr;gap:48px}.landing-steps:before{display:none}.landing-testi-grid{grid-template-columns:1fr}.landing-footer-inner{flex-direction:column;gap:24px;text-align:center}.landing-nav-links{display:none}}.dashboard-empty-card{text-align:center;padding:var(--space-10);margin-top:var(--space-8)}.dashboard-empty-icon{margin:0 auto var(--space-4)}.dashboard-card-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.dashboard-card-thumbnail{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--space-3)}.dashboard-card-sub-info{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.newsletter-form{margin-bottom:var(--space-6);max-width:400px}.newsletter-form select{width:100%}.newsletter-progress{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.newsletter-list{display:flex;flex-direction:column;gap:var(--space-4)}.newsletter-card-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.newsletter-card-info{flex:1;min-width:0}.newsletter-card-meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.newsletter-empty{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary)}.newsletter-viewer{margin-top:var(--space-6)}.newsletter-viewer-close{margin-bottom:var(--space-4)}.status-generated{color:var(--color-success)}.status-generating{color:var(--color-warning)}.status-pending{color:var(--color-accent)}.status-failed{color:var(--color-danger)}@media (max-width: 768px){.app{padding:var(--space-4)}.nav{flex-wrap:wrap;gap:var(--space-3)}.nav .logout-btn{min-height:44px;padding:var(--space-2) var(--space-4)}.grid{grid-template-columns:1fr}.container{padding:var(--space-4)}.form,.newsletter-form{max-width:none}.newsletter-card-content{flex-direction:column}.newsletter-card-content .btn,.newsletter-card-content .button{align-self:flex-start}.newsletter-content{max-height:400px;padding:var(--space-3)}.dashboard-empty-card{padding:var(--space-6)}}@media (max-width: 480px){.app,.container{padding:var(--space-3)}.form-group select,.form-group input,.form-group textarea{min-height:44px}}:root{--color-bg: #F4F1EC;--color-surface: #FDFAF6;--color-surface-hover: #f0ede7;--color-overlay: rgba(26, 41, 38, .5);--color-border: #DDD8D0;--color-border-light: #EBE7E0;--color-border-hover: #C5C0B8;--color-text-primary: #1A2926;--color-text-secondary: #3D4F4C;--color-text-tertiary: #7B8FA0;--color-text-disabled: #C5C0B8;--color-text-inverse: #FDFAF6;--color-accent: #6E9B83;--color-accent-hover: #5A8A6F;--color-accent-light: #EBF4EF;--color-accent-text: #4A7A63;--color-amber: #C9845A;--color-amber-light: #F5E8DF;--color-amber-dark: #B0734D;--color-success: #6E9B83;--color-success-light: #EBF4EF;--color-success-dark: #5A8A6F;--color-warning: #C9845A;--color-warning-light: #F5E8DF;--color-warning-dark: #B0734D;--color-danger: #B05252;--color-danger-light: #fdf2f2;--color-danger-dark: #943E3E;--color-info: #6E9B83;--color-info-light: #EBF4EF;--color-info-dark: #5A8A6F;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 80px;--space-12: 96px;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", "SF Mono", Monaco, "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--line-height-loose: 1.8;--letter-spacing-tight: -.03em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--letter-spacing-wider: .14em;--letter-spacing-widest: .18em;--shadow-xs: 0 1px 4px rgba(26, 41, 38, .06);--shadow-sm: 0 1px 3px rgba(26, 41, 38, .05);--shadow-md: 0 2px 16px rgba(26, 41, 38, .07);--shadow-lg: 0 8px 40px rgba(26, 41, 38, .12);--shadow-xl: 0 16px 60px rgba(26, 41, 38, .18);--shadow-2xl: 0 25px 50px rgba(26, 41, 38, .2);--shadow-inner: inset 0 2px 4px rgba(26, 41, 38, .04);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-all: all .2s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--max-width-xs: 320px;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1100px;--max-width-2xl: 1536px;--max-width-content: 1100px;--container-padding: var(--space-4);--container-padding-lg: var(--space-7);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--border-style: solid;--border: var(--border-width-thin) var(--border-style) var(--color-border);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-accent);--focus-ring: 0 0 0 var(--focus-ring-width) var(--color-accent-light);--backdrop-blur: blur(14px);--backdrop-blur-lg: blur(16px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-all);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background-color:var(--color-surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-text-primary);color:var(--color-text-inverse);border-color:var(--color-text-primary)}.btn-primary:hover{background-color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-text-primary);border-width:1.5px}.btn-secondary:hover{background-color:var(--color-text-primary);color:var(--color-text-inverse)}.btn-accent{background-color:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.btn-accent:hover{opacity:.85}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-success{background-color:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.btn-success:hover{background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.btn-ghost{padding:var(--space-3) var(--space-4);background:transparent;color:var(--color-text-tertiary);border:var(--border-width-thin) solid var(--color-border)}.btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.card{background-color:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border-hover)}.card-compact{padding:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width-thin) solid var(--color-border-light)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-all);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input:hover{border-color:var(--color-border-hover)}.input:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.input:disabled{background-color:var(--color-border-light);color:var(--color-text-disabled);cursor:not-allowed}.input-error{border-color:var(--color-danger)}.input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 var(--focus-ring-width) var(--color-danger-light)}.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.input-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}textarea.input{resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 14px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--color-border-light);color:var(--color-text-secondary);white-space:nowrap}.badge-primary{background-color:var(--color-accent-light);color:var(--color-accent-text)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.badge-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.badge-accent{background-color:var(--color-accent);color:var(--color-text-inverse)}.avatar{display:inline-block;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-border-light);border:var(--border-width-thin) solid var(--color-border)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.avatar-square{border-radius:var(--radius-md)}.section-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0 0 var(--space-6) 0}.section-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-loose);margin:0 0 var(--space-5) 0}.section-label{font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:var(--color-accent);opacity:.3;max-width:60px}.alert{padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid transparent;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.alert-info{background-color:var(--color-info-light);color:var(--color-info-dark);border-color:var(--color-info)}.alert-success{background-color:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark);border-color:var(--color-warning)}.alert-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark);border-color:var(--color-danger)}.loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-base)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:var(--max-width-content);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-sm{max-width:var(--max-width-md)}.container-lg{max-width:var(--max-width-xl)}.divider{height:var(--border-width-thin);background-color:var(--color-border);border:none;margin:var(--space-5) 0}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.nav{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-7);height:56px;background-color:#f4f1ece0;border-bottom:var(--border-width-thin) solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.nav-brand{font-family:var(--font-display);font-size:17px;font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-text-primary)}.nav-brand span{color:var(--color-accent)}.nav a{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.nav a:hover{color:var(--color-accent);background-color:transparent}.nav a.active{color:var(--color-accent);background-color:var(--color-accent-light)}.nav-links{display:flex;gap:var(--space-2);align-items:center}@media (max-width: 768px){.nav{flex-wrap:wrap;padding:0 var(--space-4);height:auto;min-height:56px;gap:var(--space-3)}.nav-links{order:2;width:100%;justify-content:center;flex-wrap:wrap;gap:var(--space-1)}.nav a{font-size:var(--font-size-xs);padding:var(--space-2);min-height:44px;display:inline-flex;align-items:center}.btn{min-height:44px;min-width:44px;padding:var(--space-3) var(--space-4)}.btn-sm{min-height:44px;padding:var(--space-2) var(--space-3)}.card{padding:var(--space-4)}.card-compact{padding:var(--space-3)}.page-header{flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header .btn{align-self:stretch}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--font-size-base);margin-bottom:var(--space-3)}.grid{grid-template-columns:1fr;gap:var(--space-4)}.container{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (max-width: 480px){.nav{padding:0 var(--space-3)}.nav-links{gap:0}.nav a{font-size:var(--font-size-xs);padding:var(--space-2);flex:1;justify-content:center;text-align:center}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base)}.card{padding:var(--space-3)}.section-title{font-size:var(--font-size-xl)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg)}#root{width:100%;min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}ul,ol{padding-left:var(--space-5)}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}code{padding:var(--space-1) var(--space-2);background-color:var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-accent)}pre{padding:var(--space-4);background-color:var(--color-surface);border:var(--border);border-radius:var(--radius-md);overflow-x:auto}pre code{padding:0;background-color:transparent}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}body{overflow-x:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 480px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}