:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-blue: #2563EB;--primary-dark: #1E40AF;--google-bg: #FFFFFF;--google-text: #3C4043;--google-border: #DADCE0;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--error: #EF4444;--success: #10B981}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}.login-container{min-height:100vh;width:100%;display:flex;background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem;max-width:480px;margin:0 auto;width:100%}.logo-section{text-align:center;margin-bottom:3rem;animation:fadeIn .6s ease-in}.logo{display:inline-block;margin-bottom:1.5rem}.app-name{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.tagline{font-size:1rem;line-height:1.5;color:var(--text-secondary);max-width:280px;margin:0 auto}.auth-section{animation:fadeIn .6s ease-in .2s both}.error-message{background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.error-icon{font-size:1.25rem;flex-shrink:0}.error-title{font-weight:600;color:var(--error);margin-bottom:.25rem}.error-text{font-size:.875rem;color:#991b1b}.google-signin-btn{width:100%;height:50px;background:var(--google-bg);border:1px solid var(--google-border);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:Roboto,Inter,sans-serif;font-size:16px;font-weight:500;color:var(--google-text);cursor:pointer;transition:box-shadow .2s ease,transform .1s ease;box-shadow:0 1px 3px #0000001f}.google-signin-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.google-signin-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001f}.google-signin-btn:disabled{cursor:not-allowed;opacity:.7}.google-signin-btn:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.google-logo{width:18px;height:18px;flex-shrink:0}.spinner{width:18px;height:18px;border:2px solid var(--google-border);border-top-color:var(--google-text);border-radius:50%;animation:spin .8s linear infinite}.legal-text{margin-top:1.5rem;font-size:.75rem;color:var(--text-tertiary);text-align:center;line-height:1.5}.legal-link{color:var(--text-secondary);text-decoration:underline;transition:color .2s ease}.legal-link:hover{color:var(--primary-blue)}.hero-panel{display:none;flex:1.5;background:var(--bg-secondary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(37,99,235,.05),transparent);padding:2rem;align-items:center;justify-content:center;width:100%;min-height:100vh;position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232563EB' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.4}.hero-content{max-width:480px;animation:fadeIn .6s ease-in .4s both;position:relative;z-index:1}.hero-title{font-size:2.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;line-height:1.2;letter-spacing:-.02em}.feature-list{list-style:none}.feature-list li{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;font-size:1.125rem;color:var(--text-primary);line-height:1.2}.feature-icon{width:32px;height:32px;background:var(--primary-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:14px;line-height:1;margin-top:2px}.feature-icon.coming-soon{background:#9ca3af}.feature-text{display:flex;flex-direction:column;gap:.25rem}.feature-name{font-weight:600;color:var(--text-primary);font-size:1rem}.feature-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.feature-status.available{color:var(--success)}.feature-status.coming-soon{color:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.login-content{padding:3rem}.app-name{font-size:2.25rem}.tagline{font-size:1.125rem;max-width:360px}}@media (min-width: 1024px){.hero-panel{display:flex;align-items:flex-start;padding-top:16rem}.login-content{max-width:100%;padding:16rem 4rem 3rem;justify-content:flex-start}.logo-section{text-align:left;margin-bottom:3rem}.tagline{margin:0}.google-signin-btn{max-width:320px;margin-left:0;margin-right:auto}.legal-text{text-align:left;max-width:320px}.hero-content{margin-top:0}}@media (min-width: 768px) and (max-width: 1023px){.login-content{max-width:400px}}@media (max-width: 480px){.login-content{padding:1.5rem}.app-name{font-size:1.75rem}.tagline{font-size:.875rem}.google-signin-btn{height:48px;font-size:15px}}.ai-toggle-container{position:relative;display:flex;align-items:center;gap:.5rem}.ai-toggle-loading{display:flex;align-items:center;justify-content:center;width:36px;height:36px}.ai-toggle-spinner{width:16px;height:16px;border:2px solid var(--border-light);border-top:2px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-toggle-wrapper{position:relative}.ai-toggle{display:flex;align-items:center;gap:.5rem;background:var(--bg-quaternary);border:1px solid var(--border-light);border-radius:20px;padding:.375rem .75rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:500;color:var(--text-secondary);outline:none}.ai-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-medium);transform:translateY(-1px)}.ai-toggle:focus{box-shadow:0 0 0 3px #3b82f61a}.ai-toggle.enabled{background:linear-gradient(135deg,var(--primary-blue),#8B5CF6);border-color:var(--primary-blue);color:#fff}.ai-toggle.enabled:hover{background:linear-gradient(135deg,var(--primary-dark),#7C3AED);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.ai-toggle-icon{font-size:1rem;line-height:1;opacity:.9}.ai-toggle.enabled .ai-toggle-icon{opacity:1;filter:brightness(1.2)}.ai-toggle-label{font-size:.6875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.ai-toggle-indicator{width:28px;height:16px;background:#fff3;border-radius:8px;position:relative;transition:all .2s ease;flex-shrink:0}.ai-toggle-indicator.on{background:#ffffff4d}.ai-toggle-slider{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:2px;transition:all .2s ease;box-shadow:0 1px 3px #0003}.ai-toggle-indicator.off .ai-toggle-slider{left:2px}.ai-toggle-indicator.on .ai-toggle-slider{left:14px;box-shadow:0 2px 4px #0000004d}.ai-toggle-tooltip{position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-heavy);padding:1rem;min-width:260px;z-index:1000;animation:tooltipFadeIn .2s ease-out}.tooltip-content{text-align:center}.tooltip-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.tooltip-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.75rem}.tooltip-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-blue),#8B5CF6);color:#fff;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.025em}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-primary)}.tooltip-arrow:before{content:"";position:absolute;top:-9px;left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--border-light)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ai-demo-controls{display:flex;align-items:center}.demo-entitlement-btn{width:24px;height:24px;border:1px solid var(--border-light);border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.8}.demo-entitlement-btn.entitled{background:var(--primary-blue);border-color:var(--primary-dark);transform:translateY(1px);box-shadow:inset 0 2px 4px #0000001a}.demo-entitlement-btn.not-entitled{background:var(--bg-quaternary);border-color:var(--border-light);transform:translateY(0);box-shadow:0 1px 2px #0000001a}.demo-entitlement-btn:hover{opacity:1}.demo-entitlement-btn.entitled:hover{background:var(--primary-dark);transform:translateY(0)}[data-theme=light] .ai-toggle{background:#f2f2f7;border-color:#0000001a;color:#666}[data-theme=light] .ai-toggle:hover{background:#e5e5ea;border-color:#00000026}[data-theme=light] .ai-toggle.enabled{background:linear-gradient(135deg,#007aff,#8b5cf6)}[data-theme=light] .ai-toggle.enabled:hover{background:linear-gradient(135deg,#0051d5,#7c3aed);box-shadow:0 4px 12px #007aff4d}[data-theme=light] .ai-toggle-tooltip{background:#fff;border-color:#0000001a}[data-theme=light] .tooltip-title{color:#000}[data-theme=light] .tooltip-description{color:#666}[data-theme=light] .tooltip-arrow{border-top-color:#fff}[data-theme=light] .tooltip-arrow:before{border-top-color:#0000001a}[data-theme=light] .demo-entitlement-btn.not-entitled{background:#f2f2f7;border-color:#0000001a}[data-theme=light] .demo-entitlement-btn.not-entitled:hover{background:#e5e5ea}[data-theme=light] .demo-entitlement-btn.entitled{background:#007aff;border-color:#0051d5}[data-theme=light] .demo-entitlement-btn.entitled:hover{background:#0051d5}@media (max-width: 640px){.ai-toggle-tooltip{min-width:240px;left:auto;right:0;transform:none}.tooltip-arrow{left:auto;right:1rem;transform:none}.tooltip-arrow:before{left:-8px}}:root{--primary-blue: #007AFF;--primary-dark: #0051D5;--primary-light: #34AADC;--accent-purple: #AF52DE;--accent-pink: #FF2D92;--accent-green: #30D158;--accent-orange: #FF9500;--accent-red: #FF3B30;--priority-high: #FB923C;--priority-medium: #9333EA;--priority-low: #16A34A;--color-overdue: #FB923C;--color-danger: #DC2626;--color-warning: #F59E0B;--color-success: #16A34A;--bg-primary: #1F2937;--bg-secondary: #111827;--bg-tertiary: #0F172A;--bg-quaternary: rgba(255, 255, 255, .05);--surface-background: #1F2937;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--text-quaternary: #6B7280;--border-light: #374151;--border-medium: #4B5563;--border-focus: var(--primary-blue);--shadow-light: 0 1px 3px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .4);--shadow-heavy: 0 8px 25px rgba(0, 0, 0, .5);--nav-height: 60px;--sidebar-width: 280px;--border-radius: 8px;--border-radius-large: 12px;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}[data-theme=light]{--primary-blue: #007AFF;--primary-dark: #0051D5;--primary-light: #34AADC;--accent-purple: #AF52DE;--accent-pink: #FF2D92;--accent-green: #30D158;--accent-orange: #FF9500;--accent-red: #FF3B30;--bg-primary: #FAFAF9;--bg-secondary: #F5F5F4;--bg-tertiary: #FAFAF9;--bg-quaternary: rgba(0, 0, 0, .02);--surface-background: #FFFFFF;--text-primary: #000000;--text-secondary: #292524;--text-tertiary: #44403C;--text-quaternary: #78716C;--border-light: rgba(0, 0, 0, .1);--border-medium: rgba(0, 0, 0, .15);--shadow-light: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 25px rgba(0, 0, 0, .15)}[data-theme=dark]{--primary-blue: #0A84FF;--primary-dark: #007AFF;--primary-light: #64D2FF;--accent-purple: #BF5AF2;--accent-pink: #FF375F;--accent-green: #30D158;--accent-orange: #FF9F0A;--accent-red: #FF453A;--bg-primary: #1F2937;--bg-secondary: #111827;--bg-tertiary: #0F172A;--bg-quaternary: rgba(255, 255, 255, .05);--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--text-quaternary: #6B7280;--border-light: #374151;--border-medium: #4B5563;--shadow-light: 0 1px 3px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .4);--shadow-heavy: 0 8px 25px rgba(0, 0, 0, .5)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light] body{background:linear-gradient(135deg,#fafaf9,#f5f5f4);background-attachment:fixed}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-light);position:fixed;left:0;top:0;height:100vh;z-index:100;overflow-y:auto;transition:transform .3s ease;display:flex;flex-direction:column;padding-top:var(--safe-area-inset-top);padding-left:var(--safe-area-inset-left);padding-bottom:var(--safe-area-inset-bottom)}.sidebar.collapsed{width:0;overflow:hidden}.nav-sidebar-header{padding:1rem 1rem .5rem;border-bottom:none;display:flex;align-items:center;gap:.5rem}.nav-logo{width:28px;height:28px;background:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-logo-text{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;transition:opacity .3s ease}.sidebar.collapsed .nav-logo-text{opacity:0;width:0;overflow:hidden}.nav-sidebar-toggle{margin-left:auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.nav-sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-section{padding:.5rem 0;flex-shrink:0}.nav-section:first-of-type{padding-top:.75rem}.nav-section.user-section{margin-top:auto;border-top:1px solid var(--border-light);padding:1rem}.nav-section-title{font-size:11px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;padding:.25rem 1rem .5rem;margin-bottom:0;display:flex;align-items:center;justify-content:flex-start}.nav-section.collapsible .nav-section-title{cursor:pointer;-webkit-user-select:none;user-select:none}.nav-section.collapsible .nav-section-title:hover{color:var(--text-primary)}.nav-collapse-icon{width:12px;height:12px;margin-right:.5rem;transition:transform .2s ease;stroke:var(--text-primary)}.nav-section.collapsed .nav-collapse-icon{transform:rotate(0)}.nav-section:not(.collapsed) .nav-collapse-icon{transform:rotate(90deg)}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:500;transition:all .2s ease;position:relative;border-radius:0;margin:0}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:#000;color:#fff;font-weight:500;margin:.125rem .5rem;border-radius:6px}.nav-item.active:hover{background:#333}[data-theme=dark] .nav-item.active{background:var(--primary-blue)!important;color:#fff!important}[data-theme=dark] .nav-item.active:hover{background:var(--primary-dark)!important}.nav-icon{width:16px;height:16px;flex-shrink:0}.nav-text{flex:1;font-weight:500}.nav-badge{background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:.125rem .5rem;border-radius:12px;margin-left:auto;min-width:20px;text-align:center}.nav-item.active .nav-badge{background:#fff3}.user-profile{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.sign-out-btn{background:none;border:none;font-size:var(--font-size-xs);color:var(--text-tertiary);cursor:pointer;text-align:left;padding:0;transition:color .2s ease}.sign-out-btn:hover{color:var(--accent-red)}.sidebar-expand{display:none;align-items:center;justify-content:center;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1001;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:0 8px 8px 0;padding:.75rem;color:var(--text-secondary);cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.sidebar-expand.visible{display:flex}.sidebar-expand:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-50%) translate(2px)}@media (max-width: 768px){.sidebar,.sidebar-expand{display:none}}.main-content{flex:1;margin-left:var(--sidebar-width);background:var(--bg-secondary);height:100vh;display:flex;flex-direction:column;overflow:hidden}.sidebar.collapsed+.sidebar-expand+.main-content{margin-left:0}.top-bar{background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:.625rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:10;min-height:48px}.mobile-nav-container{position:relative;display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.375rem;color:var(--text-primary);cursor:pointer;border-radius:6px;transition:background-color .2s ease}.mobile-menu-toggle:hover{background:var(--bg-tertiary)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-nav-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.mobile-nav-section{padding:.25rem 0}.mobile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.mobile-nav-item:hover{background:var(--bg-quaternary)}.mobile-nav-item.active{background:var(--primary-blue);color:#fff}.mobile-nav-item .nav-icon{width:16px;height:16px;flex-shrink:0}.mobile-nav-item .nav-text{flex:1}[data-theme=light] .top-bar{background:#fff;border-bottom:1px solid rgba(0,0,0,.1);color:#000}.breadcrumbs{display:flex;align-items:center;gap:.375rem;font-size:.8125rem}.breadcrumb-item{display:flex;align-items:center;gap:.375rem;color:var(--text-tertiary)}.breadcrumb-separator{color:var(--text-quaternary);font-weight:300}.breadcrumb-current{color:var(--text-primary);font-weight:500}.top-bar-actions{display:flex;gap:.5rem;align-items:center}[data-theme=light] .top-bar .breadcrumb-item,[data-theme=light] .top-bar .breadcrumb-current,[data-theme=light] .top-bar .breadcrumb-separator{color:#000!important}[data-theme=light] .top-bar .breadcrumb-item{color:#666!important}[data-theme=light] .top-bar .breadcrumb-current{color:#000!important}.theme-toggle{background:var(--bg-quaternary);border:1px solid var(--border-light);border-radius:6px;padding:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.theme-toggle svg{width:16px;height:16px;transition:transform .2s ease}.theme-toggle:hover svg{transform:scale(1.1)}.user-dropdown{position:relative;cursor:pointer}.user-avatar.clickable{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid var(--border-light);cursor:pointer;transition:all .2s ease}.user-avatar.clickable:hover{border-color:var(--primary-blue);box-shadow:0 0 0 2px #007aff1a}.user-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem;background:var(--bg-quaternary)}.dropdown-header .user-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.dropdown-header .user-email{font-size:var(--font-size-xs);color:var(--text-tertiary);word-break:break-all}.dropdown-divider{height:1px;background:var(--border-light)}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:var(--bg-quaternary)}.dropdown-item.logout-item{color:var(--accent-red)}.dropdown-item.logout-item:hover{background:#ff3b301a}.dropdown-item svg{flex-shrink:0}.content-area{flex:1;padding:2rem;width:100%;overflow-y:auto;overflow-x:hidden;min-height:0}.content-area>*{max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.btn{padding:.375rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-family:inherit;line-height:1.4;min-height:32px}.btn-sm{padding:.25rem .625rem;font-size:.75rem;min-height:28px}.btn-lg{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #007aff40}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #007aff33}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.btn-ghost{background:transparent;color:var(--text-tertiary)}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#e63946;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}[data-theme=light] .btn-primary:hover{background:#0051d5}[data-theme=light] .btn-secondary{background:#f2f2f7;color:#000;border-color:#0000001a}[data-theme=light] .btn-secondary:hover{background:#e5e5ea;border-color:#00000026}[data-theme=light] .btn-ghost:hover{background:#0000000d;color:#000}.task-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.task-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a}.task-input::placeholder{color:var(--text-quaternary)}[data-theme=light] .task-input{background:#fff!important;color:#000!important;border:1px solid rgba(0,0,0,.15)!important}[data-theme=light] .task-input::placeholder{color:#666!important}.tasks-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-large);padding:1.5rem;box-shadow:var(--shadow-light)}[data-theme=light] .tasks-section{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;color:#000!important}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.section-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--border-radius);transition:all .2s ease;border:1px solid transparent}.task-item:hover{background:var(--bg-quaternary);border-color:var(--border-light)}[data-theme=light] .task-item{color:#000!important}[data-theme=light] .task-item:hover{background:#0000000a!important;border-color:#0000001a!important}.task-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid var(--border-medium);background:var(--bg-primary);cursor:pointer;position:relative;margin:0;flex-shrink:0}.task-checkbox:checked{background:var(--primary-blue);border-color:var(--primary-blue)}.task-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}[data-theme=light] .task-checkbox{background:#fff;border:2px solid #CCCCCC}[data-theme=light] .task-checkbox:checked{background:var(--primary-blue);border-color:var(--primary-blue)}.task-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.task-title{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);line-height:1.4}.task-meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.today-summary{margin-bottom:2rem}.summary-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.quick-stats{display:flex;align-items:center;gap:1rem;font-size:var(--font-size-sm);color:var(--text-secondary)}.quick-add{margin-bottom:2rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:var(--font-size-sm);font-style:italic}[data-theme=light] .empty-state{color:#666!important}[data-theme=light] .main-content{color:#000}[data-theme=light] .main-content .summary-header h2,[data-theme=light] .main-content .task-title,[data-theme=light] .main-content .section-header h2,[data-theme=light] .main-content .quick-stats{color:#000!important}[data-theme=light] .main-content .task-meta{color:#999!important}@media (max-width: 768px){.main-content{margin-left:0}.mobile-nav-container{display:block}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.content-area{padding:1.5rem}.content-area>*{padding-left:0;padding-right:0}.top-bar{padding:1rem 1.5rem;gap:1rem}.summary-header{flex-direction:column;align-items:flex-start;gap:.5rem}.quick-stats{gap:.5rem;flex-wrap:wrap}.breadcrumbs{font-size:.75rem;flex:1}.user-dropdown-menu{right:.5rem}}@media (max-width: 640px){.content-area{padding:1rem}.content-area>*{max-width:100%}.top-bar{padding:.5rem .75rem;gap:.5rem}.top-bar-actions{gap:.25rem}.theme-toggle{padding:.375rem}.theme-toggle svg{width:18px;height:18px}.user-avatar{width:32px;height:32px}}@media (max-width: 480px){.main-content{height:100vh;height:100dvh}.content-area{padding:.75rem}.top-bar{padding:.75rem;gap:.5rem}.breadcrumbs{display:none}.btn{min-height:44px;padding:.75rem 1rem}button,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}body{font-size:16px}h2{font-size:1.25rem}.task-title{font-size:.875rem}}.rich-editor-wrapper{width:100%;border-bottom:1px solid var(--border-light);transition:border-color .2s ease;margin-bottom:.5rem}.rich-editor-wrapper:focus-within{border-bottom-color:var(--primary-blue)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-light);margin-bottom:.5rem}.toolbar-group{display:flex;gap:.25rem;align-items:center}.toolbar-button{min-width:32px;height:32px;padding:.25rem .5rem;background:transparent;border:none;color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:.9375rem;font-family:inherit;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toolbar-button:hover{background:var(--bg-quaternary);color:var(--text-primary)}.toolbar-button:active{transform:scale(.95)}.toolbar-button.active{background:var(--primary-blue);color:#fff}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.toolbar-select{height:32px;padding:0 .5rem;background:transparent;border:1px solid var(--border-light);border-radius:4px;color:var(--text-primary);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.toolbar-select:hover{border-color:var(--border-medium);background:var(--bg-quaternary)}.toolbar-select:focus{outline:none;border-color:var(--primary-blue)}@media (max-width: 768px){.toolbar-button{min-width:44px;height:44px}.toolbar-select{height:44px}}.editor-content-wrapper{min-height:40px;max-height:200px;overflow-y:auto}.editor-content{font-size:.8125rem;line-height:1.5;color:var(--text-primary);padding:.375rem 0}.editor-content:focus{outline:none}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-quaternary);pointer-events:none;height:0;float:left}.editor-content h1,.rich-text-content h1{font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary);line-height:1.3}.editor-content h2,.rich-text-content h2{font-size:1.25rem;font-weight:600;margin:.875rem 0 .5rem;color:var(--text-primary);line-height:1.3}.editor-content h3,.rich-text-content h3{font-size:1.1rem;font-weight:600;margin:.75rem 0 .5rem;color:var(--text-primary);line-height:1.3}.editor-content p,.rich-text-content p{margin:.5rem 0}.editor-content p:first-child,.rich-text-content p:first-child{margin-top:0}.editor-content p:last-child,.rich-text-content p:last-child{margin-bottom:0}.editor-content code,.rich-text-content code{font-family:Monaco,Courier New,monospace;font-size:.875em;background:var(--code-bg);padding:.125rem .25rem;border-radius:3px;color:var(--text-primary)}.editor-content pre,.rich-text-content pre{background:var(--code-block-bg);border:1px solid var(--border-light);border-radius:4px;padding:.75rem;overflow-x:auto;margin:.5rem 0;font-family:Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.5}.editor-content pre code,.rich-text-content pre code{background:none;padding:0;font-size:inherit}.editor-content blockquote,.rich-text-content blockquote{border-left:3px solid var(--primary-blue);padding-left:1rem;margin:.5rem 0;color:var(--text-secondary);font-style:italic}.editor-content blockquote p,.rich-text-content blockquote p{margin:.25rem 0}.editor-content ul,.rich-text-content ul,.editor-content ol,.rich-text-content ol{padding-left:1.5rem;margin:.5rem 0}.editor-content li,.rich-text-content li,.editor-content ul ul,.rich-text-content ul ul,.editor-content ol ol,.rich-text-content ol ol,.editor-content ul ol,.rich-text-content ul ol,.editor-content ol ul,.rich-text-content ol ul{margin:.25rem 0}.editor-content a,.rich-text-content a{color:var(--primary-blue);text-decoration:underline;cursor:pointer;transition:color .2s ease}.editor-content a:hover,.rich-text-content a:hover{color:var(--primary-dark)}.character-counter{display:flex;justify-content:flex-end;padding:.25rem 0;font-size:.75rem;color:var(--text-quaternary);transition:color .2s ease}.character-counter.warning{color:var(--color-warning)}.character-counter.error{color:var(--color-danger);font-weight:500}.link-dialog-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.link-dialog{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:var(--shadow-heavy);animation:slideIn .2s ease-out}.link-dialog-header{margin-bottom:1rem}.link-dialog-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.link-dialog-body{margin-bottom:1rem}.link-input{width:100%;padding:.5rem;border:1px solid var(--border-light);border-radius:4px;font-size:.8125rem;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary);transition:all .2s ease}.link-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0a84ff1a}.link-dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-quaternary);color:var(--text-primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#b91c1c}:root{--code-bg: rgba(0, 0, 0, .05);--code-block-bg: rgba(0, 0, 0, .03)}[data-theme=dark]{--code-bg: rgba(255, 255, 255, .1);--code-block-bg: rgba(255, 255, 255, .05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.editor-toolbar{gap:.375rem}.toolbar-group{gap:.25rem}.link-dialog{max-width:95%;padding:1rem}.link-dialog-actions{flex-direction:column}.btn{width:100%}}.task-form-modal{background:var(--bg-primary);border:2px solid var(--primary-blue);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 8px 32px #0003;animation:taskFormSlideIn .3s ease-out}.task-form-container{display:flex;flex-direction:column;gap:.75rem}.title-input{width:100%;padding:.5rem 0;border:none;border-bottom:1px solid var(--border-light);font-size:1rem;font-weight:400;background:transparent;color:var(--text-primary);outline:none;transition:border-color .2s ease}.title-input:focus{border-bottom-color:var(--primary-blue)}.title-input::placeholder{color:var(--text-quaternary)}.title-input.error{border-bottom-color:var(--accent-red)}.error-message{font-size:.75rem;color:var(--accent-red);margin-top:.25rem;display:block}.form-fields-row{display:flex;gap:1rem;align-items:center;padding:.5rem 0 0;flex-wrap:wrap;overflow:visible}.field-group{display:flex;align-items:center;gap:.5rem}.field-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;min-width:fit-content}.field-select{padding:.375rem 1.5rem .375rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;font-size:.75rem;color:var(--text-primary);cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='5' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;min-width:90px;transition:all .2s ease}.field-select:hover{border-color:var(--primary-blue);background-color:var(--bg-tertiary)}.field-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f61a}.priority-buttons{display:flex;gap:0;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;overflow:hidden}.priority-btn{padding:.375rem .75rem;background:transparent;border:none;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-right:1px solid var(--border-light)}.priority-btn:last-child{border-right:none}.priority-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.priority-btn.active{background:#4b5563;color:#fff}.field-input{padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;font-size:.75rem;color:var(--text-primary);outline:none;transition:all .2s ease;min-width:140px}.field-input:hover{border-color:var(--primary-blue);background-color:var(--bg-tertiary)}.field-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f61a}.field-input::placeholder{color:var(--text-quaternary)}.date-field{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;transition:all .2s ease;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;overflow:visible}.date-field:hover{border-color:var(--primary-blue);background-color:var(--bg-tertiary)}.date-field:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f61a}.date-icon{opacity:.5;flex-shrink:0}.field-date-input{background:transparent;border:none;outline:none;font-size:.75rem;color:var(--text-primary);cursor:pointer;width:0;height:0;opacity:0;position:absolute;bottom:-10px;left:50%;pointer-events:none}.field-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.date-display{font-size:.75rem;color:var(--text-secondary);padding-left:.375rem;border-left:1px solid var(--border-light);white-space:nowrap}.form-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.375rem;border-top:1px solid var(--border-light)}.btn{padding:.5rem 1.25rem;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@keyframes taskFormSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .task-form-modal{background:#fff;border-color:#007aff;box-shadow:0 8px 32px #0000001a}[data-theme=light] .title-input,[data-theme=light] .form-textarea{border-bottom-color:#0000001a}[data-theme=light] .title-input:focus,[data-theme=light] .form-textarea:focus{border-bottom-color:#007aff}[data-theme=light] .field-select,[data-theme=light] .field-input,[data-theme=light] .date-field,[data-theme=light] .priority-buttons{background:#f8f9fa;border-color:#00000014}[data-theme=light] .field-select:hover,[data-theme=light] .field-input:hover,[data-theme=light] .date-field:hover{background:#fff;border-color:#007aff}[data-theme=light] .priority-btn{border-right-color:#00000014}[data-theme=light] .priority-btn:hover{background:#e5e5ea}[data-theme=light] .priority-btn.active{background:#6b7280}[data-theme=light] .btn-ghost:hover{background:#f2f2f7;color:#000}[data-theme=light] .btn-primary:hover{background:#0051d5;box-shadow:0 4px 12px #007aff4d}@media (max-width: 768px){.task-form-modal{padding:1.25rem}.form-fields-row{flex-direction:column;align-items:stretch;gap:1rem}.field-group{justify-content:space-between}.field-input{min-width:auto;flex:1}.form-actions{justify-content:stretch}.btn{flex:1}}.confirm-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:backdropFadeIn .2s ease-out}.confirm-modal{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;width:100%;animation:modalSlideIn .2s ease-out;outline:none}.confirm-modal-header{padding:1.5rem 1.5rem 0}.confirm-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.confirm-modal-body{padding:1rem 1.5rem 1.5rem}.confirm-modal-message{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.confirm-modal-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem;justify-content:flex-end}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.confirm-modal{margin:1rem;max-width:none}.confirm-modal-header{padding:1.25rem 1.25rem 0}.confirm-modal-body{padding:.75rem 1.25rem 1.25rem}.confirm-modal-actions{padding:0 1.25rem 1.25rem;flex-direction:column-reverse}.btn{width:100%}}[data-theme=light] .confirm-modal{background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=light] .confirm-modal-backdrop{background:#0006}[data-theme=light] .btn-ghost{color:#666}[data-theme=light] .btn-ghost:hover{background:#0000000a;color:#000}[data-theme=light] .btn-danger{background:#ff3b30}[data-theme=light] .btn-danger:hover{background:#dc2626}[data-theme=light] .btn-primary{background:#007aff}[data-theme=light] .btn-primary:hover{background:#0056cc}.detailed-edit-modal-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:backdropFadeIn .2s ease;overflow-y:auto}.detailed-edit-modal{background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 16px #00000026,0 0 0 1px #0000000d;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out;outline:none;margin:auto}.detailed-edit-modal form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;padding:0}.detailed-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);position:relative;flex-shrink:0}.detailed-modal-title{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--text-primary);margin:0;padding-right:2.5rem}.detailed-modal-title-input{width:100%;padding:.5rem 2.5rem .5rem 0;border:none;border-bottom:2px solid transparent;font-size:1.25rem;font-weight:600;line-height:1.4;background:transparent;color:var(--text-primary);outline:none;transition:border-color .2s ease}.detailed-modal-title-input:focus{border-bottom-color:var(--border-medium)}.detailed-modal-title-input::placeholder{color:var(--text-tertiary)}.detailed-modal-title-input.error{border-bottom-color:var(--accent-red)}.detailed-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;font-size:2rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.detailed-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.detailed-modal-tabs{display:none}.detailed-modal-content{padding:0;overflow-y:auto;flex:1;min-height:0;animation:contentFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.detailed-modal-section{margin-bottom:1.5rem}.detailed-modal-section:first-child{margin-top:0}.detailed-modal-section:last-child{margin-bottom:0}.section-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.detailed-modal-section .rich-editor-wrapper{min-height:150px}.detailed-modal-section .ProseMirror{min-height:150px;max-height:500px;overflow-y:auto}.metadata-section{background:transparent;border-radius:0;border:none}.metadata-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.metadata-row:last-child{margin-bottom:0}.metadata-field{display:flex;flex-direction:column;gap:.5rem}.metadata-field .field-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:none;letter-spacing:0}.metadata-field .field-select,.metadata-field .field-input{width:100%;padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;font-size:.75rem;color:var(--text-primary);cursor:pointer;outline:none;transition:all .2s ease}.metadata-field .field-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.metadata-field .field-select:hover,.metadata-field .field-input:hover{border-color:var(--primary-blue);background-color:var(--bg-tertiary)}.metadata-field .field-select:focus,.metadata-field .field-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.metadata-field .priority-buttons{display:flex;gap:0;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;overflow:hidden}.metadata-field .priority-btn{flex:1;padding:.375rem .75rem;background:transparent;border:none;border-right:1px solid var(--border-light);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.metadata-field .priority-btn:last-child{border-right:none}.metadata-field .priority-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.metadata-field .priority-btn.active{background:#4b5563;color:#fff}.metadata-field .date-field{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;transition:all .2s ease;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.metadata-field .date-field:hover{border-color:var(--primary-blue);background-color:var(--bg-tertiary)}.metadata-field .date-field:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.metadata-field .date-icon{opacity:.5;flex-shrink:0}.metadata-field .field-date-input{background:transparent;border:none;outline:none;font-size:.75rem;color:var(--text-primary);cursor:pointer;width:0;height:0;opacity:0;position:absolute;pointer-events:none}.metadata-field .date-display{font-size:.75rem;color:var(--text-secondary);padding-left:.375rem;border-left:1px solid var(--border-light);white-space:nowrap}.preview-mode{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem}.edit-mode,.edit-mode-wrapper{padding:1.5rem 2rem}.edit-mode-wrapper .task-form-modal{border:none;box-shadow:none;padding:0;margin:0;background:transparent}.edit-mode-wrapper .form-actions{border-top:1px solid var(--border-light);padding-top:1rem;margin-top:1rem}.preview-metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem 1.25rem;padding:0}.preview-meta-item{display:flex;flex-direction:column;gap:.375rem}.meta-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:none;letter-spacing:0}.meta-value{font-size:.875rem;color:var(--text-secondary);font-weight:400}.meta-value.priority-high{color:var(--accent-red);font-weight:500}.meta-value.priority-medium{color:var(--text-secondary)}.meta-value.priority-low{color:var(--text-tertiary)}.meta-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag-chip{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:3px;font-size:.75rem;font-weight:500}.preview-description-section{display:flex;flex-direction:column;gap:.75rem}.description-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.preview-section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--text-tertiary);margin:0;text-transform:uppercase;letter-spacing:.5px}.preview-section-title svg{opacity:.7}.btn-edit-description{padding:.375rem .75rem;background:var(--bg-secondary);border:none;border-radius:3px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-edit-description:hover{background:var(--bg-tertiary);color:var(--text-primary)}.description-content{padding:.75rem 0;color:var(--text-primary);font-size:.875rem;line-height:1.6}.description-placeholder{padding:.75rem;background:var(--bg-secondary);border-radius:3px;color:var(--text-tertiary);font-size:.875rem;cursor:pointer;transition:background .15s ease}.description-placeholder:hover{background:var(--bg-tertiary)}.preview-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--text-tertiary);text-align:center}.empty-icon{opacity:.3;color:var(--text-secondary)}.preview-empty-state p{margin:0;font-size:.9375rem;font-style:italic}.btn-start-editing{display:none}.preview-section{min-height:400px;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.preview-content{padding:1rem 0}.preview-empty{color:var(--text-secondary);font-style:italic;text-align:center;padding:3rem 1rem}.detailed-modal-actions{display:flex;gap:.75rem;padding:1.5rem 2rem 2rem;justify-content:flex-end;border-top:1px solid var(--border-light);flex-shrink:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 900px){.detailed-edit-modal{max-width:900px}}@media (max-width: 768px){.detailed-edit-modal-backdrop{padding:1rem}.detailed-edit-modal{max-width:100%;border-radius:8px}.metadata-row{grid-template-columns:1fr;gap:1rem}.detailed-modal-content{padding:0}.preview-mode,.edit-mode{padding:1rem}.detailed-modal-section .rich-editor-wrapper,.detailed-modal-section .ProseMirror{min-height:120px}.preview-section{min-height:300px}}@media (max-width: 480px){.detailed-edit-modal-backdrop{padding:0}.detailed-edit-modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.detailed-modal-header{padding:1rem}.detailed-modal-close{top:1rem;right:1rem}.detailed-modal-tabs{padding:0 1rem}.tab-button{padding:.625rem 1rem;font-size:.8125rem}.detailed-modal-content{padding:0}.preview-mode,.edit-mode{padding:.75rem}.detailed-modal-actions{padding:.75rem 1rem 1rem;flex-direction:column-reverse}.btn{width:100%}.preview-metadata{grid-template-columns:1fr;gap:.5rem}.detailed-modal-title{font-size:1.125rem}}[data-theme=light] .detailed-edit-modal{background:#fff;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}[data-theme=light] .detailed-edit-modal-backdrop{background:#00000080}[data-theme=light] .detailed-modal-header,[data-theme=light] .detailed-modal-tabs{border-bottom-color:#0000001a}[data-theme=light] .tab-button.active{color:#007aff;border-bottom-color:#007aff}[data-theme=light] .metadata-section{background:transparent;border:none}[data-theme=light] .metadata-field .field-select,[data-theme=light] .metadata-field .field-input,[data-theme=light] .metadata-field .priority-buttons,[data-theme=light] .metadata-field .date-field{background:#fff;border-color:#00000014}[data-theme=light] .metadata-field .field-select:hover,[data-theme=light] .metadata-field .field-input:hover,[data-theme=light] .metadata-field .date-field:hover{border-color:#007aff;background:#fff}[data-theme=light] .metadata-field .priority-btn{border-right-color:#00000014}[data-theme=light] .metadata-field .priority-btn:hover{background:#e5e5ea}[data-theme=light] .metadata-field .priority-btn.active{background:var(--border-medium)}[data-theme=light] .preview-section{background:#f8f9fa;border-color:#00000014}[data-theme=light] .detailed-modal-actions{border-top-color:#0000001a}[data-theme=light] .tag-chip{background:#0000000f;color:var(--text-secondary)}[data-theme=light] .btn-edit-description{background:#0000000f}[data-theme=light] .btn-edit-description:hover{background:#0000001a}[data-theme=light] .description-placeholder{background:#0000000a}[data-theme=light] .description-placeholder:hover{background:#00000014}.ai-chat-bubble{position:fixed;bottom:2rem;right:2rem;z-index:900;font-family:inherit}.bubble-collapsed{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),#8B5CF6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #3b82f64d;transition:all .3s ease;position:relative;animation:bubbleFloat 3s ease-in-out infinite}.bubble-collapsed:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px #3b82f666}.bubble-icon{font-size:1.5rem;filter:brightness(1.2)}.notification-dot{position:absolute;top:8px;right:8px;width:12px;height:12px;background:#ff3b30;border:2px solid white;border-radius:50%;animation:pulse 2s infinite}.pulse-ring{position:absolute;inset:-4px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:pulseRing 2s infinite}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}to{transform:scale(1.2);opacity:0}}.ai-chat-bubble.expanded .bubble-collapsed{display:none}.bubble-expanded{width:380px;height:500px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-heavy);display:flex;flex-direction:column;animation:chatExpand .3s cubic-bezier(.34,1.56,.64,1)}@keyframes chatExpand{0%{width:60px;height:60px;border-radius:50%;opacity:.8}to{width:380px;height:500px;border-radius:16px;opacity:1}}.chat-header{padding:1rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary-blue),#8B5CF6);color:#fff;border-radius:16px 16px 0 0}.ai-info{display:flex;align-items:center;gap:.75rem}.ai-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.ai-name{font-weight:600;font-size:.9375rem}.ai-status{font-size:.75rem;opacity:.9}.minimize-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.25rem;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.minimize-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;gap:.75rem;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-blue),#8B5CF6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.message-content{flex:1;max-width:80%}.message.user .message-content{text-align:right}.message-text{background:var(--bg-quaternary);padding:.75rem 1rem;border-radius:16px;font-size:.875rem;line-height:1.4;color:var(--text-primary)}.message.user .message-text{background:var(--primary-blue);color:#fff;border-radius:16px 16px 4px}.message.ai .message-text{border-radius:16px 16px 16px 4px}.message-time{font-size:.6875rem;color:var(--text-quaternary);margin-top:.375rem}.message.user .message-time{text-align:right}.message-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.suggestion-chip{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;padding:.375rem .75rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.suggestion-chip:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);transform:translateY(-1px)}.message.typing .message-text{background:var(--bg-quaternary);padding:1rem;width:fit-content}.typing-indicator{display:flex;gap:.25rem;align-items:center}.typing-indicator span{width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;animation:typingDot 1.5s infinite}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.6s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-input{padding:1rem;border-top:1px solid var(--border-light);display:flex;gap:.75rem;align-items:flex-end}.input-field{flex:1;background:var(--bg-quaternary);border:1px solid var(--border-light);border-radius:20px;padding:.75rem 1rem;font-size:.875rem;color:var(--text-primary);outline:none;resize:none;min-height:20px;max-height:100px;font-family:inherit;transition:all .2s ease}.input-field:focus{border-color:var(--primary-blue);background:var(--bg-primary);box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:var(--text-quaternary)}.send-btn{width:40px;height:40px;background:var(--primary-blue);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.1)}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}[data-theme=light] .bubble-collapsed{background:linear-gradient(135deg,#007aff,#8b5cf6);box-shadow:0 4px 20px #007aff4d}[data-theme=light] .bubble-expanded{background:#fff;border-color:#0000001a}[data-theme=light] .chat-header{background:linear-gradient(135deg,#007aff,#8b5cf6)}[data-theme=light] .message-text{background:#f2f2f7;color:#000}[data-theme=light] .message.user .message-text{background:#007aff}[data-theme=light] .suggestion-chip{background:#f2f2f7;border-color:#0000001a;color:#666}[data-theme=light] .input-field{background:#f2f2f7;border-color:#0000001a;color:#000}[data-theme=light] .input-field:focus{border-color:#007aff;background:#fff}[data-theme=light] .send-btn{background:#007aff}[data-theme=light] .send-btn:hover:not(:disabled){background:#0051d5}@media (max-width: 640px){.ai-chat-bubble{bottom:1rem;right:1rem;left:1rem}.bubble-expanded{width:100%;height:70vh;max-height:500px}.chat-input{padding:.75rem}.input-field{font-size:16px}}@media (prefers-reduced-motion: reduce){.bubble-collapsed,.suggestion-chip,.send-btn{transition:none}.bubble-collapsed:hover,.send-btn:hover{transform:none}.notification-dot,.pulse-ring,.typing-indicator span{animation:none}}.add-task-btn{width:100%;background:transparent;color:var(--text-tertiary);border:1px dashed var(--border-light);border-radius:8px;padding:.5rem .75rem;font-size:.8125rem;font-weight:400;cursor:pointer;transition:all .2s ease;outline:none;text-align:left;margin-top:.25rem;min-height:38px;display:flex;align-items:center}.add-task-btn:hover{border-color:var(--border-light);background:transparent}.add-task-btn:hover .add-task-plus{background:#007aff;color:#fff}.add-task-btn:hover .add-task-text{color:#007aff}.add-task-btn:active{transform:scale(.98)}.add-task-plus{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;color:#007aff;font-weight:600;font-size:1rem;margin-right:.375rem;transition:all .2s ease}.add-task-text{color:var(--text-tertiary);transition:color .2s ease}[data-theme=light] .add-task-btn{border-color:#0000001a;color:#999}[data-theme=light] .add-task-btn:hover{border-color:#0000001a;background:transparent}[data-theme=light] .add-task-btn:hover .add-task-plus{background:#007aff;color:#fff}[data-theme=light] .add-task-btn:hover .add-task-text{color:#007aff}[data-theme=dark] .add-task-btn:hover .add-task-plus{background:#0a84ff;color:#fff}[data-theme=dark] .add-task-btn:hover .add-task-text{color:#0a84ff}.offline-banner{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;animation:slideDown .3s ease-out}.offline-content{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.offline-content svg{color:#ff9500;flex-shrink:0}.offline-badge{background:#ff9500;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner{background:#ff3b301a;border:1px solid rgba(255,59,48,.2);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;color:var(--accent-red);font-size:.875rem}.error-banner .close-btn{background:none;border:none;color:var(--accent-red);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;margin-left:1rem;opacity:.7;transition:opacity .2s ease}.error-banner .close-btn:hover{opacity:1}.loading-state{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;color:var(--text-tertiary);font-size:.875rem}.today-summary{margin:0 0 1rem;padding:0}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.search-section{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.search-container{flex:1;position:relative}.filter-dropdown-container{position:relative}.filter-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:1px solid rgba(128,128,128,.3);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--text-tertiary);background:var(--bg-secondary)}.filter-btn.has-filters{border-color:var(--primary-color);color:var(--primary-color)}.filter-count{background:var(--primary-color);color:#fff;padding:0 .3rem;border-radius:10px;font-size:.7rem;font-weight:600}.filter-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface-background);border:1.5px solid var(--border-medium);border-radius:6px;padding:.4rem;min-width:160px;box-shadow:0 4px 12px #00000026;z-index:100}.filter-group{margin-bottom:.4rem}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.25rem;font-weight:600}.filter-options{display:flex;gap:.25rem;flex-wrap:wrap}.filter-option{padding:.2rem .4rem;background:transparent;border:1px solid var(--border-color);border-radius:3px;font-size:.625rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;line-height:1.2}.filter-option:hover{background:var(--bg-secondary)}.filter-option.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-checkbox{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.65rem;color:var(--text-primary);line-height:1.2}.filter-checkbox input[type=checkbox]{cursor:pointer}.clear-filters-btn{width:100%;padding:.25rem;margin-top:.4rem;background:transparent;border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-size:.625rem;cursor:pointer;transition:all .2s ease;line-height:1.2}.clear-filters-btn:hover{background:var(--bg-secondary)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:.4rem 2rem .4rem 2.2rem;background:var(--surface-background);border:1px solid rgba(128,128,128,.3);border-radius:6px;font-size:.8125rem;color:var(--text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);background:var(--surface-background)}.search-clear{position:absolute;right:6px;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:1.1rem;line-height:1;cursor:pointer;transition:all .2s ease}.search-clear:hover{background:var(--bg-quaternary);color:var(--text-primary)}.summary-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.quick-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.quick-stats span{display:flex;align-items:center;gap:.375rem}.tasks-section{margin-bottom:1.5rem;padding:1rem;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-tertiary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.add-task-inline-btn{width:100%;background:transparent;color:var(--text-tertiary);border:1px dashed var(--border-light);border-radius:8px;padding:.5rem .75rem;font-size:.8125rem;font-weight:400;cursor:pointer;transition:all .2s ease;outline:none;text-align:left;margin-top:.25rem;min-height:38px;display:flex;align-items:center}.add-task-inline-btn:hover{border-color:var(--border-light);background:transparent}.add-task-inline-btn:hover .add-task-plus{background:#007aff;color:#fff}.add-task-inline-btn:hover .add-task-text{color:#007aff}.add-task-inline-btn:active{transform:scale(.98)}.task-list{display:flex;flex-direction:column;gap:.25rem}.task-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-light);transition:all .2s ease;position:relative;min-height:42px}.task-item:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium)}.task-item:hover .task-actions{opacity:1}.task-item.completed{opacity:.6}.task-item.completed .task-title{text-decoration:line-through}.task-checkbox{width:14px;height:14px;border:1.5px solid var(--border-medium);border-radius:3px;background:var(--bg-primary);cursor:pointer;flex-shrink:0;margin-top:.125rem;-webkit-appearance:none;appearance:none}.task-checkbox:checked{background:var(--primary-blue);border-color:var(--primary-blue);position:relative}.task-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700;line-height:1}.task-content{flex:1;min-width:0;cursor:grab;display:flex;flex-direction:column;gap:.375rem;align-items:flex-start}.task-content:active{cursor:grabbing}.task-item.completed .task-content{cursor:default}.task-title{font-weight:400;font-size:.8125rem;color:var(--text-primary);line-height:1.4;margin-bottom:.125rem}.task-metadata{display:flex;gap:.375rem;flex-wrap:wrap;align-items:baseline;position:relative;left:-.375rem}.metadata-badge{display:inline-flex;align-items:center;gap:.125rem;font-size:.6875rem;padding:.125rem .25rem .125rem .375rem;border-radius:4px;font-weight:500;white-space:nowrap;line-height:1.2}.priority-badge.priority-high{background:transparent;color:#dc2626;font-weight:500}.priority-badge.priority-medium{background:transparent;color:#374151;font-weight:400}.priority-badge.priority-low{background:transparent;color:#6b7280;font-weight:400}.time-badge{color:var(--text-secondary);background:var(--bg-quaternary)}.project-badge{color:#8b5cf6;background:#8b5cf61a}.tag-badge{color:var(--primary-blue);background:#3b82f61a}.date-badge{color:#666;background:transparent}.date-badge.today{color:#333;background:transparent;font-weight:500}.date-badge.overdue{color:#666;background:transparent}.task-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.task-meta{font-size:.75rem;color:var(--text-tertiary)}.task-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.task-action-btn{background:transparent;border:none;border-radius:4px;padding:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-tertiary)}.action-icon{width:18px;height:18px;stroke-width:2}.task-action-btn:hover{background:var(--bg-secondary);color:var(--text-secondary)}.task-action-btn.edit-btn:hover{background:var(--bg-secondary);color:#007aff}.task-action-btn.delete-btn:hover{background:var(--bg-secondary);color:#dc2626}.drag-handle{display:flex;align-items:center;justify-content:center;width:14px;height:16px;color:var(--text-quaternary);cursor:grab;opacity:.2;transition:opacity .2s ease;flex-shrink:0;margin-top:.125rem}.task-item:hover .drag-handle{opacity:1}.drag-handle:hover{color:var(--text-tertiary)}.drag-handle:active{cursor:grabbing}.task-item.dragging{transform:scale(1.02);box-shadow:0 10px 40px #0003;z-index:1000;background:var(--surface-background);cursor:grabbing}.task-item.completed .drag-handle{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-tertiary)}.empty-state svg{margin-bottom:1rem;color:var(--text-quaternary)}.empty-state p{font-size:.875rem;margin:0}.mb-4{margin-bottom:1rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}@media (max-width: 640px){.summary-header{flex-direction:column;align-items:stretch;gap:.75rem}.summary-header h2{font-size:1.375rem}.quick-stats{justify-content:space-between;font-size:.8125rem}.section-header{flex-direction:column;align-items:stretch;gap:1rem}.add-task-btn{align-self:flex-end;width:fit-content}.task-item{padding:.875rem}.task-meta-badges{flex-wrap:wrap;max-width:100%}}@media (max-width: 480px){.today-summary{margin-bottom:.75rem}.summary-header h2{font-size:1.25rem}.quick-stats{font-size:.75rem;gap:.25rem}.quick-stats span{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px}.search-section{margin-bottom:1rem}.search-input{font-size:16px;padding:.625rem 2.5rem}.filter-section{margin-bottom:1rem}.filter-toggle{font-size:.8125rem;padding:.5rem .75rem}.task-item{padding:.75rem;gap:.75rem}.task-content{gap:.5rem}.task-title{font-size:.875rem}.task-checkbox{width:18px;height:18px;min-width:44px;min-height:44px;position:relative}.task-checkbox:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:1.5px solid var(--border-medium);border-radius:4px;background:var(--bg-primary)}.drag-handle{display:none}.task-actions{gap:.25rem}.task-meta-badges{gap:.375rem;font-size:.6875rem}.meta-badge{padding:.125rem .375rem}.empty-state{padding:2rem 1rem}.empty-state svg{width:48px;height:48px}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:.875rem}}[data-theme=light] .offline-banner{background:linear-gradient(135deg,#ffc10714,#ff980014);border-color:#ffc10740}[data-theme=light] .offline-content{color:#666}[data-theme=light] .task-item{background:#fff;border-color:#0000001a}[data-theme=light] .task-item:hover{border-color:#00000026;box-shadow:0 2px 8px #00000014}[data-theme=light] .task-checkbox{background:#fff!important;border:2px solid #CCCCCC!important}[data-theme=light] .task-checkbox:checked{background:#007aff!important;border-color:#007aff!important}[data-theme=light] .task-title{color:#000!important}[data-theme=light] .task-item.completed .task-title{color:#666!important}[data-theme=light] .task-item.completed .task-metadata{color:#888!important}[data-theme=light] .tasks-section{border:1px solid rgba(0,0,0,.15);background:#fff;box-shadow:0 1px 3px #0000000d}.completed-section{margin-top:0;padding-top:2.5rem;border-top:1px solid var(--border-light)}.completed-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.completed-section h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0}.completed-count{font-size:.75rem;color:var(--text-tertiary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:12px}.completed-list .task-item{opacity:.7}.completed-list .task-item:hover{opacity:.85}[data-theme=light] .add-task-inline-btn{border-color:#0000001a;color:#999}[data-theme=light] .add-task-inline-btn:hover{border-color:#0000001a;background:transparent}[data-theme=light] .add-task-inline-btn:hover .add-task-plus{background:#007aff;color:#fff}[data-theme=light] .add-task-inline-btn:hover .add-task-text{color:#007aff}[data-theme=light] .task-action-btn{background:transparent;color:#999}[data-theme=light] .task-action-btn:hover{background:#f2f2f7;color:#666}[data-theme=light] .task-action-btn.edit-btn:hover{background:#f2f2f7;color:#007aff}[data-theme=light] .task-action-btn.delete-btn:hover{background:#f2f2f7;color:#dc2626}[data-theme=light] .drag-handle{color:#ccc}[data-theme=light] .drag-handle:hover{color:#999}[data-theme=dark] .priority-badge.priority-high{background:transparent;color:#ef4444;font-weight:500}[data-theme=dark] .priority-badge.priority-medium{background:transparent;color:#e5e7eb;font-weight:400}[data-theme=dark] .priority-badge.priority-low{background:transparent;color:#9ca3af;font-weight:400}[data-theme=dark] .date-badge{color:#d4d4d4}[data-theme=dark] .date-badge.today{color:#fff;font-weight:500}[data-theme=dark] .date-badge.overdue{color:#d4d4d4}[data-theme=light] .time-badge{color:#666;background:#0000000d}[data-theme=light] .project-badge{color:#7c3aed;background:#7c3aed1a}[data-theme=light] .tag-badge{color:#007aff;background:#007aff1a}[data-theme=light] .date-badge{color:#666;background:transparent}[data-theme=light] .date-badge.today{color:#333;background:transparent;font-weight:500}[data-theme=light] .date-badge.overdue{color:#666;background:transparent}.search-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.filter-container{position:relative;margin-left:auto}.filter-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--surface-background);border:1px solid rgba(128,128,128,.3);border-radius:6px;color:var(--text-primary);font-size:.7rem;cursor:pointer;transition:all .2s ease}.filter-button:hover{border-color:var(--primary-color);background:var(--surface-background)}.filter-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--surface-background);border:1px solid rgba(128,128,128,.3);border-radius:8px;padding:1rem;min-width:200px;box-shadow:0 4px 12px #00000026;z-index:1000}.filter-section{margin-bottom:1rem}.filter-section:last-child{margin-bottom:0}.filter-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0;transition:background-color .2s ease;border-radius:4px}.filter-option:hover{background:var(--background-tertiary);padding-left:.5rem;padding-right:.5rem}.filter-checkbox{margin:0;width:14px;height:14px}.filter-option-label{font-size:.65rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.filter-option-label.priority-high{background:transparent;color:#000;font-weight:600}.filter-option-label.priority-medium{background:transparent;color:#666;font-weight:500}.filter-option-label.priority-low{background:transparent;color:#999;font-weight:400}[data-theme=dark] .filter-option-label.priority-high{background:transparent;color:#fff;font-weight:600}[data-theme=dark] .filter-option-label.priority-medium{background:transparent;color:#e5e5e5;font-weight:500}[data-theme=dark] .filter-option-label.priority-low{background:transparent;color:#ccc;font-weight:400}.section-chevron{width:16px;height:16px;transition:transform .2s ease;flex-shrink:0;color:var(--text-secondary)}.section-chevron.expanded{transform:rotate(90deg)}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none}.section-header:hover .section-chevron{color:var(--text-primary)}.header-left{display:flex;align-items:center;gap:.5rem}.overdue-section{margin-bottom:2.5rem}.overdue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.overdue-icon{color:var(--color-overdue);flex-shrink:0}.overdue-header h3{color:var(--color-overdue);margin:0;font-size:1rem;font-weight:600}[data-theme=light] .overdue-header h3,[data-theme=light] .overdue-icon{color:#c2410c}[data-theme=light] .overdue-count{background:#c2410c1a;color:#c2410c}[data-theme=light] .overdue-stat{color:#c2410c}.overdue-count{background:#0000000d;color:#666;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.overdue-stat{color:var(--color-overdue);font-weight:600}.overdue-list .task-item,.overdue-task-item .task-item{border-left:3px solid var(--color-overdue);background:#fb923c05}.overdue-list .task-item:hover,.overdue-task-item .task-item:hover{background:#fb923c0a}.today-section{margin-bottom:2.5rem}.today-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.today-section .section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.task-count{background:var(--bg-secondary);color:var(--text-secondary);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}body.dark .overdue-header h3{color:#fff}body.dark .overdue-icon{color:#999}body.dark .overdue-count{background:#ffffff1a;color:#999}body.dark .overdue-stat{color:#ccc}body.dark .overdue-list .task-item,body.dark .overdue-task-item .task-item{border-left-color:#666;background:#ffffff05}body.dark .overdue-list .task-item:hover,body.dark .overdue-task-item .task-item:hover{background:#ffffff0d}.upcoming-overdue-section,.upcoming-tomorrow-section,.upcoming-week-section,.upcoming-later-section,.upcoming-no-date-section{margin-bottom:2.5rem}.upcoming-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light);cursor:pointer;-webkit-user-select:none;user-select:none}.upcoming-section-header:hover{opacity:.8}.upcoming-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.upcoming-chevron{width:16px;height:16px;transition:transform .2s ease;color:var(--text-secondary)}.upcoming-chevron.collapsed{transform:rotate(-90deg)}.upcoming-task-count{font-size:.875rem;color:var(--text-tertiary);font-weight:400}.upcoming-overdue-section .upcoming-section-title{color:#000;font-weight:600}.upcoming-overdue-section .upcoming-chevron{color:#666}.upcoming-overdue-section .upcoming-task-count{color:#666;background:#0000000d;padding:.125rem .5rem;border-radius:12px;font-size:.75rem}[data-theme=dark] .upcoming-overdue-section .upcoming-section-title{color:#fff;font-weight:600}[data-theme=dark] .upcoming-overdue-section .upcoming-chevron{color:#999}[data-theme=dark] .upcoming-overdue-section .upcoming-task-count{color:#999;background:#ffffff1a}.upcoming-tomorrow-section .upcoming-section-title{color:var(--text-primary);font-weight:500}.upcoming-empty-section{padding:2rem;text-align:center;color:var(--text-tertiary);font-style:italic;font-size:.875rem;background:var(--bg-quaternary);border-radius:8px;margin-bottom:1rem}.upcoming-controls{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.upcoming-search{flex:1;position:relative}.upcoming-search-input{width:100%;padding:.4rem 2rem .4rem 2.2rem;background:var(--surface-background);border:1px solid rgba(128,128,128,.3);border-radius:6px;font-size:.8125rem;color:var(--text-primary);transition:all .2s ease}.upcoming-search-input:focus{outline:none;border-color:var(--primary-color);background:var(--surface-background)}.upcoming-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-secondary);pointer-events:none}.upcoming-filter-button{padding:.4rem .75rem;border:1px solid rgba(128,128,128,.3);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease;position:relative}.upcoming-filter-button:hover{border-color:var(--text-tertiary);background:var(--bg-secondary)}.upcoming-filter-button.active{border-color:var(--primary-color);color:var(--primary-color)}.upcoming-filter-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface-background);border:1.5px solid var(--border-medium);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:160px;padding:.4rem}.upcoming-filter-option{display:flex;align-items:center;gap:.3rem;padding:.25rem .4rem;border-radius:3px;cursor:pointer;transition:background .2s ease}.upcoming-filter-option:hover{background:var(--bg-quaternary)}.upcoming-filter-checkbox{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--border-medium);background:var(--bg-primary);cursor:pointer}.upcoming-filter-checkbox:checked{background:var(--primary-blue);border-color:var(--primary-blue)}.upcoming-filter-label{font-size:.65rem;color:var(--text-primary);-webkit-user-select:none;user-select:none;line-height:1.2}.upcoming-filter-label.priority-high{color:#000;font-weight:600}.upcoming-filter-label.priority-medium{color:#666;font-weight:500}.upcoming-filter-label.priority-low{color:#999;font-weight:400}[data-theme=dark] .upcoming-filter-label.priority-high{color:#fff;font-weight:600}[data-theme=dark] .upcoming-filter-label.priority-medium{color:#e5e5e5;font-weight:500}[data-theme=dark] .upcoming-filter-label.priority-low{color:#ccc;font-weight:400}.upcoming-next-seven-days{margin-bottom:2.5rem}.upcoming-days-list{margin-top:1rem}.upcoming-day-section{margin-bottom:1.5rem;padding:1rem;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-tertiary)}.upcoming-day-section:last-child{margin-bottom:0}.upcoming-day-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0}.upcoming-day-number{font-size:.9375rem;font-weight:600;color:var(--text-primary);min-width:1.5rem}.upcoming-day-name{font-size:.9375rem;color:var(--text-secondary);font-weight:400}.upcoming-day-tasks{margin-left:2.5rem;position:relative;min-height:50px;padding:.25rem 0;border-radius:8px;border:2px solid transparent;transition:border-color .2s ease}.upcoming-day-tasks:hover{border-color:var(--border-light);background-color:var(--bg-hover)}.upcoming-day-tasks.drag-over{border-color:var(--accent-primary);background-color:var(--bg-active)}.upcoming-day-empty{margin-left:2.5rem;padding:1rem;color:var(--text-tertiary);font-style:italic;font-size:.875rem}[data-theme=light] .upcoming-day-number,[data-theme=light] .upcoming-day-name{color:#000}[data-theme=light] .upcoming-day-section{border:.5px solid #666666;background:#f5f5f5}[data-theme=dark] .upcoming-day-number{color:#fff}[data-theme=dark] .upcoming-day-name{color:#999}.upcoming-month-section{margin-bottom:2.5rem}.upcoming-month-summary{padding:1rem;background:var(--bg-quaternary);border-radius:8px;border:1px solid var(--border-light)}.upcoming-summary-text{margin:0;color:var(--text-secondary);font-size:.875rem}.upcoming-future-section{margin-bottom:2.5rem}.upcoming-months-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.upcoming-month-card{padding:1rem;background:var(--bg-quaternary);border-radius:8px;border:1px solid var(--border-light);text-align:center;transition:all .2s ease}.upcoming-month-card:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.upcoming-month-name{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.upcoming-month-count{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.upcoming-summary{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.upcoming-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.upcoming-summary-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.upcoming-summary-stats{display:flex;gap:2rem;flex-wrap:wrap}.upcoming-stat{display:flex;flex-direction:column;align-items:center}.upcoming-stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.upcoming-stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;margin-top:.25rem}@media (max-width: 768px){.upcoming-controls{flex-direction:column;gap:.75rem}.upcoming-search{width:100%}.upcoming-filter-button{width:100%;justify-content:center}.upcoming-filter-dropdown{left:0;right:0;width:100%}.upcoming-summary-header{flex-direction:column;align-items:flex-start;gap:1rem}.upcoming-week-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 480px){.upcoming-summary{padding:1rem}.upcoming-summary-stats{gap:1rem}.upcoming-stat-value{font-size:1.25rem}.upcoming-week-grid{grid-template-columns:1fr 1fr}}[data-theme=light] .upcoming-search-input{background:#fff;color:#000;border-color:#00000026}[data-theme=light] .upcoming-filter-button{background:#fff;border-color:#00000026}[data-theme=light] .upcoming-summary{background:#fff;border-color:#0000001a}[data-theme=light] .upcoming-day-card{background:#00000005;border-color:#0000001a}[data-theme=light] .upcoming-day-card:hover{background:#0000000a;border-color:#00000026}.journal-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.journal-modal{background:var(--bg-primary);border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d;animation:modal-appear .2s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.journal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-light)}.journal-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.journal-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.journal-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.journal-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.form-field{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-label.required:after{content:" *";color:#dc2626}.form-input,.form-select{width:100%;padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:all .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--border-focus);background:var(--bg-primary)}.form-input.error{border-color:#dc2626}.form-input::placeholder{color:var(--text-tertiary)}.form-error{display:block;font-size:.75rem;color:#dc2626;margin-top:.375rem}.form-hint{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:.375rem}.form-submit-error{padding:.75rem;background:#dc26261a;border:1px solid #DC2626;border-radius:6px;color:#dc2626;font-size:.875rem;margin-top:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.journal-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-medium)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-primary{background:var(--border-focus);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.keyboard-hints{padding:.75rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-light);font-size:.75rem;color:var(--text-tertiary);text-align:center}.keyboard-hints kbd{display:inline-block;padding:.125rem .375rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.6875rem;color:var(--text-primary);margin:0 .125rem}@media (max-width: 768px){.journal-modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.journal-modal-body,.journal-modal-header,.journal-modal-footer{padding:1rem}.keyboard-hints{display:none}}.quant-trades-container{display:flex;flex-direction:column;height:calc(100vh - 120px);background:var(--bg-primary)}.quant-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-light);background:var(--bg-primary);padding:0 2rem;position:sticky;top:0;z-index:10}.quant-tab{padding:.875rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;position:relative;transition:color .15s ease;border-bottom:2px solid transparent}.quant-tab:hover{color:var(--text-primary)}.quant-tab.active{color:var(--text-primary);border-bottom-color:var(--border-focus)}.quant-tab-content{flex:1;overflow:hidden}.tab-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.empty-state{text-align:center;color:var(--text-secondary)}.empty-state svg{color:var(--text-tertiary);margin-bottom:1rem}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{font-size:.875rem;color:var(--primary-blue);opacity:.6}.journal-tab{display:flex;height:100%;overflow:hidden}.journal-sidebar{width:320px;border-right:1px solid var(--border-light);display:flex;flex-direction:column;background:var(--bg-secondary)}.journal-sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.journal-sidebar-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.btn-new-entry{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-new-entry:hover{background:var(--bg-secondary);border-color:var(--border-focus)}.btn-new-entry svg{width:14px;height:14px}.journal-search{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);position:relative}.search-icon{position:absolute;left:1.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:.8125rem;transition:border-color .15s ease}.search-input:focus{outline:none;border-color:var(--border-focus)}.search-input::placeholder{color:var(--text-tertiary)}.journal-filter{padding:.75rem 1rem;border-bottom:1px solid var(--border-light)}.tag-filter-select{width:100%;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:.8125rem;cursor:pointer}.tag-filter-select:focus{outline:none;border-color:var(--border-focus)}.journal-entries-list{flex:1;overflow-y:auto;padding:.5rem}.no-entries{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.journal-entry-item{padding:.875rem;margin-bottom:.5rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .15s ease}.journal-entry-item:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.journal-entry-item.active{background:var(--bg-secondary);border-color:var(--border-focus)}.journal-entry-item.draft{opacity:.7}.entry-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.entry-date{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.draft-badge{font-size:.6875rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.entry-item-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-item-meta{display:flex;gap:.375rem;flex-wrap:wrap}.ticker-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:var(--border-focus);color:#fff;font-size:.6875rem;font-weight:700;border-radius:4px;letter-spacing:.05em}.tag-pill{display:inline-flex;align-items:center;padding:.125rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.6875rem;font-weight:500;border-radius:4px}.journal-content{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:var(--bg-primary)}.no-entry-selected{text-align:center;color:var(--text-secondary)}.no-entry-selected svg{color:var(--text-tertiary);margin-bottom:1rem}.no-entry-selected p{font-size:.875rem}.entry-viewer{width:100%;max-width:800px;padding:2rem;height:100%;overflow-y:auto}.entry-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.entry-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.entry-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.entry-metadata{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.entry-date-full{color:var(--text-tertiary);font-weight:500}.metadata-separator{color:var(--border-medium)}.ticker-badge-large{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--border-focus);color:#fff;font-size:.75rem;font-weight:700;border-radius:4px;letter-spacing:.05em}.entry-type{color:var(--text-tertiary);font-weight:500;text-transform:capitalize}.entry-actions{display:flex;gap:.5rem}.btn-edit{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-edit:hover{background:var(--bg-tertiary);border-color:var(--border-focus)}.btn-delete{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-delete:hover{background:#dc26261a;border-color:#dc2626;color:#dc2626}.entry-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag-pill-large{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:500;border-radius:6px;border:1px solid var(--border-light)}.entry-body{font-size:.9375rem;line-height:1.7;color:var(--text-primary)}.entry-content h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-primary)}.entry-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary)}.entry-content p{margin-bottom:1rem}.entry-content ul,.entry-content ol{margin-bottom:1rem;padding-left:1.5rem}.entry-content li{margin-bottom:.5rem}.entry-content code{font-family:Monaco,Courier New,monospace;font-size:.875em;background:var(--bg-secondary);padding:.125rem .375rem;border-radius:3px;border:1px solid var(--border-light)}.entry-content pre{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;padding:1rem;overflow-x:auto;margin:1rem 0}.entry-content pre code{background:none;border:none;padding:0}.entry-content blockquote{border-left:3px solid var(--border-focus);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);font-style:italic}.entry-content strong{font-weight:600;color:var(--text-primary)}.editor-placeholder{padding:2rem;background:var(--bg-secondary);border:2px dashed var(--border-medium);border-radius:8px;text-align:center}.btn-primary{padding:.5rem 1rem;background:var(--border-focus);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s ease}.btn-primary:hover{opacity:.9}.mobile-back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--border-focus);font-size:.9375rem;font-weight:500;cursor:pointer;margin-bottom:1rem;transition:background-color .15s ease;border-radius:6px;min-height:44px}.mobile-back-button:hover{background:var(--bg-secondary)}.mobile-back-button svg{width:20px;height:20px}@media (max-width: 768px){.journal-tab{flex-direction:column}.journal-sidebar{width:100%;height:100%;border-right:none;max-height:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.journal-content{width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.entry-viewer{padding:1.5rem 1rem;padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.entry-title{font-size:1.5rem}.quant-tabs{padding:0 1rem;overflow-x:auto;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));z-index:1}.quant-tab{padding:.75rem 1rem;font-size:.8125rem}.journal-entry-item{padding:1rem;margin-bottom:.625rem;min-height:44px}.btn-new-entry,.btn-edit{min-height:44px;padding:.625rem 1rem}}@media (max-width: 480px){.entry-title,.entry-content h2{font-size:1.25rem}.entry-content h3{font-size:1.125rem}.entry-header-top{flex-direction:column;gap:1rem}.entry-actions{width:100%}.btn-edit{flex:1;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}@keyframes spin{to{transform:rotate(360deg)}}