.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-shell-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky, 60);box-shadow:var(--shadow-xs)}.app-shell-header-inner{max-width:1120px;margin:0 auto;padding:0 var(--space-6);height:56px;display:flex;justify-content:space-between;align-items:center}.app-shell-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary);flex-shrink:0}.app-shell-logo:hover{color:var(--text-primary)}.app-shell-logo-icon{display:flex;align-items:center;color:var(--accent)}.app-shell-logo-text{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.app-shell-nav{display:flex;align-items:center;gap:var(--space-1)}.app-shell-nav-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.app-shell-nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.app-shell-nav-link.active{color:var(--accent);background-color:var(--accent-50)}.app-shell-nav-icon{display:flex;align-items:center;font-size:18px}.app-shell-right{display:flex;align-items:center;gap:var(--space-3)}.app-shell-user-trigger{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px 4px 4px;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.app-shell-user-trigger:hover{border-color:var(--text-dim)}.app-shell-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.app-shell-user-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-user-chevron{color:var(--text-muted);font-size:10px;transition:transform var(--transition-fast)}.app-shell-user-trigger[aria-expanded=true] .app-shell-user-chevron{transform:rotate(180deg)}.app-shell-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:240px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown, 50);animation:slideDown .15s var(--ease-out-expo, ease);overflow:hidden}.app-shell-dropdown-header{padding:var(--space-4);border-bottom:1px solid var(--border-light)}.app-shell-dropdown-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.app-shell-dropdown-email{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.app-shell-dropdown-plan{display:inline-flex;margin-top:var(--space-2);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-full);background-color:var(--accent-50);color:var(--accent)}.app-shell-dropdown-items{padding:var(--space-1)}.app-shell-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.app-shell-dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.app-shell-dropdown-divider{height:1px;background-color:var(--border-light);margin:var(--space-1) 0}.app-shell-dropdown-item.danger{color:var(--error)}.app-shell-dropdown-item.danger:hover{background-color:var(--error-bg)}.app-shell-main{flex:1;padding:var(--space-8) 0;position:relative;z-index:1}.app-shell-footer{border-top:1px solid var(--border);padding:var(--space-6) 0;margin-top:auto}.app-shell-footer-inner{max-width:1120px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.app-shell-footer-copyright{color:var(--text-muted);font-size:var(--text-sm)}.app-shell-footer-links{display:flex;align-items:center;gap:var(--space-2)}.app-shell-footer-link{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.app-shell-footer-link:hover{color:var(--accent)}.app-shell-footer-sep{color:var(--border)}.app-shell-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.app-shell-hamburger:hover{color:var(--text-primary);border-color:var(--text-dim)}.app-shell-hamburger-icon{display:flex;flex-direction:column;gap:4px}.app-shell-hamburger-line{width:16px;height:2px;background-color:currentColor;border-radius:1px;transition:all var(--transition-fast)}.app-shell-mobile-nav{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay, 100)}.app-shell-mobile-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d;animation:fadeIn .15s ease}.app-shell-mobile-panel{position:absolute;top:0;right:0;width:280px;max-width:85vw;height:100%;background-color:var(--bg-secondary);box-shadow:var(--shadow-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);animation:slideInRight .2s var(--ease-out-expo, ease);overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.app-shell-mobile-close{align-self:flex-end;background:none;border:none;font-size:var(--text-2xl);color:var(--text-muted);cursor:pointer;padding:var(--space-1);margin-bottom:var(--space-4)}.app-shell-mobile-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.app-shell-mobile-link:hover,.app-shell-mobile-link.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.app-shell-mobile-link.active{color:var(--accent)}.app-shell-mobile-divider{height:1px;background-color:var(--border-light);margin:var(--space-3) 0}@media (max-width: 768px){.app-shell-header-inner{padding:0 var(--space-4)}.app-shell-nav,.app-shell-user-trigger{display:none}.app-shell-hamburger{display:flex}.app-shell-mobile-nav.open{display:block}.app-shell-main{padding:var(--space-6) 0}.app-shell-footer-inner{flex-direction:column;text-align:center;padding:0 var(--space-4)}}.dts-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 200);padding:var(--space-4);animation:fadeIn .12s ease}.dts-modal{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-height:calc(100vh - var(--space-8));overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalIn .2s var(--ease-out-back, cubic-bezier(.34, 1.4, .64, 1))}.dts-modal-sm{max-width:400px}.dts-modal-md{max-width:500px}.dts-modal-lg{max-width:700px}.dts-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-light)}.dts-modal-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.dts-modal-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-2xl);line-height:1;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.dts-modal-close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.dts-modal-body{padding:var(--space-4) var(--space-6)}.dts-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6)}.segmented-control{display:inline-flex;background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:3px;gap:2px}.segmented-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.segmented-badge{font-size:.65rem;font-weight:700;color:var(--accent);background-color:var(--accent-50);padding:1px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.billing-current-plan{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6)}.billing-current-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:4px}.billing-current-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.billing-current-status{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.billing-cancel-note{font-size:var(--text-sm);color:var(--accent);margin-top:4px}.billing-toggle-row{display:flex;justify-content:center;margin-bottom:var(--space-5)}.billing-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.billing-plan-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--bg-secondary);display:flex;flex-direction:column;transition:border-color var(--transition-fast)}.billing-plan-card:hover{border-color:var(--text-dim)}.billing-plan-name{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-1)}.billing-plan-price{font-size:var(--text-3xl);font-weight:700;line-height:1;margin-bottom:2px}.billing-plan-period{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.billing-plan-features{list-style:none;padding:0;margin:0 0 var(--space-5);flex:1}.billing-plan-features li{font-size:var(--text-sm);color:var(--text-secondary);padding:3px 0 3px 20px;position:relative}.billing-plan-features li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:var(--text-xs)}.billing-plan-btn{width:100%}.billing-manage{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.billing-manage-btn{background:transparent;border:1.5px solid var(--border);color:var(--text-secondary);padding:10px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.billing-manage-btn:hover{border-color:var(--text-dim);color:var(--text-primary)}@media (max-width: 640px){.billing-plans{grid-template-columns:1fr}}.landing{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.landing-nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.landing-logo img,.landing-logo svg{width:24px;height:24px}.landing-nav-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.landing-nav-link:hover{color:var(--text-primary)}.landing-sign-in{background:transparent;color:var(--text-primary);border:1.5px solid var(--border);padding:7px 18px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.landing-sign-in:hover{background:var(--bg-tertiary)}.landing-nav-actions{display:flex;align-items:center;gap:16px}.hero{padding:140px 24px 100px;text-align:center}.hero-inner{max-width:680px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:var(--accent-glow, rgba(99, 102, 241, .08));color:var(--accent);border:1.5px solid var(--accent-light, rgba(99, 102, 241, .25));border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px}.hero h1{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0 0 24px;color:var(--text-primary)}.hero h1 em{font-style:italic}.hero-subtitle{font-size:1.1rem;line-height:1.65;color:var(--text-secondary);max-width:520px;margin:0 auto 40px}.hero-cta{display:flex;justify-content:center;gap:14px}.btn-cta-primary{background-color:var(--accent);color:#fff;border:1.5px solid var(--accent-dark, var(--accent));padding:14px 32px;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-cta-primary:hover{background-color:var(--accent-dark, var(--accent));transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-cta-primary:active{transform:translateY(0)}.hero-inner:after{content:"";display:block;width:60px;height:2px;background-color:var(--accent);margin:72px auto 0}.features{padding:80px 24px}.features-inner{max-width:1120px;margin:0 auto}.features-inner h2{text-align:center;font-family:var(--font-heading);font-size:2rem;font-weight:700;margin:0 0 52px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background-color:var(--border);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.feature-card{background-color:var(--bg-secondary);padding:32px 28px;transition:background-color .2s}.feature-card:hover{background-color:var(--bg-tertiary)}.feature-icon{font-size:1.3rem;margin-bottom:14px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-glow, rgba(99, 102, 241, .08));border:1.5px solid var(--accent-light, rgba(99, 102, 241, .2));border-radius:var(--radius-sm);color:var(--accent)}.feature-card h3{font-size:.95rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.feature-card p{font-size:.88rem;line-height:1.6;color:var(--text-secondary);margin:0}.how-it-works{padding:80px 24px;border-top:1px solid var(--border)}.how-inner{max-width:640px;margin:0 auto}.how-inner h2{text-align:center;font-family:var(--font-heading);font-size:2rem;font-weight:700;margin:0 0 52px}.steps{display:flex;flex-direction:column}.step{display:flex;align-items:flex-start;gap:20px;padding:28px 0;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono, monospace);font-weight:500;font-size:.9rem}.step h3{font-size:1rem;font-weight:700;margin:0 0 6px}.step p{font-size:.92rem;line-height:1.6;color:var(--text-secondary);margin:0}.mcp-setup{padding:80px 24px;border-top:1px solid var(--border)}.mcp-setup-inner{max-width:640px;margin:0 auto}.mcp-setup-inner h2{text-align:center;font-family:var(--font-heading);font-size:2rem;font-weight:700;margin:0 0 12px}.mcp-setup-subtitle{text-align:center;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 36px}.cta-section{padding:80px 24px;text-align:center;background-color:var(--bg-secondary);border-top:1px solid var(--border)}.cta-inner{max-width:480px;margin:0 auto}.cta-inner h2{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin:0 0 12px}.cta-inner p{color:var(--text-secondary);margin:0 0 28px;font-size:1rem}.landing-footer{padding:36px 24px;border-top:1px solid var(--border)}.footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:.95rem}.footer-brand img,.footer-brand svg{width:20px;height:20px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.88rem;transition:color .15s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.82rem}@media (max-width: 768px){.hero h1{font-size:2.4rem}.hero-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}}@media (max-width: 480px){.hero{padding:120px 16px 72px}.hero h1{font-size:2rem}}.mcp-snippet-container{width:100%}.mcp-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:0}.mcp-tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.mcp-tab:hover{color:var(--text-primary)}.mcp-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.mcp-code-block{background-color:var(--text-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.mcp-code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.mcp-code-label{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff73}.mcp-copy-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mcp-copy-btn:hover{background:#ffffff26;color:#fff}.mcp-code-text{padding:var(--space-4);margin:0;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:#ffffffe6;white-space:pre}.mcp-code-text code{font-family:inherit;font-size:inherit;color:inherit}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-4)}.page-header-left{display:flex;align-items:flex-start;gap:var(--space-4)}.page-header-back{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;white-space:nowrap}.page-header-back:hover{border-color:var(--text-dim);color:var(--text-primary)}.page-header-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.01em}.page-header-desc{color:var(--text-muted);font-size:var(--text-sm)}.page-header-actions{display:flex;gap:var(--space-3);flex-shrink:0}@media (max-width: 640px){.page-header{flex-direction:column}.page-header-title{font-size:var(--text-2xl)}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}}.empty-state-component{text-align:center;padding:var(--space-12) var(--space-8);background-color:var(--bg-secondary);border:1.5px dashed var(--border);border-radius:var(--radius-lg)}.empty-state-icon{display:flex;justify-content:center;margin-bottom:var(--space-4);color:var(--text-muted);opacity:.6}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-sm);color:var(--text-muted);max-width:400px;margin:0 auto var(--space-6);line-height:var(--leading-relaxed)}.empty-state-action{display:flex;justify-content:center}.mcp-setup-card{background-color:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.mcp-setup-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.mcp-setup-card-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;color:var(--text-primary)}.mcp-setup-card-dismiss{background:none;border:none;color:var(--text-muted);font-size:var(--text-2xl);line-height:1;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mcp-setup-card-dismiss:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.mcp-show-guide-link{background:none;border:none;color:var(--accent);font-size:var(--text-sm);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.mcp-show-guide-link:hover{color:var(--accent-dark)}.dashboard-error{background-color:var(--error-bg);border:1.5px solid rgba(192,57,43,.3);color:var(--error);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-5)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.dashboard-board-card{text-decoration:none;color:inherit;display:block}.dashboard-board-card:hover{color:inherit}.dashboard-board-header{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-board-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--text-primary)}.dashboard-board-delete{background:none;border:none;color:var(--text-dim);font-size:var(--text-xl);line-height:1;padding:2px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);opacity:0}.dashboard-board-card:hover .dashboard-board-delete{opacity:1}.dashboard-board-delete:hover{color:var(--error);background-color:var(--error-bg)}.dashboard-board-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.dashboard-board-meta{display:flex;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.dashboard-board-items,.dashboard-board-cols{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.dashboard-board-archived{opacity:.6}.dashboard-archived{margin-top:var(--space-8)}.dashboard-archived-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-4)}.dashboard-loading{text-align:center;color:var(--text-muted);padding:var(--space-12) 0}.board-detail{display:flex;flex-direction:column;height:100%;min-height:0}.board-detail__loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-secondary);font-family:var(--font-sans);font-size:.95rem}.board-detail__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:12px;color:var(--text-secondary);font-family:var(--font-sans)}.board-detail__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.board-detail__title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin:0}.board-detail__description{font-family:var(--font-sans);font-size:.85rem;color:var(--text-muted);margin:4px 0 0}.board-detail__columns{display:flex;gap:16px;padding:20px 24px;overflow-x:auto;flex:1;min-height:0;align-items:flex-start}.board-detail__column{display:flex;flex-direction:column;min-width:280px;max-width:320px;width:280px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-shrink:0;max-height:100%}.board-detail__column-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-light);flex-shrink:0}.board-detail__column-name{font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.board-detail__column-count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm)}.board-detail__column-items{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:40px}.board-detail__column-items--empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-sans);font-size:.8rem;padding:20px 8px}.board-detail__card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 12px;cursor:grab;transition:box-shadow .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;touch-action:none}.board-detail__card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.board-detail__card--dragging{opacity:.5;box-shadow:var(--shadow-md);border-color:var(--accent)}.board-detail__card-header{display:flex;align-items:flex-start;gap:8px}.board-detail__priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.board-detail__priority-dot--high{background-color:#e53e3e}.board-detail__priority-dot--medium{background-color:#ecc94b}.board-detail__priority-dot--low{background-color:#4299e1}.board-detail__card-title{font-family:var(--font-sans);font-size:.875rem;color:var(--text-primary);line-height:1.4;flex:1;word-break:break-word}.board-detail__card-labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.board-detail__label-chip{font-family:var(--font-sans);font-size:.65rem;font-weight:500;padding:1px 7px;border-radius:9999px;color:#fff;line-height:1.6}.board-detail__column-footer{padding:8px;border-top:1px solid var(--border-light);flex-shrink:0}.board-detail__add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 0;font-family:var(--font-sans);font-size:.8rem;color:var(--text-muted);background:none;border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.board-detail__add-btn:hover{color:var(--accent);border-color:var(--accent);background:#d4622b0a}.board-detail__quick-add{display:flex;flex-direction:column;gap:6px}.board-detail__quick-add-input{width:100%;padding:8px 10px;font-family:var(--font-sans);font-size:.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);outline:none;transition:border-color .15s;box-sizing:border-box}.board-detail__quick-add-input:focus{border-color:var(--accent)}.board-detail__quick-add-hint{font-family:var(--font-sans);font-size:.7rem;color:var(--text-muted);text-align:center}.board-detail__drag-overlay{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:10px 12px;box-shadow:var(--shadow-lg);opacity:.95;cursor:grabbing}.settings{padding-bottom:var(--space-12)}.settings-header{margin-bottom:var(--space-10)}.settings-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:400;letter-spacing:-.01em;color:var(--text-primary)}.settings-section{background-color:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.settings-section-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-2)}.settings-section-desc{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6);line-height:1.5}.settings-section-desc code{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.settings-error{background-color:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.settings-key-reveal{background-color:var(--bg-tertiary);border:1.5px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6)}.settings-key-reveal-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-primary)}.settings-key-reveal-icon{font-size:1rem}.settings-key-reveal-warning{color:var(--accent);font-size:var(--text-xs);font-weight:500;margin-bottom:var(--space-3)}.settings-key-reveal-value{display:flex;align-items:center;gap:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.settings-key-reveal-value code{flex:1;font-size:var(--text-sm);color:var(--text-primary);word-break:break-all;font-family:var(--font-mono, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace)}.settings-key-reveal-dismiss{margin-top:var(--space-1)}.settings-key-create{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.settings-key-input{flex:1;padding:var(--space-2) var(--space-3);background-color:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;outline:none;transition:border-color var(--transition-fast)}.settings-key-input::placeholder{color:var(--text-muted)}.settings-key-input:focus{border-color:var(--accent)}.settings-loading,.settings-empty{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-8) 0}.settings-key-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.settings-key-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.settings-key-table td{padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--text-secondary)}.settings-key-table tr:last-child td{border-bottom:none}.settings-key-name{color:var(--text-primary);font-weight:500}.settings-key-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);font-family:inherit;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.settings-key-delete:hover{color:var(--error);background-color:var(--error-bg)}@media (max-width: 640px){.settings-key-create{flex-direction:column}.settings-key-table th:nth-child(3),.settings-key-table td:nth-child(3){display:none}}.pricing-page{min-height:100vh;background-color:var(--bg-primary)}.pricing-nav{position:sticky;top:0;z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.pricing-nav-inner{display:flex;justify-content:space-between;align-items:center;height:60px}.pricing-logo{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);text-decoration:none}.pricing-logo img,.pricing-logo svg{width:24px;height:24px}.pricing-hero{text-align:center;padding:80px 24px 40px;background:var(--bg-secondary)}.pricing-hero h1{font-size:var(--text-4xl);font-family:var(--font-heading);margin-bottom:var(--space-2)}.pricing-hero>p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8)}.billing-toggle{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:3px}.billing-toggle-btn{padding:8px 20px;border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.billing-toggle-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.billing-save-badge{margin-left:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--success);background:var(--success-bg);padding:3px 10px;border-radius:var(--radius-full)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:960px;padding-top:var(--space-8);padding-bottom:var(--space-16)}.plan-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;display:flex;flex-direction:column}.plan-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-lg)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:3px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.plan-name{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.plan-price{margin-bottom:var(--space-1)}.plan-price-amount{font-size:var(--text-4xl);font-weight:700}.plan-price-period{font-size:var(--text-base);color:var(--text-muted)}.plan-price-note{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.plan-features{list-style:none;flex:1;margin-bottom:var(--space-6)}.plan-features li{padding:6px 0;font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.plan-features li:before{content:"✓";color:var(--success);font-weight:700;flex-shrink:0}.plan-cta{width:100%}.pricing-faq{padding:var(--space-16) 0}.pricing-faq h2{text-align:center;font-size:var(--text-3xl);font-family:var(--font-heading);margin-bottom:var(--space-10)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:900px;margin:0 auto}.faq-item{padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.faq-item h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.faq-item p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.pricing-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-8) 0}.pricing-footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.pricing-footer-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-family:var(--font-heading)}.pricing-footer-brand img,.pricing-footer-brand svg{width:20px;height:20px}.pricing-footer-links{display:flex;gap:var(--space-6)}.pricing-footer-links a{font-size:var(--text-sm);color:var(--text-muted)}.pricing-footer-links a:hover{color:var(--text-primary)}.pricing-footer-copy{font-size:var(--text-xs);color:var(--text-muted)}@media (max-width: 768px){.pricing-cards,.faq-grid{grid-template-columns:1fr}.pricing-hero h1{font-size:var(--text-3xl)}}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8, 2rem);position:relative}.auth-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:80px;background-color:var(--accent)}.auth-card{background-color:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg, 12px);padding:var(--space-8, 2rem);box-shadow:var(--shadow-lg);text-align:center;max-width:400px;width:100%}.auth-card .auth-logo{margin-bottom:var(--space-6, 1.5rem)}.auth-card .auth-logo img{width:48px;height:48px}.auth-card h1{font-family:var(--font-display, inherit);font-size:var(--text-2xl, 1.5rem);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-2, .5rem)}.auth-subtitle{color:var(--text-muted);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-6, 1.5rem)}.google-sign-in-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3, .75rem);padding:12px var(--space-6, 1.5rem);font-size:var(--text-base, 1rem);font-weight:600;background:var(--bg-secondary);border:1.5px solid var(--text-primary);border-radius:var(--radius-md, 8px);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast, .15s)}.google-sign-in-button:hover{background:var(--text-primary);color:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.google-sign-in-button:active{transform:translateY(0)}.google-sign-in-button svg{flex-shrink:0}.auth-footer{text-align:center;color:var(--text-muted);font-size:var(--text-sm, .875rem);margin-top:var(--space-6, 1.5rem);padding-top:var(--space-5, 1.25rem);border-top:1px solid var(--border-light, var(--border))}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.auth-footer a:hover{color:var(--accent-dark, var(--accent));text-decoration:underline}.auth-error{background-color:var(--error-bg);border:1.5px solid rgba(192,57,43,.3);color:var(--error);padding:var(--space-4, 1rem);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-5, 1.25rem);text-align:left}.loading-spinner{width:32px;height:32px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:var(--space-6, 1.5rem) auto}.auth-divider{display:flex;align-items:center;gap:var(--space-3, .75rem);margin:var(--space-5, 1.25rem) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light, var(--border))}.auth-divider span{font-size:var(--text-sm, .875rem);color:var(--text-muted);text-transform:lowercase}.magic-link-form{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.magic-link-input{width:100%;padding:12px var(--space-4, 1rem);font-size:var(--text-base, 1rem);border:1.5px solid var(--border);border-radius:var(--radius-md, 8px);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast, .15s);box-sizing:border-box}.magic-link-input:focus{border-color:var(--accent)}.magic-link-input::placeholder{color:var(--text-muted)}.magic-link-input:disabled{opacity:.6}.magic-link-button{width:100%;padding:12px var(--space-6, 1.5rem);font-size:var(--text-base, 1rem);font-weight:600;background:var(--accent);border:none;border-radius:var(--radius-md, 8px);color:#fff;cursor:pointer;transition:all var(--transition-fast, .15s);display:flex;align-items:center;justify-content:center;min-height:46px}.magic-link-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.magic-link-button:active:not(:disabled){transform:translateY(0)}.magic-link-button:disabled{opacity:.5;cursor:not-allowed}.magic-link-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.magic-link-error{font-size:var(--text-sm, .875rem);color:var(--error, #c0392b);margin:0}.magic-link-sent{text-align:center;padding:var(--space-4, 1rem) 0}.magic-link-sent-icon{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4, 1rem)}.magic-link-sent-title{font-size:var(--text-lg, 1.125rem);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2, .5rem)}.magic-link-sent-desc{font-size:var(--text-sm, .875rem);color:var(--text-muted);margin:0 0 var(--space-4, 1rem)}.magic-link-resend{background:none;border:none;color:var(--accent);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;padding:0}.magic-link-resend:hover{text-decoration:underline}@media (max-width: 480px){.auth-container,.auth-card{padding:var(--space-6, 1.5rem)}.auth-card h1{font-size:var(--text-xl, 1.25rem)}}.legal-page{min-height:100vh;padding:2rem}.legal-container{max-width:760px;margin:0 auto}.legal-header{margin-bottom:2rem}.legal-back{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary);font-family:var(--font-display, inherit);font-size:1.15rem;font-weight:400;transition:color .15s}.legal-back:hover{color:var(--accent)}.legal-logo{font-size:1.2rem}.legal-content{background-color:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg, 12px);padding:2.5rem}.legal-content h1{font-family:var(--font-display, inherit);font-size:1.75rem;font-weight:400;margin-bottom:.5rem;color:var(--text-primary)}.legal-meta{color:var(--text-muted);font-size:.82rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light, var(--border))}.legal-content section{margin-bottom:2rem}.legal-content section:last-child{margin-bottom:0}.legal-content h2{font-family:var(--font-display, inherit);font-size:1.15rem;font-weight:400;color:var(--text-primary);margin-bottom:.75rem;margin-top:0}.legal-content h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.6rem;margin-top:1.25rem}.legal-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:.85rem;font-size:.92rem}.legal-content ul{color:var(--text-secondary);line-height:1.7;margin-bottom:.85rem;padding-left:1.5rem;font-size:.92rem}.legal-content li{margin-bottom:.35rem}.legal-content a{color:var(--accent);text-decoration:underline}.legal-content a:hover{color:var(--accent-dark, var(--accent))}.legal-content address{font-style:normal;color:var(--text-secondary);line-height:1.7;font-size:.92rem}.legal-content strong{color:var(--text-primary);font-weight:600}.legal-footer{margin-top:2rem;text-align:center;padding:1rem;color:var(--text-muted);font-size:.82rem}.legal-footer a{color:var(--text-muted);text-decoration:none;transition:color .15s}.legal-footer a:hover{color:var(--accent)}.legal-separator{margin:0 1rem;color:var(--border)}@media (max-width: 640px){.legal-page{padding:1rem}.legal-content{padding:1.5rem}.legal-content h1{font-size:1.35rem}.legal-content h2{font-size:1.05rem}}:root{--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: var(--gray-50);--bg-secondary: #ffffff;--bg-tertiary: var(--gray-100);--bg-elevated: var(--gray-200);--surface-0: var(--bg-primary);--surface-1: var(--bg-secondary);--surface-2: var(--bg-tertiary);--surface-3: var(--bg-elevated);--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--text-dim: var(--gray-300);--accent: #3b82f6;--accent-light: #60a5fa;--accent-dark: #2563eb;--accent-glow: rgba(59, 130, 246, .12);--accent-50: rgba(59, 130, 246, .06);--accent-100: rgba(59, 130, 246, .12);--accent-200: rgba(59, 130, 246, .2);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .08);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .08);--border: var(--gray-200);--border-light: var(--gray-100);--border-focus: rgba(59, 130, 246, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: var(--font-sans);--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.4, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--z-dropdown: 50;--z-sticky: 60;--z-overlay: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-dark)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.container{max-width:1120px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 640px){.container{padding:0 var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;line-height:1;transition:all var(--transition-fast);border:1.5px solid transparent;white-space:nowrap;cursor:pointer}.btn-primary{background-color:var(--accent);color:#fff;border-color:var(--accent-dark)}.btn-primary:hover{background-color:var(--accent-dark);box-shadow:0 4px 12px var(--accent-200);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-dim)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background-color:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.btn-lg{padding:14px 24px;font-size:var(--text-base)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.card-hover:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-primary{background-color:var(--accent-glow);color:var(--accent-dark)}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-error{background-color:var(--error-bg);color:var(--error)}.badge-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary)}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover{border-color:var(--text-dim)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.form-label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:var(--space-5)}textarea.form-input{resize:vertical;min-height:100px}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:1.2rem;padding-right:2.5rem}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:32px;height:32px;border-width:3px}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);color:var(--text-muted)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:var(--space-4);color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon.btn-danger{background:transparent;color:var(--text-muted)}.btn-icon.btn-danger:hover{background:#fef2f2;color:var(--error)}.btn-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1;transition:all var(--transition-fast)}.btn-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:var(--space-4);display:flex;justify-content:center}.cookie-consent-banner{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:560px;width:100%;padding:var(--space-6)}.cookie-consent-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.cookie-consent-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.cookie-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.cookie-option{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.cookie-checkbox{margin-top:3px;accent-color:var(--accent)}.cookie-option-label{font-size:var(--text-sm);font-weight:600;display:block}.cookie-option-desc{font-size:var(--text-xs);color:var(--text-muted);display:block}.cookie-consent-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.cookie-btn{padding:8px 16px;font-size:var(--text-sm)}.progress-bar{width:100%;height:6px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar-fill.complete{background-color:var(--success)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:var(--leading-tight);color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}:root{--accent: #D97706;--accent-light: #F59E0B;--accent-dark: #B45309;--accent-glow: rgba(217, 119, 6, .12);--accent-50: rgba(217, 119, 6, .06);--accent-100: rgba(217, 119, 6, .12);--accent-200: rgba(217, 119, 6, .2);--border-focus: rgba(217, 119, 6, .4);--bg-primary: #FAFAF7;--bg-tertiary: #F3F2ED;--bg-elevated: #EDECE6;--surface-0: #FAFAF7;--surface-2: #F3F2ED;--surface-3: #EDECE6;--border: #DAD8D1;--border-light: #E6E4DD;--font-heading: "DM Serif Display", Georgia, serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}:root{--font-display: var(--font-heading)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;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.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{position:relative;z-index:1}::selection{background-color:var(--accent);color:#fff}.item-edit-fields{display:flex;flex-direction:column;gap:24px}.item-edit-field{display:flex;flex-direction:column;gap:6px}.item-edit-field-label{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.item-edit-title-input{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;color:var(--text-primary);border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 10px;background:var(--bg-primary);outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.item-edit-title-input:hover{border-color:var(--border-light)}.item-edit-title-input:focus{border-color:var(--accent);background:var(--bg-secondary)}.item-edit-description-input{font-family:var(--font-sans);font-size:.9rem;color:var(--text-primary);border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 12px;background:var(--bg-primary);outline:none;resize:vertical;min-height:100px;line-height:1.55;transition:border-color .15s;width:100%;box-sizing:border-box}.item-edit-description-input:hover{border-color:var(--border-light)}.item-edit-description-input:focus{border-color:var(--accent);background:var(--bg-secondary)}.item-edit-priority-options{display:flex;gap:8px;flex-wrap:wrap}.item-edit-priority-option{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);transition:border-color .15s,background .15s,color .15s}.item-edit-priority-option:hover{border-color:var(--border);background:var(--bg-tertiary)}.item-edit-priority-option--selected{border-color:var(--accent);background:#d4622b0f;color:var(--accent-dark);font-weight:500}.item-edit-priority-dot{width:8px;height:8px;border-radius:50%}.item-edit-priority-dot--high{background:#e53e3e}.item-edit-priority-dot--medium{background:#ecc94b}.item-edit-priority-dot--low{background:#4299e1}.item-edit-priority-dot--none{background:var(--border)}.item-edit-labels-list{display:flex;flex-direction:column;gap:6px}.item-edit-label-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;transition:border-color .15s,background .15s}.item-edit-label-option:hover{background:var(--bg-tertiary)}.item-edit-label-option--selected{border-color:var(--accent);background:#d4622b0a}.item-edit-label-checkbox{width:16px;height:16px;border:2px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s}.item-edit-label-checkbox--checked{background:var(--accent);border-color:var(--accent)}.item-edit-label-check-icon{color:#fff;font-size:10px;line-height:1}.item-edit-label-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.item-edit-label-name{font-family:var(--font-sans);font-size:.85rem;color:var(--text-primary)}.item-edit-saving{font-family:var(--font-sans);font-size:.75rem;color:var(--text-muted);padding:0 4px}