*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}:root,[data-theme=light],.light-mode{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--primary-bg:var(--primary-bg);--secondary:#64748b;--success:#10b981;--success-bg:var(--success-bg);--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:var(--danger-bg);--info:#3b82f6;--info-bg:#3b82f61a;--background:#f8fafc;--background-base:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--surface-elevated:#fff;--surface-muted:#f1f5f9;--border:#e2e8f0;--border-light:#f1f5f9;--border-focus:#6366f1;--divider:#e2e8f0;--text:#1e293b;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--hover:#0000000d;--overlay:var(--overlay);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-focus:0 0 0 3px var(--primary-bg);--shadow-accent:0 4px 12px #6366f14d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius:8px;--transition:all .2s ease;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base:16px;--sidebar-font-family:var(--font-family);--sidebar-font-size:16px;--input-bg:#fff;--input-border:#e2e8f0;--input-border-focus:#6366f1;--input-placeholder:#94a3b8;--modal-bg:#fff;--dropdown-bg:#fff;--scrollbar-bg:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--code-bg:#f1f5f9;--sidebar-width-rail:60px;--glass-bg:#ffffffb8;--glass-blur:20px;--glass-border:#ffffff38;--glass-glow:#6366f11f;--gradient-primary:linear-gradient(135deg, var(--primary) 0%, #a855f7 50%, #ec4899 100%);--gradient-surface:linear-gradient(180deg, var(--surface) 0%, var(--background) 100%);--shadow-glow:0 0 20px var(--glass-glow);--shadow-card:0 2px 8px #0000000a, 0 1px 2px #0000000f;--shadow-card-hover:0 8px 24px #00000014, 0 2px 8px #0000000a;--spring-bounce:cubic-bezier(.34, 1.56, .64, 1);--spring-smooth:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--radius-pill:999px;--radius-xl:20px;--g-arrow-color:var(--text-muted);--g-bar-color:var(--primary);--g-bar-border:var(--primary);--g-tick-color-thick:var(--border);--g-tick-color:var(--border);--g-actions-background:var(--surface-muted);--g-border-color:var(--border);--g-text-muted:var(--text-muted);--g-text-light:#fff;--g-text-dark:var(--text-primary);--g-progress-color:var(--primary);--g-handle-color:var(--text-secondary);--g-weekend-label-color:var(--surface-muted);--g-expected-progress:var(--primary-bg);--g-header-background:var(--surface);--g-row-color:var(--surface);--g-row-border-color:var(--border);--g-today-highlight:var(--primary);--g-popup-actions:var(--surface-muted);--g-weekend-highlight-color:var(--surface-muted);--list-bg-blue:#3b82f626;--list-bg-purple:#9333ea26;--list-bg-green:#22c55e26;--list-bg-amber:#f59e0b26;--list-bg-rose:#f43f5e26;--list-bg-slate:#64748b1f;--list-bg-cyan:#06b6d426;--list-bg-orange:#f9731626;--list-bg-teal:#14b8a626;--list-bg-indigo:#6366f126;--list-bg-pink:#ec489926;--list-bg-lime:#84cc1626;--list-pattern-color:#0000000a}[data-theme=dark],.dark-mode{--primary:#818cf8;--primary-dark:#6366f1;--primary-light:#a5b4fc;--primary-bg:#818cf826;--secondary:#94a3b8;--success:#34d399;--success-bg:#34d39926;--warning:#fbbf24;--warning-bg:#fbbf2426;--danger:#f87171;--danger-bg:#f8717126;--info:#60a5fa;--info-bg:#60a5fa26;--background:#0f172a;--background-base:#0f172a;--surface:#1e293b;--surface-hover:#334155;--surface-elevated:#334155;--surface-muted:#1e293b;--border:#334155;--border-light:#1e293b;--border-focus:#818cf8;--divider:#334155;--text:#f1f5f9;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#1e293b;--hover:#ffffff1a;--overlay:#000000b3;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-focus:0 0 0 3px #818cf833;--shadow-accent:0 4px 12px #818cf866;--input-bg:#1e293b;--input-border:#475569;--input-border-focus:#818cf8;--input-placeholder:#64748b;--modal-bg:#1e293b;--dropdown-bg:#1e293b;--scrollbar-bg:#1e293b;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b;--code-bg:#0f172a;--glass-bg:#0f172ac7;--glass-blur:20px;--glass-border:#ffffff14;--glass-glow:#818cf82e;--gradient-primary:linear-gradient(135deg, var(--primary) 0%, #a78bfa 50%, #f472b6 100%);--gradient-surface:linear-gradient(180deg, var(--surface) 0%, var(--background) 100%);--shadow-glow:0 0 24px var(--glass-glow);--shadow-card:0 2px 8px #0003, 0 1px 2px #00000026;--shadow-card-hover:0 8px 24px #0000004d, 0 2px 8px #0003;--spring-bounce:cubic-bezier(.34, 1.56, .64, 1);--spring-smooth:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--radius-pill:999px;--radius-xl:20px;--g-arrow-color:var(--text-muted);--g-bar-color:var(--primary);--g-bar-border:var(--primary);--g-tick-color-thick:var(--border);--g-tick-color:var(--border);--g-actions-background:var(--surface-muted);--g-border-color:var(--border);--g-text-muted:var(--text-muted);--g-text-light:#fff;--g-text-dark:var(--text-primary);--g-progress-color:var(--primary);--g-handle-color:var(--text-secondary);--g-weekend-label-color:var(--surface-muted);--g-expected-progress:var(--primary-bg);--g-header-background:var(--surface);--g-row-color:var(--surface);--g-row-border-color:var(--border);--g-today-highlight:var(--primary);--g-popup-actions:var(--surface-muted);--g-weekend-highlight-color:var(--surface-muted);--list-bg-blue:#3b82f633;--list-bg-purple:#9333ea33;--list-bg-green:#22c55e33;--list-bg-amber:#f59e0b33;--list-bg-rose:#f43f5e33;--list-bg-slate:#64748b2e;--list-bg-cyan:#06b6d433;--list-bg-orange:#f9731633;--list-bg-teal:#14b8a633;--list-bg-indigo:#6366f133;--list-bg-pink:#ec489933;--list-bg-lime:#84cc1633;--list-pattern-color:#ffffff0d}body{transition:background-color .3s,color .3s}.sidebar,.tasks-panel,header,.modal,.modal-overlay,input,textarea,select,button{transition:background-color .3s,border-color .3s,color .3s}body{font-family:var(--font-family);font-size:var(--font-size-base)}:focus-visible{outline:2px solid var(--primary,#6366f1);outline-offset:2px}.auth-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-page h1{color:#fff;text-shadow:0 2px 4px #0000001a;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.auth-logo{filter:drop-shadow(0 2px 4px #0000001a);height:60px;margin-bottom:1.5rem}.auth-page form{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:400px;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 16px #0000001a}.auth-page form.auth-form-register{max-width:520px}.auth-form-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.auth-header-logo{flex-shrink:0}.auth-header-home,.auth-header-theme{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.auth-header-home:hover,.auth-header-theme:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-muted)}.auth-form-body{flex-direction:column;gap:.875rem;padding:2rem 2rem 1.75rem;display:flex}.auth-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.375rem;font-weight:700}.auth-page form.auth-form-register .auth-name-row{gap:.75rem}.auth-page form.auth-form-register .auth-name-row input{min-width:0}@media (width<=500px){.auth-page form.auth-form-register{max-width:100%}.auth-page form.auth-form-register .auth-name-row{grid-template-columns:1fr;gap:.875rem}.auth-form-header{padding:1rem 1.25rem}.auth-form-body{padding:1.5rem 1.25rem 1.25rem}}.auth-field{flex-direction:column;gap:.25rem;display:flex}.auth-field-error{color:var(--danger);padding-left:.25rem;font-size:.75rem}.auth-page input{border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:var(--surface);transition:var(--transition);padding:.75rem .875rem;font-size:.9375rem}.auth-page input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.auth-page input.auth-input-error{border-color:var(--danger)}.auth-page input.auth-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.auth-page input::placeholder{color:var(--text-muted)}.auth-page button{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:.75rem;font-size:.9375rem;font-weight:600}.auth-page button[type=submit]{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark,var(--primary)) 100%);color:#fff;margin-top:.25rem}.auth-page button[type=submit]:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-page button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.auth-page button[type=button]{color:var(--text-secondary);background:0 0}.auth-page button[type=button]:hover{color:var(--primary)}.auth-page .error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);border-left:3px solid var(--danger);margin:0;padding:.625rem .75rem;font-size:.8125rem}.auth-switch{text-align:center;color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.terms-section{text-align:left;margin:1rem 0}.terms-disclaimer{background:var(--warning-bg,#fbbf241a);border:1px solid var(--warning,#f59e0b);border-radius:var(--radius-sm);color:var(--text);margin-bottom:1rem;padding:1rem;font-size:.8125rem;line-height:1.5}.terms-disclaimer strong{color:var(--warning,#f59e0b)}.terms-disclaimer p{margin:.5rem 0}.terms-disclaimer ul{margin:.75rem 0;padding-left:1.25rem}.terms-disclaimer li{color:var(--text-secondary);margin:.375rem 0}.terms-disclaimer li strong{color:var(--text)}.terms-checkbox{cursor:pointer;color:var(--text);align-items:flex-start;gap:.75rem;font-size:.875rem;display:flex}.terms-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin:2px 0 0}.terms-checkbox span{line-height:1.4}.auth-page-dark{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.auth-back-link-light{color:#fffc}.auth-back-link-light:hover{color:#fff}.auth-logo-large{height:80px;margin-bottom:2rem}.register-legal-container{text-align:center;width:100%;max-width:600px}.register-legal-title{color:#fff;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.register-legal-subtitle{color:#ffffffb3;margin:0 0 2rem;font-size:1rem}.register-legal-content{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=600px){.register-legal-content{grid-template-columns:1fr}}.register-legal-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem;transition:all .2s}.register-legal-section:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.register-legal-icon{color:#fbbf24;background:linear-gradient(135deg,#fbbf2433 0%,#f59e0b33 100%);border-radius:10px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;font-size:1rem;display:flex}.register-legal-section h3{color:#fff;margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.register-legal-section p{color:#ffffffb3;margin:0;font-size:.8125rem;line-height:1.5}.register-legal-link{color:#93c5fd;text-underline-offset:2px;font-weight:500;text-decoration:underline;transition:color .2s}.register-legal-link:hover{color:#bfdbfe}.register-legal-agreement{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem}.register-legal-agreement p{color:#ffffffe6;margin:0;font-size:.875rem;line-height:1.5}.register-legal-agreement-link{color:#fbbf24;text-underline-offset:2px;font-weight:600;text-decoration:underline;transition:color .2s}.register-legal-agreement-link:hover{color:#fcd34d}.register-agree-btn{color:#1a1a2e;letter-spacing:.01em;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;width:100%;max-width:320px;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000026}.register-agree-btn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.register-agree-btn:active{transform:translateY(0);box-shadow:0 1px 4px #00000026}.register-agree-btn i{font-size:.875rem}.auth-switch-light{color:#ffffffb3;margin-top:1.5rem}.auth-switch-light a{color:#fff;font-weight:600}.auth-switch-light a:hover{text-decoration:underline}.auth-name-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-back-to-terms{align-items:center;gap:.25rem;display:inline-flex;color:var(--text-secondary)!important;background:0 0!important;padding:0!important;font-size:.875rem!important;font-weight:500!important}.auth-back-to-terms:hover{color:var(--primary)!important}.auth-switch-divider{color:var(--border);margin:0 .75rem}.setup-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.setup-loading i{color:var(--primary);font-size:2rem}.setup-description{color:var(--text-secondary);text-align:center;margin-bottom:1.5rem;font-size:.9375rem}.setup-complete{text-align:center;max-width:400px;padding:2rem}.setup-complete-icon{color:var(--success);margin-bottom:1rem;font-size:4rem}.setup-complete h2{color:var(--text);margin:0 0 .5rem;font-size:1.5rem}.setup-complete>p{color:var(--text-secondary);margin:0 0 1.5rem}.setup-recommendation{background:var(--warning-bg,#fbbf241a);border:1px solid var(--warning,#f59e0b);border-radius:var(--radius-sm);text-align:left;color:var(--text);align-items:flex-start;gap:.75rem;margin:1.5rem 0;padding:1rem;font-size:.875rem;display:flex}.setup-recommendation i{color:var(--warning,#f59e0b);flex-shrink:0;margin-top:2px;font-size:1.25rem}.setup-btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.setup-btn-primary:hover{background:var(--primary-hover)}.setup-btn-secondary{width:100%;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-top:.75rem;padding:.875rem 1.5rem;font-size:1rem;transition:all .2s}.setup-btn-secondary:hover{background:var(--surface-hover);color:var(--text)}.dashboard{background:var(--content-bg,var(--background));flex-direction:column;min-height:100vh;display:flex}.dashboard header{background:var(--glass-bg,#ffffffb8);-webkit-backdrop-filter:blur(var(--glass-blur,20px));color:var(--navbar-text,var(--text-primary));border-bottom:1px solid var(--glass-border,#ffffff38);z-index:100;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.dashboard header h1{background:linear-gradient(135deg, var(--primary) 0%, #a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.header-logo-link{align-items:center;display:flex}.header-logo{height:44px}.header-actions{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);align-items:center;gap:.375rem;padding:.25rem .375rem;display:flex}.header-actions span{color:var(--text-secondary);font-size:.875rem}.header-actions button:not(.user-menu-trigger){cursor:pointer;color:var(--text-secondary);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:.5rem;font-weight:500;display:flex}.header-actions button:not(.user-menu-trigger):hover{background:var(--surface,#fff);color:var(--primary);box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.bell-btn{width:40px;height:40px;transition:var(--transition);justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:relative;border-radius:50%!important;padding:.5rem!important}.bell-btn.active{background:var(--primary)!important;color:#fff!important}.bell-btn .badge{background:linear-gradient(135deg, var(--danger) 0%, #f472b6 100%);color:#fff;border-radius:var(--radius-pill,999px);border:2px solid var(--surface);justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 0 8px #ef444466}.global-search-container{flex:1;max-width:500px;margin:0 2rem;position:relative}.global-search{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);align-items:center;padding:0 1rem;display:flex}.global-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg), var(--shadow-glow,0 0 16px #6366f11a);background:var(--surface)}.global-search .search-icon{color:var(--text-muted);font-size:.875rem}.global-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.75rem;font-size:.9375rem}.global-search input::placeholder{color:var(--text-muted)}.search-smart-parse{color:var(--text-muted);cursor:pointer;transition:var(--transition);opacity:.5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;font-size:.875rem;display:flex}.search-smart-parse:hover{color:var(--primary);background:var(--surface-hover);opacity:1}.search-clear{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;font-size:.875rem;display:flex}.search-clear:hover{color:var(--text-primary);background:var(--surface-hover)}.search-results-dropdown{background:var(--glass-bg,#ffffffe6);-webkit-backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-xl,20px);box-shadow:0 16px 48px #0000001f, var(--shadow-glow,0 0 16px #6366f10f);z-index:1000;max-height:400px;animation:lgFadeInUp .2s var(--spring-smooth,ease);margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-results-section{padding:.5rem 0}.search-results-section:not(:last-child){border-bottom:1px solid var(--border)}.search-results-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex}.search-result-item{cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.search-result-item:hover{background:var(--surface-hover)}.search-result-item .result-icon{color:var(--text-muted);text-align:center;width:20px;font-size:1rem}.search-result-item .result-icon.completed{color:var(--success)}.search-result-item .result-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.search-result-item .result-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;overflow:hidden}.search-result-item .result-title.completed{color:var(--text-muted);text-decoration:line-through}.search-result-item .result-list{color:var(--text-muted);font-size:.75rem}.search-result-item .result-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.search-result-item .result-title.archived{color:var(--text-muted);font-style:italic}.search-result-item .result-icon.pinned{color:var(--warning)}.search-no-results{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.search-no-results i{opacity:.5;font-size:1.5rem}.main-content{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--glass-bg,#fff9);width:320px;min-width:200px;max-width:500px;-webkit-backdrop-filter:blur(var(--glass-blur,20px));color:var(--sidebar-text,var(--text-primary));border-right:1px solid var(--glass-border,#ffffff26);resize:horizontal;transition:transform .3s var(--spring-smooth,ease), opacity .3s ease, width .25s ease;font-family:var(--sidebar-font-family);font-size:var(--sidebar-font-size);flex-direction:column;padding:1.25rem;display:flex;overflow:auto}.sidebar.collapsed{width:var(--sidebar-width-rail);min-width:var(--sidebar-width-rail);max-width:var(--sidebar-width-rail);resize:none;padding:.75rem 0;overflow:visible}.sidebar.collapsed .sidebar-global-actions,.sidebar.collapsed .sidebar-section-controls .sidebar-toggle-all,.sidebar.collapsed .sidebar-section-controls .sidebar-reorder-toggle,.sidebar.collapsed .sidebar-section-controls .sidebar-reset-order{display:none}.sidebar.collapsed .sidebar-section-controls{justify-content:center;padding:.25rem 0}.sidebar.collapsed .sidebar-section-header span,.sidebar.collapsed .sidebar-section-header .section-chevron,.sidebar.collapsed .sidebar-section-header .view-count-badge,.sidebar.collapsed .sidebar-section-add-btn,.sidebar.collapsed .view-nav,.sidebar.collapsed .view-list,.sidebar.collapsed .list-nav,.sidebar.collapsed .favorites-list,.sidebar.collapsed .sidebar-favorites-empty,.sidebar.collapsed .sidebar-smart-views-empty,.sidebar.collapsed .sidebar-smart-views-add,.sidebar.collapsed .sidebar-list-filter,.sidebar.collapsed .sidebar-list-tags,.sidebar.collapsed .manage-tags-btn,.sidebar.collapsed .tag-search-container{display:none}.sidebar.collapsed .sidebar-section-header{justify-content:center;padding:.625rem 0;position:relative}.sidebar.collapsed .sidebar-section-header i:not(.section-chevron){opacity:1;font-size:1rem}.sidebar.collapsed .sidebar-section-header-wrapper{justify-content:center}.sidebar.collapsed .sidebar-section-header-wrapper .sidebar-section-header{flex:unset;width:100%}.sidebar.collapsed .sidebar-section-header:after{content:attr(data-label);background:var(--glass-bg,#ffffffd9);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-md);text-transform:none;letter-spacing:normal;white-space:nowrap;box-shadow:var(--shadow-card,0 2px 8px #00000014);z-index:1000;opacity:0;pointer-events:none;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.sidebar.collapsed .sidebar-section-header:hover:after{opacity:1}.sidebar.collapsed .sidebar-views:hover .view-nav,.sidebar.collapsed .sidebar-favorites:hover .favorites-list,.sidebar.collapsed .sidebar-smart-views:hover .view-list,.sidebar.collapsed .sidebar-lists:hover .list-nav,.sidebar.collapsed .sidebar-lists:hover .view-list,.sidebar.collapsed .sidebar-notes:hover .view-list,.sidebar.collapsed .sidebar-projects:hover .view-list,.sidebar.collapsed .sidebar-metrics:hover .view-list,.sidebar.collapsed .sidebar-habits:hover .view-list,.sidebar.collapsed .sidebar-journal:hover .view-list,.sidebar.collapsed .sidebar-countdowns:hover .view-list,.sidebar.collapsed .sidebar-goals:hover .view-list,.sidebar.collapsed .sidebar-tags:hover .view-list{left:var(--sidebar-width-rail);background:var(--glass-bg,#ffffffd9);width:240px;max-height:60vh;-webkit-backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover,0 8px 24px #0000001f);z-index:1001;animation:fadeSlideRight .15s var(--spring-smooth,ease);padding:.5rem 0;display:block;position:fixed;top:auto;overflow-y:auto}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sidebar-collapse-rail-btn{width:28px;height:28px;color:var(--text-secondary,var(--text-muted));font-size:calc(var(--sidebar-font-size) * .625);cursor:pointer;box-shadow:none;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:all .15s;display:flex}.sidebar-collapse-rail-btn:hover{background-color:var(--surface,#fff);color:var(--text-primary);box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.sidebar-collapse-rail-btn:active{transform:translateY(.5px);box-shadow:0 .5px 1px #0000000a}.sidebar.collapsed .sidebar-collapse-rail-btn{margin:0 auto}.sidebar-global-actions{gap:.5rem;margin-bottom:1rem;display:flex}.split-create-btn{flex:1;display:flex;position:relative}.split-create-btn__main{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border-radius:var(--radius-pill,999px) 0 0 var(--radius-pill,999px);font-size:calc(var(--sidebar-font-size) * .875);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:500;display:flex}.split-create-btn__main:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow,0 0 16px #6366f133), 0 2px 8px #8b5cf659;transform:translateY(-1px)}.split-create-btn__main:active{transform:scale(.98)translateY(0)}.split-create-btn__main i{font-size:calc(var(--sidebar-font-size) * .75)}.split-create-btn__toggle{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border-radius:0 var(--radius-pill,999px) var(--radius-pill,999px) 0;width:36px;font-size:calc(var(--sidebar-font-size) * .625);cursor:pointer;border:none;border-left:1px solid #ffffff40;justify-content:center;align-items:center;padding:0;transition:filter .2s;display:flex}.split-create-btn__toggle:hover{filter:brightness(1.15)}.split-create-menu{background:var(--glass-bg,#ffffffd9);-webkit-backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover,0 8px 24px #0000001f);z-index:100;animation:fadeSlideDown .15s var(--spring-smooth,ease);grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem;display:grid;position:absolute;top:calc(100% + .375rem);left:0;right:0}.split-create-menu button{border-radius:var(--radius-md,.5rem);width:100%;color:var(--text-primary);font-size:calc(var(--sidebar-font-size) * .6875);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .25rem;font-weight:500;transition:background .15s,transform .15s;display:flex}.split-create-menu button:hover{background:var(--surface-hover);transform:translateY(-2px)}.split-create-menu button:hover i{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #6366f159}.split-create-menu button i{background:var(--primary-alpha,color-mix(in srgb, var(--primary) 12%, transparent));width:3rem;height:3rem;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;transition:background .15s,color .15s,box-shadow .15s,transform .15s;display:flex}.split-create-menu-divider{border:none;border-top:1px solid var(--border);margin:4px 8px}.split-create-kbd{font-size:calc(var(--sidebar-font-size) * .65);color:var(--text-muted);background:var(--background);border:1px solid var(--border);border-radius:3px;margin-left:auto;padding:2px 5px;font-family:inherit}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.global-voice-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:calc(var(--sidebar-font-size) * .875);cursor:pointer;justify-content:center;align-items:center;padding:.625rem .875rem;transition:background-color .2s,color .2s,border-color .2s;display:flex}.global-voice-btn:hover{background:var(--hover);color:var(--primary);border-color:var(--primary)}.mobile-menu-btn{font-size:calc(var(--sidebar-font-size) * 1.25);color:var(--text);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.5rem;transition:background-color .2s;display:none}.mobile-menu-btn:hover{background-color:var(--hover)}.sidebar-overlay{background:var(--overlay);z-index:998;animation:.3s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width>=769px) and (width<=1024px){.sidebar{width:var(--sidebar-width-rail);min-width:var(--sidebar-width-rail);max-width:var(--sidebar-width-rail);resize:none;padding:.75rem 0;overflow:visible}.sidebar .sidebar-global-actions,.sidebar .sidebar-section-controls .sidebar-toggle-all,.sidebar .sidebar-section-controls .sidebar-reorder-toggle,.sidebar .sidebar-section-controls .sidebar-reset-order{display:none}.sidebar .sidebar-section-controls{justify-content:center;padding:.25rem 0}.sidebar .sidebar-section-header span,.sidebar .sidebar-section-header .section-chevron,.sidebar .sidebar-section-header .view-count-badge,.sidebar .sidebar-section-add-btn,.sidebar .view-nav,.sidebar .view-list,.sidebar .favorites-list,.sidebar .sidebar-favorites-empty,.sidebar .sidebar-smart-views-empty,.sidebar .sidebar-smart-views-add,.sidebar .sidebar-list-filter,.sidebar .sidebar-list-tags,.sidebar .manage-tags-btn,.sidebar .tag-search-container{display:none}.sidebar .sidebar-section-header{justify-content:center;padding:.625rem 0;position:relative}.sidebar .sidebar-section-header i:not(.section-chevron){opacity:1;font-size:1rem}.sidebar .sidebar-section-header-wrapper{justify-content:center}.sidebar .sidebar-section-header-wrapper .sidebar-section-header{flex:unset;width:100%}.sidebar .sidebar-section-header:after{content:attr(data-label);background:var(--surface-elevated,var(--surface));color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);text-transform:none;letter-spacing:normal;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;padding:.25rem .625rem;font-size:.75rem;font-weight:600;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 2px 8px #0000001f}.sidebar .sidebar-section-header:hover:after{opacity:1}.sidebar .sidebar-views:hover .view-nav,.sidebar .sidebar-favorites:hover .favorites-list,.sidebar .sidebar-smart-views:hover .view-list,.sidebar .sidebar-lists:hover .list-nav,.sidebar .sidebar-lists:hover .view-list,.sidebar .sidebar-notes:hover .view-list,.sidebar .sidebar-projects:hover .view-list,.sidebar .sidebar-metrics:hover .view-list,.sidebar .sidebar-habits:hover .view-list,.sidebar .sidebar-journal:hover .view-list,.sidebar .sidebar-countdowns:hover .view-list,.sidebar .sidebar-goals:hover .view-list,.sidebar .sidebar-tags:hover .view-list{left:var(--sidebar-width-rail);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:1001;width:240px;max-height:60vh;padding:.5rem 0;animation:.15s fadeSlideRight;display:block;position:fixed;top:auto;overflow-y:auto;box-shadow:0 4px 24px #00000026}.sidebar .sidebar-collapse-rail-btn{display:none}}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar{z-index:999;resize:none;width:300px;min-width:280px;max-width:85vw;height:100vh;padding-top:5rem;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar .sidebar-collapse-rail-btn{display:none}.main-content{position:relative}.tasks-panel{width:100%!important;max-width:100%!important}}@media (width<=640px){.sidebar{width:100%;max-width:100%}header{padding:.75rem 1rem}.global-search-container{flex:1;margin:0 .5rem}.global-search input{font-size:14px}.header-actions button span{display:none}.header-actions button .btn-icon{margin:0}.header-actions{gap:.25rem}}.sidebar-tag-search{background:var(--input-bg);border:1px solid #8080804d;border-radius:20px;align-items:center;gap:.5rem;margin:.5rem;padding:.375rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}.sidebar-tag-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.sidebar-tag-search i.fa-search{color:var(--text-muted);font-size:calc(var(--sidebar-font-size) * .75)}.sidebar-tag-search input{color:var(--text-primary);font-size:calc(var(--sidebar-font-size) * .8125);background:0 0;border:none;outline:none;flex:1;min-width:0}.sidebar-tag-search input::placeholder{color:var(--text-muted)}.sidebar-tag-search-clear{background:var(--hover-bg);width:18px;height:18px;color:var(--text-muted);font-size:calc(var(--sidebar-font-size) * .625);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.sidebar-tag-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.sidebar-tags-list{flex-direction:column;gap:.125rem;margin-bottom:.5rem;display:flex}.sidebar-tags-empty{font-size:calc(var(--sidebar-font-size) * .8125);color:var(--text-muted);padding:.5rem .75rem;font-style:italic}.sidebar-tag-item{width:100%;color:var(--text-primary);font-size:calc(var(--sidebar-font-size) * .8125);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .15s;display:flex}.sidebar-tag-item:hover{background:var(--hover-bg);color:var(--primary)}.sidebar-tag-item:hover .sidebar-tag-name{color:var(--primary)}.sidebar-tag-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sidebar-tag-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-tag-count{font-size:calc(var(--sidebar-font-size) * .75);color:var(--text-muted);text-align:right;min-width:1.5rem}.sidebar h2{font-size:calc(var(--sidebar-font-size) * .75);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-weight:600}.list-nav{margin:0;padding:0;list-style:none}.list-nav li{border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:var(--transition);justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.75rem 1rem;display:flex}.list-nav li:hover{background:var(--surface-hover);color:var(--primary)}.list-nav li:hover .list-icon{opacity:1;color:var(--primary)}.list-nav li.active{background:linear-gradient(135deg, var(--primary-bg) 0%, #a855f71a 100%);color:var(--primary);font-weight:600}.list-nav li .list-icon{font-size:calc(var(--sidebar-font-size) * 1);opacity:.7}.list-nav li.active .list-icon{opacity:1}.list-nav li .list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.list-count-badge{min-width:1.25rem;height:1.25rem;font-size:calc(var(--sidebar-font-size) * .6875);color:var(--text-muted);background:var(--bg-tertiary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .375rem;font-weight:600;display:inline-flex}.list-nav li.active .list-count-badge{background:var(--primary);color:#fff}.list-nav li .delete-btn{opacity:0;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:.25rem}.list-nav li:hover .delete-btn{opacity:1}@media (hover:none),(width<=768px){.list-nav li .delete-btn{opacity:1}}.list-nav li .delete-btn:hover{color:var(--danger);background:var(--danger-bg)}.sidebar-toggle-all{border-radius:var(--radius-pill,999px);width:calc(100% - 1rem);color:var(--text-secondary,var(--text-muted));font-size:calc(var(--sidebar-font-size) * .6875);letter-spacing:.01em;cursor:pointer;box-shadow:none;background-color:#0000;border:none;justify-content:center;align-items:center;gap:.5rem;margin:.5rem;padding:.375rem .75rem;font-weight:600;transition:all .15s;display:flex}.sidebar-toggle-all:hover{background-color:var(--surface,#fff);color:var(--text-primary);box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.sidebar-toggle-all:active{transform:translateY(.5px)}.sidebar-toggle-all i{font-size:calc(var(--sidebar-font-size) * .625)}.sidebar-section-controls{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);gap:2px;margin:.125rem .75rem .75rem;padding:.25rem;display:flex}.sidebar-section-controls .sidebar-toggle-all{flex:1;width:auto;margin:0}.sidebar-reorder-toggle,.sidebar-reset-order{border-radius:var(--radius-pill,999px);color:var(--text-secondary,var(--text-muted));font-size:calc(var(--sidebar-font-size) * .6875);letter-spacing:.01em;cursor:pointer;box-shadow:none;background-color:#0000;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:600;transition:all .15s;display:flex}.sidebar-reorder-toggle:hover,.sidebar-reset-order:hover{background-color:var(--surface,#fff);color:var(--text-primary);box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.sidebar-reorder-toggle:active,.sidebar-reset-order:active{transform:translateY(.5px)}.sidebar-reorder-toggle.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126);border:none}.sidebar-reorder-toggle i,.sidebar-reset-order i{font-size:calc(var(--sidebar-font-size) * .625)}.sidebar-sections-container{flex-direction:column;display:flex}.sidebar-section-draggable{border-radius:var(--radius-sm);align-items:stretch;transition:box-shadow .2s,background .2s;display:flex;position:relative}.sidebar-section-draggable>div:last-child{flex:1;min-width:0}.sidebar-section-draggable.dragging{background:var(--surface);z-index:10;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026}.sidebar-drag-handle{color:var(--text-muted);cursor:grab;opacity:.5;flex-shrink:0;justify-content:center;align-items:flex-start;padding:.625rem .125rem 0 .375rem;transition:opacity .15s,color .15s;display:flex}.sidebar-drag-handle:hover{opacity:1;color:var(--text-primary)}.sidebar-drag-handle i{font-size:calc(var(--sidebar-font-size) * .625)}.sidebar-section-draggable.dragging .sidebar-drag-handle{cursor:grabbing;opacity:1;color:var(--accent,#6366f1)}.sidebar-section-header{width:100%;color:var(--text-secondary);font-size:calc(var(--sidebar-font-size) * .6875);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);text-align:left;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem .75rem;font-weight:700;display:flex;position:relative}.sidebar-section-header:hover{color:var(--text-primary);background:var(--surface-hover)}.sidebar-section-header .section-chevron{font-size:calc(var(--sidebar-font-size) * .5);width:12px;transition:transform .2s}.sidebar-section-header i:not(.section-chevron){font-size:calc(var(--sidebar-font-size) * .75);opacity:.7}.sidebar-section-header span{flex:1}.sidebar-section-header-wrapper{align-items:center;gap:.25rem;display:flex}.sidebar-section-header-wrapper .sidebar-section-header{flex:1}.sidebar-section-add-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);font-size:calc(var(--sidebar-font-size) * .75);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;margin-right:.5rem;padding:0;transition:opacity .2s,background-color .2s,color .2s;display:flex}.sidebar-section-header-wrapper:hover .sidebar-section-add-btn{opacity:1}.sidebar-section-add-btn:hover{background:var(--primary);color:#fff}.sidebar-views,.sidebar-metrics,.sidebar-notes,.sidebar-habits,.sidebar-journal,.sidebar-countdowns,.sidebar-lists,.sidebar-projects,.sidebar-tags{border-top:1px solid var(--border);padding-top:.5rem;padding-bottom:.5rem}.sidebar-views{border-top:none;padding-top:0}.sidebar-views h2{align-items:center;gap:.5rem;display:flex}.sidebar-views h2 i{font-size:calc(var(--sidebar-font-size) * .75);opacity:.7}.view-nav{margin:0;padding:0;list-style:none}.view-nav li{border-radius:var(--radius-pill,999px);cursor:pointer;color:var(--text-primary);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);align-items:center;margin-bottom:2px;padding:.5rem .875rem;display:flex}.view-nav li:hover{background:var(--surface-hover);color:var(--primary);transform:translate(2px)}.view-nav li:hover .view-icon{opacity:1;color:var(--primary)}.view-nav li.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 16px #6366f126);font-weight:600;transform:translate(2px)}.view-item-content{align-items:center;gap:.75rem;width:100%;display:flex}.view-icon{font-size:calc(var(--sidebar-font-size) * .9375);opacity:.7;text-align:center;width:1.125rem}.view-nav li.active .view-icon{opacity:1;color:#fff}.view-name{font-size:calc(var(--sidebar-font-size) * .9375);flex:1}.view-count-badge{min-width:1.25rem;height:1.25rem;font-size:calc(var(--sidebar-font-size) * .6875);color:var(--text-muted);background:var(--glass-bg,#ffffff80);-webkit-backdrop-filter:blur(4px);border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-pill,999px);flex-shrink:0;justify-content:center;align-items:center;padding:0 .375rem;font-weight:600;display:inline-flex}.view-nav li.active .view-count-badge{color:#fff;background:#ffffff40;border-color:#ffffff4d}.view-count-badge.completed{background:var(--success-bg);color:var(--success)}.view-nav li.active .view-count-badge.completed{background:var(--success);color:#fff}.view-count-badge.trash{background:var(--danger-bg);color:var(--danger)}.view-nav li.active .view-count-badge.trash{background:var(--danger);color:#fff}.sidebar-divider{background:linear-gradient(to right, transparent, var(--border), transparent);border:none;height:1px;margin:.75rem 0}.task-list-label{color:var(--text-secondary);background:var(--surface-hover);border-radius:4px;flex-shrink:0;align-items:center;gap:.25rem;margin-left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.task-list-label i{opacity:.7;font-size:.625rem}.task-project-label{color:#fff;background:var(--primary);cursor:pointer;transition:var(--transition);border-radius:4px;flex-shrink:0;align-items:center;gap:.25rem;margin-left:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.task-project-label:hover{background:var(--primary-dark)}.task-project-label i{font-size:.5625rem}.tasks-area{flex:1;min-width:0;padding:1.25rem 1.5rem 2rem;overflow-y:auto}.back-to-top-btn{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#ffffffb3);-webkit-backdrop-filter:blur(12px);width:40px;height:40px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-card,0 2px 8px #00000014);opacity:0;pointer-events:none;transition:all .25s var(--spring-smooth,ease);z-index:50;border-radius:50%;justify-content:center;align-items:center;font-size:.9375rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(8px)}.back-to-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #00000026}.tasks-area:has(.project-header){padding-top:0}.tasks-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.tasks-header-left h2{color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.tasks-header-left p{color:var(--text-secondary);margin:0;font-size:.875rem}.add-details-btn-header{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border-radius:var(--radius-pill,999px);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);white-space:nowrap;box-shadow:var(--shadow-sm);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.add-details-btn-header:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.add-details-btn-header:active{transform:translateY(0)}.add-details-btn-header i{font-size:.75rem}.add-task-split-btn{align-items:stretch;display:inline-flex;position:relative}.add-task-split-btn .add-details-btn-header{border-right:1px solid #fff3;border-top-right-radius:0;border-bottom-right-radius:0}.add-task-split-btn .add-details-btn-header:hover{transform:none}.add-task-split-btn .quick-add-toggle{background:var(--primary);color:#fff;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:.5rem .6rem;display:flex}.add-task-split-btn .quick-add-toggle:hover{background:var(--primary-dark)}.add-task-split-btn .quick-add-toggle i{font-size:.7rem;transition:transform .2s}.add-task-split-btn .quick-add-toggle.open i{transform:rotate(180deg)}.quick-add-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:100;min-width:320px;padding:1rem;animation:.15s ease-out dropdownSlideIn;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 24px #00000026}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quick-add-dropdown-input{border:2px solid var(--primary);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.quick-add-dropdown-input:focus{box-shadow:0 0 0 3px #6366f126}.quick-add-dropdown-input::placeholder{color:var(--text-tertiary)}.quick-add-dropdown-hint{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8rem;display:flex}.quick-add-dropdown-hint i{color:var(--primary)}.breadcrumb{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.breadcrumb-link{border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.875rem;display:inline-flex}.breadcrumb-link:hover{background:var(--primary-bg);color:var(--primary-dark)}.breadcrumb-link i{opacity:.8;font-size:.75rem}.breadcrumb-separator{color:var(--text-muted);font-size:.625rem}.breadcrumb-current{color:var(--text-secondary);background:var(--surface-muted);border-radius:var(--radius-sm);align-items:center;gap:.375rem;padding:.25rem .5rem;display:inline-flex}.breadcrumb-current i{opacity:.8;font-size:.75rem}.breadcrumb-modal{margin-bottom:0;padding:.5rem 1.5rem 0;font-size:.8125rem}.breadcrumb-modal .breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.view-title-icon{margin-right:.5rem}.settings-container{margin-left:auto;position:relative}.settings-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;padding:.5rem;font-size:1.25rem;line-height:1;position:relative}.settings-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.settings-dropdown{background:var(--glass-bg,#ffffffe0);-webkit-backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-xl,20px);box-shadow:0 16px 48px #0000001f, var(--shadow-glow,0 0 16px #6366f10f);z-index:100;min-width:220px;animation:dropdown-fade-in .15s var(--spring-smooth,ease-out);position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.settings-item{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .15s;display:flex}.settings-item:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}.settings-item:hover>span,.settings-item:hover>span i{color:var(--primary)}.settings-item span{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:inline-flex}.settings-item span i{color:var(--text-muted);text-align:center;width:1rem;font-size:.8rem}.settings-item select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-hover,var(--background));color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.settings-item select:hover{border-color:var(--primary)}.settings-item select:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.settings-divider{background:var(--border);height:1px}.settings-btn-item{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;transition:all .15s}.settings-btn-item:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.settings-btn-item:hover .settings-item span,.settings-btn-item:hover .settings-item span i{color:var(--primary)}.settings-arrow{color:var(--text-muted);margin-left:auto;font-size:1rem}.appearance-modal{max-width:420px}.font-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);cursor:pointer;padding:.75rem;font-size:1rem}.font-select:focus{border-color:var(--primary);outline:none}.font-slider{background:var(--border);appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.font-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-md);border:2px solid #fff;border-radius:50%}.font-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-md);border:2px solid #fff;border-radius:50%}.slider-labels{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.font-preview{background:var(--surface-hover);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:1.5rem;padding:1rem}.font-preview p{color:var(--text-primary);margin:0;line-height:1.5}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:var(--border);transition:var(--transition);border-radius:24px;position:absolute;inset:0}.slider:before{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+.slider{background:linear-gradient(135deg, var(--primary) 0%, #a855f7 100%)}.switch input:checked+.slider:before{transform:translate(20px)}.task-section{margin-bottom:1.5rem}.task-section>.section-header,.task-section>.section-header-row>.section-header{border:none;border-bottom:2px solid var(--primary);cursor:pointer;width:100%;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition);background:0 0;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 0;font-size:.75rem;font-weight:700;display:flex;justify-content:flex-start!important}.task-section>.section-header .section-count,.task-section>.section-header-row>.section-header .section-count{margin-left:0!important}.task-section>.section-header:hover,.task-section>.section-header-row>.section-header:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark);background:0 0}.section-header-row{border-bottom:2px solid var(--primary);align-items:center;display:flex}.section-header-row>.section-header{border-bottom:none;flex:1}.section-header-actions{align-items:center;gap:.25rem;display:flex}.section-header-actions button{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.section-header-actions button:hover{color:var(--primary);background:var(--bg-secondary)}.collapse-icon{color:var(--primary);font-size:.625rem;transition:transform .2s;display:inline-block}.collapse-icon.collapsed{transform:rotate(-90deg)}.task-section .section-count{color:var(--primary);background:0 0;border-radius:0;padding:0;font-size:.75rem;font-weight:600;margin-left:0!important}.section-empty{margin:.75rem 0 0;padding:.5rem 1rem;font-size:.875rem}.empty-list-message{color:var(--text-secondary);text-align:center;padding:.5rem 1rem;font-size:.875rem;list-style:none}.task-list{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:.375rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex;overflow:visible}.task-item{background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);border:1px solid var(--glass-border,#ffffff26);box-shadow:var(--shadow-card,0 2px 8px #0000000a);transition:transform var(--duration-normal,.25s) var(--spring-smooth,ease), box-shadow var(--duration-normal,.25s) var(--spring-smooth,ease), background var(--duration-fast,.15s) ease, border-color var(--duration-fast,.15s) ease;cursor:grab;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;display:flex}.task-item:active{cursor:grabbing}.task-item:last-child{border-bottom:1px solid var(--glass-border,#ffffff26)}.task-item:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);background:var(--surface);border-color:var(--border);transform:translateY(-1px)}.task-item.pinned{border-left:3px solid var(--primary);box-shadow:var(--shadow-glow,0 0 12px #6366f11a), var(--shadow-card)}.task-item.completed{opacity:.55}.task-item.completing{animation:lgTaskComplete .5s var(--spring-smooth,ease) forwards}.task-item input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary);border-radius:50%;margin-top:2px}.task-item[data-priority=High]{border-left:3px solid var(--danger)}.task-item[data-priority=Medium]{border-left:3px solid var(--warning)}.task-item[data-priority=Low]{border-left:3px solid var(--info)}.drag-handle{color:var(--text-muted);opacity:.4;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:-.25rem;padding:.25rem;font-size:1rem;display:flex}.drag-handle:hover{opacity:1;background:var(--surface-hover);color:var(--text-secondary)}.drag-handle:active{cursor:grabbing}.task-item.dragging{box-shadow:var(--shadow-glow,0 0 20px #6366f126), var(--shadow-lg);background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-md);z-index:1000;transform:scale(1.01)}.task-content{flex:1;min-width:0}.task-title{color:var(--primary);margin-bottom:.25rem;font-weight:500}.task-item.completed .task-title{text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted);color:var(--text-muted);transition:text-decoration-color .3s,color .3s}.task-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.task-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.task-due{color:var(--text-muted);background:var(--glass-bg,#ffffff80);-webkit-backdrop-filter:blur(4px);border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-pill,999px);align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:500;display:flex}.task-due i{margin-right:.25rem}.task-due.overdue{color:var(--danger);background:var(--danger-bg)}.task-due.soon{color:var(--warning);background:var(--warning-bg)}.due-date-badge{color:var(--text-muted);background:var(--glass-bg,#ffffff80);-webkit-backdrop-filter:blur(4px);border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-pill,999px);align-items:center;padding:.15rem .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.due-date-badge i{margin-right:.25rem}.due-date-badge.overdue{color:var(--danger);background:var(--danger-bg)}.due-date-badge.soon{color:var(--warning);background:var(--warning-bg)}.priority-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill,999px);padding:.15rem .5rem;font-size:.625rem;font-weight:700}.priority-badge.high{color:var(--danger);background:var(--danger-bg)}.priority-badge.medium{color:var(--warning);background:var(--warning-bg)}.priority-badge.low{color:var(--success);background:var(--success-bg)}.blocked-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--danger);background:var(--danger-bg);border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.blocked-badge i{font-size:.5625rem}.recurring-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:4px;align-items:center;padding:.2rem .4rem;font-size:.625rem;display:inline-flex}.recurring-badge i{font-size:.5625rem}.progress-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--primary-bg);border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.progress-badge i{font-size:.5625rem}.task-flag{margin-right:-.25rem;font-size:1.25rem}.task-icon{color:var(--primary);flex-shrink:0;font-size:1.1rem}.task-pin-btn{cursor:pointer;color:var(--primary);opacity:.8;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;font-size:.875rem;display:flex}.task-pin-btn:hover{opacity:1;color:var(--primary)}.task-pin-btn.pinned{color:var(--primary);opacity:1}.task-pin-btn:disabled{opacity:.5;cursor:not-allowed}.task-actions button.pin-active{color:var(--primary);background:var(--primary-bg)}.task-actions button.pin-active:hover{background:#6366f133}.task-actions button i.pinned{color:var(--primary)}.task-actions button.favorite-active{color:#f59e0b;background:#f59e0b1a}.task-actions button.favorite-active:hover{background:#f59e0b33}.task-actions button i.favorited{color:#f59e0b}.task-link,.task-attachment{color:var(--primary);background:var(--primary-bg);transition:var(--transition);border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;text-decoration:none;display:inline-flex}.task-link:hover,.task-attachment:hover{background:#6366f133}.task-link-text{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.task-link-preview{color:var(--primary);background:var(--primary-bg);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.375rem;max-width:100%;margin-top:.375rem;padding:.25rem .5rem;font-size:.8125rem;text-decoration:none;transition:background .15s;display:inline-flex;overflow:hidden}.task-link-preview:hover{background:#6366f133;text-decoration:underline}.task-link-preview i{flex-shrink:0;font-size:.6875rem}.color-picker{gap:.375rem;display:flex}.hidden-group{flex:1}.hidden-controls{align-items:center;gap:.75rem;display:flex}.hidden-hint{color:var(--text-muted);font-size:.6875rem;font-style:italic}.color-swatch{cursor:pointer;width:24px;height:24px;transition:var(--transition);border:2px solid #0000;border-radius:50%}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px white, 0 0 0 4px var(--text-muted)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-hover);cursor:pointer;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.dropzone:hover,.dropzone.drag-over{border-color:var(--primary);background:#6366f10d}.dropzone-icon{color:var(--text-muted);font-size:1.5rem}.dropzone-text{color:var(--text-muted);font-size:.875rem}.dropzone.drag-over .dropzone-icon,.dropzone.drag-over .dropzone-text{color:var(--primary)}.dropzone-hint{color:var(--text-muted);opacity:.7;font-size:.75rem}.dropzone.uploading{cursor:wait;opacity:.8}.upload-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.attachment-preview{background:var(--surface-hover);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.attachment-icon{color:var(--primary);font-size:1.25rem}.attachment-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.attachment-clear{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.25rem;line-height:1}.attachment-clear:hover{color:var(--danger);background:var(--danger-bg)}.task-actions{opacity:0;transition:var(--transition);gap:.25rem;display:flex}.task-item:hover .task-actions,.task-item:focus-within .task-actions{opacity:1}@media (hover:none),(width<=768px){.task-actions{opacity:1}}.task-actions button{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:.5rem;font-size:1.125rem}.task-actions button:hover{background:var(--surface-hover);color:var(--text-primary)}.task-actions button.delete:hover{color:var(--danger);background:var(--danger-bg)}.create-form{gap:.75rem;margin-bottom:1.5rem;display:flex}.create-form input{border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:var(--surface);transition:var(--transition);flex:1;padding:.875rem 1rem;font-size:.9375rem}.create-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.create-form input::placeholder{color:var(--text-muted)}.create-form button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:.875rem 1.5rem;font-weight:600}.create-form button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.create-list-form{border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);margin-bottom:1rem;display:flex;overflow:hidden}.create-list-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.create-list-form input{color:var(--text-primary);background:var(--bg);border:none;outline:none;flex:1;padding:.625rem .875rem;font-size:.875rem}.create-list-form input::placeholder{color:var(--text-muted)}.create-list-form button{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:.625rem .75rem}.create-list-form button:hover{background:var(--primary-hover)}.create-list-form button i{font-size:.75rem}.add-task-btn{cursor:pointer;transition:var(--transition);justify-content:center;font-size:.9375rem;font-weight:600;box-shadow:0 2px 8px #6366f14d;background:var(--primary)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:.875rem 1.25rem!important}.add-task-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166;background:var(--primary-dark)!important;color:#fff!important}.add-task-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6366f14d}.activity-panel{background:var(--surface);border-left:1px solid var(--border);z-index:200;flex-direction:column;width:380px;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #0000001a}.activity-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.activity-header h2{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.activity-header-actions{align-items:center;gap:.375rem;display:flex}.activity-action-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.8rem;transition:all .2s;display:flex}.activity-action-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.activity-action-btn-danger:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-bg,#ef444414)}.activity-confirm-clear{background:var(--danger-bg,#ef44440f);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.activity-confirm-clear p{color:var(--text-primary);margin:0;font-size:.8rem;font-weight:500}.activity-confirm-actions{gap:.375rem;display:flex}.activity-confirm-cancel,.activity-confirm-delete{border-radius:var(--radius-sm);cursor:pointer;padding:.3rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s}.activity-confirm-cancel{border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.activity-confirm-cancel:hover{background:var(--surface-hover)}.activity-confirm-delete{background:var(--danger,#ef4444);color:#fff;border:none}.activity-confirm-delete:hover{opacity:.9}.activity-confirm-delete:disabled{opacity:.6;cursor:not-allowed}.activity-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.activity-item{border-bottom:1px solid var(--border);transition:var(--transition);gap:.75rem;padding:1rem 1.5rem;display:flex}.activity-item.unread{background:linear-gradient(135deg,#6366f10d 0%,#a855f70d 100%)}.severity{text-transform:uppercase;border-radius:4px;height:fit-content;padding:.25rem .5rem;font-size:.625rem;font-weight:700}.severity.info{color:var(--primary);background:var(--primary-bg)}.severity.warn{color:var(--warning);background:var(--warning-bg)}.severity.error{color:var(--danger);background:var(--danger-bg)}.activity-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.activity-icon.task{color:var(--primary);background:var(--primary-bg)}.activity-icon.list{color:var(--success);background:#0596691a}.activity-icon.project{color:var(--primary-light);background:#8b5cf61a}.activity-icon.automation{color:var(--warning);background:#f59e0b1a}.activity-item.task{border-left:3px solid #6366f180}.activity-item.list{border-left:3px solid #05966980}.activity-item.project{border-left:3px solid #8b5cf680}.activity-item.automation{border-left:3px solid #f59e0b80}.activity-content{flex:1}.activity-content p{color:var(--text-primary);margin:0 0 .25rem;font-size:.875rem;line-height:1.4}.activity-content small{color:var(--text-muted);font-size:.75rem}.empty{color:var(--text-muted);text-align:center;padding:2rem;font-style:italic}.empty-inbox-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.empty-inbox-image{opacity:.85;width:180px;height:auto;margin-bottom:1.25rem}.empty-inbox-message{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.empty-today-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.empty-today-image{opacity:.9;width:200px;height:auto;margin-bottom:1.25rem}.empty-today-message{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.empty-someday-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.empty-someday-image{opacity:.9;width:200px;height:auto;margin-bottom:1.25rem}.empty-someday-message{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.empty-upcoming-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.empty-upcoming-image{opacity:.9;width:200px;height:auto;margin-bottom:1.25rem}.empty-upcoming-message{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500}.loading{min-height:100vh;color:var(--text-secondary);background:var(--background);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.toast{background:var(--text-primary);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;cursor:pointer;align-items:center;gap:1rem;max-width:400px;padding:1rem 3rem 1rem 1.5rem;font-weight:500;animation:.3s slideIn;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast-dismiss{color:#fff;opacity:.7;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:.875rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.toast-dismiss:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toast-blocked-url{background:var(--warning);bottom:5rem}.blocked-url-content{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.blocked-url-content i{font-size:1rem}.blocked-url-link{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#fff3;border:none;padding:.25rem .5rem;font-size:.875rem;font-weight:600;text-decoration:underline}.blocked-url-link:hover{background:#ffffff4d}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#00000040;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--glass-bg,#ffffffe0);-webkit-backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-xl,20px);box-shadow:0 24px 48px #0000001f, var(--shadow-glow,0 0 20px #6366f114);width:100%;max-width:500px;max-height:90vh;animation:lgModalEnter .3s var(--spring-smooth,ease);overflow:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay--fullscreen{padding:0}.modal--fullscreen,.modal.task-modal.modal--fullscreen{border-radius:0;flex-direction:column;width:100vw;max-width:100%;height:100vh;max-height:100%;animation:none;display:flex}.modal--fullscreen .modal-body{flex:1;padding:2rem 3rem;overflow-y:auto}.modal--fullscreen form{flex-direction:column;flex:1;min-height:0;display:flex}.modal--fullscreen .modal-header,.modal--fullscreen .modal-footer{padding:1.25rem 2rem}.modal--fullscreen .modal-body>.form-group:first-child,.modal--fullscreen .modal-body>.form-group:first-child+.form-group{max-width:800px}.modal--fullscreen .task-modal-tabs{gap:2rem;margin-top:1.5rem;display:flex}.modal--fullscreen .task-modal-tabs>.tab-nav{border-radius:var(--radius-lg,12px);flex-flow:column;flex-shrink:0;align-self:flex-start;position:sticky;top:0;overflow-x:visible;width:360px!important;min-width:360px!important}.modal--fullscreen .task-modal-tabs>.tab-nav .tab-btn{flex:none;justify-content:flex-start}.modal--fullscreen .task-modal-tabs>.tab-content{flex:1;min-width:0;max-width:800px}@media (width<=768px){.modal--fullscreen .modal-body{padding:1.5rem}.modal--fullscreen .task-modal-tabs{flex-direction:column;gap:1rem}.modal--fullscreen .task-modal-tabs>.tab-nav{flex-direction:row;width:auto;position:static}}.modal-header{border-bottom:1px solid var(--glass-border,#ffffff26);background:0 0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.modal-header-actions{align-items:center;gap:.75rem;display:flex}.modal-header-actions button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.25rem;font-size:1.25rem;line-height:1;display:flex}.modal-header-actions button:hover{color:var(--text-primary);background:var(--surface-hover)}.modal-header-controls-group{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);align-items:center;gap:.375rem;padding:.25rem .375rem;display:flex}.modal-header-controls-group button{border:none}.header-action-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;text-decoration:none;display:flex}.header-action-link:hover{color:var(--primary);background:var(--surface-hover)}.header-action-link i{font-size:.875rem}.modal-header-actions .focus-mode-btn{border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:#fff;background:var(--primary);letter-spacing:.01em;align-items:center;gap:.3rem;padding:.3rem .625rem;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.modal-header-actions .focus-mode-btn:hover{background:var(--primary-hover,#5558e6);border-color:var(--primary-hover,#5558e6);color:#fff}.modal-header-actions .focus-mode-btn i{font-size:.75rem}.completion-toggle-inline{border:1px solid var(--border);cursor:pointer;transition:var(--transition);color:var(--text-secondary);border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:flex}.completion-toggle-inline:hover{border-color:var(--primary);color:var(--primary);background:#6366f10d}.completion-toggle-inline input{display:none}.completion-toggle-inline i{font-size:1rem}.completion-toggle-inline .completion-label-text{font-weight:500}.completion-toggle-inline:has(input:checked){border-color:var(--success);background:var(--success-bg);color:var(--success)}.completion-toggle-inline:has(input:checked) i{color:var(--success)}.header-actions-dropdown-container{position:relative}.modal-header-actions .header-actions-btn{border:1px solid var(--border);cursor:pointer;width:2rem;height:2rem;transition:var(--transition);color:var(--text-muted);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.modal-header-actions .header-actions-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.header-actions-btn i.header-actions-chevron{font-size:.625rem;transition:transform .15s}.header-actions-btn i.header-actions-chevron.open{transform:rotate(180deg)}.header-actions-backdrop{z-index:99;position:fixed;inset:0}.header-actions-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:100;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000026}.header-actions-menu button{width:100%;height:auto;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;transition:background .15s;display:flex}.header-actions-menu button:hover{background:var(--surface-hover)}.header-actions-menu button i{color:var(--text-muted);text-align:center;width:1rem;font-size:.8125rem}.modal-body{padding:1.5rem}.completion-toggle{background:var(--surface-hover);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:.75rem 1rem}.completion-label{cursor:pointer;align-items:center;gap:.75rem;margin:0;display:flex!important}.completion-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.completion-label span{color:var(--text-primary);font-size:.9375rem}.completion-label .completed-text{color:var(--success);font-weight:500}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:flex}.label-icon{opacity:.7;font-size:1rem}.btn-icon{font-size:.875rem}.options-section{margin-top:1rem}.options-toggle{background:var(--glass-bg,#ffffff80);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-lg);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.options-toggle:hover{background:var(--surface);border-color:var(--primary-light);color:var(--primary)}.options-chevron{font-size:.75rem;transition:transform .2s}.options-chevron.expanded{transform:rotate(90deg)}.options-toggle i.fa-sliders{color:var(--primary)}.options-content{padding:.75rem 0;animation:.2s fadeIn}.modal.talk-to-tasks-modal{background:var(--surface);-webkit-backdrop-filter:none}.modal.task-modal{background:var(--surface);-webkit-backdrop-filter:none;flex-direction:column;max-width:720px;display:flex;overflow:hidden}.modal.task-modal>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.modal.task-modal>form>.modal-body{flex:auto;min-height:0;overflow-y:auto}.modal.task-modal>form>.modal-footer{flex-shrink:0}.task-modal-tabs{margin-top:1rem}.tab-nav{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);flex-wrap:nowrap;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:flex;overflow-x:auto}.tab-btn{border-radius:var(--radius-pill,999px);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);background:0 0;border:none;flex:auto;justify-content:center;align-items:center;gap:.375rem;min-width:fit-content;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.tab-btn.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126)}.tab-btn i{opacity:.8;font-size:.875rem}.tab-btn.active i{opacity:1}.tab-content{padding:.25rem 0;animation:.2s fadeIn}.activity-section{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.activity-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.activity-section-title{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.75rem;font-weight:600;display:flex}.activity-section-title i{color:var(--primary)}.activity-section-title .section-badge{background:var(--primary-bg);color:var(--primary);border-radius:999px;margin-left:auto;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.task-activity-timeline-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.task-activity-timeline{flex-direction:column;gap:0;padding-left:1.25rem;display:flex;position:relative}.task-activity-timeline:before{content:"";background:var(--border);border-radius:1px;width:2px;position:absolute;top:.5rem;bottom:.5rem;left:.5rem}.timeline-event{align-items:flex-start;gap:.625rem;padding:.5rem 0;display:flex;position:relative}.timeline-dot{z-index:1;background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-left:-1.25rem;font-size:.7rem;display:flex}.timeline-content{flex-direction:column;gap:.125rem;min-width:0;display:flex}.timeline-message{color:var(--text-primary);word-break:break-word;font-size:.8125rem;line-height:1.4}.timeline-time{color:var(--text-muted);font-size:.6875rem}.task-timeline-loading{color:var(--text-muted);padding:1rem 0;font-size:.8125rem}.task-timeline-empty{color:var(--text-muted);align-items:center;gap:.5rem;padding:1rem 0;font-size:.8125rem;display:flex}.task-timeline-empty i{font-size:1rem}.form-group input,.form-group textarea,.form-group select{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--surface);transition:var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.form-group select:hover{border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:100px}.input-with-button{align-items:center;display:flex;position:relative}.input-with-button input{padding-right:2.75rem}.input-action-btn{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;cursor:pointer;width:2rem;height:2rem;transition:var(--transition);border:none;border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;right:.5rem}.input-action-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.cost-fields-row{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.cost-field{flex-direction:column;gap:.125rem;display:flex}.cost-field input{border:1px solid var(--border);border-radius:var(--radius-sm,6px);background:var(--surface);color:var(--text-primary);-moz-appearance:textfield;outline:none;width:100%;padding:.5rem .625rem;font-family:inherit;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.cost-field input:focus{border-color:var(--primary,#6366f1);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary,#6366f1) 20%, transparent)}.cost-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cost-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cost-field-hint{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;padding-left:.125rem;font-size:.65rem;font-weight:600}.input-action-btn:active{transform:scale(.95)}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--border);align-items:center;gap:.5rem;margin:1rem 0 .5rem;padding-top:.75rem;font-size:.75rem;font-weight:600;display:flex}.form-section-label i{font-size:.875rem}.collapsible-section-toggle{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md,8px);cursor:pointer;color:var(--text-muted);align-items:center;gap:6px;width:100%;margin-top:4px;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.collapsible-section-toggle:hover{color:var(--text-primary);background:var(--surface);border-color:var(--primary)}.collapsible-section-toggle i{text-align:center;width:10px;font-size:.65rem}.title-input-wrapper{width:100%;position:relative}.title-highlight-overlay{pointer-events:none;white-space:pre;color:var(--text-primary);border-radius:var(--radius-md);border:2px solid #0000;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.5;position:absolute;inset:0;overflow:hidden}.title-highlight-overlay strong{color:var(--primary);background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:3px;margin:0 -2px;padding:0 2px;font-weight:600}.title-input-wrapper input.has-highlight{color:#0000;caret-color:var(--text-primary)}.title-input-wrapper input.has-highlight::placeholder{color:#0000}.detected-date-indicator{background:linear-gradient(135deg, var(--primary-bg), #8b5cf61a);border-radius:var(--radius-sm);color:var(--primary);border:1px solid #6366f133;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;animation:.2s ease-out slideIn;display:flex}.detected-date-indicator i{font-size:.875rem}.detected-date-indicator span{flex:1}.detected-date-undo{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--primary);cursor:pointer;background:#6366f126;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.detected-date-undo:hover{color:var(--primary-hover);background:#6366f140}.detected-date-undo i{font-size:.625rem}.detected-recurrence-chip{border-radius:var(--radius-sm);color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border:1px solid #8b5cf640;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;animation:.2s ease-out slideIn;display:flex}.detected-recurrence-chip i{font-size:.875rem}.detected-recurrence-chip span{flex:1}.recurrence-chip-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.recurrence-chip-btn.accept{color:var(--success);background:#10b98126}.recurrence-chip-btn.accept:hover{background:#10b98140}.recurrence-chip-btn.dismiss,.recurrence-chip-btn.clear{color:#8b5cf6;background:#8b5cf626}.recurrence-chip-btn.dismiss:hover,.recurrence-chip-btn.clear:hover{background:#8b5cf640}.recurrence-chip-btn i{font-size:.625rem}.active-recurrence-chip{border-radius:var(--radius-sm);color:#8b5cf6;background:linear-gradient(135deg,#8b5cf626,#a855f726);border:1px solid #8b5cf64d;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.active-recurrence-chip i{font-size:.875rem}.active-recurrence-chip span{flex:1}.interval-input{align-items:center;gap:.5rem;display:flex}.interval-input input[type=number]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:60px;color:var(--text);text-align:center;padding:.5rem;font-size:.875rem}.interval-input input[type=number]:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.interval-suffix{color:var(--text-secondary);white-space:nowrap;font-size:.875rem}.weekday-selector{flex-wrap:wrap;gap:.25rem;display:flex}.weekday-btn{border:1px solid var(--border);background:var(--surface);min-width:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:999px;padding:.375rem .5rem;font-size:.75rem;font-weight:500}.weekday-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.weekday-btn.selected{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border-color:#0000;box-shadow:0 2px 8px #6366f14d}.weekday-btn.selected:hover{background:var(--primary-dark)}.auto-detected-badge{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);align-items:center;margin-left:.375rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600;animation:.2s ease-out fadeIn;display:inline-flex}.date-input-wrapper{align-items:center;display:flex;position:relative}.date-input-wrapper input{flex:1;padding-right:2.5rem}.clear-date-btn{background:var(--surface-hover);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;right:.5rem}.clear-date-btn:hover{background:var(--danger);color:#fff}.clear-date-btn i{font-size:.625rem}.time-picker{position:relative}.time-picker-input{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;padding:0 1rem;display:flex}.time-picker-input:hover{border-color:var(--primary-light)}.time-picker-input.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.time-picker-input input{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:.9375rem}.time-picker-input input::placeholder{color:var(--text-muted)}.time-picker-input i{color:var(--text-muted);font-size:.875rem}.time-picker-clear{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;font-size:.75rem;display:flex;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)}.time-picker-clear:hover{color:var(--text-primary);background:var(--surface-hover)}.time-picker-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:240px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.time-option{cursor:pointer;color:var(--text-primary);transition:var(--transition);padding:.625rem 1rem;font-size:.9375rem}.time-option:hover{background:var(--surface-hover)}.time-option.selected{background:var(--primary-bg);color:var(--primary);font-weight:500}.time-option.disabled{color:var(--text-muted);cursor:default;text-align:center;padding:1rem}.modal-footer{border-top:1px solid var(--border);background:0 0;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.modal-footer button{cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;display:inline-flex}.modal-footer .btn-secondary{background:var(--surface);-webkit-backdrop-filter:none;border:1px solid var(--border);color:var(--text-primary)}.modal-footer .btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.modal-footer .btn-primary{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border:none;box-shadow:0 2px 8px #6366f14d}.modal-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.modal-footer .btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;box-shadow:0 2px 8px #ef44444d}.modal-footer .btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef444466}.modal-footer .btn-icon-only{border:1px solid var(--border);border-radius:var(--radius-md,8px);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;padding:.5rem .625rem;display:flex}.modal-footer .btn-icon-only:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.modal-footer .btn-icon-only i{font-size:.875rem}.save-split-button{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));border-radius:999px;display:inline-flex;position:relative;box-shadow:0 2px 8px #6366f14d}.save-split-main{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:999px 0 0 999px;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.save-split-main:hover{background:#ffffff1a}.save-split-dropdown-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-left:1px solid #ffffff40;border-radius:0 999px 999px 0;justify-content:center;align-items:center;width:28px;padding:.625rem .25rem;transition:background .15s;display:flex}.save-split-dropdown-toggle:hover{background:#ffffff1a}.save-split-dropdown-toggle i{font-size:.5rem}.save-split-dropdown{border:1px solid var(--border);border-radius:var(--radius-md,8px);z-index:1000;background:#fff;width:max-content;min-width:140px;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 4px 12px #00000026}[data-theme=dark] .save-split-dropdown,[data-theme=midnight] .save-split-dropdown,[data-theme=nord] .save-split-dropdown,[data-theme=dracula] .save-split-dropdown{background:var(--surface)}.save-split-dropdown button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:background .15s;display:flex}.save-split-dropdown button:hover{background:#0000000d}[data-theme=dark] .save-split-dropdown button:hover,[data-theme=midnight] .save-split-dropdown button:hover,[data-theme=nord] .save-split-dropdown button:hover,[data-theme=dracula] .save-split-dropdown button:hover{background:#ffffff1a}.save-split-dropdown button i{width:1rem;color:var(--text-muted);font-size:.75rem}.save-split-dropdown button:first-child{border-radius:var(--radius-md,8px) var(--radius-md,8px) 0 0}.save-split-dropdown button:last-child{border-radius:0 0 var(--radius-md,8px) var(--radius-md,8px)}.save-split-dropdown button+button{border-top:1px solid var(--border)}.inline-task-input{background:0 0;align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem 1.25rem;display:flex}.inline-task-input input{border:none;border-bottom:2px solid;border-image:linear-gradient(90deg, var(--primary) 0%, #a855f7 100%) 1;color:var(--text-primary);transition:var(--transition);background:0 0;border-radius:0;flex:1;padding:.75rem 0;font-size:.9375rem}.inline-task-input input::placeholder{color:var(--text-muted);font-style:italic}.inline-task-input input:focus{border-image:linear-gradient(90deg, var(--primary-dark) 0%, #9333ea 100%) 1;outline:none}.inline-task-input .inline-add-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, #a855f7 100%);color:#fff;cursor:pointer;transition:var(--transition);opacity:0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transform:translate(-10px)}.inline-task-input:focus-within .inline-add-btn,.inline-task-input input:not(:placeholder-shown)+.inline-add-btn{opacity:1;transform:translate(0)}.inline-task-input .inline-add-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-task-section{align-items:stretch;gap:.75rem;margin-bottom:1rem;display:flex}.add-task-quick-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;gap:.5rem;padding:.625rem .875rem;display:flex}.add-task-quick-container .inline-task-input{flex:1;margin-top:0;margin-bottom:0;padding:0}.add-task-quick-container .inline-task-input input{padding:.5rem 0}.add-task-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.add-task-help{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.add-task-help i{opacity:.7;font-size:.6875rem}.add-task-details-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.add-task-details-btn:hover{background:var(--primary);color:#fff}.add-task-details-btn i:first-child{font-size:.75rem}.add-task-details-btn i:nth-child(2){font-size:.875rem}.subtask-indicator{color:var(--text-muted);background:var(--surface-hover);cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.subtask-indicator:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-light)}.subtask-indicator.all-done{color:var(--success);background:var(--success-bg)}.subtask-indicator.all-done:hover{color:var(--success);border-color:var(--success)}.subtask-indicator.add-subtask{color:var(--text-muted);border:1px dashed var(--border);background:0 0}.subtask-indicator.add-subtask:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-light)}.subtasks-section{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem;animation:.2s fadeIn}.task-item.subtasks-expanded{border-color:var(--primary-light)}.subtask-list{flex-direction:column;gap:.375rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.subtask-item{border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.subtask-item:hover{background:var(--surface-hover)}.subtask-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.subtask-flag{flex-shrink:0;font-size:.875rem}.subtask-content{flex:1;min-width:0}.subtask-title{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.subtask-item.completed .subtask-title{color:var(--text-muted);text-decoration:line-through}.subtask-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.subtask-due{color:var(--text-muted);align-items:center;gap:.125rem;font-size:.625rem;display:inline-flex}.subtask-due i{margin-right:.25rem}.subtask-due.overdue{color:var(--danger)}.subtask-due.soon{color:var(--warning)}.subtask-priority{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.subtask-priority.high{color:var(--danger);background:var(--danger-bg)}.subtask-priority.medium{color:var(--warning);background:var(--warning-bg)}.subtask-priority.low{color:var(--success);background:var(--success-bg)}.subtask-edit,.subtask-delete{opacity:0;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:.75rem;line-height:1}.subtask-item:hover .subtask-edit,.subtask-item:hover .subtask-delete{opacity:1}.subtask-edit:hover{color:var(--primary);background:var(--primary-bg)}.subtask-delete:hover{color:var(--danger);background:var(--danger-bg)}.add-subtask-form{align-items:center;gap:.5rem;display:flex}.add-subtask-form input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--surface);transition:var(--transition);flex:1;padding:.5rem .75rem;font-size:.8125rem}.add-subtask-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.add-subtask-form input::placeholder{color:var(--text-muted)}.add-subtask-form button{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:.5rem .625rem;font-size:.75rem;line-height:1}.add-subtask-form button:hover:not(:disabled){background:var(--primary-dark)}.add-subtask-form button:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog{text-align:center;max-width:400px;padding:0}.confirm-dialog-content{padding:2rem 1.5rem 1.5rem}.confirm-dialog-icon{background:var(--danger-bg);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.confirm-dialog-icon i{color:var(--danger);font-size:1.5rem}.confirm-dialog-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.confirm-dialog-message{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.5}.confirm-dialog-secondary{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);border-left:3px solid var(--danger);margin:.75rem 0 0;padding:.625rem .875rem;font-size:.8125rem}.confirm-dialog-actions{border-top:1px solid var(--border);background:var(--surface-hover);gap:.75rem;padding:1rem 1.5rem;display:flex}.confirm-dialog-actions button{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex:1;padding:.75rem 1rem;font-size:.9375rem;font-weight:600}.confirm-dialog-actions .btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.confirm-dialog-actions .btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.confirm-dialog-actions .btn-danger{background:var(--danger);color:#fff;border:none}.confirm-dialog-actions .btn-danger:hover{background:var(--danger)}.progress-group label{justify-content:space-between;align-items:center;display:flex}.progress-value{color:var(--primary);font-size:.875rem;font-weight:600}.progress-slider-container{margin-top:.5rem;position:relative}.progress-slider{appearance:none;cursor:pointer;z-index:2;background:0 0;width:100%;height:8px;position:relative}.progress-slider::-webkit-slider-runnable-track{background:0 0;border-radius:4px;height:8px}.progress-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-6px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 4px #0003}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #6366f166}.progress-slider::-moz-range-track{background:0 0;border-radius:4px;height:8px}.progress-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.progress-bar-bg{background:var(--border);z-index:1;pointer-events:none;border-radius:4px;height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.progress-bar-fill{background:linear-gradient(90deg, var(--primary-light), var(--primary));border-radius:4px;height:100%;transition:width .15s}.progress-controls{flex-direction:column;gap:.75rem;display:flex}.progress-checkbox{cursor:pointer;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.progress-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.progress-checkbox span{-webkit-user-select:none;user-select:none}.progress-slider-header{justify-content:flex-end;display:flex}.task-progress{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.task-progress-bar{background:var(--border);border-radius:2px;width:40px;height:4px;overflow:hidden}.task-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .2s}.task-progress-text{min-width:28px;font-weight:500}.task-progress.complete .task-progress-fill{background:var(--success)}.task-progress.complete .task-progress-text{color:var(--success)}.settings-link{justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex;border-radius:50%!important;padding:.5rem!important}.settings-link:hover{color:var(--primary)}.theme-toggle-btn{justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:transform .3s,color .3s;display:flex;border-radius:50%!important;padding:.5rem!important}.theme-toggle-btn:hover{color:var(--primary);transform:rotate(15deg)}.theme-toggle-btn .fa-sun{color:var(--warning)}.theme-toggle-btn .fa-moon{color:var(--primary)}.settings-page{background:var(--background);min-height:100vh}.settings-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.settings-header h1{color:var(--primary);margin:0;font-size:1.5rem;font-weight:700}.back-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;display:flex}.back-btn:hover{color:var(--primary);background:var(--surface-hover)}.settings-content{gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.settings-nav{flex-direction:column;gap:.5rem;min-width:200px;display:flex}.settings-nav button{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;display:flex}.settings-nav button:hover{background:var(--surface);color:var(--text-primary)}.settings-nav button.active{background:var(--primary);color:#fff}.settings-nav button i{text-align:center;width:20px;font-size:1rem}.settings-main{flex:1;max-width:700px}.settings-section{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.settings-section h2{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;display:flex}.settings-section h2 i{color:var(--primary)}.avatar-upload-section{border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.avatar-upload-preview{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;display:flex;overflow:hidden}.avatar-preview-img{object-fit:cover;width:100%;height:100%}.avatar-preview-initials{color:#fff;text-transform:uppercase;letter-spacing:.025em;font-size:1.75rem;font-weight:600}.avatar-upload-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.avatar-upload-actions .form-hint{width:100%;margin:0}.btn-danger-outline{color:var(--danger,#ef4444)!important;border-color:var(--danger,#ef4444)!important}.btn-danger-outline:hover{background:#ef44441a!important}.settings-form{flex-direction:column;gap:1.25rem;display:flex}.settings-form .form-group{margin:0}.settings-form .form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.settings-form .form-group input,.settings-form .form-group select{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background-color:var(--surface);transition:var(--transition);padding:.75rem 1rem;font-size:.9375rem}.settings-form .form-group input:focus,.settings-form .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.settings-form .form-group input.disabled{background:var(--background);color:var(--text-muted);cursor:not-allowed}.form-hint{color:var(--text-muted);margin:.375rem 0 0;font-size:.8125rem}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.form-actions .btn-primary{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;box-shadow:0 2px 8px #6366f14d}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.form-actions .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #6366f14d}.form-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed;background:var(--text-muted);box-shadow:none}.form-actions .btn-secondary{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;display:inline-flex}.form-actions .btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.security-card{background:var(--background);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.5rem}.security-card:last-child{margin-bottom:0}.security-card h3{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.card-description{color:var(--text-muted);margin:0 0 1rem;font-size:.875rem}.card-description strong{color:var(--text-primary)}.mfa-card h3 i{color:var(--primary);margin-right:.5rem}.mfa-status{border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:500;display:flex}.mfa-status-enabled{color:var(--success);background:#22c55e26}.mfa-status-enabled i{color:var(--success)}.mfa-status-disabled{color:var(--text-muted);background:#6b728026}.mfa-description{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.mfa-qr-container{border-radius:var(--radius-md);background:#fff;justify-content:center;margin-bottom:1rem;padding:1rem;display:flex}.mfa-qr-code{width:200px;height:200px}.mfa-manual-key{text-align:center;margin-bottom:1.5rem}.mfa-manual-key p{color:var(--text-muted);margin:0 0 .5rem;font-size:.875rem}.mfa-secret-key{background:var(--background-hover);border-radius:var(--radius-sm);letter-spacing:.1em;word-break:break-all;-webkit-user-select:all;user-select:all;padding:.5rem 1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:.875rem;display:inline-block}.mfa-code-input{text-align:center;letter-spacing:.5em;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;padding:.75rem 1rem!important;font-size:1.5rem!important}.mfa-verify-form,.mfa-disable-form{margin-top:1rem}.warning-text{background:var(--danger-bg);border-radius:var(--radius-sm);color:var(--danger);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.warning-text i{flex-shrink:0}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}.btn-danger:hover:not(:disabled){background:var(--danger)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--border)}.notification-settings{max-width:800px}.notification-group{background:var(--background);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1.25rem}.notification-group h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9375rem;font-weight:600;display:flex}.notification-group h3 i{color:var(--primary);text-align:center;width:1rem}.notification-items{flex-direction:column;gap:.75rem;display:flex}.notification-item{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.notification-item.locked{background:var(--surface-muted)}.notification-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.notification-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.notification-desc{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.notification-control{flex-shrink:0}.notification-control select{border:2px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;min-width:130px;padding:.5rem 2.25rem .5rem .75rem;font-size:.8125rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.notification-control select:hover{border-color:var(--primary)}.notification-control select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f126}.locked-badge{background:var(--surface-hover);border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.locked-badge i{font-size:.625rem}.notification-settings .form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.notification-settings .form-group{margin-bottom:0}.notification-settings .form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.notification-settings .form-group input[type=time]{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface);padding:.625rem .75rem;font-size:.875rem}.notification-settings .form-group input[type=time]:focus{border-color:var(--primary);outline:none}.notification-settings .form-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.8125rem}.notification-settings .form-actions{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}@media (width<=600px){.notification-item{flex-direction:column;align-items:flex-start}.notification-control,.notification-control select{width:100%}.notification-settings .form-actions{flex-direction:column}.notification-settings .form-actions button{justify-content:center;width:100%}}.gamification-settings{max-width:700px}.gamification-settings .settings-notice{border-radius:var(--radius-md,8px);align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;display:flex}.gamification-settings .settings-notice.warning{background:color-mix(in srgb, var(--warning) 10%, var(--background));border:1px solid var(--warning);color:var(--warning)}.gamification-settings .settings-notice.info{background:color-mix(in srgb, var(--primary) 10%, var(--background));border:1px solid var(--primary);color:var(--text)}.gamification-settings .settings-notice i{flex-shrink:0;margin-top:.125rem}.gamification-settings .settings-divider{background:var(--border);height:1px;margin:1.5rem 0}.gamification-settings .settings-subheading{color:var(--text);text-transform:uppercase;letter-spacing:.025em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.gamification-settings .toggle-group{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.gamification-settings .toggle-group.master-toggle{background:var(--surface);border-radius:var(--radius-md,8px);margin-bottom:.5rem;padding:1rem}.gamification-settings .toggle-group label:first-child{flex:1}.gamification-settings .toggle-label{color:var(--text);align-items:center;gap:.5rem;font-weight:500;display:flex}.gamification-settings .toggle-description{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem;font-weight:400;display:block}.gamification-settings .toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.gamification-settings .toggle-switch input{opacity:0;width:0;height:0}.gamification-settings .toggle-slider{cursor:pointer;background:var(--border);transition:var(--transition);border-radius:24px;position:absolute;inset:0}.gamification-settings .toggle-slider:before{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.gamification-settings .toggle-switch input:checked+.toggle-slider{background:var(--primary)}.gamification-settings .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.gamification-settings .toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.gamification-settings .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.gamification-settings .form-group{margin-bottom:1rem}.gamification-settings .form-group label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.gamification-settings .form-group select{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--background);width:100%;color:var(--text);cursor:pointer;padding:.625rem .75rem;font-size:.875rem}.gamification-settings .form-group select:focus{border-color:var(--primary);outline:none}.gamification-settings .preview-section{align-items:center;gap:1rem;display:flex}.gamification-settings .preview-hint{color:var(--primary);align-items:center;gap:.5rem;font-size:.875rem;animation:2s ease-in-out fadeInOut;display:inline-flex}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.celebration-particle{border-radius:50%;width:6px;height:6px;animation:.8s ease-out forwards particleBurst}.celebration-particle.confetti{border-radius:2px;width:8px;height:4px}.celebration-particle.sparkles{border-radius:50%;box-shadow:0 0 4px}@keyframes particleBurst{0%{opacity:1;transform:scale(1)translate(0)}to{opacity:0;transform:scale(.5) translate(calc((var(--rand-x,0) - .5) * 60px), calc((var(--rand-y,0) - .5) * 60px + 30px))}}.momentum-prompt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);z-index:100001;cursor:pointer;align-items:center;gap:12px;padding:12px 16px;animation:.3s ease-out slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #00000026}.momentum-prompt:before{content:"";background:var(--primary);border-radius:var(--radius-lg,12px) 0 0 var(--radius-lg,12px);width:4px;position:absolute;top:0;bottom:0;left:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.momentum-message{color:var(--text);font-size:.9375rem;font-weight:500}.momentum-action{background:var(--primary);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;transition:var(--transition);border:none;padding:6px 12px;font-size:.8125rem;font-weight:500}.momentum-action:hover{background:var(--primary-hover)}.momentum-dismiss{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.momentum-dismiss:hover{color:var(--text)}@media (width<=640px){.momentum-prompt{bottom:16px;left:16px;right:16px}}.gamification-settings .form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}@media (width<=640px){.gamification-settings .form-row{grid-template-columns:1fr}.gamification-settings .form-actions{flex-direction:column}.gamification-settings .form-actions button{justify-content:center;width:100%}}.dev-tools{border:1px dashed var(--warning);background:color-mix(in srgb, var(--warning) 5%, var(--background))}.dev-tools h3,.dev-tools h3 i{color:var(--warning)}.dev-tools-actions{flex-wrap:wrap;gap:.75rem;display:flex}.dev-tools-actions button{align-items:center;gap:.5rem;display:inline-flex}.template-settings .template-empty-state{text-align:center;color:var(--text-muted);background:var(--surface);border-radius:var(--radius-md,8px);border:1px dashed var(--border);padding:3rem 2rem}.template-settings .template-empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem}.template-settings .template-empty-state h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:1.125rem}.template-settings .template-empty-state p{margin:0;font-size:.875rem}.template-settings .template-list{flex-direction:column;gap:.75rem;display:flex}.template-settings .template-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);transition:var(--transition);align-items:flex-start;gap:1rem;padding:1rem;display:flex}.template-settings .template-info{flex:1;min-width:0}.template-settings .template-name{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.template-settings .template-description{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem}.template-settings .template-meta{color:var(--text-muted);gap:1rem;font-size:.75rem;display:flex}.template-settings .template-meta span{align-items:center;gap:.375rem;display:flex}.template-settings .template-meta i{font-size:.625rem}.template-settings .template-actions{flex-shrink:0;gap:.5rem;display:flex}.template-settings .btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm,4px);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;padding:.5rem}.template-settings .template-edit-form{width:100%}.template-settings .template-edit-form .form-group{margin-bottom:.75rem}.template-settings .template-edit-form label{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.template-settings .template-edit-form input,.template-settings .template-edit-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm,4px);background:var(--background);width:100%;color:var(--text-primary);padding:.5rem .75rem;font-size:.875rem}.template-settings .template-edit-form input:focus,.template-settings .template-edit-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg,#6366f11a);outline:none}.template-settings .template-edit-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.template-settings .confirm-dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-settings .confirm-dialog{background:var(--surface);border-radius:var(--radius-lg,12px);width:90%;max-width:400px;padding:1.5rem;box-shadow:0 4px 20px #0003}.template-settings .confirm-dialog h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.125rem}.template-settings .confirm-dialog p{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.875rem}.template-settings .confirm-dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}.about-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover,#4f46e5) 100%);border-radius:var(--radius-lg,12px);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:2rem;display:flex}.about-card-actions{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.btn-changelog-banner{border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-changelog-banner:hover{background:#ffffff40;border-color:#ffffff80}.btn-changelog-banner i{font-size:.875rem}.about-logo{flex-shrink:0}.about-logo img{object-fit:contain;width:80px;height:80px}.about-info h3{color:#fff;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.about-tagline{color:#fffc;margin:0 0 1rem;font-size:.9375rem}.about-version{border-radius:var(--radius-md,8px);background:#ffffff26;align-items:center;gap:.5rem;padding:.375rem .75rem;display:inline-flex}.version-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.version-number{color:#fff;font-size:.875rem;font-weight:600}.about-details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.about-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);padding:1.25rem}.about-detail-card h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9375rem;font-weight:600;display:flex}.about-detail-card h4 i{color:var(--primary);font-size:1rem}.about-detail-card ul{margin:0;padding:0 0 0 1.25rem;list-style-type:disc}.about-detail-card ul li{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;line-height:1.5}.about-detail-card ul li:last-child{margin-bottom:0}.about-detail-card p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}.about-footer{text-align:center;border-top:1px solid var(--border);padding-top:1rem}.about-footer p{color:var(--text-muted);margin:0;font-size:.8125rem}.changelog-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.changelog-modal{background:var(--bg-primary,#fff);border-radius:var(--radius-lg,12px);border:1px solid var(--border);flex-direction:column;width:90%;max-width:600px;max-height:80vh;animation:.2s slideUp;display:flex;box-shadow:0 25px 50px #0000004d}.changelog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.changelog-header h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.changelog-header h3 i{color:var(--primary)}.changelog-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;padding:.5rem;transition:all .15s}.changelog-close:hover{background:var(--surface-hover);color:var(--text-primary)}.changelog-body{background:var(--bg-primary,#fff);flex:1;padding:1.5rem;overflow-y:auto}.changelog-timeline{background:var(--bg-primary,#fff);flex-direction:column;display:flex}.changelog-release{gap:1rem;display:flex;position:relative}.changelog-release-marker{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.marker-dot{background:var(--border);border:2px solid var(--bg-primary);width:12px;height:12px;box-shadow:0 0 0 2px var(--border);border-radius:50%;flex-shrink:0}.changelog-release.latest .marker-dot{background:var(--primary);box-shadow:0 0 0 2px var(--primary)}.marker-line{background:var(--border);flex:1;width:2px;margin:4px 0}.changelog-release-content{flex:1;padding-bottom:1.5rem}.changelog-release:last-child .changelog-release-content{padding-bottom:0}.changelog-release-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.changelog-version{color:var(--text-primary);font-size:1rem;font-weight:700}.changelog-latest-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-sm,4px);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.changelog-date{color:var(--text-muted);font-size:.8125rem}.changelog-changes{margin:0;padding:0;list-style:none}.changelog-change{align-items:flex-start;gap:.625rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.5;display:flex}.changelog-change:last-child{margin-bottom:0}.change-badge{border-radius:var(--radius-sm,4px);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.change-badge i{font-size:.625rem}.change-badge-feature{color:#16a34a;background:#22c55e26}.change-badge-fix{color:#dc2626;background:#ef444426}.change-badge-improvement{color:#2563eb;background:#3b82f626}.change-description{color:var(--text-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mfa-form h2{text-align:center;color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem}.mfa-form .mfa-description{text-align:center;margin-bottom:1.5rem}.mfa-form .mfa-code-input{width:100%;margin-bottom:1rem}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}@media (width<=768px){.settings-content{flex-direction:column;padding:1rem}.settings-nav{flex-direction:row;min-width:auto;padding-bottom:.5rem;overflow-x:auto}.settings-nav button{white-space:nowrap}.settings-nav button span{display:none}.settings-nav button i{margin:0}.settings-main{max-width:100%}.settings-section{padding:1.5rem}.settings-form .form-row{grid-template-columns:1fr}}.tag-badge{font-size:calc(var(--font-size-base) * .75);color:#fff;white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-weight:500;display:inline-flex}.tag-badge.small{font-size:calc(var(--font-size-base) * .6875);padding:.0625rem .375rem}.tag-badge .tag-remove{cursor:pointer;width:14px;height:14px;transition:var(--transition);color:inherit;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.tag-badge .tag-remove:hover{background:#fff6}.tag-list{flex-wrap:wrap;gap:.375rem;display:flex}.tag-list.compact{gap:.25rem}.tag-selector{position:relative}.tag-selector-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.tag-selector-trigger:hover{border-color:var(--primary);color:var(--primary)}.tag-selector-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:280px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.tag-selector-search{border-bottom:1px solid var(--border);padding:.75rem}.tag-selector-search input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:.5rem .75rem;font-size:.875rem}.tag-selector-search input:focus{border-color:var(--primary);outline:none}.tag-selector-list{padding:.5rem 0}.tag-selector-item{cursor:pointer;transition:var(--transition);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.tag-selector-item:hover{background:var(--surface-hover)}.tag-selector-item.selected{background:var(--primary-bg)}.tag-selector-item .tag-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.tag-selector-item .tag-name{color:var(--text-primary);flex:1;font-size:.875rem}.tag-selector-item .tag-check{color:var(--primary);font-size:.875rem}.tag-selector-create{border-top:1px solid var(--border);color:var(--primary);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.tag-selector-create:hover{background:var(--surface-hover)}.tag-selector-empty{text-align:center;color:var(--text-muted);padding:1rem;font-size:.875rem}.tag-manager{padding:1.5rem}.tag-manager-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.tag-manager-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.tag-manager-list{flex-direction:column;gap:.5rem;max-height:400px;display:flex;overflow-y:auto}.tag-manager-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem;display:flex}.tag-manager-item .tag-color-picker{gap:.25rem;display:flex}.tag-manager-item .tag-color-swatch{cursor:pointer;width:20px;height:20px;transition:var(--transition);border:2px solid #0000;border-radius:50%}.tag-manager-item .tag-color-swatch:hover{transform:scale(1.1)}.tag-manager-item .tag-color-swatch.selected{border-color:var(--text-primary)}.tag-manager-item input{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:.5rem;font-size:.875rem}.tag-manager-item input:focus{border-color:var(--primary);outline:none}.tag-manager-item .tag-actions{gap:.5rem;display:flex}.tag-manager-item .tag-actions button{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:.375rem .625rem;font-size:.75rem}.tag-manager-item .tag-actions .btn-save{background:var(--success);color:#fff}.tag-manager-item .tag-actions .btn-delete{background:var(--danger);color:#fff}.tag-manager-add{border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);transition:var(--transition);align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem;display:flex}.tag-manager-add:hover{border-color:var(--primary);color:var(--primary)}.tag-manager-add i{font-size:1.25rem}.task-meta .task-tags{flex-wrap:wrap;gap:.25rem;display:flex}.task-tag{font-size:calc(var(--font-size-base) * .75);white-space:nowrap;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-weight:500;display:inline-flex}.task-tag-more{font-size:calc(var(--font-size-base) * .6875);color:var(--text-muted);margin-left:.25rem}.manage-tags-btn{background:var(--hover-bg);width:100%;color:var(--text-secondary);font-size:calc(var(--sidebar-font-size) * .8125);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .15s;display:flex}.manage-tags-btn:hover{background:var(--active-bg);color:var(--primary)}.manage-tags-btn i{font-size:calc(var(--sidebar-font-size) * .875)}.tag-count{background:var(--primary);color:#fff;border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.tag-manager-modal{background:var(--surface);-webkit-backdrop-filter:none;max-width:500px}.tag-create-form{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.tag-create-form input{border:2px solid var(--border);border-radius:var(--radius-md,10px);background:var(--background,var(--bg));color:var(--text-primary,var(--text));flex:1;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.tag-create-form input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f126}.tag-create-form .btn-primary{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border-radius:var(--radius-pill,999px);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .15s}.tag-create-form .btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.tag-create-form .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.color-picker{flex-wrap:wrap;gap:.5rem;display:flex}.color-picker.compact{gap:.375rem}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .15s}.color-picker.compact .color-option{width:24px;height:24px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.text-color-toggle{align-items:center;gap:.5rem;display:flex}.text-color-toggle.compact{gap:.375rem}.text-color-toggle .toggle-label{color:var(--text-muted);margin-right:.25rem;font-size:.8125rem}.text-color-btn{border:2px solid var(--border-color);cursor:pointer;background:var(--bg);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.text-color-toggle.compact .text-color-btn{width:24px;height:24px}.text-color-btn:hover{border-color:var(--text-muted)}.text-color-btn.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.text-preview{font-size:.875rem;font-weight:700}.text-preview.white{color:#fff;text-shadow:0 0 2px #00000080}.text-preview.black{color:#000}.tag-list-manager{max-height:300px;overflow-y:auto}.tag-list-manager .empty{text-align:center;color:var(--text-muted);padding:2rem}.tags-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tag-item{background:var(--hover-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:background .15s;display:flex}.tag-item:hover{background:var(--active-bg)}.tag-edit-form{flex-direction:column;gap:.5rem;width:100%;display:flex}.tag-edit-form input{padding:.5rem .75rem;font-size:.875rem}.tag-edit-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.tag-actions{gap:.25rem;display:flex}.tag-edit-btn,.tag-delete-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:.375rem .5rem;transition:all .15s}.tag-edit-btn:hover{background:var(--primary);color:#fff}.tag-delete-btn:hover{background:var(--danger);color:#fff}.btn-primary{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.tag-manager-modal .modal-header-actions{gap:.5rem}.tag-manager-modal .modal-header-actions .btn-secondary{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.375rem;width:auto;height:auto;padding:.4rem .9rem;font-size:.8125rem;transition:all .2s;display:flex}.tag-manager-modal .modal-header-actions .btn-secondary:hover{background:var(--surface-hover);color:var(--primary)}.tag-manager-modal .modal-header-actions .close-btn{border:none;width:2rem;height:2rem}.tag-import-modal{z-index:1001;max-width:700px;max-height:85vh}.tag-import-modal .modal-body{flex-direction:column;gap:1.5rem;max-height:calc(85vh - 180px);display:flex;overflow-y:auto}.import-upload-section{flex-direction:column;gap:1rem;display:flex}.import-upload-section h4{color:var(--text);margin:0;font-size:1rem;font-weight:600}.import-file-input{flex-direction:column;gap:.5rem;display:flex}.import-file-input input[type=file]{border:2px dashed var(--border-color);background:var(--surface-hover);cursor:pointer;border-radius:8px;padding:.75rem;transition:all .15s}.import-file-input input[type=file]:hover{border-color:var(--primary);background:var(--primary-bg)}.import-file-input .file-hint{color:var(--text-muted);font-size:.8125rem}.csv-format-help{background:var(--surface-hover);border-radius:8px;padding:1rem}.csv-format-help h5{color:var(--text);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.csv-format-help pre{background:var(--bg);white-space:pre;border-radius:6px;margin:0;padding:.75rem;font-size:.75rem;overflow-x:auto}.csv-format-help code{color:var(--text-secondary);font-family:SF Mono,Monaco,Consolas,monospace}.csv-format-help ul{color:var(--text-secondary);margin:.75rem 0 0;padding-left:1.25rem;font-size:.8125rem}.csv-format-help li{margin-bottom:.25rem}.import-preview-section{flex-direction:column;gap:1rem;display:flex}.import-preview-section h4{color:var(--text);margin:0;font-size:1rem;font-weight:600}.import-summary{flex-wrap:wrap;gap:1rem;display:flex}.import-summary-item{background:var(--surface-hover);border-radius:8px;flex-direction:column;align-items:center;min-width:80px;padding:.75rem 1rem;display:flex}.import-summary-item .count{color:var(--text);font-size:1.5rem;font-weight:700}.import-summary-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.import-summary-item.create .count{color:var(--success)}.import-summary-item.update .count{color:var(--warning)}.import-summary-item.skip .count{color:var(--text-muted)}.import-summary-item.errors .count{color:var(--danger)}.import-errors{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:1rem}.import-errors h5{color:var(--danger);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.import-errors ul{color:var(--danger);margin:0;padding-left:1.25rem;font-size:.8125rem}.import-errors li{margin-bottom:.25rem}.import-preview-table-wrapper{border:1px solid var(--border-color);border-radius:8px;max-height:250px;overflow-y:auto}.import-preview-table{border-collapse:collapse;width:100%;font-size:.8125rem}.import-preview-table th,.import-preview-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.5rem .75rem}.import-preview-table th{background:var(--surface-hover);color:var(--text);z-index:1;font-weight:600;position:sticky;top:0}.import-preview-table td{color:var(--text-secondary)}.import-preview-table tr:last-child td{border-bottom:none}.import-preview-table .action-create{color:var(--success);font-weight:500}.import-preview-table .action-update{color:var(--warning);font-weight:500}.import-preview-table .action-skip{color:var(--text-muted)}.import-preview-table .color-preview{vertical-align:middle;border:1px solid var(--border-color);border-radius:4px;width:16px;height:16px;margin-right:.375rem;display:inline-block}.import-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.import-success i{color:var(--success);font-size:3rem}.import-success h4{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.import-success p{color:var(--text-secondary);margin:0}.import-success .import-summary{justify-content:center}.tag-import-modal .modal-footer{justify-content:flex-end;gap:.75rem;display:flex}.tag-import-modal .modal-footer .btn-primary{align-items:center;gap:.375rem;display:flex}.tag-import-modal .file-upload-label{cursor:pointer;display:block}.tag-import-modal .file-upload-label input[type=file]{display:none}.tag-import-modal .file-upload-box{border:2px dashed var(--border-color);background:var(--surface-hover);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;transition:all .2s;display:flex}.tag-import-modal .file-upload-box:hover{border-color:var(--primary);background:var(--primary-bg)}.tag-import-modal .file-upload-box i{color:var(--text-muted);font-size:2rem}.tag-import-modal .file-upload-box span{color:var(--text-secondary);font-size:.9375rem}.tag-import-modal .import-help{background:var(--surface-hover);border-radius:8px;padding:1rem}.tag-import-modal .import-help h4{color:var(--text);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.875rem;font-weight:600;display:flex}.tag-import-modal .import-help p{color:var(--text-secondary);margin:0 0 .5rem;font-size:.8125rem}.tag-import-modal .import-help code{background:var(--bg);color:var(--primary);border-radius:4px;padding:.125rem .375rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem}.tag-import-modal .csv-example{border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem}.tag-import-modal .csv-example strong{color:var(--text);margin-bottom:.375rem;font-size:.8125rem;display:block}.tag-import-modal .csv-example pre{background:var(--bg);color:var(--text-secondary);border-radius:6px;margin:0;padding:.75rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;overflow-x:auto}.tag-import-modal .import-error-message{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.tag-import-modal .import-preview{flex-direction:column;gap:1rem;display:flex}.tag-import-modal .import-preview h4{color:var(--text);margin:0;font-size:1rem;font-weight:600}.tag-import-modal .preview-summary{flex-wrap:wrap;gap:.75rem;display:flex}.tag-import-modal .summary-stat{background:var(--surface-hover);border-radius:8px;flex-direction:column;align-items:center;min-width:70px;padding:.625rem 1rem;display:flex}.tag-import-modal .summary-stat .stat-value{color:var(--text);font-size:1.25rem;font-weight:700}.tag-import-modal .summary-stat .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:.6875rem}.tag-import-modal .summary-stat.create .stat-value{color:var(--success)}.tag-import-modal .summary-stat.update .stat-value{color:var(--warning)}.tag-import-modal .summary-stat.skip .stat-value{color:var(--text-muted)}.tag-import-modal .preview-errors{background:#ef444414;border:1px solid #ef444433;border-radius:8px;padding:.75rem 1rem}.tag-import-modal .preview-errors h5{color:#ef4444;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.8125rem;font-weight:600;display:flex}.tag-import-modal .preview-errors ul{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.8125rem}.tag-import-modal .preview-errors li{margin-bottom:.25rem}.tag-import-modal .preview-errors .raw-value,.tag-import-modal .preview-errors .more-errors{color:var(--text-muted);font-style:italic}.tag-import-modal .preview-table-container{margin-top:.5rem}.tag-import-modal .preview-table-container h5{color:var(--text);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.tag-import-modal .preview-table{border-collapse:collapse;border:1px solid var(--border-color);border-radius:8px;width:100%;font-size:.8125rem;overflow:hidden}.tag-import-modal .preview-table th,.tag-import-modal .preview-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.5rem .75rem}.tag-import-modal .preview-table th{background:var(--surface-hover);color:var(--text);font-weight:600}.tag-import-modal .preview-table td{color:var(--text-secondary)}.tag-import-modal .preview-table tr:last-child td{border-bottom:none}.tag-import-modal .preview-table .color-preview{border-radius:4px;align-items:center;gap:.375rem;padding:.125rem .5rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;display:inline-flex}.tag-import-modal .preview-table .action-badge{text-transform:capitalize;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.tag-import-modal .preview-table .action-badge.Create{color:var(--success);background:#22c55e26}.tag-import-modal .preview-table .action-badge.Update{color:#ca8a04;background:#eab30826}.tag-import-modal .preview-table .action-badge.Skip{background:var(--surface-hover);color:var(--text-muted)}.tag-import-modal .import-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.tag-import-modal .import-success .success-icon i{color:var(--success);font-size:3rem}.tag-import-modal .import-success h3{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.tag-import-modal .import-success .import-summary{justify-content:center;gap:1rem;display:flex}.tag-import-modal .import-success .import-errors{text-align:left;width:100%}.tag-import-modal .import-success .import-errors h4{color:var(--warning);align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.875rem;font-weight:600;display:flex}.tag-import-modal .import-success .import-errors ul{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.8125rem}.tag-import-modal .import-actions{gap:.75rem;margin-top:.5rem;display:flex}.move-to-modal{max-width:450px;max-height:80vh}.move-to-modal .modal-body{max-height:calc(80vh - 140px);overflow-y:auto}.move-task-title{background:var(--surface-hover);border-radius:var(--radius-md);color:var(--text-secondary);margin:0 0 1rem;padding:.75rem 1rem;font-size:.9375rem}.move-task-title strong{color:var(--text-primary)}.move-to-sections{flex-direction:column;gap:1.25rem;display:flex}.move-to-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.8125rem;font-weight:600;display:flex}.move-to-section h4 i{font-size:.75rem}.move-to-options{flex-direction:column;gap:.25rem;display:flex}.move-to-option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);text-align:left;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;display:flex}.move-to-option:hover{background:var(--surface-hover);border-color:var(--primary)}.move-to-option.selected{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.move-to-option i{text-align:center;width:1.25rem;color:var(--text-muted)}.move-to-option.selected i{color:var(--primary)}.move-to-option span{flex:1}.current-badge{background:var(--surface-hover);border-radius:var(--radius-full);color:var(--text-muted);padding:.125rem .5rem;font-size:.75rem}.move-to-option.selected .current-badge{color:var(--primary);background:#6366f126}.list-nav li{flex-wrap:wrap;position:relative}.list-item-content{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.list-item-actions{opacity:0;gap:.25rem;transition:opacity .15s;display:flex}.list-nav li:hover .list-item-actions{opacity:1}@media (hover:none),(width<=768px){.list-item-actions{opacity:1}}.list-nav li .tag-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:.25rem .375rem;transition:all .15s}.list-nav li .tag-btn:hover{background:var(--primary);color:#fff}.list-tags{align-items:center;gap:.25rem;margin-left:auto;display:flex}.list-tag-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.list-tag-more{color:var(--text-muted);font-size:.6875rem}.list-tag-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:calc(100% + .25rem);left:0;overflow:hidden}.list-tag-dropdown-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.list-tag-dropdown-header span{color:var(--text-primary);font-size:.8125rem;font-weight:600}.list-tag-dropdown-header button{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.list-tag-dropdown-header button:hover{background:var(--surface-hover);color:var(--text-primary)}.list-tag-options{max-height:240px;padding:.5rem;overflow-y:auto}.list-tag-options .empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.8125rem;font-style:italic}.list-tag-option{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);transition:var(--transition);background:0 0;border:none;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.list-tag-option:hover{background:var(--surface-hover)}.list-tag-option.selected{background:var(--primary-bg)}.list-tag-option .tag-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 2px #0000001a}.list-tag-option .tag-name{flex:1;font-weight:500}.list-tag-option i{color:var(--primary);font-size:.75rem}.tag-editor-modern{flex-direction:column;gap:.75rem;display:flex}.assigned-tags{flex-wrap:wrap;gap:.5rem;min-height:32px;display:flex}.tag-chip{font-size:calc(var(--font-size-base) * .8125);color:#fff;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-weight:500;line-height:1;display:inline-flex}.tag-chip-dismiss{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:.125rem;padding:0;transition:background .15s;display:inline-flex}.tag-chip-dismiss:hover{background:#fff6}.tag-chip-dismiss i{font-size:.5rem}.available-tags{flex-direction:column;gap:.5rem;display:flex}.available-tags-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.available-tags-list{flex-wrap:wrap;gap:.375rem;display:flex}.tag-chip-add{font-size:calc(var(--font-size-base) * .8125);cursor:pointer;background:0 0;border:1.5px dashed;border-radius:20px;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-weight:500;transition:all .15s;display:inline-flex}.tag-chip-add:hover{background:var(--hover-bg);border-style:solid}.tag-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tag-chip-add i{opacity:.7;font-size:.625rem}.all-tags-assigned{color:var(--text-muted);font-size:.8125rem;font-style:italic}.no-tags-hint{color:var(--text-muted);margin:0;font-size:.8125rem}.no-tags-hint .link-btn{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.no-tags-hint .link-btn:hover{color:var(--primary-hover)}.assignee-editor{flex-direction:column;gap:.75rem;display:flex}.assigned-users{flex-wrap:wrap;gap:.5rem;min-height:32px;display:flex}.assignee-chip{background:var(--accent-primary,#6366f1);color:#fff;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;line-height:1;display:inline-flex}.assignee-chip-dismiss{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:.125rem;padding:0;transition:background .15s;display:inline-flex}.assignee-chip-dismiss:hover{background:#fff6}.assignee-chip-dismiss i{font-size:.5rem}.assignee-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.assign-to-me-btn{border:1.5px dashed var(--accent-primary,#6366f1);color:var(--accent-primary,#6366f1);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.assign-to-me-btn:hover{background:var(--hover-bg);border-style:solid}.assign-to-me-btn i{font-size:.625rem}.assignee-search{flex:1;min-width:180px;position:relative}.assignee-search input{border:1px solid var(--border-color);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:.375rem .625rem;font-size:.8125rem}.assignee-search input:focus{border-color:var(--accent-primary,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f126}.assignee-dropdown{background:var(--surface);border:1px solid var(--border-color);z-index:1000;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.assignee-dropdown-item{cursor:pointer;flex-direction:column;gap:.125rem;padding:.625rem .75rem;transition:background .15s;display:flex}.assignee-dropdown-item:hover{background:var(--hover-bg)}.assignee-dropdown-item:first-child{border-radius:7px 7px 0 0}.assignee-dropdown-item:last-child{border-radius:0 0 7px 7px}.assignee-dropdown-item:only-child{border-radius:7px}.assignee-dropdown-name{color:var(--text);font-size:.875rem;font-weight:500}.assignee-dropdown-email{color:var(--text-muted);font-size:.75rem}.assignee-dropdown-empty{text-align:center;color:var(--text-muted);padding:.75rem;font-size:.8125rem;font-style:italic}.assignee-dropdown-loading{text-align:center;color:var(--text-muted);padding:.75rem;font-size:.8125rem}.no-assignees-hint{color:var(--text-muted);font-size:.8125rem;font-style:italic}.mini-timer{background:var(--accent-primary,#6366f1);color:#fff;cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.375rem .75rem;transition:background .15s;animation:2s ease-in-out infinite timer-pulse;display:flex}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.mini-timer:hover{background:var(--accent-primary-hover,#4f46e5)}.mini-timer-task{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.8125rem;font-weight:500;overflow:hidden}.mini-timer-elapsed{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.mini-timer-stop{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s;display:flex}.mini-timer-stop:hover{background:#ffffff59}.mini-timer-stop i{font-size:.625rem}.time-tracking-section{margin-top:1rem;padding:0 1.5rem}.section-toggle-btn{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--transition);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.section-toggle-btn:hover{background:var(--surface);border-color:var(--primary-light);color:var(--primary)}.section-toggle-btn .options-chevron{font-size:.75rem;transition:transform .2s}.section-toggle-btn .options-chevron.expanded{transform:rotate(90deg)}.section-toggle-btn i.fa-clock{color:var(--primary)}.section-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.time-section-content{padding:.75rem 0}.timer-controls{gap:.5rem;margin-bottom:.75rem;display:flex}.timer-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.timer-btn.start{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:0 2px 8px #6366f14d}.timer-btn.start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.timer-btn.start:disabled{opacity:.5;cursor:not-allowed}.timer-btn.stop{color:#fff;background:#ef4444;animation:2s ease-in-out infinite timer-pulse}.timer-btn.stop:hover{background:#dc2626}.timer-controls .add-time-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.timer-controls .add-time-btn:hover{background:var(--surface-hover);border-color:var(--accent-primary,#6366f1);color:var(--accent-primary,#6366f1)}.time-entries-list{flex-direction:column;gap:.375rem;margin-bottom:.75rem;display:flex}.time-entry-item{background:var(--hover-bg);border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.8125rem;display:flex}.entry-duration{color:var(--text);min-width:50px;font-weight:600}.entry-source{color:var(--text-muted);font-size:.75rem}.entry-date{color:var(--text-muted);flex:1;font-size:.75rem}.entry-note{color:var(--text-muted)}.entry-delete{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:.25rem;transition:opacity .15s,color .15s}.time-entry-item:hover .entry-delete{opacity:1}.entry-delete:hover{color:#ef4444}.time-total{border-top:1px solid var(--border-color);align-items:center;gap:.5rem;padding-top:.5rem;font-size:.8125rem;font-weight:500;display:flex}.time-total .entry-count{color:var(--text-muted);font-weight:400}.add-time-modal-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-time-modal{background:var(--surface);border-radius:12px;width:100%;max-width:360px;overflow:hidden;box-shadow:0 20px 40px #0003}.add-time-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.add-time-header h4{margin:0;font-size:1rem;font-weight:600}.add-time-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem}.add-time-header button:hover{color:var(--text)}.add-time-body{padding:1rem}.duration-inputs{gap:1rem;margin-bottom:1rem;display:flex}.duration-inputs label{align-items:center;gap:.375rem;display:flex}.duration-inputs input{border:1px solid var(--border-color);text-align:center;background:var(--bg);width:60px;color:var(--text);border-radius:6px;padding:.5rem;font-size:1rem}.duration-inputs input:focus{border-color:var(--accent-primary,#6366f1);outline:none}.duration-inputs span{color:var(--text-muted);font-size:.875rem}.note-input textarea{border:1px solid var(--border-color);resize:vertical;background:var(--bg);width:100%;min-height:80px;color:var(--text);border-radius:6px;padding:.5rem;font-size:.875rem}.note-input textarea:focus{border-color:var(--accent-primary,#6366f1);outline:none}.add-time-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding:1rem;display:flex}.settings-dropdown-wide{min-width:280px;max-width:320px;padding:0}.settings-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;padding:.5rem 1rem .25rem;font-size:.6875rem;font-weight:600;display:flex}.settings-section-label i{font-size:.75rem}.settings-section-toggle{cursor:pointer;border-radius:var(--radius);background:0 0;border:none;width:calc(100% - .5rem);margin:0 .25rem;transition:background .15s}.settings-section-toggle:hover{background:var(--surface-hover)}.settings-section-toggle .section-chevron{font-size:.625rem;transition:transform .15s}.settings-section-toggle .filter-count{color:var(--primary);margin-left:auto;font-size:.6875rem}.settings-date-filter{align-items:center;gap:.5rem;padding:.375rem 1rem .75rem;display:flex}.settings-date-filter input{border:1px solid var(--border-color);background:var(--bg);color:var(--text);border-radius:4px;flex:1;max-width:110px;padding:.375rem .5rem;font-size:.75rem}.settings-date-filter input:focus{border-color:var(--primary);outline:none}.settings-date-filter span{color:var(--text-muted);font-size:.75rem}.settings-tags-filter{flex-wrap:wrap;gap:.25rem;padding:.375rem 1rem .75rem;display:flex}.settings-btn.has-filters{color:var(--primary)}.settings-filter-badge{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 .25rem;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.settings-clear-btn{color:var(--danger)!important}.settings-clear-btn:hover{background:var(--danger-bg)!important}.filter-tag-btn{cursor:pointer;border:1.5px solid;border-radius:12px;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;transition:all .15s}.filter-tag-btn:hover{opacity:.8}.no-tags-message{color:var(--text-muted);font-size:.75rem;font-style:italic}.filter-results-info{background:var(--primary-bg);color:var(--primary);border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.8125rem}.automation-section{margin-top:1rem}.automation-section.loading{color:var(--text-muted);font-size:.875rem}.automation-toggle-header{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg,12px);cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;transition:var(--transition);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.automation-toggle-header:hover{background:var(--surface);border-color:var(--primary-light);color:var(--primary)}.automation-toggle-header .options-chevron{font-size:.75rem;transition:transform .2s}.automation-toggle-header .options-chevron.expanded{transform:rotate(90deg)}.automation-icon{color:var(--primary)}.automation-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem}.expand-icon{color:var(--text-muted);font-size:.75rem}.automation-content{padding:.75rem 0}.automation-empty{text-align:center;padding:1rem}.automation-empty p{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem}.automation-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.automation-enabled-toggle{cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.automation-enabled-toggle input{width:1rem;height:1rem;accent-color:var(--primary)}.automation-header-actions{gap:.5rem;display:flex}.automation-no-steps{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem;font-style:italic}.automation-flow{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:center;margin-bottom:.75rem;padding:1rem .5rem;display:flex}.flow-header,.flow-footer{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;display:flex;box-shadow:0 2px 4px #0000000d}.flow-start-icon{color:var(--success);font-size:.75rem}.flow-end-icon{color:var(--primary);font-size:.75rem}.flow-connector{background:linear-gradient(to bottom, var(--primary-light,var(--primary)) 0%, var(--primary) 50%, var(--primary-light,var(--primary)) 100%);flex-direction:column;justify-content:center;align-items:center;width:2px;height:1.5rem;display:flex;position:relative}.connector-arrow{color:var(--primary);background:var(--bg-secondary);border-radius:50%;padding:.125rem;font-size:.625rem}.automation-steps{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.step-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.automation-step{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;max-width:300px;transition:var(--transition);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex;box-shadow:0 2px 8px #0000000f}.automation-step:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.step-badge{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark,#4f46e5) 100%);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;display:flex;box-shadow:0 2px 4px #6366f14d}.step-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.step-label{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-size:.625rem;font-weight:600}.step-type{color:var(--text-primary);font-size:.8125rem;font-weight:600}.step-detail{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;font-size:.75rem;overflow:hidden}.add-step-btn{background:var(--surface);border:1px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:999px;justify-content:center;align-items:center;gap:.375rem;margin-bottom:.75rem;padding:.5rem;font-size:.8125rem;display:flex}.add-step-btn:hover{border-color:var(--primary);color:var(--primary)}.add-step-form{background:var(--bg-secondary);border-radius:8px;margin-bottom:.75rem;padding:.75rem}.step-config-field{margin-bottom:.75rem}.step-config-field label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.step-config-field input,.step-config-field select,.step-config-field textarea{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:4px;width:100%;padding:.5rem;font-size:.8125rem}.step-config-field textarea{resize:vertical;min-height:60px}.step-config-hint{color:var(--text-muted);margin:0;font-size:.75rem}.add-step-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.automation-delete-btn{width:100%;color:var(--danger);cursor:pointer;opacity:.7;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5rem;font-size:.75rem;display:flex}.automation-delete-btn:hover{opacity:1}.automation-conditions-section{background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;margin:.75rem 0}.conditions-toggle-btn{cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;transition:var(--transition);background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.conditions-toggle-btn:hover{background:var(--surface);color:var(--primary)}.conditions-chevron{color:var(--text-muted);font-size:.625rem;transition:transform .2s}.conditions-chevron.expanded{transform:rotate(90deg)}.conditions-icon{color:var(--warning);font-size:.875rem}.conditions-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem}.conditions-content{padding:0 .75rem .75rem}.conditions-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.conditions-enabled-toggle{cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.conditions-enabled-toggle input{width:1rem;height:1rem;accent-color:var(--primary)}.conditions-enabled-toggle input:disabled{opacity:.5;cursor:not-allowed}.conditions-hint{color:var(--text-muted);font-size:.6875rem;font-style:italic}.conditions-empty{color:var(--text-muted);margin:.5rem 0;font-size:.75rem;font-style:italic}.conditions-list{flex-direction:column;gap:.375rem;margin-bottom:.5rem;display:flex}.condition-item{background:var(--bg-primary);border-radius:4px;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.75rem;display:flex}.condition-icon{color:var(--warning);flex-shrink:0;font-size:.75rem}.condition-info{flex-direction:column;flex:1;min-width:0;display:flex}.condition-label{color:var(--text-primary);font-weight:500}.condition-value{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.condition-remove-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.25rem;font-size:.75rem}.condition-remove-btn:hover{color:var(--danger);background:var(--bg-secondary)}.add-condition-btn{background:var(--bg-primary);border:1px dashed var(--border-color);width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:4px;justify-content:center;align-items:center;gap:.375rem;padding:.375rem;font-size:.75rem;display:flex}.add-condition-btn:hover{border-color:var(--warning);color:var(--warning)}.add-condition-form{background:var(--bg-primary);border-radius:4px;padding:.5rem}.condition-config-field{margin-bottom:.5rem}.condition-config-field label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.6875rem;font-weight:500;display:block}.condition-config-field input,.condition-config-field select{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;width:100%;padding:.375rem .5rem;font-size:.75rem}.add-condition-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.cascades-section{margin-top:1rem}.cascades-section.loading{color:var(--text-muted);font-size:.875rem}.cascades-toggle-header{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg,12px);cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;transition:var(--transition);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.cascades-toggle-header:hover{background:var(--surface);border-color:var(--primary-light);color:var(--primary)}.cascades-icon{color:var(--primary)}.cascades-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem}.cascades-content{padding:.5rem 0}.cascades-empty{text-align:center;background:var(--bg-secondary);border-radius:8px;padding:1rem}.cascades-empty p{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem}.cascade-list{flex-direction:column;gap:.5rem;display:flex}.cascade-list-item{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;width:100%;transition:var(--transition);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.cascade-list-item:hover{border-color:var(--primary);background:var(--surface-hover)}.cascade-list-info{flex-direction:column;gap:.25rem;display:flex}.cascade-list-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.cascade-list-meta{color:var(--text-muted);font-size:.75rem}.cascade-list-status{border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.cascade-list-status.enabled{background:var(--success-bg);color:var(--success)}.cascade-list-status.disabled{background:var(--bg-tertiary);color:var(--text-muted)}.add-cascade-btn{background:var(--surface);border:1px dashed var(--border);width:auto;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:999px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;display:flex}.add-cascade-btn:hover{border-color:var(--primary);color:var(--primary)}.cascade-detail{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.cascade-detail-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.cascade-back-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cascade-back-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.cascade-detail-name{color:var(--text-primary);flex:1;font-size:1rem;font-weight:600}.cascade-enabled-toggle{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.cascade-enabled-toggle:has(input:checked){background:var(--success-bg,color-mix(in srgb, var(--success) 15%, transparent));color:var(--success)}.cascade-enabled-toggle input{width:1rem;height:1rem;accent-color:var(--success)}.cascade-flow{margin:1rem 0}.cascade-flow .flow-header,.cascade-flow .flow-footer{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.cascade-flow .flow-header.cascade-trigger{background:linear-gradient(135deg, var(--primary-bg), color-mix(in srgb, var(--primary) 12%, transparent));color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent)}.cascade-flow .flow-header.cascade-trigger i{font-size:.875rem}.cascade-flow .flow-start-icon,.cascade-flow .flow-end-icon{color:var(--success)}.cascade-flow .flow-connector{color:var(--border-color);flex-direction:column;align-items:center;padding:.375rem 0;display:flex}.cascade-flow .flow-connector:before{content:"";background:linear-gradient(180deg, var(--border-color), var(--primary));border-radius:1px;width:2px;height:1rem}.cascade-flow .connector-arrow{color:var(--primary);margin-top:.125rem;font-size:.625rem}.cascade-nodes{flex-direction:column;display:flex}.node-wrapper{flex-direction:column;align-items:stretch;display:flex}.cascade-node{background:var(--bg-primary);border:1px solid var(--border-color);transition:var(--transition);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.cascade-node.task{border-left:3px solid var(--primary)}.cascade-node.gate{border-left:3px solid var(--warning)}.cascade-node.locked{opacity:.6}.cascade-node.completed{border-left-color:var(--success);background:var(--success-bg)}.node-status-indicator{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.node-status-indicator i{font-size:1rem}.node-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.node-type-label{text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:flex}.node-title{color:var(--text-primary);font-size:.875rem;font-weight:500}.node-gate-description{color:var(--text-secondary);font-size:.75rem}.node-ack-message{color:var(--text-muted);font-size:.75rem;font-style:italic}.node-completed-badge{background:var(--success-bg);color:var(--success);border-radius:4px;align-items:center;gap:.25rem;width:fit-content;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.node-status-text{font-size:.6875rem;font-weight:500}.node-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.node-delete-btn{width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.node-delete-btn:hover{color:var(--danger);background:var(--bg-secondary)}.ack-form{align-items:center;gap:.375rem;display:flex}.ack-form input{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;width:120px;padding:.25rem .5rem;font-size:.75rem}.add-node-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-top:.75rem;padding:1rem}.node-config-field{margin-bottom:1rem}.node-config-field:last-child{margin-bottom:0}.node-config-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:block}.node-type-selector{gap:.75rem;display:flex}.node-type-btn{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border:2px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.node-type-btn i{font-size:1rem}.node-type-btn:hover{background:var(--surface-hover);border-color:var(--border-color)}.node-type-btn.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)}.node-config-field select,.node-config-field input{border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;padding:.625rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.node-config-field select:focus,.node-config-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);outline:none}.task-select-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.task-select-btn:hover{border-color:var(--primary);background:var(--surface-hover)}.task-select-btn.placeholder{color:var(--text-muted)}.task-select-btn.selected{background:var(--primary-bg);border-color:color-mix(in srgb, var(--primary) 30%, transparent);color:var(--primary);font-weight:500}.task-picker{background:var(--bg-tertiary);border:1px solid var(--primary);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.task-picker input{border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);background:0 0;padding:.75rem 1rem;font-size:.875rem}.task-picker input::placeholder{color:var(--text-muted)}.task-picker input:focus{outline:none}.task-picker-list{max-height:180px;overflow-y:auto}.task-picker-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.625rem 1rem;font-size:.875rem;transition:background .15s;display:block}.task-picker-item:hover{background:var(--surface-hover);color:var(--primary)}.task-picker-empty{color:var(--text-muted);text-align:center;padding:1rem;font-size:.8125rem;font-style:italic}.input-tasks-list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.input-task-chip{background:var(--primary-bg);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);color:var(--primary);border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;display:inline-flex}.input-task-chip button{width:1.125rem;height:1.125rem;color:var(--primary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:all .15s;display:flex}.input-task-chip button:hover{opacity:1;color:var(--danger)}.task-picker.inline{width:100%;margin-top:.5rem}.add-input-task-btn{border:1px dashed var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:all .2s;display:inline-flex}.add-input-task-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.add-node-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.cascade-cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.cascade-cancel-btn:hover{background:var(--surface-hover);border-color:var(--text-muted)}.cascade-add-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.cascade-add-btn:hover{background:var(--primary-hover);box-shadow:0 4px 8px color-mix(in srgb, var(--primary) 30%, transparent);transform:translateY(-1px)}.cascade-add-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.add-node-btn{background:var(--bg-tertiary);border:2px dashed var(--border-color);width:100%;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.add-node-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.cascade-footer-actions{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.cascade-reevaluate-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.cascade-reevaluate-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.cascade-reevaluate-btn:disabled{opacity:.5;cursor:not-allowed}.cascade-delete-btn{color:var(--danger);cursor:pointer;opacity:.8;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.cascade-delete-btn:hover{opacity:1;background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.settings-info{padding:.75rem 1rem}.settings-info-row{justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.75rem;display:flex}.settings-info-label{color:var(--text-muted)}.settings-info-value{color:var(--text-primary);font-weight:500}.settings-info-credits{color:var(--text-muted);text-align:center;border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.5rem;font-size:.6875rem;font-style:italic}.project-tree{padding:0}.project-tree-item{margin:0;list-style:none}.project-tree-header{cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);align-items:center;margin:0 .5rem;padding:.325rem .75rem;display:flex}.project-tree-header:hover{background:var(--surface-hover);color:var(--primary)}.project-tree-header:hover .list-icon{color:var(--primary)}.project-tree-header.active{background:var(--primary-bg);color:var(--primary)}.project-tree-header.active .list-icon{color:var(--primary)}.project-expand-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;margin-right:.25rem;padding:0;display:flex}.project-expand-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.project-expand-btn i{font-size:.625rem}.project-list-count{background:var(--surface-muted);border-radius:var(--radius-sm);color:var(--text-muted);margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.project-tree-header.active .project-list-count{color:var(--primary);background:#fff3}.project-nested-lists{margin:0;padding:0 0 .25rem;list-style:none}.project-nested-lists li{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.5rem;margin:0 .5rem;padding:.25rem .75rem .25rem 2.25rem;font-size:.8125rem;display:flex}.project-nested-lists li:hover{background:var(--surface-hover);color:var(--primary)}.project-nested-lists li:hover .list-icon{opacity:1;color:var(--primary)}.project-nested-lists li.active{background:var(--primary-bg);color:var(--primary)}.project-nested-lists li .list-icon{opacity:.7;font-size:.75rem}.project-nested-lists li.active .list-icon{opacity:1;color:var(--primary)}.project-item-content{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.project-menu-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.project-tree-header:hover .project-menu-btn{opacity:1}.project-menu-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.project-context-menu{z-index:1000;border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;min-width:180px;padding:.25rem;animation:.15s fadeIn;position:fixed;box-shadow:0 4px 20px #00000026}[data-theme=dark] .project-context-menu,.dark .project-context-menu{background:#2d2d2d}.project-context-menu button{width:100%;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.project-context-menu button:hover{background:var(--surface-hover)}.project-context-menu button i{text-align:center;width:16px;color:var(--text-muted)}.project-context-menu button.danger,.project-context-menu button.danger i{color:var(--danger)}.project-context-menu button.danger:hover{background:var(--danger-bg)}.context-menu-divider{background:var(--border-light);height:1px;margin:.25rem 0}.sidebar-projects h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 1rem .75rem;padding:0;font-size:.6875rem;font-weight:700}.project-create-form{gap:.5rem;margin-bottom:.75rem;padding:0 1rem;display:flex}.project-create-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);transition:var(--transition);flex:1;padding:.5rem .75rem;font-size:.8125rem}.project-create-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.project-create-form input::placeholder{color:var(--text-muted)}.project-create-form button{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:.5rem .75rem;font-size:.75rem}.project-create-form button:hover:not(:disabled){background:var(--primary-dark)}.project-create-form button:disabled{opacity:.5;cursor:not-allowed}.project-list{flex-direction:column;display:flex}.project-item{cursor:pointer;transition:var(--transition);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.project-item:hover{background:var(--surface-hover);color:var(--primary)}.project-item:hover i,.project-item:hover span{color:var(--primary)}.project-item.active{background:linear-gradient(90deg, var(--primary-bg), transparent);border-left-color:var(--primary)}.project-item i{color:var(--text-muted);font-size:1rem}.project-item.active i{color:var(--primary)}.project-item span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.project-item.active span{color:var(--text-primary);font-weight:500}.tasks-header.project-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;box-sizing:border-box;justify-content:space-between;align-items:center;width:calc(100% + 4rem);margin:0 -2rem 1.5rem;padding:1.25rem 2rem;position:sticky;top:0;display:flex!important}.tasks-header.project-header .tasks-header-left h2{align-items:center;gap:.5rem;display:flex}.project-header-controls{align-items:center;gap:.75rem;display:flex}.view-toggle{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);margin-left:auto;padding:.25rem;display:flex}.view-toggle button{border-radius:var(--radius-pill,999px);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);background:0 0;border:none;align-items:center;gap:.375rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.view-toggle button:hover{color:var(--text-primary);background:var(--surface,#fff)}.view-toggle button.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126)}.view-toggle button i{font-size:.875rem}.view-filter-container{margin-left:auto;position:relative}.view-toggle~.view-filter-container{margin-left:0}.view-filter-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.view-filter-btn i{font-size:.8rem}.view-filter-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--surface-hover)}.view-filter-btn.has-filters{color:var(--primary);border-color:var(--primary)}.view-filter-btn .filter-badge{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.view-filter-dropdown{background:var(--glass-bg,#ffffffe0);min-width:300px;max-width:340px;-webkit-backdrop-filter:blur(var(--glass-blur,20px));border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-xl,20px);box-shadow:0 16px 48px #0000001f, var(--shadow-glow,0 0 16px #6366f10f);z-index:100;animation:dropdown-fade-in .15s var(--spring-smooth,ease-out);margin-top:.5rem;padding:0;position:absolute;top:100%;right:0;overflow:hidden}.filter-tab-nav{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);gap:2px;margin:.5rem .75rem 0;padding:.25rem;display:flex}.filter-tab-btn{border-radius:var(--radius-pill,999px);color:var(--text-muted);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.filter-tab-btn:hover{color:var(--primary);background:var(--surface-hover)}.filter-tab-btn.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126)}.filter-tab-btn.active i{color:#fff}.filter-tab-btn i{color:var(--text-muted);font-size:.7rem;transition:color .2s}.filter-tab-btn:hover i{color:var(--primary)}.filter-tab-badge{background:var(--primary);color:#fff;text-align:center;border-radius:10px;min-width:1rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600}.filter-tab-content{max-height:400px;padding:.625rem 0;overflow-y:auto}.filter-section{padding:.625rem 1rem}.filter-section-header{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.5rem;margin-bottom:.625rem;font-size:.6875rem;font-weight:700;display:flex}.filter-section-header i{font-size:.7rem}.filter-sort-options,.filter-priority-options,.filter-tags-options,.filter-attachment-options{flex-wrap:wrap;gap:.375rem;display:flex}.filter-hidden-toggle{flex-direction:column;gap:.375rem;display:flex}.filter-toggle-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.filter-toggle-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}.filter-toggle-text{color:var(--text-primary);font-size:.8125rem}.filter-toggle-hint{color:var(--text-muted);padding-left:1.5rem;font-size:.6875rem;font-style:italic}.filter-option,.filter-priority-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer;padding:.4rem .85rem;font-size:.75rem;font-weight:500;transition:all .2s}.filter-option:hover,.filter-priority-btn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.filter-option.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 3px #0000001a}.filter-priority-btn.priority-high{color:#ef4444;border-color:#ef4444}.filter-priority-btn.priority-high.active{color:#fff;background:#ef4444}.filter-priority-btn.priority-medium{color:#f59e0b;border-color:#f59e0b}.filter-priority-btn.priority-medium.active{color:#fff;background:#f59e0b}.filter-priority-btn.priority-low{color:#3b82f6;border-color:#3b82f6}.filter-priority-btn.priority-low.active{color:#fff;background:#3b82f6}.filter-priority-btn.priority-none{border-color:var(--text-muted);color:var(--text-muted)}.filter-priority-btn.priority-none.active{background:var(--text-muted);color:#fff}.filter-tag-btn{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1.5px solid;padding:.3rem .625rem;font-size:.7rem;font-weight:500;transition:all .2s}.filter-tag-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-tag-btn.selected{box-shadow:0 1px 3px #0000001a}.filter-sort-direction{gap:.375rem;margin-top:.5rem;display:flex}.filter-sort-direction button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.filter-sort-direction button:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.filter-sort-direction button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 3px #0000001a}.filter-divider{background:var(--border);height:1px;margin:.5rem 0}.filter-clear-btn{border-radius:var(--radius-md);background:var(--danger-bg,#ef44441a);width:calc(100% - 2rem);color:var(--danger,#ef4444);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;margin:.5rem 1rem;padding:.5rem;font-size:.75rem;font-weight:500;display:flex}.filter-clear-btn:hover{background:var(--danger,#ef4444);color:#fff}.filter-empty-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.filter-group-options{flex-wrap:wrap;gap:.375rem;display:flex}.grouped-task-list{flex-direction:column;gap:1rem;display:flex}.task-group{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.task-group-header{background:var(--surface-elevated,var(--bg-secondary));width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);text-align:left;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.task-group-header:hover{background:var(--hover)}.group-caret{color:var(--text-muted);width:.75rem;font-size:.75rem;transition:transform .15s}.group-title{flex:1}.group-count{color:var(--text-muted);background:var(--bg-tertiary,#0000000d);border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.75rem;font-weight:500}.task-group .task-list.group-tasks{border-top:1px solid var(--border)}.task-group .task-list.group-tasks .task-item{border-bottom:1px solid var(--border);border-radius:0}.task-group .task-list.group-tasks .task-item:last-child{border-bottom:none}.project-settings-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex}.project-settings-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.project-lists-section{background:var(--surface-muted);border-radius:var(--radius-md);margin-top:1.5rem;margin-bottom:1.5rem;padding:1rem}.project-lists-title{color:var(--text-secondary);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;display:flex}.project-lists-title i{opacity:.7;font-size:.75rem}.project-lists-grid{flex-wrap:wrap;gap:.75rem;display:flex}.project-list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--text-primary);align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.project-list-card:hover{border-color:var(--primary);background:var(--primary-bg)}.project-list-card:hover .project-list-arrow{opacity:1;transform:translate(2px)}.project-list-icon{color:var(--primary);font-size:.875rem}.project-list-name{font-weight:500}.project-list-arrow{color:var(--text-muted);opacity:0;transition:var(--transition);margin-left:auto;font-size:.75rem}.project-settings-wrapper{position:relative}.project-settings-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl,20px);width:360px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;max-height:min(500px,100vh - 120px);animation:.15s fadeIn;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.project-settings-tabs{background:var(--surface-hover,#f1f5f9);border-bottom:none;border-radius:999px;flex-shrink:0;gap:.25rem;margin:.5rem;padding:.5rem;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.75rem;font-weight:500;display:flex;position:relative}.settings-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.settings-tab.active{color:#fff;background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));box-shadow:0 2px 8px #6366f14d}.settings-tab.active:after{display:none}.settings-tab i{font-size:.75rem}.project-settings-content{flex:1;overflow-y:auto}.project-settings-section{border-bottom:1px solid var(--border);padding:1rem}.project-settings-section:last-child{border-bottom:none}.project-settings-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .75rem;font-size:.6875rem;font-weight:700}.project-settings-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.project-settings-empty i{opacity:.4;margin-bottom:.75rem;font-size:2rem}.project-settings-empty p{margin:0;font-size:.8125rem;line-height:1.4}.project-settings-danger{background:#ef44440d;border-top:1px solid #ef44441a}.project-details-section{max-height:none;overflow-y:visible}.project-details-form{flex-direction:column;gap:.75rem;display:flex}.project-details-form .form-row{flex-direction:column;gap:.25rem;display:flex}.project-details-form .form-row label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.project-details-form .form-row input,.project-details-form .form-row textarea,.project-details-form .form-row select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);transition:var(--transition);padding:.5rem .625rem;font-size:.8125rem}.project-details-form .form-row input:focus,.project-details-form .form-row textarea:focus,.project-details-form .form-row select:focus{border-color:var(--primary);outline:none}.project-details-form .form-row input::placeholder,.project-details-form .form-row textarea::placeholder{color:var(--text-muted)}.project-details-form .form-row textarea{resize:vertical;min-height:60px}.project-details-form .form-row select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding-right:2rem}.project-details-form .form-row input:focus,.project-details-form .form-row select:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary,#6366f1) 20%, transparent)}.project-details-form .form-row input[type=color]{cursor:pointer;width:100%;height:32px;padding:2px}.project-details-form .form-row input[type=number]{-moz-appearance:textfield}.project-details-form .form-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.project-details-form .form-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.project-details-form .form-row-inline{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.checkbox-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.project-dashboard{flex-direction:column;gap:1.5rem;max-height:calc(100vh - 120px);padding:1.5rem;display:flex;overflow-y:auto}.project-dashboard-loading,.project-dashboard-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.project-dashboard-loading i,.project-dashboard-empty i{opacity:.5;font-size:2rem}.pd-summary-cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pd-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);align-items:center;gap:1rem;padding:1.25rem;display:flex}.pd-card-icon{border-radius:var(--radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;display:flex}.pd-card-total .pd-card-icon{color:#3b82f6;background:#3b82f61a}.pd-card-completed .pd-card-icon{color:#22c55e;background:#22c55e1a}.pd-card-remaining .pd-card-icon{color:#f59e0b;background:#f59e0b1a}.pd-card-overdue .pd-card-icon{color:var(--text-muted);background:#9ca3af1a}.pd-card-overdue.has-overdue .pd-card-icon{color:#ef4444;background:#ef44441a}.pd-card-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.pd-card-label{color:var(--text-muted);margin-top:.125rem;font-size:.8rem}.pd-progress-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:1.25rem}.pd-progress-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.pd-progress-header h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.pd-progress-pct{color:var(--primary,#3b82f6);font-size:1.25rem;font-weight:700}.pd-progress-track{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.pd-progress-fill{background:var(--primary,#3b82f6);border-radius:5px;min-width:0;height:100%;transition:width .5s}.pd-progress-label{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.pd-charts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.pd-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:1.25rem}.pd-chart-card h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:600;display:flex}.pd-chart-card h3 i{opacity:.6;font-size:.85rem}.pd-recent-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:1.25rem}.pd-recent-section h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:600;display:flex}.pd-recent-section h3 i{opacity:.6;font-size:.85rem}.pd-recent-empty{color:var(--text-muted);padding:1rem 0;font-size:.85rem}.pd-recent-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pd-recent-item{border-bottom:1px solid var(--border);align-items:center;gap:.625rem;padding:.5rem 0;font-size:.875rem;display:flex}.pd-recent-item:last-child{border-bottom:none}.pd-recent-item i{color:#22c55e;flex-shrink:0;font-size:.8rem}.pd-recent-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;overflow:hidden}.pd-recent-date{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.pd-settings-toggle{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.pd-settings-toggle-text{flex-direction:column;gap:.125rem;display:flex}.pd-settings-toggle-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.pd-settings-toggle-hint{color:var(--text-muted);font-size:.8rem}.pd-critical-path-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);margin-top:1.5rem;padding:1.25rem}.pd-critical-path-section h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex}.pd-critical-path-section h3 i{opacity:.6;font-size:.85rem}.pd-critical-path-loading{color:var(--text-muted);align-items:center;gap:.5rem;padding:1rem 0;font-size:.875rem;display:flex}.pd-critical-path-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 0;display:flex}.pd-critical-path-empty i{opacity:.4;font-size:1.5rem}.pd-critical-path-empty p{max-width:320px;margin:0;font-size:.85rem}.pd-cp-summary{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.pd-cp-stat{flex-direction:column;gap:.125rem;display:flex}.pd-cp-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.pd-cp-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.pd-cp-stat-warn .pd-cp-stat-value{color:#f59e0b}.pd-cp-warnings{margin-bottom:.75rem}.pd-cp-warning{border-radius:var(--radius-sm,4px);color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.pd-cp-task-list{flex-direction:column;gap:.5rem;display:flex}.pd-cp-task{border:1px solid var(--border);border-radius:var(--radius-sm,4px);background:var(--background);padding:.75rem;transition:border-color .15s}.pd-cp-task:hover{border-color:var(--text-muted)}.pd-cp-task-critical{border-left:3px solid #ef4444}.pd-cp-task-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.375rem;display:flex}.pd-cp-task-title{color:var(--text-primary);align-items:center;gap:.5rem;min-width:0;font-size:.875rem;font-weight:500;display:flex;overflow:hidden}.pd-cp-task-title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pd-cp-badge-critical{color:#ef4444;text-transform:uppercase;letter-spacing:.04em;background:#ef44441f;border-radius:3px;flex-shrink:0;padding:.125rem .375rem;font-size:.675rem;font-weight:600}.pd-cp-task-meta{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.pd-cp-priority{text-transform:uppercase;border-radius:3px;padding:.125rem .375rem;font-size:.7rem;font-weight:600}.pd-cp-priority-none{color:var(--text-muted);background:#9ca3af1a}.pd-cp-priority-low{color:#22c55e;background:#22c55e1a}.pd-cp-priority-medium{color:#f59e0b;background:#f59e0b1a}.pd-cp-priority-high{color:#ef4444;background:#ef44441a}.pd-cp-duration{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.pd-cp-task-details{flex-direction:column;gap:.375rem;display:flex}.pd-cp-timing{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:1rem;font-size:.75rem;display:flex}.pd-cp-slack{font-weight:500}.pd-cp-slack-zero{color:#ef4444;font-weight:600}.pd-cp-deps{color:var(--text-muted);gap:.75rem;font-size:.75rem;display:flex}.pd-cp-dep-count i{margin-right:.25rem;font-size:.65rem}.pd-full-width{grid-column:1/-1;margin-top:.5rem}.pd-chart-subtitle{color:var(--text-muted);margin-left:.5rem;font-size:.8rem;font-weight:400}.pd-over{color:#ef4444}.pd-under{color:#22c55e}.pd-estimation-summary{gap:2rem;margin-bottom:1rem;display:flex}.pd-est-stat{flex-direction:column;gap:.125rem;display:flex}.pd-est-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.pd-est-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.estimate-inputs{gap:1rem;margin-bottom:.75rem;display:flex}.estimate-inputs label{align-items:center;gap:.375rem;display:flex}.estimate-inputs input{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);width:60px;color:var(--text-primary);text-align:center;padding:.5rem;font-size:.85rem}.estimate-inputs span{color:var(--text-muted);font-size:.8rem}.estimate-vs-actual{margin-top:.25rem}.estimate-comparison{flex-direction:column;gap:.375rem;display:flex}.estimate-bar-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.estimate-bar-fill{border-radius:4px;height:100%;transition:width .3s}.estimate-bar-fill.under{background:#22c55e}.estimate-bar-fill.over{background:#ef4444}.estimate-labels{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.estimate-status{font-size:.8rem;font-weight:600}.estimate-status.under{color:#22c55e}.estimate-status.over{color:#ef4444}.project-budget{flex-direction:column;gap:1.25rem;max-height:calc(100vh - 120px);padding:1.5rem;display:flex;overflow-y:auto}.pb-loading,.pb-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.pb-loading i,.pb-empty i{opacity:.5;font-size:2rem}.pb-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pb-header-left{align-items:center;gap:1rem;display:flex}.pb-tabs{background:var(--surface-hover,#00000008);border-radius:var(--radius-md,8px);gap:.25rem;padding:.2rem;display:flex}.pb-tab{border-radius:var(--radius-sm,6px);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.pb-tab:hover{color:var(--text-primary)}.pb-tab.active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 2px #0000000f}.pb-tab i{font-size:.75rem}.pb-header-actions{align-items:center;gap:.375rem;display:flex}.pb-export-group{gap:.125rem;display:flex}.pb-action-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm,6px);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.pb-action-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.pb-settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:1.25rem}.pb-settings-panel h4{color:var(--text-primary);margin:0 0 1rem;font-size:.9rem;font-weight:600}.pb-settings-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.pb-settings-field{flex-direction:column;gap:.375rem;display:flex}.pb-settings-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.pb-settings-field input,.pb-settings-field select{border:1px solid var(--border);border-radius:var(--radius-sm,6px);background:var(--surface);color:var(--text-primary);outline:none;padding:.5rem .625rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.pb-settings-field input:focus,.pb-settings-field select:focus{border-color:var(--primary,#6366f1);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary,#6366f1) 20%, transparent)}.pb-settings-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding-right:2rem}.pb-settings-field input[type=number]{-moz-appearance:textfield}.pb-settings-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pb-settings-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pb-settings-hint{color:var(--text-muted);font-size:.7rem}.pb-settings-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.pb-btn-primary{background:var(--primary,#6366f1);color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s;display:flex}.pb-btn-primary:hover{opacity:.9}.pb-btn-secondary{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.8125rem}.pb-health-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pb-health-badge{border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.pb-forecast-warn{color:#f59e0b;align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;display:flex}.pb-summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.pb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:1rem 1.25rem}.pb-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.pb-card-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.pb-card-spent{color:var(--primary,#6366f1)}.pb-card-positive{color:#22c55e}.pb-card-negative{color:#ef4444}.pb-card-detail{color:var(--text-muted);margin-top:.25rem;font-size:.7rem}.pb-progress-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:1rem 1.25rem}.pb-progress-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}.pb-progress-track{background:var(--border);border-radius:4px;height:8px;position:relative;overflow:hidden}.pb-progress-fill{border-radius:4px;height:100%;transition:width .5s}.pb-progress-overflow{background:repeating-linear-gradient(-45deg,#ef4444,#ef4444 4px,#fca5a5 4px 8px);border-radius:0 4px 4px 0;height:100%;position:absolute;top:0;right:0}.pb-progress-labels{color:var(--text-muted);justify-content:space-between;margin-top:.375rem;font-size:.75rem;display:flex}.pb-empty-costs{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg,12px);flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;display:flex}.pb-empty-costs i{color:var(--text-muted);opacity:.4;font-size:2rem}.pb-empty-costs h4{color:var(--text-primary);margin:0;font-size:.95rem}.pb-empty-costs p{color:var(--text-muted);max-width:320px;margin:0;font-size:.8125rem}.pb-charts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.pb-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:1.25rem}.pb-chart-card h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.85rem;font-weight:600;display:flex}.pb-chart-card h4 i{opacity:.5;font-size:.8rem}.pb-task-stats{border-top:1px solid var(--border);gap:2rem;padding:.75rem 0;display:flex}.pb-task-stat{align-items:baseline;gap:.375rem;display:flex}.pb-task-stat-value{color:var(--text-primary);font-size:1.125rem;font-weight:700}.pb-task-stat-label{color:var(--text-muted);font-size:.75rem}.pb-history-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem;display:flex}.pb-history-empty i{opacity:.4;font-size:1.5rem}.pb-history-list{flex-direction:column;display:flex}.pb-history-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.75rem;padding:.875rem 0;display:flex}.pb-history-item:last-child{border-bottom:none}.pb-history-icon{border-radius:var(--radius-sm,6px);background:var(--surface-hover,#00000008);width:2rem;height:2rem;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.pb-history-content{flex:1;min-width:0}.pb-history-desc{color:var(--text-primary);font-size:.8125rem}.pb-history-meta{color:var(--text-muted);gap:.75rem;margin-top:.25rem;font-size:.75rem;display:flex}.pb-history-task{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.pb-history-task i{margin-right:.25rem;font-size:.65rem}.pb-history-value{color:var(--text-primary);flex-shrink:0;font-size:.875rem;font-weight:600}@media (width<=768px){.pb-settings-grid{grid-template-columns:1fr}.pb-summary-cards{grid-template-columns:repeat(2,1fr)}.pb-charts-grid{grid-template-columns:1fr}.pb-task-stats{flex-wrap:wrap;gap:1rem}.pd-summary-cards{grid-template-columns:repeat(2,1fr)}.pd-charts-grid{grid-template-columns:1fr}.pd-cp-summary{gap:1rem}.pd-cp-task-header{flex-direction:column;align-items:flex-start}}.project-settings-section h4 i{opacity:.7;margin-right:.375rem}.delivery-hint{background:var(--primary-bg);border-radius:var(--radius);color:var(--primary);align-items:flex-start;gap:.5rem;padding:.625rem .75rem;font-size:.75rem;display:flex}.delivery-hint i{flex-shrink:0;margin-top:.125rem}.add-column-form{gap:.5rem;display:flex}.add-column-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);transition:var(--transition);flex:1;padding:.5rem .75rem;font-size:.8125rem}.add-column-form input:focus{border-color:var(--primary);outline:none}.add-column-form input::placeholder{color:var(--text-muted)}.add-column-form button{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:.5rem}.add-column-form button:hover:not(:disabled){background:var(--primary-dark)}.add-column-form button:disabled{opacity:.5;cursor:not-allowed}.column-list{flex-direction:column;gap:.375rem;display:flex}.column-list-item{background:var(--surface-hover);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.column-list-item span{color:var(--text-primary);flex:1;font-size:.8125rem}.column-list-item .column-actions{opacity:0;transition:var(--transition);gap:.25rem;display:flex}.column-list-item:hover .column-actions{opacity:1}.column-actions button{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:.75rem}.column-actions button:hover{color:var(--danger);background:var(--danger-bg)}.delete-project-btn{border-radius:var(--radius-sm);background:var(--danger-bg);width:100%;color:var(--danger);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.8125rem;font-weight:500;display:flex}.delete-project-btn:hover{background:var(--danger);color:#fff}.kanban-board{background:linear-gradient(180deg, var(--background) 0%, #6366f105 100%);align-items:flex-start;gap:1rem;min-height:calc(100vh - 200px);padding:1.5rem;display:flex;overflow-x:auto}.kanban-column{background:var(--surface);border-radius:var(--radius-lg);border:2px solid #0000;flex-direction:column;flex:0 0 320px;max-height:calc(100vh - 240px);transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.kanban-column.drag-over{border-color:var(--primary);background:linear-gradient(#6366f114 0%,#6366f108 100%);transform:scale(1.01);box-shadow:0 0 0 4px #6366f126,0 4px 12px #6366f133}.kanban-column-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-hover) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;padding:1rem 1rem .875rem;display:flex}.kanban-column-header h4{color:var(--text-primary);align-items:center;gap:.625rem;margin:0;font-size:.875rem;font-weight:600;display:flex}.kanban-column-count{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.wip-warning{color:var(--warning);font-size:.875rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.kanban-column-content{flex-direction:column;flex:1;gap:.625rem;min-height:80px;padding:.75rem;transition:all .2s;display:flex;overflow-y:auto}.kanban-empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.kanban-empty-state i{opacity:.4;font-size:1.5rem}.kanban-empty-state span{font-size:.8125rem}.kanban-drop-indicator{background:linear-gradient(135deg, var(--primary-bg) 0%, #8b5cf61a 100%);border:2px dashed var(--primary);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;animation:1.5s ease-in-out infinite dropPulse;display:flex}.kanban-drop-indicator .drop-indicator-line{background:linear-gradient(90deg, transparent 0%, var(--primary) 50%, transparent 100%);border-radius:2px;width:100%;height:3px}.kanban-drop-indicator span{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}@keyframes dropPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;padding:.875rem;transition:all .15s;position:relative}.kanban-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.kanban-card:active{cursor:grabbing;transform:scale(1.02)}.kanban-card.dragging{opacity:.4;border-color:var(--primary);z-index:100;transform:rotate(3deg)scale(1.05);box-shadow:0 8px 24px #6366f14d}.kanban-card.completed{opacity:.6;background:var(--surface-hover)}.kanban-card.completed .kanban-card-title{color:var(--text-muted);text-decoration:line-through}.kanban-card-header{justify-content:space-between;align-items:flex-start;min-height:1.25rem;margin-bottom:.375rem;display:flex}.kanban-card-header .kanban-card-flag{font-size:.75rem;position:static}.kanban-card-actions{opacity:0;gap:.25rem;margin-left:auto;transition:opacity .15s;display:flex}.kanban-card:hover .kanban-card-actions{opacity:1}.kanban-card-action{border-radius:var(--radius-sm);background:var(--surface-hover);width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:.6875rem;transition:all .15s;display:flex}.kanban-card-action:hover{background:var(--primary-light);color:var(--primary)}.kanban-card-action.complete-action:hover{color:var(--success);background:#22c55e26}.kanban-card-action.delete-action:hover{color:var(--danger);background:#ef444426}.kanban-card-flag{font-size:.75rem;position:absolute;top:.625rem;right:.625rem}.kanban-card-title{color:var(--text-primary);margin:0 0 .375rem;font-size:.875rem;font-weight:500;line-height:1.4}.kanban-card-description{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;line-height:1.4}.kanban-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.kanban-card-due{color:var(--text-muted);background:var(--surface-hover);border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;display:inline-flex}.kanban-card-due.overdue{color:var(--danger);background:var(--danger-bg)}.kanban-card-due.today{color:var(--warning);background:#f59e0b1a}.kanban-card-due i{font-size:.625rem}.kanban-card-priority{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.kanban-card-priority.high{color:var(--danger);background:var(--danger-bg)}.kanban-card-priority.medium{color:var(--warning);background:#f59e0b1a}.kanban-card-priority.low{color:var(--success);background:var(--success-bg)}.kanban-card-flag{font-size:.75rem}.kanban-card-subtasks{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.6875rem;display:inline-flex}.kanban-card-subtasks i{font-size:.625rem}.kanban-card-subtasks.all-done{color:var(--success)}.kanban-card-tags{flex-wrap:wrap;gap:.25rem;margin-top:.5rem;display:flex}.kanban-card-tag{background:var(--surface-hover);color:var(--text-muted);border-radius:3px;padding:.125rem .375rem;font-size:.625rem}.kanban-card-tag.more{background:var(--primary-light);color:var(--primary);font-weight:500}.kanban-card-time{color:var(--text-secondary);font-weight:500}.kanban-card-progress{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.6875rem;display:inline-flex}.progress-mini{background:var(--surface-hover);border-radius:2px;width:2.5rem;height:.25rem;overflow:hidden}.progress-mini-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .2s}.kanban-quick-add{border-top:1px solid var(--border);background:linear-gradient(180deg, var(--surface-hover) 0%, var(--surface) 100%);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:.75rem}.kanban-quick-add-form{align-items:center;gap:.5rem;display:flex}.kanban-quick-add-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);flex:1;padding:.625rem .875rem;font-size:.8125rem;transition:all .15s}.kanban-quick-add-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.kanban-quick-add-input::placeholder{color:var(--text-muted)}.kanban-quick-add-submit{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.kanban-quick-add-submit:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.kanban-quick-add-submit:active{transform:scale(.98)}.kanban-quick-add-submit i{font-size:.75rem}.kanban-empty-column{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;font-size:.8125rem;display:flex}.kanban-empty-column i{opacity:.5;margin-bottom:.5rem;font-size:1.5rem}.kanban-column.uncategorized .kanban-column-header h4{opacity:.75;font-style:italic}.kanban-column-actions{opacity:0;gap:.25rem;transition:opacity .15s;display:flex}.kanban-column:hover .kanban-column-actions{opacity:1}.kanban-column-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex}.kanban-column-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.kanban-column-rename-form{flex:1}.kanban-column-rename-input{border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text-primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none;padding:.375rem .625rem;font-size:.875rem;font-weight:600}.kanban-add-column{flex-direction:column;flex:0 0 280px;align-items:stretch;padding-top:0;display:flex}.kanban-add-column-btn{border-radius:var(--radius-lg);border:2px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;min-height:56px;padding:.875rem 1.5rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.kanban-add-column-btn:hover{border-color:var(--primary);color:var(--primary);background:#6366f10d}.kanban-add-column-form{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1rem;box-shadow:0 1px 3px #00000014}.kanban-add-column-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);margin-bottom:.625rem;padding:.625rem .875rem;font-size:.8125rem;transition:all .15s}.kanban-add-column-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.kanban-add-column-input::placeholder{color:var(--text-muted)}.kanban-add-column-actions{gap:.5rem;display:flex}.kanban-add-column-confirm{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;border:none;flex:1;padding:.5rem;font-size:.8125rem;font-weight:500;transition:all .15s}.kanban-add-column-confirm:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d}.kanban-add-column-confirm:disabled{opacity:.5;cursor:not-allowed}.kanban-add-column-cancel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;flex:1;padding:.5rem;font-size:.8125rem;transition:all .15s}.kanban-add-column-cancel:hover{background:var(--surface-hover)}.kanban-card-icon{color:var(--text-muted);margin-right:.375rem;font-size:.8125rem;display:inline-flex}.kanban-card-color-stripe{border-radius:var(--radius-md) 0 0 var(--radius-md);width:4px;position:absolute;top:0;bottom:0;left:0}.kanban-drop-zone{color:var(--primary);opacity:.6;justify-content:center;align-items:center;padding:1.5rem 1rem;font-size:.8125rem;font-weight:500;display:flex}.report-builder-page{max-width:1200px;margin:0 auto;padding:2rem}.report-builder-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.report-builder-header h2{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.625rem;margin:0;font-size:1.625rem;font-weight:700;display:flex}.report-builder-header h2 i{color:var(--primary)}.report-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.report-btn-primary{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.report-btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-glow,0 0 16px #6366f133), 0 2px 8px #8b5cf659;transform:translateY(-1px)}.report-btn-primary:active:not(:disabled){transform:scale(.98)translateY(0)}.report-btn-primary:disabled{opacity:.5;cursor:not-allowed}.report-btn-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.report-btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--surface)}.report-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.report-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.report-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.25rem;transition:all .2s}.report-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf61a}.report-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.report-card-icon{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8125rem;display:flex}.report-card-actions{opacity:0;gap:.25rem;transition:opacity .15s;display:flex}.report-card:hover .report-card-actions{opacity:1}.report-card-actions button{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex}.report-card-actions button:hover{background:var(--surface-hover);color:var(--text-primary)}.report-card-title{color:var(--text-primary);margin:0 0 .375rem;font-size:1rem;font-weight:600}.report-card-desc{color:var(--text-muted);margin:0 0 .75rem;font-size:.8125rem;line-height:1.4}.report-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.report-card-meta span{align-items:center;gap:.375rem;display:inline-flex}.report-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.report-empty-state>i{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));-webkit-text-fill-color:transparent;opacity:.4;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem}.report-empty-state h3{color:var(--text-primary);margin:0 0 .5rem}.report-empty-state p{margin:0 0 1.5rem;font-size:.875rem}.report-empty-state .report-btn-primary{align-self:center;width:auto;max-width:fit-content;padding:.625rem 1.5rem;display:inline-flex}.report-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:3rem;font-size:.875rem;display:flex}.report-designer{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:2rem;box-shadow:0 1px 3px #0000000a}.report-field-group{margin-bottom:1.5rem}.report-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.report-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);padding:.625rem .875rem;font-size:.875rem;transition:all .15s}.report-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.report-input::placeholder{color:var(--text-muted)}.report-option-group{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;gap:0;display:inline-flex;overflow:hidden}.report-option-btn{border:none;border-right:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:0;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:500;transition:all .15s}.report-option-btn:last-child{border-right:none}.report-option-btn:hover:not(.active){background:var(--surface-hover);color:var(--primary)}.report-option-btn.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border-right-color:#0000}.report-option-btn.active+.report-option-btn{border-left:none}.report-option-btn.chart-type-btn{align-items:center;gap:.375rem;display:inline-flex}.report-date-range{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.report-date-range .report-input{flex:1;width:auto}.report-date-separator{color:var(--text-muted);font-size:.8125rem}.report-designer-actions{border-top:1px solid var(--border);gap:.75rem;margin-bottom:1.5rem;padding-top:1rem;display:flex}.report-result-section{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:2rem;padding:1.5rem}.report-result-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.report-result-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.report-summary-cards{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.report-summary-card{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;align-items:center;padding:1.125rem 1rem;transition:all .2s;display:flex}.report-summary-card:hover{border-color:#8b5cf64d;box-shadow:0 2px 8px #8b5cf614}.report-summary-value{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.625rem;font-weight:700}.report-summary-label{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.report-chart-container{min-height:360px}@media (width<=768px){.report-builder-page{padding:1rem}.report-grid{grid-template-columns:1fr}.report-summary-cards{grid-template-columns:repeat(2,1fr)}.report-builder-header{flex-direction:column}}.dep-graph-page{flex-direction:column;height:100%;padding:1.5rem 2rem 0;display:flex}.dep-graph-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.dep-graph-header h2{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.625rem;margin:0;font-size:1.625rem;font-weight:700;display:flex}.dep-graph-header h2 i{color:var(--primary)}.dep-graph-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.dep-graph-controls{align-items:center;gap:1rem;display:flex}.dep-graph-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;display:flex}.dep-graph-switch-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.dep-graph-switch-track{background:var(--border);cursor:pointer;border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.dep-graph-switch-track[data-active=true]{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%))}.dep-graph-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.dep-graph-switch-track[data-active=true] .dep-graph-switch-thumb{transform:translate(18px)}.dep-graph-project-filter{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:.5rem .875rem;font-size:.8125rem}.dep-graph-project-filter:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.dep-graph-container{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);flex:1;min-height:500px;overflow:hidden}.dep-graph-loading,.dep-graph-empty{height:100%;min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.dep-graph-empty i{opacity:.3;background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem}.dep-graph-empty h3{color:var(--text-primary);margin:.5rem 0 .25rem}.dep-graph-empty p{margin:0;font-size:.875rem}.dep-graph-node{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:default;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.dep-graph-node:hover{border-color:var(--primary);box-shadow:0 4px 12px #6366f126}.dep-graph-node.completed{opacity:.6}.dep-graph-node.completed .dep-graph-node-title{text-decoration:line-through}.dep-graph-node-stripe{flex-shrink:0;width:4px}.dep-graph-node-body{flex:1;min-width:0;padding:.625rem .75rem}.dep-graph-node-header{align-items:flex-start;gap:.5rem;margin-bottom:.375rem;display:flex}.dep-graph-node-check{flex-shrink:0;margin-top:2px;font-size:.8125rem}.dep-graph-node-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1.3;overflow:hidden}.dep-graph-node-meta{color:var(--text-muted);flex-wrap:wrap;gap:.5rem;font-size:.6875rem;display:flex}.dep-graph-node-meta i{margin-right:.25rem}.dep-graph-node-priority{font-weight:600}.dep-graph-canvas{will-change:transform;position:relative}.dep-graph-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.dep-graph-node{position:absolute}.dep-graph-zoom-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:.8125rem;transition:all .15s;display:flex}.dep-graph-zoom-btn:hover{background:var(--surface-hover);color:var(--primary)}.dep-graph-legend{color:var(--text-muted);flex-shrink:0;gap:1.5rem;padding:.75rem 0;font-size:.75rem;display:flex}.dep-graph-legend-item{align-items:center;gap:.5rem;display:flex}.dep-graph-legend-line{border-radius:1px;width:24px;height:2px}.dep-graph-legend-line.dashed{background:repeating-linear-gradient(90deg,#94a3b8 0 6px,#0000 6px 9px)!important}@media (width<=768px){.dep-graph-page{padding:1rem}.dep-graph-header{flex-direction:column}.dep-graph-controls{flex-wrap:wrap}}.kanban-add-column{border:2px dashed var(--border);border-radius:var(--radius-lg);min-height:180px;color:var(--text-muted);cursor:pointer;background:#ffffff80;flex-direction:column;flex:0 0 280px;justify-content:center;align-items:center;gap:.75rem;transition:all .2s;display:flex}.kanban-add-column:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px var(--primary-bg);background:linear-gradient(135deg,#6366f114 0%,#8b5cf614 100%);transform:scale(1.02)}.kanban-add-column i{background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}.kanban-add-column:hover i{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;transform:scale(1.1)}.kanban-add-column span{font-size:.875rem;font-weight:600}.new-list-btn{border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.new-list-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.new-list-btn i{font-size:.8125rem}.share-dropdown-menu{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);min-width:180px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 16px #0000001f}.share-dropdown-item{border-radius:var(--radius-sm,4px);width:100%;color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;display:flex}.share-dropdown-item:hover{background:var(--surface-hover)}.share-dropdown-item i{text-align:center;width:16px;color:var(--text-muted);font-size:.8125rem}.project-actions-menu-btn{background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border,#ffffff26);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.project-actions-menu-btn:hover{background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.project-actions-dropdown{z-index:100;background:var(--glass-bg,#ffffffd9);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #0000001f}.project-actions-item{border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:9px 14px;font-size:.8125rem;font-weight:500;transition:background .15s;display:flex}.project-actions-item:hover{background:var(--surface-hover)}.project-actions-item i{text-align:center;width:18px;color:var(--text-muted);font-size:.8125rem}.project-actions-divider{background:var(--glass-border,#ffffff26);height:1px;margin:4px 8px}.psm-overlay{background:var(--overlay);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.psm-dialog{background:var(--glass-bg,#ffffffd9);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);flex-direction:column;width:480px;max-height:80vh;animation:.2s ease-out lgFadeInScale;display:flex;box-shadow:0 16px 48px #00000026}.psm-header{border-bottom:1px solid var(--glass-border,#ffffff26);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.psm-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.psm-close{background:var(--glass-bg,#ffffff80);border:1px solid var(--glass-border,#ffffff26);cursor:pointer;width:30px;height:30px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.psm-close:hover{background:var(--surface-hover);color:var(--text-primary);transform:scale(1.05)}.psm-form{border-bottom:1px solid var(--glass-border,#ffffff26);padding:16px 24px}.psm-form-row{gap:8px;display:flex}.psm-email-input{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border-radius:999px;outline:none;flex:1;padding:9px 14px;font-size:.85rem;transition:border-color .15s}.psm-email-input:focus{border-color:var(--primary)}.psm-role-select{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:9px 12px;font-size:.85rem}.psm-share-btn{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 80%, #000));color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 35%, transparent);border:none;border-radius:999px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:filter .15s,transform .2s,box-shadow .2s}.psm-share-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 14px color-mix(in srgb, var(--primary) 45%, transparent);transform:translateY(-1px)}.psm-share-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.psm-error{color:var(--danger);margin:8px 0 0;font-size:.8rem}.psm-success{color:var(--success);margin:8px 0 0;font-size:.8rem}.psm-members{flex:1;padding:16px 24px;overflow-y:auto}.psm-members-label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:.7rem;font-weight:700}.psm-loading{color:var(--text-muted);padding:8px 0;font-size:.85rem}.psm-members-list{flex-direction:column;gap:6px;display:flex}.psm-member-row{border-radius:var(--radius-md);border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#ffffff80);align-items:center;gap:12px;padding:10px 12px;transition:transform .2s,box-shadow .2s;display:flex}.psm-member-row:hover{box-shadow:var(--shadow-card,0 2px 8px #0000000a);transform:translateY(-1px)}.psm-avatar{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 2px 6px #0000001f}.psm-member-info{flex:1;min-width:0}.psm-member-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:500;overflow:hidden}.psm-member-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.psm-role-badge{border:1px solid;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.psm-member-controls{align-items:center;gap:6px;display:flex}.psm-member-role-select{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.75rem}.psm-remove-btn{background:var(--glass-bg,#ffffff80);border:1px solid var(--glass-border,#ffffff26);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.psm-remove-btn:hover{color:#dc3545;background:#dc35451a;border-color:#dc3545}.new-list-modal{background:var(--surface);-webkit-backdrop-filter:none;max-width:420px}.new-list-modal .modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.new-list-modal .modal-header h3{color:var(--text-primary);align-items:center;gap:.625rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.new-list-modal .modal-header h3 i{color:var(--primary)}.new-list-modal .modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.new-list-modal .modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.new-list-modal .modal-body{padding:1.5rem}.new-list-modal .form-hint{border-radius:var(--radius-sm);color:var(--text-secondary);background:#6366f114;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.8125rem;line-height:1.4;display:flex}.new-list-modal .form-hint i{color:var(--primary);margin-top:.125rem}.empty-view{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin-top:1rem;padding:4rem 2rem;display:flex}.empty-view .empty-icon{opacity:.4;color:var(--primary);margin-bottom:1rem;font-size:3rem}.empty-view p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1rem}.empty-view .empty-action-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.empty-view .empty-action-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.empty-view .empty-action-btn i{font-size:.875rem}.manage-columns-btn{border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary);cursor:pointer;transition:var(--transition);align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.manage-columns-btn:hover{background:var(--primary);color:#fff}.manage-columns-btn i{font-size:.8125rem}.project-calendar{flex-direction:column;height:calc(100vh - 200px);min-height:500px;padding:1rem;display:flex}.view-calendar{flex-direction:column;height:calc(100vh - 280px);min-height:500px;padding:1rem;display:flex}.calendar-header{align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem 0;display:flex}.calendar-nav-btn{border:1px solid var(--border);background:var(--surface);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:999px;justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{background:var(--surface-muted);color:var(--text-primary)}.calendar-month-title{color:var(--text-primary);text-align:center;min-width:180px;margin:0;font-size:1.25rem;font-weight:600}.calendar-today-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:999px;margin-left:auto;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.calendar-today-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.calendar-weekdays{background:var(--surface-muted);border-radius:var(--radius-md) var(--radius-md) 0 0;grid-template-columns:repeat(7,1fr);gap:0;display:grid}.calendar-weekday{text-align:center;color:var(--text-secondary);text-transform:uppercase;padding:.75rem;font-size:.75rem;font-weight:600}.calendar-grid{background:var(--border);border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);flex:1;grid-template-rows:repeat(6,minmax(100px,1fr));grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.calendar-day{background:var(--surface);cursor:pointer;min-height:100px;transition:var(--transition);flex-direction:column;padding:.5rem;display:flex;overflow:hidden}.calendar-day:hover{background:var(--surface-hover)}.calendar-day.other-month{background:var(--surface-muted)}.calendar-day.other-month .calendar-day-number{color:var(--text-muted)}.calendar-day.today{background:var(--primary-bg)}.calendar-day.today .calendar-day-number{background:var(--primary);color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.calendar-day-number{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.calendar-day-tasks{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:hidden}.calendar-task{background:var(--surface-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border-left:3px solid var(--primary);align-items:flex-start;gap:.25rem;min-width:0;padding:.25rem .5rem;font-size:.75rem;display:flex}.calendar-task:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm)}.calendar-task.completed{opacity:.6;text-decoration:line-through}.calendar-task.priority-high{border-left-color:var(--danger)}.calendar-task.priority-medium{border-left-color:var(--warning)}.calendar-task.priority-low{border-left-color:var(--success)}.calendar-task-title{text-overflow:ellipsis;-webkit-line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.calendar-task-time{color:var(--text-muted);white-space:nowrap;font-size:.625rem}.calendar-more-tasks{color:var(--text-secondary);cursor:pointer;padding:.125rem .5rem;font-size:.75rem}.calendar-more-tasks:hover{color:var(--primary)}.calendar-empty-hint{text-align:center;color:var(--text-muted);padding:2rem}.calendar-empty-hint p{margin:0}.calendar-view-switcher{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:flex}.calendar-view-switcher-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.calendar-view-switcher-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.calendar-view-switcher-btn.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:0 2px 8px #6366f14d}.calendar-day-view{flex-direction:column;flex:1;display:flex;overflow-y:auto}.calendar-all-day{border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--surface);gap:0;min-height:48px;display:flex}.calendar-all-day .calendar-time-label{border-right:1px solid var(--border)}.calendar-all-day-tasks{flex-wrap:wrap;flex:1;gap:.25rem;padding:.5rem;display:flex}.calendar-time-grid{border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.calendar-all-day+.calendar-time-grid{border-radius:0 0 var(--radius-md) var(--radius-md)}.calendar-day-view>.calendar-time-grid{border-top:1px solid var(--border);border-radius:var(--radius-md)}.calendar-time-slot{border-bottom:1px solid var(--border);min-height:60px;display:flex}.calendar-time-slot:last-child{border-bottom:none}.calendar-time-label{width:70px;min-width:70px;color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:flex-start;padding:.25rem .5rem;font-size:.75rem;display:flex}.calendar-time-slot-content{border-left:1px solid var(--border);cursor:pointer;flex-direction:column;flex:1;gap:.125rem;padding:.25rem;transition:background .15s;display:flex}.calendar-time-slot-content:hover{background:var(--surface-hover)}.calendar-current-time{z-index:2;pointer-events:none;align-items:center;display:flex;position:absolute;left:70px;right:0}.calendar-current-time-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:-5px}.calendar-current-time-line{background:#ef4444;flex:1;height:2px}.calendar-week-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.calendar-week-header{background:var(--surface-muted);border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border);border-bottom:none;grid-template-columns:70px repeat(7,1fr);display:grid}.calendar-time-label-header{padding:.5rem}.calendar-week-day-header{border-left:1px solid var(--border);flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .25rem;display:flex}.calendar-week-day-name{color:var(--text-secondary);text-transform:uppercase;font-size:.6875rem;font-weight:600}.calendar-week-day-number{color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;font-weight:600;display:flex}.calendar-week-day-number.today{background:var(--primary);color:var(--text-inverse)}.calendar-week-day-header.today{background:var(--primary-bg)}.calendar-week-all-day-row{border:1px solid var(--border);border-top:none;grid-template-columns:70px repeat(7,1fr);min-height:40px;display:grid}.calendar-week-all-day-row .calendar-time-label{border-right:1px solid var(--border);justify-content:flex-end;align-items:center;display:flex}.calendar-week-all-day-cell{border-left:1px solid var(--border);flex-direction:column;gap:.125rem;padding:.25rem;display:flex}.calendar-week-grid{border-radius:0 0 var(--radius-md) var(--radius-md);overflow-y:auto}.calendar-week-time-slot{grid-template-columns:70px repeat(7,1fr);display:grid}.calendar-week-time-slot .calendar-time-label{border-right:1px solid var(--border)}.calendar-week-time-slot .calendar-time-slot-content{border-left:1px solid var(--border)}.calendar-week-time-slot .calendar-time-slot-content:first-of-type{border-left:none}.calendar-year-view{flex:1;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1rem 0;display:grid;overflow-y:auto}@media (width<=900px){.calendar-year-view{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.calendar-year-view{grid-template-columns:repeat(2,1fr)}}.calendar-mini-month{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);padding:.75rem}.calendar-mini-month:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.calendar-mini-month-title{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.calendar-mini-month-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:.25rem;display:grid}.calendar-mini-month-weekdays span{color:var(--text-muted);font-size:.625rem;font-weight:600}.calendar-mini-month-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.calendar-mini-day{color:var(--text-secondary);flex-direction:column;align-items:center;padding:2px 0;font-size:.6875rem;line-height:1.4;display:flex;position:relative}.calendar-mini-day.empty{visibility:hidden}.calendar-mini-day.today{color:var(--primary);background:var(--primary-bg);border-radius:var(--radius-sm);font-weight:700}.calendar-mini-day.has-tasks{font-weight:600}.calendar-dot{background:var(--primary);border-radius:50%;width:4px;height:4px;margin-top:-1px;display:block}.gantt-chart-wrapper{--g-arrow-color:var(--text-muted);--g-bar-color:var(--primary);--g-bar-border:var(--primary);--g-tick-color-thick:var(--border);--g-tick-color:var(--border);--g-actions-background:var(--bg-secondary);--g-border-color:var(--border);--g-text-muted:var(--text-muted);--g-text-light:#fff;--g-text-dark:var(--text-primary);--g-progress-color:var(--primary);--g-handle-color:var(--text-secondary);--g-weekend-label-color:var(--bg-tertiary);--g-expected-progress:var(--primary-bg);--g-header-background:var(--surface);--g-row-color:var(--surface);--g-row-border-color:var(--border);--g-today-highlight:var(--primary);--g-popup-actions:var(--bg-secondary);--g-weekend-highlight-color:var(--bg-secondary)}.gantt-chart-wrapper .gantt-container{height:var(--gv-grid-height);border-radius:8px;width:100%;font-size:12px;line-height:14.5px;position:relative;overflow:auto}.gantt-chart-wrapper .gantt-container .popup-wrapper{background:var(--surface);z-index:1000;border-radius:5px;width:max-content;padding:10px;position:absolute;top:0;left:0;box-shadow:0 10px 24px -3px #0003}.gantt-chart-wrapper .gantt-container .popup-wrapper .title{color:var(--g-text-dark);margin-bottom:2px;font-size:.85rem;font-weight:650;line-height:15px}.gantt-chart-wrapper .gantt-container .popup-wrapper .subtitle{color:var(--g-text-dark);margin-bottom:5px;font-size:.8rem}.gantt-chart-wrapper .gantt-container .popup-wrapper .details{color:var(--g-text-muted);font-size:.7rem}.gantt-chart-wrapper .gantt-container .popup-wrapper .actions{margin-top:10px;margin-left:3px}.gantt-chart-wrapper .gantt-container .popup-wrapper .action-btn{background-color:var(--g-popup-actions);border:none;border-right:1px solid var(--g-text-light);cursor:pointer;padding:5px 8px}.gantt-chart-wrapper .gantt-container .popup-wrapper .action-btn:hover{filter:brightness(97%)}.gantt-chart-wrapper .gantt-container .popup-wrapper .action-btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.gantt-chart-wrapper .gantt-container .popup-wrapper .action-btn:last-child{border-right:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.gantt-chart-wrapper .gantt-container .grid-header{height:calc(var(--gv-lower-header-height,30px) + var(--gv-upper-header-height,30px) + 10px);background-color:var(--g-header-background);border-bottom:1px solid var(--g-row-border-color);z-index:1000;position:sticky;top:0;left:0}.gantt-chart-wrapper .gantt-container .upper-header{height:var(--gv-upper-header-height,30px)}.gantt-chart-wrapper .gantt-container .lower-header{height:var(--gv-lower-header-height,30px)}.gantt-chart-wrapper .gantt-container .lower-text,.gantt-chart-wrapper .gantt-container .upper-text{text-anchor:middle}.gantt-chart-wrapper .gantt-container .lower-text{width:calc(var(--gv-column-width,45px) * .8);height:calc(var(--gv-lower-header-height,30px) * .8);margin:0 calc(var(--gv-column-width,45px) * .1);text-align:center;color:var(--g-text-muted);align-content:center;font-size:12px;position:absolute}.gantt-chart-wrapper .gantt-container .upper-text{width:fit-content;color:var(--g-text-dark);height:calc(var(--gv-lower-header-height,30px) * .66);font-size:14px;font-weight:500;position:absolute}.gantt-chart-wrapper .gantt-container .current-upper{background:var(--g-header-background);padding-left:17px;position:sticky;left:0!important}.gantt-chart-wrapper .gantt-container .side-header{float:right;z-index:1000;background:var(--g-header-background);width:max-content;margin-left:auto;padding-top:10px;padding-right:10px;font-weight:400;line-height:20px;display:flex;position:sticky;top:0;right:0}.gantt-chart-wrapper .gantt-container .side-header *{background-color:var(--g-actions-background);color:var(--g-text-dark);letter-spacing:.02em;box-sizing:content-box;border:none;border-radius:.5rem;margin-right:5px;padding:5px 8px;font-size:14px;font-weight:420;transition:background-color .15s}.gantt-chart-wrapper .gantt-container .side-header :last-child{margin-right:0}.gantt-chart-wrapper .gantt-container .side-header :hover{filter:brightness(97.5%)}.gantt-chart-wrapper .gantt-container .side-header select{width:60px;padding-top:2px;padding-bottom:2px}.gantt-chart-wrapper .gantt-container .side-header select:focus{outline:none}.gantt-chart-wrapper .gantt-container .date-range-highlight{background-color:var(--g-progress-color);height:calc(var(--gv-lower-header-height,30px) - 6px);top:calc(var(--gv-upper-header-height,30px) + 5px);border-radius:12px;position:absolute}.gantt-chart-wrapper .gantt-container .current-highlight{background:var(--g-today-highlight);z-index:999;width:1px;position:absolute}.gantt-chart-wrapper .gantt-container .current-ball-highlight{background:var(--g-today-highlight);z-index:1001;border-radius:50%;position:absolute}.gantt-chart-wrapper .gantt-container .current-date-highlight{background:var(--g-today-highlight);color:var(--g-text-light);border-radius:5px}.gantt-chart-wrapper .gantt-container .holiday-label{opacity:0;z-index:1000;background:var(--g-weekend-label-color);border-radius:5px;padding:2px 5px;position:absolute;top:0;left:0}.gantt-chart-wrapper .gantt-container .holiday-label.show{opacity:1}.gantt-chart-wrapper .gantt-container .extras{position:sticky;left:0}.gantt-chart-wrapper .gantt-container .hide{display:none}.gantt-chart-wrapper .gantt{-webkit-user-select:none;user-select:none;position:absolute}.gantt-chart-wrapper .gantt .grid-background{fill:none}.gantt-chart-wrapper .gantt .grid-row{fill:var(--g-row-color)}.gantt-chart-wrapper .gantt .row-line{stroke:var(--g-border-color)}.gantt-chart-wrapper .gantt .tick{stroke:var(--g-tick-color);stroke-width:.4px}.gantt-chart-wrapper .gantt .tick.thick{stroke:var(--g-tick-color-thick);stroke-width:.7px}.gantt-chart-wrapper .gantt .arrow{fill:none;stroke:var(--g-arrow-color);stroke-width:1.5px}.gantt-chart-wrapper .gantt .bar-wrapper .bar{fill:var(--g-bar-color);stroke:var(--g-bar-border);stroke-width:0;border-radius:3px;transition:stroke-width .3s}.gantt-chart-wrapper .gantt .bar-wrapper .bar-progress{fill:var(--g-progress-color);border-radius:4px}.gantt-chart-wrapper .gantt .bar-wrapper .bar-expected-progress{fill:var(--g-expected-progress)}.gantt-chart-wrapper .gantt .bar-wrapper .bar-invalid{fill:#0000;stroke:var(--g-bar-border);stroke-width:1px;stroke-dasharray:5}.gantt-chart-wrapper .gantt .bar-wrapper .bar-label{fill:var(--g-text-light);dominant-baseline:central;font-family:inherit;font-size:13px;font-weight:400}.gantt-chart-wrapper .gantt .bar-wrapper .bar-label.big{fill:var(--g-text-dark);text-anchor:start}.gantt-chart-wrapper .gantt .bar-wrapper .handle{fill:var(--g-handle-color);opacity:0;transition:opacity .3s}.gantt-chart-wrapper .gantt .bar-wrapper .handle.active,.gantt-chart-wrapper .gantt .bar-wrapper .handle.visible{cursor:ew-resize;opacity:1}.gantt-chart-wrapper .gantt .bar-wrapper .handle.progress{fill:var(--g-text-muted)}.gantt-chart-wrapper .gantt .bar-wrapper{cursor:pointer;outline:1px solid var(--g-row-border-color);border-radius:3px}.gantt-chart-wrapper .gantt .bar-wrapper:hover .bar{transition:transform .3s}.gantt-chart-wrapper .gantt .bar-wrapper:hover .date-range-highlight{display:block}.gantt-chart-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;overflow:auto}.gantt-svg-container{min-width:100%;min-height:300px}.project-gantt{flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.gantt-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.gantt-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.gantt-view-modes{background:var(--bg-secondary);border-radius:var(--radius);gap:.25rem;padding:.25rem;display:flex}.gantt-view-mode-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.gantt-view-mode-btn:hover{color:var(--text-primary);background:var(--surface)}.gantt-view-mode-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px #0000000d}.gantt-warnings-toggle{background:var(--warning-bg);color:var(--warning);border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:all .15s;display:flex}.gantt-warnings-toggle:hover{background:var(--warning);color:#fff}.gantt-warnings-panel{background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.gantt-warnings-panel h4{color:var(--warning);margin:0 0 .5rem;font-size:.875rem}.gantt-warnings-panel ul{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.8125rem}.gantt-warnings-panel li{margin-bottom:.25rem}.gantt-warnings-panel strong{color:var(--text-primary)}.gantt-chart-wrapper .gantt .bar-wrapper.gantt-priority-high .bar{fill:var(--danger);stroke:var(--danger)}.gantt-chart-wrapper .gantt .bar-wrapper.gantt-priority-high .bar-progress{fill:color-mix(in srgb, var(--danger) 80%, white 20%)}.gantt-chart-wrapper .gantt .bar-wrapper.gantt-priority-medium .bar{fill:var(--warning);stroke:var(--warning)}.gantt-chart-wrapper .gantt .bar-wrapper.gantt-priority-medium .bar-progress{fill:color-mix(in srgb, var(--warning) 80%, white 20%)}.gantt-chart-wrapper .gantt .bar-wrapper.gantt-priority-low .bar{fill:var(--success);stroke:var(--success)}.gantt-chart-wrapper .gantt .bar-wrapper.gantt-priority-low .bar-progress{fill:color-mix(in srgb, var(--success) 80%, white 20%)}.gantt-chart-wrapper .gantt .bar-wrapper.gantt-task-completed .bar{opacity:.5}.gantt-popup{min-width:200px;padding:.75rem}.gantt-popup h4{color:var(--text-primary);margin:0 0 .5rem;font-size:.9375rem}.gantt-popup-desc{color:var(--text-secondary);text-overflow:ellipsis;max-height:60px;margin:0 0 .75rem;font-size:.8125rem;overflow:hidden}.gantt-popup-details{color:var(--text-muted);flex-direction:column;gap:.375rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.gantt-popup-details span{align-items:center;gap:.375rem;display:flex}.gantt-popup-priority{border-radius:var(--radius);text-transform:uppercase;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-block}.gantt-popup-priority.priority-high{background:var(--danger-bg);color:var(--danger)}.gantt-popup-priority.priority-medium{background:var(--warning-bg);color:var(--warning)}.gantt-popup-priority.priority-low{background:var(--success-bg);color:var(--success)}.gantt-popup-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:.5rem;font-size:.8125rem;font-weight:500;transition:all .15s}.gantt-popup-btn:hover{background:var(--primary-hover)}.gantt-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.gantt-empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem}.gantt-empty-state p{color:var(--text-secondary);margin:0;font-size:1rem}.gantt-empty-state span{margin-top:.5rem;font-size:.875rem}.gantt-empty-state .gantt-warnings{background:var(--warning-bg);border-radius:var(--radius);text-align:left;max-width:400px;margin-top:1.5rem;padding:1rem}.gantt-empty-state .gantt-warnings p{color:var(--warning);margin:0 0 .5rem;font-size:.8125rem}.gantt-empty-state .gantt-warnings ul{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.75rem}.gantt-empty-state .gantt-warnings li{margin-bottom:.25rem}.gantt-no-tasks{color:var(--text-muted);justify-content:center;align-items:center;padding:2rem;display:flex}.project-delivery{flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.planning-view{flex-direction:column;flex:1;gap:1rem;display:flex;overflow:hidden}.delivery-mode-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.delivery-mode-badge{border-radius:var(--radius);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.delivery-mode-badge.scrum{background:var(--primary-bg);color:var(--primary)}.delivery-mode-badge.waterfall{background:var(--info-bg);color:var(--info)}.delivery-mode-badge.hybrid{background:linear-gradient(135deg, var(--primary-bg), var(--info-bg));color:var(--primary)}.delivery-mode-badge.none{background:var(--bg-secondary);color:var(--text-secondary)}.artifact-badge{border-radius:var(--radius);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.artifact-badge.scrum{background:var(--primary-bg);color:var(--primary)}.artifact-badge.waterfall{background:var(--info-bg);color:var(--info)}.planning-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.75rem 1rem;display:flex}.planning-filters .filter-group{flex-direction:column;gap:.25rem;display:flex}.planning-filters .filter-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem;font-weight:600}.planning-filters .filter-group select,.planning-filters .filter-group input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);min-width:100px;padding:.375rem .5rem;font-size:.8125rem}.planning-filters .filter-group.search input{min-width:150px}.planning-filters .filter-group select:focus,.planning-filters .filter-group input:focus{border-color:var(--primary);outline:none}.clear-filters-btn{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;transition:all .2s;display:flex}.clear-filters-btn:hover{background:var(--danger);color:#fff}.analytics-toggle{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.375rem;margin-left:auto;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.analytics-toggle:hover{background:var(--primary-alpha);color:var(--primary);border-color:var(--primary)}.analytics-toggle.active{background:var(--primary);color:#fff;border-color:var(--primary)}.analytics-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.analytics-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.analytics-header h3{align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;display:flex}.close-analytics{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.25rem .5rem;transition:all .2s}.close-analytics:hover{background:var(--danger-bg);color:var(--danger)}.analytics-content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;padding:1rem;display:grid}.analytics-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.analytics-card h4{color:var(--text-primary);align-items:center;gap:.375rem;margin:0 0 .75rem;font-size:.8125rem;font-weight:600;display:flex}.chart-container{min-height:280px}.velocity-summary,.burndown-summary{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem;display:flex}.avg-velocity strong{color:var(--warning);font-size:1rem}.burndown-sprint-select{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.burndown-sprint-select label{color:var(--text-muted);font-size:.75rem;font-weight:500}.burndown-sprint-select select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);flex:1;padding:.375rem .5rem;font-size:.8125rem}.no-data{min-height:200px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-data i{opacity:.5;margin-bottom:.5rem;font-size:2rem}.no-data p{color:var(--text-secondary);margin:0;font-weight:500}.no-data span{margin-top:.25rem;font-size:.75rem}.loading-chart{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.planning-layout{flex:1;gap:1rem;display:flex;overflow:hidden}.epics-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;width:220px;padding:1rem;overflow-y:auto}.epics-panel h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;display:flex}.epics-panel h3 i{color:var(--primary)}.epics-list{flex-direction:column;gap:.5rem;display:flex}.epic-card{background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:var(--radius);cursor:pointer;padding:.75rem;transition:all .15s}.epic-card:hover{background:var(--hover)}.epic-name{color:var(--text-primary);margin-bottom:.25rem;font-size:.8125rem;font-weight:500}.epic-stats{color:var(--text-secondary);gap:.75rem;font-size:.75rem;display:flex}.planning-main{flex-direction:column;flex:1;gap:1rem;padding-right:.5rem;display:flex;overflow-y:auto}.sprints-section h3,.milestones-section h3,.backlog-section h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9375rem;display:flex}.sprints-section h3 i{color:var(--primary)}.milestones-section h3 i{color:var(--info)}.backlog-section h3 i{color:var(--text-secondary)}.backlog-count{background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem}.backlog-points{background:var(--primary-bg);color:var(--primary);border-radius:999px;padding:.125rem .5rem;font-size:.75rem}.sprint-card,.milestone-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.75rem;padding:1rem}.sprint-card.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.milestone-card.inprogress{border-color:var(--info);box-shadow:0 0 0 2px var(--info-bg)}.sprint-header,.milestone-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.sprint-title,.milestone-title{align-items:center;gap:.5rem;display:flex}.sprint-status-badge,.milestone-status-badge{border-radius:var(--radius);text-transform:uppercase;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.sprint-status-badge.planned,.milestone-status-badge.planned{background:var(--bg-secondary);color:var(--text-secondary)}.sprint-status-badge.active,.milestone-status-badge.inprogress{background:var(--primary-bg);color:var(--primary)}.sprint-status-badge.completed,.milestone-status-badge.completed{background:var(--success-bg);color:var(--success)}.sprint-dates,.milestone-date{color:var(--text-secondary);font-size:.75rem}.sprint-goal,.milestone-description{color:var(--text-secondary);border-left:2px solid var(--border);margin-bottom:.5rem;padding-left:.5rem;font-size:.8125rem}.sprint-stats,.milestone-stats{color:var(--text-secondary);gap:1rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.sprint-issues,.milestone-issues,.backlog-issues{flex-direction:column;gap:.375rem;display:flex}.issue-card{background:var(--bg-secondary);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .15s;display:flex}.issue-card:hover{background:var(--hover)}.issue-card.completed{opacity:.6}.issue-card.completed .issue-title{text-decoration:line-through}.issue-type-icon{border-radius:var(--radius);background:var(--primary-bg);width:20px;height:20px;color:var(--primary);justify-content:center;align-items:center;font-size:.6875rem;display:flex}.issue-type-icon.task{background:var(--primary-bg);color:var(--primary)}.issue-type-icon.story{background:var(--success-bg);color:var(--success)}.issue-type-icon.bug{background:var(--error-bg);color:var(--error)}.issue-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;overflow:hidden}.story-points-badge{background:var(--primary-bg);color:var(--primary);border-radius:var(--radius);padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.priority-badge{border-radius:var(--radius);padding:.125rem .375rem;font-size:.6875rem;font-weight:500}.priority-badge.high{background:var(--error-bg);color:var(--error)}.priority-badge.medium{background:var(--warning-bg);color:var(--warning)}.priority-badge.low{background:var(--info-bg);color:var(--info)}.priority-badge.none{background:var(--bg-secondary);color:var(--text-secondary)}.versions-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;width:200px;padding:1rem;overflow-y:auto}.versions-panel h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;display:flex}.versions-panel h3 i{color:var(--text-secondary)}.versions-list{flex-direction:column;gap:.5rem;display:flex}.version-card{background:var(--bg-secondary);border-radius:var(--radius);cursor:pointer;padding:.75rem;transition:all .15s}.version-card:hover{background:var(--hover)}.version-name{color:var(--text-primary);margin-bottom:.125rem;font-size:.8125rem;font-weight:500}.version-date{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.version-stats{color:var(--text-secondary);font-size:.75rem}.empty-section{text-align:center;color:var(--text-muted);padding:1rem}.empty-section p{margin:0 0 .25rem;font-size:.875rem}.empty-section span{font-size:.75rem}.empty-section-small{text-align:center;color:var(--text-muted);padding:.75rem}.empty-section-small p{margin:0;font-size:.75rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.panel-header h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.panel-header h3 i{color:var(--primary)}.versions-panel .panel-header h3 i{color:var(--text-secondary)}.add-btn-small{background:var(--primary-bg);width:24px;height:24px;color:var(--primary);border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.add-btn-small:hover{background:var(--primary);color:#fff}.sprints-section .section-header,.milestones-section .section-header{background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0;display:flex}.sprints-section .section-header h3,.milestones-section .section-header h3{margin:0}.sprint-actions,.milestone-actions{gap:.5rem;display:flex}.action-btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.action-btn.start{background:var(--primary-bg);color:var(--primary)}.action-btn.start:hover{background:var(--primary);color:#fff}.action-btn.complete{background:var(--success-bg);color:var(--success)}.action-btn.complete:hover{background:var(--success);color:#fff}.action-btn.retrospective{background:var(--primary-alpha);color:var(--primary)}.action-btn.retrospective:hover{background:var(--primary);color:#fff}.action-btn i{font-size:.6875rem}.version-card.archived{opacity:.6}.version-card.archived .version-name{text-decoration:line-through}.delivery-dialog{width:450px}.delivery-dialog .form-row{gap:1rem;display:flex}.delivery-dialog .form-row .form-group{flex:1}.delivery-dialog textarea{resize:vertical;min-height:60px}.retrospective-dialog{width:550px}.retrospective-sprint-info{background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.retrospective-sprint-info strong{color:var(--text-primary);font-size:1.125rem}.sprint-dates-small{color:var(--text-secondary);font-size:.875rem}.sprint-stats-small{color:var(--text-muted);gap:1rem;font-size:.8125rem;display:flex}.retrospective-timestamp{color:var(--text-muted);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.retrospective-dialog textarea{resize:vertical;min-height:150px}.char-count{color:var(--text-muted);text-align:right;margin-top:.25rem;font-size:.75rem}.color-picker-row{align-items:center;gap:.75rem;display:flex}.color-picker-row input[type=color]{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:40px;height:40px;padding:2px}.color-preview{border-radius:var(--radius);color:#fff;text-shadow:0 1px 2px #0000004d;padding:.375rem .75rem;font-family:monospace;font-size:.8125rem}.delivery-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.delivery-empty-state i{opacity:.5;font-size:3rem}.delivery-empty-state p{margin:0;font-size:1rem;font-weight:500}.issue-card.draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.issue-card.draggable:active{cursor:grabbing}.issue-card.is-dragging{opacity:.5;border:2px dashed var(--primary);background:var(--primary-bg)}.issue-card.dragging-overlay{background:var(--surface);border:2px solid var(--primary);opacity:1;cursor:grabbing;transform:rotate(2deg);box-shadow:0 8px 24px #00000026}.sprint-issues.drop-over,.milestone-issues.drop-over,.backlog-issues.drop-over{background:var(--primary-bg);border:2px dashed var(--primary);border-radius:var(--radius);min-height:60px}.sprint-issues.drop-over:after,.milestone-issues.drop-over:after,.backlog-issues.drop-over:after{content:"Drop here";text-align:center;color:var(--primary);padding:.5rem;font-size:.75rem;font-weight:500;display:block}.sprint-issues:empty,.milestone-issues:empty{border:1px dashed var(--border);border-radius:var(--radius);min-height:40px}.delivery-empty-state span{font-size:.875rem}.backlog-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}.project-list-view{max-width:900px;padding:1.5rem}.project-list-view .task-list{max-width:100%}.project-list-add{margin-bottom:1.5rem}.project-list-add-form{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:.875rem;padding:1rem 1.25rem;transition:all .15s;display:flex}.project-list-add-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.project-list-add-form i{color:var(--primary);font-size:1rem}.project-list-add-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.project-list-add-input::placeholder{color:var(--text-muted)}.project-list-add-btn{border-radius:var(--radius-md);background:var(--primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;color:#fff!important}.project-list-add-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05);box-shadow:0 2px 8px #7c3aed4d}.project-list-add-btn:disabled{opacity:.6;cursor:not-allowed}.project-list-add-btn i,.project-list-add-btn i.fa-solid,.project-list-add-btn i.fa-arrow-right{font-size:14px;transition:transform .15s;color:#fff!important}.project-list-add-btn:hover:not(:disabled) i{transform:translate(3px);color:#fff!important}.project-task-list{margin-top:0;overflow:visible}.project-task-list .task-item,.project-task-list .task-actions{overflow:visible}.empty-project-list{background:var(--surface);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-project-list i{color:var(--text-muted);opacity:.4;margin-bottom:1rem;font-size:3rem}.empty-project-list h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.empty-project-list p{color:var(--text-muted);margin:0;font-size:.875rem}.project-sections-controls{border-bottom:1px solid var(--border);padding:.75rem 1rem}.add-section-btn{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:all .15s;display:inline-flex}.add-section-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.add-section-btn:disabled{opacity:.5;cursor:not-allowed}.add-section-form{align-items:center;gap:.5rem;display:flex}.add-section-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);color:var(--text-primary);flex:1;padding:.5rem .75rem;font-size:.875rem}.add-section-input:focus{border-color:var(--primary);outline:none}.add-section-submit,.add-section-cancel{background:var(--surface);border:1px solid var(--border);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:flex}.add-section-submit:hover{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));border-color:var(--primary);color:#fff}.add-section-actions{align-items:center;gap:.375rem;display:flex}.add-section-actions .add-section-confirm,.add-section-actions .add-section-cancel{border:1px solid var(--border);cursor:pointer;border-radius:999px;width:auto;height:auto;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.add-section-confirm{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));border-color:var(--primary);color:#fff}.add-section-confirm:hover:not(:disabled){opacity:.9}.add-section-confirm:disabled{opacity:.5;cursor:not-allowed}.add-section-cancel{background:var(--surface);color:var(--text-secondary)}.add-section-cancel:hover{background:var(--surface-hover)}.section-rename-form{flex:1;align-items:center;padding:.25rem 0;display:flex}.section-rename-input{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;padding:.375rem .5rem;font-size:.75rem;font-weight:600}.section-rename-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 25%, transparent);outline:none}.project-sections{flex-direction:column;gap:0;display:flex;overflow:visible}.project-section{border-bottom:1px solid var(--border-light,#00000014);margin-bottom:.5rem;padding-bottom:.5rem}.project-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.project-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius);align-items:center;gap:.5rem;padding:.5rem .25rem;transition:background .15s;display:flex}.project-section-header:hover{background:var(--surface-hover)}.section-caret{width:1rem;color:var(--text-muted);font-size:.75rem;transition:transform .15s}.section-caret-placeholder{width:1rem;color:var(--text-muted);font-size:.875rem}.section-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.section-count{color:var(--text-muted);margin-left:.25rem;font-size:.8125rem}.section-actions{opacity:0;align-items:center;gap:.25rem;margin-left:auto;transition:opacity .15s;display:flex}.project-section-header:hover .section-actions{opacity:1}.section-action-btn{border-radius:var(--radius);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.section-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.section-action-delete:hover{background:var(--error-bg);color:var(--error)}.section-rename-form{flex:1;display:flex}.section-rename-input{background:var(--background);border:1px solid var(--primary);border-radius:var(--radius);color:var(--text-primary);flex:1;padding:.25rem .5rem;font-size:.9375rem;font-weight:600}.section-rename-input:focus{outline:none}.project-section-tasks{padding:.25rem 0 .5rem}.project-section-tasks .task-list{gap:0}.project-section-tasks .task-item{border:none;border-bottom:1px solid var(--border-light,#0000000f);background:0 0;border-radius:0;margin:0}.project-section-tasks .task-item:last-child{border-bottom:none}.project-section-tasks .task-item:hover{background:var(--surface-hover)}.section-tasks-placeholder{color:var(--text-muted);text-align:center;padding:1rem;font-size:.875rem}.project-section-unsectioned{border-top:1px solid var(--border-light,#00000014);margin-top:.5rem;padding-top:.5rem}.section-menu-container{position:relative}.section-menu-container button.active{background:var(--surface-hover);color:var(--primary)}.section-menu-dropdown,.section-menu-dropdown-portal{z-index:10000;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;max-width:250px;max-height:300px;box-shadow:var(--shadow-lg);overflow-y:auto}.section-menu-dropdown{margin-bottom:4px;position:absolute;bottom:100%;right:0}.section-menu-dropdown .section-menu-header,.section-menu-dropdown-portal .section-menu-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--background);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem;font-weight:600}.section-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background .15s;display:flex}.section-menu-item:hover{background:var(--surface-hover)}.section-menu-item.current{background:var(--primary-bg)}.section-menu-item i:first-child{width:1rem;color:var(--text-muted)}.section-menu-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.section-menu-item .current-check{color:var(--primary);font-size:.75rem}.cookie-consent{z-index:9999;background:var(--surface);border-top:1px solid var(--border);animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.cookie-consent-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex}.cookie-consent-text{flex:1}.cookie-consent-text p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.cookie-consent-text strong{color:var(--text-primary)}.cookie-consent-actions{flex-shrink:0}.cookie-accept-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600}.cookie-accept-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (width<=768px){.cookie-consent-content{text-align:center;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.cookie-consent-text p{font-size:.875rem}.cookie-accept-btn{width:100%}}.trash-header{justify-content:space-between;align-items:center;display:flex}.empty-trash-btn{background:var(--danger);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.empty-trash-btn:hover{background:var(--danger);transform:translateY(-1px)}.trash-task-list{height:calc(100vh - 180px);margin:0;padding:0;list-style:none}.trash-task-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem 1.25rem;display:flex}.trash-task-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.trash-task-content{flex:1;min-width:0}.trash-task-main{flex-direction:column;gap:.25rem;display:flex}.trash-task-title{color:var(--primary);font-size:.9375rem}.trash-task-title.completed{color:var(--text-muted);text-decoration:line-through}.trash-task-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.trash-task-meta{margin-top:.5rem}.trash-days-left{color:var(--warning);border-radius:var(--radius-sm);background:#f59e0b1a;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.trash-days-left i{font-size:.625rem}.trash-task-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.restore-btn{background:var(--success);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.restore-btn:hover{background:var(--success);transform:translateY(-1px)}.permanent-delete-btn{width:2rem;height:2rem;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.permanent-delete-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}@media (width<=768px){.trash-task-item{flex-direction:column;align-items:flex-start}.trash-task-actions{border-top:1px solid var(--border);width:100%;margin-top:.75rem;padding-top:.75rem}.restore-btn{flex:1;justify-content:center}}.theme-section{margin-bottom:1.5rem}.theme-section-label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;display:flex}.theme-section-label .label-icon{color:var(--primary)}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.theme-card{border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:var(--surface);flex-direction:column;display:flex;position:relative;overflow:hidden}.theme-card.active:after{content:"";background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.theme-card.active:before{content:"✓";color:#fff;z-index:1;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;display:flex;position:absolute;top:.5rem;right:.5rem}.theme-preview{gap:2px;height:60px;padding:4px;display:flex}.theme-preview-color{border-radius:4px;flex:1}.theme-info{border-top:1px solid var(--border-light);padding:.5rem .75rem}.theme-name{color:var(--text-primary);margin-bottom:.125rem;font-size:.8125rem;font-weight:600}.theme-mode{color:var(--text-muted);text-transform:capitalize;font-size:.6875rem}.theme-card-actions{opacity:0;gap:.25rem;transition:opacity .15s;display:flex;position:absolute;bottom:.375rem;right:.375rem}.theme-card:hover .theme-card-actions{opacity:1}.theme-card-action{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:24px;height:24px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:.625rem;transition:all .15s;display:flex}.theme-card-action:hover{background:var(--surface-hover);color:var(--text-primary)}.theme-card-action.danger:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.create-theme-btn{border:2px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.create-theme-btn:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-bg)}.theme-action-buttons{gap:.5rem;margin-top:.75rem;display:flex}.theme-action-buttons .create-theme-btn{flex:1;margin-top:0}.theme-divider{background:var(--border);height:1px;margin:1rem 0}.theme-section-hint{color:var(--text-muted);margin-left:auto;font-size:.75rem;font-weight:400}.logo-variant-grid{flex-wrap:wrap;gap:1rem;display:flex}.logo-variant-option{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:0;transition:all .15s;display:flex;overflow:hidden}.logo-variant-option:hover{border-color:var(--primary)}.logo-variant-option.active{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.logo-variant-preview{justify-content:center;align-items:center;width:100px;height:50px;padding:.5rem;display:flex}.logo-variant-preview.light-bg{background:#f8fafc}.logo-variant-preview.dark-bg{background:#1e293b}.logo-variant-preview img,.logo-variant-preview svg{object-fit:contain;max-width:100%;max-height:100%}.logo-variant-option span{color:var(--text-primary);border-top:1px solid var(--border);text-align:center;width:100%;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.logo-variant-option.active span{background:var(--primary);color:#fff;border-top-color:var(--primary)}.appearance-modal{max-width:600px;max-height:90vh}.appearance-modal .modal-body{max-height:calc(90vh - 140px);padding:1.25rem;overflow-y:auto}.theme-create-card{border:2px dashed var(--border);min-height:100px;color:var(--text-muted);transition:var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.theme-create-card:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-bg)}.theme-create-card i{font-size:1.5rem}.dashboard-view{max-width:1200px;margin:0 auto;padding:.75rem .5rem}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-header-left{flex:1}.dashboard-header-right{z-index:10;flex-shrink:0;align-items:center;gap:.5rem;padding-top:.5rem;display:flex;position:relative}.dashboard-add-task-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.dashboard-add-task-btn:hover{background:color-mix(in srgb, var(--primary) 85%, black);transform:translateY(-1px)}.dashboard-add-task-btn:active{transform:translateY(0)}.dashboard-add-task-btn i{font-size:.875rem}.dashboard-greeting{color:var(--text-secondary);margin:0 0 .5rem;font-size:1.125rem;font-weight:500}.dashboard-header h2{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 .25rem;font-size:1.75rem;font-weight:700;display:flex}.dashboard-header .view-title-icon{color:var(--primary)}.dashboard-subtitle{color:var(--text-muted);margin:0;font-size:.9375rem}.dashboard-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;font-size:.9375rem;display:flex}.dashboard-widgets{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width>=768px){.dashboard-widgets{grid-template-columns:repeat(4,1fr)}}.dashboard-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.dashboard-widget:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.widget-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.widget-inbox .widget-icon{color:var(--primary);background:#6366f11a}.widget-today .widget-icon{color:#f59e0b;background:#f59e0b1a}.widget-upcoming .widget-icon{color:#3b82f6;background:#3b82f61a}.widget-projects .widget-icon{color:#8b5cf6;background:#8b5cf61a}.widget-content{flex-direction:column;gap:.125rem;display:flex}.widget-count{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.widget-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.widget-sublabel{color:var(--text-muted);font-size:.8125rem}.widget-sublabel.overdue{color:var(--danger)}.dashboard-metrics{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.metric-pill{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.metric-pill.overdue{color:var(--danger);background:#ef44441a}.metric-pill.overdue:hover{background:#ef444426}.metric-pill.completed{color:var(--success);cursor:default;background:#22c55e1a}.dashboard-sections{gap:1.5rem;display:grid}@media (width>=768px){.dashboard-sections{grid-template-columns:repeat(2,1fr)}}.dashboard-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dashboard-section>.section-header{border-bottom:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dashboard-section>.section-header h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;display:flex}.dashboard-section>.section-header h3 i{color:var(--primary)}.section-link{color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.375rem;padding:0;font-size:.8125rem;font-weight:500;display:inline-flex}.section-link:hover{opacity:.8}.section-link i{font-size:.6875rem}.section-empty{text-align:center;padding:2rem 1.25rem}.section-empty p{color:var(--text-muted);margin:0;font-size:.875rem}.dashboard-task-list{margin:0;padding:0;list-style:none}.dashboard-task-item{border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.dashboard-task-item:last-child{border-bottom:none}.dashboard-task-item:hover{background:var(--surface-hover)}.dashboard-task-item.completed{opacity:.7;cursor:default}.dashboard-task-item.completed:hover{background:0 0}.dashboard-task-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.dashboard-task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.dashboard-task-item.completed .dashboard-task-title{color:var(--text-muted);text-decoration:line-through}.dashboard-task-source{color:var(--text-muted);font-size:.75rem}.dashboard-task-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;flex-shrink:0;margin-left:.75rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.dashboard-task-badge.today{color:#f59e0b;background:#f59e0b1a}.dashboard-task-badge.overdue{color:var(--danger);background:#ef44441a}.dashboard-task-badge.tomorrow{color:#3b82f6;background:#3b82f61a}.dashboard-task-time{color:var(--text-muted);flex-shrink:0;margin-left:.75rem;font-size:.75rem}.completed-list .dashboard-task-item{opacity:.8}.dashboard-caught-up{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;padding:4rem 2rem;display:flex}.dashboard-caught-up i{color:var(--success);margin-bottom:1rem;font-size:3rem}.dashboard-caught-up h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.dashboard-caught-up p{color:var(--text-muted);margin:0;font-size:.9375rem}@media (width<=640px){.dashboard-view{padding:.5rem .25rem}.dashboard-header h2{font-size:1.375rem}.widget-count{font-size:1.5rem}.dashboard-widget{padding:1rem}}.task-relations-section{margin-top:1rem;padding:0}.task-relations-toggle{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg,12px);cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;transition:var(--transition);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.task-relations-toggle:hover{background:var(--surface);border-color:var(--primary-light);color:var(--primary)}.task-relations-toggle i.fa-diagram-project{color:var(--primary)}.relations-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.task-relations-content{padding:.75rem 0}.task-relations-loading{color:var(--text-muted);padding:1rem 0;font-size:.875rem}.relations-group{margin-bottom:1rem}.relations-group:last-child{margin-bottom:0}.relations-group-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;padding:0 .25rem;font-size:.75rem;font-weight:600;display:flex}.blocked-by-group .relations-group-header,.blocked-by-group .relations-group-header i{color:var(--danger)}.blocks-group .relations-group-header,.blocks-group .relations-group-header i{color:var(--warning)}.links-group .relations-group-header,.links-group .relations-group-header i{color:var(--primary)}.relations-list{flex-direction:column;gap:.25rem;display:flex}.relation-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .15s;display:flex}.relation-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.relation-item.blocked-by{border-left:3px solid var(--danger)}.relation-item.blocks{border-left:3px solid var(--warning)}.relation-item.link{border-left:3px solid var(--primary)}.relation-task-info{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.relation-task-info:hover .relation-task-title{color:var(--primary)}.relation-task-info i{color:var(--text-muted);flex-shrink:0;font-size:.875rem}.relation-task-info i.completed{color:var(--success)}.relation-task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;transition:color .15s;overflow:hidden}.relation-task-title.completed{color:var(--text-muted);text-decoration:line-through}.relation-task-list{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;padding:.125rem .5rem;font-size:.75rem}.relation-remove-btn{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.relation-item:hover .relation-remove-btn{opacity:1}.relation-remove-btn:hover{background:var(--danger);color:#fff}.block-mode-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.block-mode-badge.hard{color:#ef4444;background:#ef444426}.block-mode-badge.soft{color:#ca8a04;background:#eab30826}.block-mode-selector{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.block-mode-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.block-mode-segmented{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.block-mode-option{background:var(--surface);color:var(--text-muted);cursor:pointer;border:none;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;transition:all .15s;display:flex}.block-mode-option:not(:last-child){border-right:1px solid var(--border)}.block-mode-option:hover{background:var(--bg-hover)}.block-mode-option.active.hard{color:#ef4444;background:#ef444426}.block-mode-option.active.soft{color:#ca8a04;background:#eab30826}.relations-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.relation-add-btn{background:var(--surface);border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:all .15s;display:flex}.relation-add-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.relations-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex}.relations-empty i{opacity:.5;margin-bottom:.5rem;font-size:1.5rem}.relations-empty p{margin:0;font-size:.875rem}.comments-section{margin-top:1rem;padding:0}.comments-section-toggle{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg,12px);cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;transition:var(--transition);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.comments-section-toggle:hover{background:var(--surface);border-color:var(--primary-light);color:var(--primary)}.comments-section-toggle i.fa-comments{color:var(--primary)}.comments-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.comments-section-content{padding:.75rem 0}.comments-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 1rem;font-size:.875rem;display:flex}.comments-loading-spinner{color:var(--primary)}.comments-list{flex-direction:column;gap:.75rem;max-height:350px;margin-bottom:1rem;padding-right:.25rem;display:flex;overflow-y:auto}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:0 0}.comments-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.comments-empty{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.comments-empty-icon{background:var(--bg-tertiary);width:3rem;height:3rem;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;font-size:1.125rem;display:flex}.comments-empty-title{color:var(--text-secondary);font-size:.875rem;font-weight:600}.comments-empty-subtitle{color:var(--text-muted);font-size:.75rem}.comment-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;gap:.75rem;padding:.875rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.comment-item:hover{border-color:var(--primary-light,var(--primary));box-shadow:0 2px 8px #6366f114}.comment-avatar-wrapper{flex-shrink:0}.comment-avatar{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;letter-spacing:.025em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 4px #6366f140}.comment-thread-line{display:none}.comment-content{flex:1;min-width:0}.comment-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.comment-meta{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.comment-author{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.comment-dot{color:var(--border-color);font-size:.375rem}.comment-time{color:var(--text-muted);font-size:.6875rem;font-weight:500}.comment-edited-badge{color:var(--warning);text-transform:uppercase;letter-spacing:.05em;background:#f59e0b1a;border-radius:4px;padding:.125rem .375rem;font-size:.5625rem;font-weight:600}.comment-actions{opacity:0;gap:.25rem;transition:opacity .15s;display:flex}.comment-item:hover .comment-actions{opacity:1}.comment-action-btn{background:var(--bg-secondary);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:.6875rem;transition:all .15s;display:flex}.comment-action-btn:hover{background:var(--primary-lightest,#6366f11a);border-color:var(--primary);color:var(--primary)}.comment-action-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#ef44441a}.comment-body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:8px;padding:.625rem .75rem;font-size:.8125rem;line-height:1.6}.comment-mention{color:var(--primary);background:var(--primary-lightest,#6366f126);border-radius:4px;padding:.125rem .5rem;font-size:.8125rem;font-weight:600;display:inline}.comment-edit-form{margin-top:.375rem}.comment-edit-input{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;border-radius:10px;padding:.625rem .875rem;font-family:inherit;font-size:.8125rem}.comment-edit-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus);outline:none}.comment-edit-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.comment-form-container{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--surface-hover) 100%);border:1px solid var(--border-color);border-radius:12px;gap:.75rem;padding:1rem;display:flex}.comment-form-avatar{background:var(--bg-tertiary);width:2.25rem;height:2.25rem;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.comment-form{flex-direction:column;flex:1;gap:.625rem;min-width:0;display:flex}.comment-form .mention-input-container{flex:1}.comment-input{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:none;border-radius:10px;padding:.625rem .875rem;font-family:inherit;font-size:.8125rem;transition:all .2s}.comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus);outline:none}.comment-input::placeholder{color:var(--text-muted)}.comment-form-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.comment-form-hint{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.comment-form-hint i{color:var(--primary);font-size:.75rem}.comment-submit-btn{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #6366f14d}.comment-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #6366f166}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mention-input-wrapper{flex:1;position:relative}.mention-input-editable{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);min-height:2.5em;transition:var(--transition);overflow-wrap:break-word;word-break:break-word;outline:none;padding:.625rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.5}.mention-input-editable:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus)}.mention-input-editable:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.mention-input-editable.comment-edit-input{min-height:4em}.mention-chip{background:var(--primary-lightest,#6366f11a);color:var(--primary);border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:all;user-select:all;align-items:center;margin:0 .125rem;padding:.125rem .375rem;font-size:.875rem;font-weight:500;display:inline-flex}.mention-input-container{position:relative}.mention-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:200px;max-height:200px;position:absolute;overflow-y:auto}.mention-option{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;transition:background .15s;display:flex}.mention-option:hover{background:var(--bg-hover)}.mention-option i{background:var(--bg-tertiary);width:1.5rem;height:1.5rem;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.625rem;display:flex}.mention-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.mention-email{color:var(--text-muted);margin-left:auto;font-size:.75rem}.task-picker-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.task-picker-modal{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.task-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem 1rem;display:flex}.task-picker-title h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.task-picker-description{color:var(--text-muted);margin:0;font-size:.8125rem}.task-picker-close{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.task-picker-close:hover{background:var(--bg-hover);color:var(--text-primary)}.task-picker-search{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.task-picker-search i{color:var(--text-muted);font-size:.875rem}.task-picker-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.task-picker-search input::placeholder{color:var(--text-muted)}.task-picker-search .search-clear{background:var(--bg-tertiary);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.task-picker-search .search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.task-picker-filters{border-bottom:1px solid var(--border);padding:.75rem 1.5rem}.task-picker-filters select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;padding:.5rem .75rem;font-size:.875rem}.task-picker-list{flex:1;padding:.5rem;overflow-y:auto}.task-picker-loading,.task-picker-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.task-picker-empty i,.task-picker-loading i{opacity:.5;margin-bottom:.75rem;font-size:1.5rem}.task-picker-empty p,.task-picker-loading p{margin:0;font-size:.875rem}.task-picker-item{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.25rem;width:100%;padding:.75rem 1rem;transition:all .15s;display:flex}.task-picker-item:hover{background:var(--bg-hover)}.task-picker-item-main{align-items:center;gap:.75rem;display:flex}.task-picker-checkbox{color:var(--text-muted);font-size:.875rem}.task-picker-checkbox.priority-high{color:var(--danger)}.task-picker-checkbox.priority-medium{color:var(--warning)}.task-picker-checkbox.priority-low{color:var(--primary)}.task-picker-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9375rem;overflow:hidden}.task-picker-item-meta{align-items:center;gap:.75rem;padding-left:1.625rem;display:flex}.task-picker-item-list{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.125rem .5rem;font-size:.75rem}.task-picker-item-date{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.task-picker-item-date i{font-size:.6875rem}.ai-providers-list{margin-top:1.5rem}.ai-providers-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ai-providers-header h3{margin:0;font-size:1.125rem;font-weight:600}.ai-accounts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.ai-account-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:1rem;transition:all .15s}.ai-account-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.ai-account-card.selected{border-color:var(--primary);background:var(--bg-primary-subtle)}.ai-account-card.disabled{opacity:.6}.account-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.account-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--primary);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.account-info{flex:1;min-width:0}.account-info h4{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.account-info .provider-type{color:var(--text-muted);font-size:.75rem}.account-status .status-badge{font-size:1.125rem}.account-status .status-badge.success{color:var(--success)}.account-status .status-badge.error{color:var(--danger)}.account-status .status-badge.unknown{color:var(--text-muted)}.account-details,.account-model{color:var(--text-muted);margin-bottom:.5rem;font-size:.8125rem}.account-details .base-url{word-break:break-all;align-items:center;gap:.5rem;display:flex}.account-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.account-actions .btn-icon{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.5rem;transition:all .15s}.account-actions .btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.account-actions .btn-icon.danger:hover{background:var(--danger-subtle);color:var(--danger)}.ollama-model-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:2rem;padding:1.5rem}.model-picker-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.model-picker-header h3{align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.model-picker-actions{gap:.5rem;display:flex}.connection-status{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.connection-status .status-label{font-weight:500}.connection-status code{background:var(--bg-primary);border-radius:var(--radius-sm);padding:.25rem .5rem;font-family:monospace}.connection-status .status-badge{align-items:center;gap:.375rem;margin-left:auto;font-weight:500;display:flex}.connection-status .status-badge.success{color:var(--success)}.connection-status .status-badge.error{color:var(--danger)}.connection-status .status-badge.loading{color:var(--text-muted)}.pull-model-section{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.pull-model-section h4{margin:0 0 .5rem;font-size:1rem}.pull-model-section .hint{color:var(--text-muted);margin-bottom:1rem;font-size:.8125rem}.pull-model-section .hint a{color:var(--primary)}.pull-form{flex-direction:column;gap:.75rem;display:flex}.pull-form input[type=text]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);padding:.75rem;font-size:.9375rem}.consent-checkbox{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.consent-checkbox input{width:1rem;height:1rem}.active-pulls{margin-bottom:1rem}.active-pulls h4{margin:0 0 .75rem;font-size:.9375rem}.pull-progress{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:.5rem;padding:1rem}.pull-info{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pull-info .model-name{font-weight:600}.pull-info .status{color:var(--text-muted);font-size:.8125rem}.progress-bar{background:var(--bg-secondary);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.pull-stats{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.model-filters{gap:.75rem;margin-bottom:1rem;display:flex}.model-filters .search-box{flex:1;position:relative}.model-filters .search-box i{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.model-filters .search-box input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;padding:.75rem .75rem .75rem 2.25rem;font-size:.9375rem}.model-filters select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);padding:.75rem;font-size:.9375rem}.models-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.model-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;transition:all .15s}.model-card:hover{border-color:var(--primary)}.model-card.selected{border-color:var(--primary);background:var(--bg-primary-subtle)}.model-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.model-header .model-name{font-family:monospace;font-size:.9375rem;font-weight:600}.model-header .default-badge{background:var(--primary);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.model-details{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.model-details span{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.model-actions{justify-content:flex-end;display:flex}.model-actions button{font-size:.8125rem}.models-error,.models-loading,.models-empty{text-align:center;color:var(--text-muted);padding:3rem}.models-error i,.models-loading i,.models-empty i{margin-bottom:1rem;font-size:3rem;display:block}.models-error,.models-error i{color:var(--danger)}.models-error .hint{margin-top:.5rem;font-size:.875rem}.models-error code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.25rem .5rem;font-family:monospace}.ai-provider-modal{max-width:500px}.ai-provider-modal .modal-body{padding:1.5rem}.ai-provider-modal .form-group{margin-bottom:1.25rem}.ai-provider-modal .form-group:last-child{margin-bottom:0}.ai-provider-modal .form-group label{margin-bottom:.5rem;font-weight:500;display:block}.ai-provider-modal .form-group input,.ai-provider-modal .form-group select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;padding:.75rem;font-size:.9375rem}.ai-provider-modal .form-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.ai-provider-modal .form-hint code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.125rem .375rem;font-family:monospace;font-size:.75rem}.ai-provider-modal .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.ai-providers-list .empty-state{text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);padding:3rem}.ai-providers-list .empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem;display:block}.ai-providers-list .empty-state p{margin:.25rem 0}.ai-providers-list .empty-state .hint{font-size:.875rem}.description-group .description-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.description-group .description-header label{margin-bottom:0}.ai-button-container{position:relative}.ai-button{color:var(--primary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.ai-button:hover:not(.disabled){background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;border-color:#0000}.ai-button.disabled{opacity:.5;cursor:not-allowed}.ai-button i{color:inherit;font-size:.875rem}.ai-button span{color:inherit}.ai-button:hover:not(.disabled) i,.ai-button:hover:not(.disabled) span{color:#fff}.ai-menu-backdrop{z-index:99;position:fixed;inset:0}.ai-menu{background-color:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-lg,12px);z-index:100;min-width:200px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.ai-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:background .15s;display:flex}.ai-menu button:hover:not(:disabled){background:var(--surface-hover,#f1f5f9)}.ai-menu button:disabled{opacity:.5;cursor:not-allowed}.ai-menu button i{text-align:center;width:1rem;color:var(--accent)}.ai-menu-hint{color:var(--text-muted);background:var(--surface-muted,#f1f5f9);border-top:1px solid var(--border,#e2e8f0);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.ai-menu-hint i{color:var(--text-muted)}.ai-dialog-overlay{z-index:100000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.ai-dialog{background:var(--surface,#fff);-webkit-backdrop-filter:none;border:1px solid var(--border);border-radius:var(--radius-xl,20px);flex-direction:column;width:400px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 4rem);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0006}.ai-dialog.ai-preview-dialog{width:520px}.ai-dialog-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--bg-primary,#fff);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ai-dialog-header h3{color:var(--text-primary,#1f2937);align-items:center;gap:.625rem;margin:0;font-size:1.0625rem;font-weight:600;display:flex}.ai-dialog-header h3 i{color:var(--accent,#3b82f6);font-size:1rem}.ai-dialog-header>button{width:2rem;height:2rem;color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.ai-dialog-header>button:hover{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary,#1f2937)}.ai-dialog-content{background:var(--bg-primary,#fff);flex:1;padding:1.25rem;overflow-y:auto}.ai-dialog-field{margin-bottom:1rem}.ai-dialog-field:last-child{margin-bottom:0}.ai-dialog-field label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.ai-dialog-field label.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.ai-dialog-field label.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent)}.ai-dialog-field select,.ai-dialog-field input[type=text]{width:100%;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem .75rem;font-size:.9375rem;transition:border-color .15s}.ai-dialog-field select:focus,.ai-dialog-field input[type=text]:focus{border-color:var(--accent);outline:none}.ai-selected-text{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);white-space:pre-wrap;max-height:100px;padding:.75rem;font-size:.875rem;overflow-y:auto}.ai-error{border-radius:var(--radius-md);color:#ef4444;background:#ef44441a;border:1px solid #ef444433;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.ai-error i{margin-top:.125rem}.ai-dialog-hint{color:var(--text-muted,#6b7280);background:var(--surface-muted,#f9fafb);border-top:1px solid var(--border,#e5e7eb);align-items:flex-start;gap:.5rem;padding:.75rem 1.25rem;font-size:.75rem;display:flex}.ai-dialog-hint i{color:var(--text-muted,#9ca3af);flex-shrink:0;margin-top:.125rem}.ai-dialog-hint strong{color:var(--text-secondary,#4b5563)}.ai-dialog-hint+.ai-dialog-actions{border-top:none}.template-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.template-dialog{background:var(--surface);border-radius:var(--radius-lg,16px);width:90%;max-width:420px;animation:.2s ease-out slideUp;overflow:hidden;box-shadow:0 20px 50px #0000004d}.template-dialog-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:.875rem;padding:1.25rem 1.25rem 1rem;display:flex}.template-dialog-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark,var(--primary)) 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.template-dialog-icon i{color:#fff;font-size:1rem}.template-dialog-title{flex:1;min-width:0}.template-dialog-title h3{color:var(--text-primary);margin:0;font-size:1.0625rem;font-weight:600}.template-dialog-title p{color:var(--text-muted);margin:.25rem 0 0;font-size:.8125rem}.template-dialog-close{border-radius:var(--radius-sm,6px);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;margin:-.25rem -.25rem 0 0;padding:.375rem}.template-dialog-close:hover{background:var(--surface-hover);color:var(--text-primary)}.template-dialog-content{padding:1.25rem}.template-dialog-field{margin-bottom:1rem}.template-dialog-field:last-of-type{margin-bottom:.75rem}.template-dialog-field label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.template-dialog-field .optional-label{color:var(--text-muted);font-weight:400}.template-dialog-field input,.template-dialog-field textarea{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--background);width:100%;color:var(--text-primary);transition:var(--transition);padding:.625rem .875rem;font-family:inherit;font-size:.9375rem}.template-dialog-field input::placeholder,.template-dialog-field textarea::placeholder{color:var(--text-muted)}.template-dialog-field input:focus,.template-dialog-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg,#6366f126);outline:none}.template-dialog-field textarea{resize:vertical;min-height:60px}.template-dialog-info{color:var(--text-muted);background:var(--surface-muted,var(--background));border-radius:var(--radius-md,8px);border:1px solid var(--border);align-items:flex-start;gap:.625rem;padding:.75rem .875rem;font-size:.8125rem;display:flex}.template-dialog-info i{color:var(--primary);flex-shrink:0;margin-top:.125rem}.template-dialog-error{color:var(--danger,#ef4444);background:var(--danger-bg,#ef44441a);border-radius:var(--radius-md,8px);align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem .875rem;font-size:.8125rem;display:flex}.template-dialog-footer{background:var(--surface-muted,var(--background));border-top:1px solid var(--border);justify-content:flex-end;gap:.625rem;padding:1rem 1.25rem;display:flex}.template-dialog-footer .btn-cancel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.template-dialog-footer .btn-cancel:hover{background:var(--surface-hover);border-color:var(--text-muted)}.template-dialog-footer .btn-save{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark,var(--primary)) 100%);border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 8px #6366f14d}.template-dialog-footer .btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.template-dialog-footer .btn-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.template-info-hint{color:var(--text-muted,#6b7280);background:var(--surface-muted,#f9fafb);border-radius:6px;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.75rem;font-size:.75rem;display:flex}.template-info-hint i{color:var(--text-muted,#9ca3af);flex-shrink:0;margin-top:.125rem}.ai-dialog-actions{border-top:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#f9fafb);justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.ai-dialog-actions button{cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.ai-dialog-actions button.secondary{color:var(--text-primary);background:var(--surface);border:1px solid var(--border)}.ai-dialog-actions button.secondary:hover{background:var(--surface-hover)}.ai-dialog-actions button.primary{box-shadow:0 2px 8px #6366f14d;color:#fff!important;background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%))!important;border:none!important}.ai-dialog-actions button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.ai-dialog-actions button:disabled{opacity:.5;cursor:not-allowed}.ai-preview-comparison{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;display:grid}.ai-preview-original,.ai-preview-new{flex-direction:column;display:flex}.ai-preview-original label,.ai-preview-new label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8125rem;font-weight:500}.ai-preview-arrow{color:var(--text-muted);align-items:center;padding-top:1.5rem;display:flex}.ai-preview-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);white-space:pre-wrap;flex:1;max-height:200px;padding:.75rem;font-size:.9375rem;line-height:1.5;overflow-y:auto}.ai-preview-original .ai-preview-text{background:var(--bg-tertiary);color:var(--text-secondary)}.ai-preview-new .ai-preview-text{background:rgba(var(--accent-rgb,59, 130, 246), .05);border-color:var(--accent)}.ai-preview-single{flex-direction:column;display:flex}.ai-preview-single .ai-preview-text{background:var(--bg-secondary);max-height:300px}.ai-preview-subtasks{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.ai-preview-subtasks label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.ai-preview-subtasks label i{color:var(--accent)}.ai-preview-subtasks ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ai-preview-subtasks li{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;opacity:.7;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:line-through;transition:all .15s;display:flex}.ai-preview-subtasks li.selected{color:var(--text-primary);opacity:1;text-decoration:none}.ai-preview-subtasks li:hover{background:var(--bg-tertiary)}.ai-preview-subtasks li i{color:var(--text-muted);flex-shrink:0;margin-top:.125rem}.ai-preview-subtasks li.selected i{color:var(--accent)}.ai-preview-subtasks label .link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:.75rem;font-weight:400}.ai-preview-subtasks label .link-button:hover{text-decoration:underline}.activity-category-ai{background:rgba(var(--accent-rgb,59, 130, 246), .1);color:var(--accent)}@media (width<=640px){.ai-dialog{max-width:95%;margin:1rem}.ai-preview-comparison{grid-template-columns:1fr}.ai-preview-arrow{display:none}.ai-preview-original{order:1}.ai-preview-new{order:2}}.talk-to-task-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.talk-to-task-btn:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb), .4);transform:scale(1.1)}.talk-to-task-modal{width:100%;max-width:600px}.talk-to-task-modal .modal-header h3{align-items:center;gap:.5rem;display:flex}.talk-to-task-modal .modal-header h3 i{color:var(--primary)}.talk-to-task-error{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.talk-to-task-recorder{flex-direction:column;align-items:center;gap:1.25rem;padding:1rem 0 .5rem;display:flex}.recorder-main{flex-direction:column;align-items:center;gap:.75rem;display:flex}.recorder-icon{background:var(--surface-hover);border:3px solid var(--border);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;transition:all .3s;display:flex;position:relative}.recorder-icon.recording{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.recorder-icon.recording>i.fa-microphone{animation:1s ease-in-out infinite mic-bounce}@keyframes mic-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.recorder-ring{border:2px solid var(--danger);pointer-events:none;border-radius:50%;animation:2s ease-out infinite ring-expand;position:absolute;inset:-6px}.recorder-ring-delayed{animation-delay:.8s}@keyframes ring-expand{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.recorder-icon.paused{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.recorder-info{flex-direction:column;align-items:center;gap:.125rem;display:flex}.recorder-duration{color:var(--text-primary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:1.75rem;font-weight:600;line-height:1}.recorder-status{color:var(--text-muted);font-size:.8125rem}.recorder-controls{gap:.75rem;display:flex}.recorder-controls button{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.record-btn{background:var(--danger);color:#fff;animation:2s ease-in-out infinite record-pulse;box-shadow:0 2px 8px #ef44444d}.record-btn:hover{background:#dc2626;animation:none;transform:translateY(-1px);box-shadow:0 4px 14px #ef444473}@keyframes record-pulse{0%,to{box-shadow:0 2px 8px #ef44444d}50%{box-shadow:0 2px 20px #ef44448c}}.record-btn i{font-size:.5rem}.stop-btn{background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border)}.stop-btn:hover{background:var(--border);transform:translateY(-1px)}.recorder-tips{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg,12px);flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;width:100%;padding:.75rem 1rem;display:flex}.recorder-tip{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.recorder-tip i{color:var(--primary);opacity:.7;font-size:.6875rem}.talk-to-task-review{flex-direction:column;gap:1.5rem;display:flex}.review-transcript{background:var(--surface-hover);border-radius:var(--radius-md);padding:1rem}.review-transcript h4{color:var(--text-muted);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;display:flex}.review-transcript p{color:var(--text-secondary);margin:0;font-style:italic;line-height:1.6}.review-tasks h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;display:flex}.no-tasks{text-align:center;color:var(--text-muted);padding:2rem}.extracted-tasks-list{flex-direction:column;gap:.75rem;max-height:400px;display:flex;overflow-y:auto}.extracted-task-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.extracted-task-item .task-header{gap:.5rem;margin-bottom:.5rem;display:flex}.extracted-task-item .task-header input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);flex:1;padding:.5rem;font-size:.9375rem}.extracted-task-item .task-header input:focus{border-color:var(--primary);outline:none}.remove-task-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none}.remove-task-btn:hover{background:var(--danger-bg);color:var(--danger)}.extracted-task-item .task-details{flex-wrap:wrap;gap:.5rem;font-size:.8125rem;display:flex}.extracted-task-item .task-due{color:var(--text-muted);align-items:center;gap:.25rem;display:flex}.extracted-task-item .task-priority{border-radius:var(--radius-sm);padding:.125rem .5rem;font-size:.75rem;font-weight:500}.extracted-task-item .task-priority.priority-high{background:var(--danger-bg);color:var(--danger)}.extracted-task-item .task-priority.priority-medium{background:var(--warning-bg);color:var(--warning)}.extracted-task-item .task-priority.priority-low{background:var(--primary-bg);color:var(--primary)}.extracted-task-item .task-tags{gap:.25rem;display:flex}.extracted-task-item .tag-pill{background:var(--surface-hover);border-radius:var(--radius-full);font-size:calc(var(--font-size-base) * .75);color:var(--text-secondary);padding:.125rem .5rem}.extracted-task-item .task-subtasks{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.extracted-task-item .subtask-item{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;display:flex}.extracted-task-item .subtask-item i{color:var(--text-muted);font-size:.75rem}.talk-to-task-modal .modal-footer{border-top:1px solid var(--border);background:var(--surface-hover);justify-content:space-between;gap:1rem;padding:1rem 1.5rem;display:flex}.talk-to-task-modal .modal-footer button{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.talk-to-task-modal .modal-footer .btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.talk-to-task-modal .modal-footer .btn-secondary:hover{background:var(--surface-hover)}.talk-to-task-modal .modal-footer .btn-primary{background:var(--primary);color:#fff}.talk-to-task-modal .modal-footer .btn-primary:hover{filter:brightness(.9)}.talk-to-task-modal .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.description-editor-wrapper{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:var(--transition);flex-direction:column;display:flex}.description-editor-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.description-editor-wrapper.disabled{opacity:.6;pointer-events:none}.description-editor-content{min-height:100px;color:var(--text-primary);outline:none;padding:.75rem 1rem;font-size:.9375rem;line-height:1.6}.description-editor-content p{margin:0 0 .5rem}.description-editor-content p:last-child{margin-bottom:0}.description-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;float:left;height:0}.description-editor-content .description-image{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);width:auto;max-width:150px;height:auto;max-height:150px;margin:.25rem .5rem .25rem 0;display:inline-block}.description-editor-content .description-image.ProseMirror-selectednode{outline:2px solid var(--primary);outline-offset:2px}.description-editor-bubble-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);gap:.25rem;padding:.25rem;display:flex}.bubble-menu-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.bubble-menu-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.bubble-menu-btn.delete:hover{background:var(--danger-bg);color:var(--danger)}.description-editor-footer{border-top:1px solid var(--border);background:var(--surface-hover);border-radius:0 0 calc(var(--radius-md) - 2px) calc(var(--radius-md) - 2px);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.editor-actions{align-items:center;gap:.25rem;display:flex}.editor-actions .ai-button-container .ai-button{height:28px;padding:.25rem .5rem;font-size:.75rem}.editor-actions .ai-button-container .ai-button i{font-size:.75rem}.editor-actions .ai-button-container .ai-menu{z-index:10000;margin-top:0;margin-bottom:0;position:fixed;inset:auto}.editor-action-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}.editor-action-btn:hover:not(:disabled){background:var(--primary-bg,#6366f11a);color:var(--primary)}.editor-action-btn:disabled{opacity:.4;cursor:not-allowed}.editor-status{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.upload-status{color:var(--primary)}.upload-error{color:var(--danger)}.image-count{color:var(--text-muted)}.char-counter{color:var(--text-muted);font-size:.75rem}.char-counter-warning{color:var(--warning,#d97706)}.char-counter-error{color:var(--danger,#dc2626);font-weight:600}.title-char-counter{text-align:right;margin-top:.25rem;display:block}.description-editor-content ul,.description-editor-content ol{margin:.5rem 0;padding-left:1.5rem}.description-editor-content li{margin:.25rem 0}.description-editor-content strong{font-weight:600}.description-editor-content em{font-style:italic}.admin-panel{background:var(--background);z-index:1000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.admin-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.admin-header h1{color:var(--text);flex:1;margin:0;font-size:1.25rem}.admin-header .admin-user{color:var(--text-secondary);font-size:.875rem}.admin-header .close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem}.admin-header .close-btn:hover{color:var(--text)}.admin-header .admin-help-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:.25rem .5rem;font-size:1.25rem}.admin-header .admin-help-btn:hover{color:var(--primary);background:var(--surface-hover)}.admin-tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:.25rem;padding:0 1.5rem;display:flex}.admin-tabs button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.admin-tabs button:hover{color:var(--text)}.admin-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-content{flex:1;padding:1.5rem;overflow:auto}.admin-error{text-align:center;padding:3rem}.admin-error h2{color:var(--danger)}.admin-users{grid-template-columns:350px 1fr;gap:1.5rem;height:100%;max-height:calc(100vh - 150px);display:grid}.users-sidebar{background:var(--surface);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.users-sidebar .search-bar{border-bottom:1px solid var(--border);padding:1rem}.users-sidebar .search-bar input{border:1px solid var(--border);border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem}.users-sidebar .filter-bar{border-bottom:1px solid var(--border);gap:.5rem;padding:.75rem 1rem;display:flex}.users-sidebar .filter-bar button{background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.35rem .75rem;font-size:.75rem}.users-sidebar .filter-bar button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.users-list{flex:1;overflow-y:auto}.user-item{border-bottom:1px solid var(--border-light);cursor:pointer;padding:.75rem 1rem;transition:background .15s}.user-item:hover{background:var(--surface-hover)}.user-item.selected{background:var(--primary-bg)}.user-item.locked{border-left:3px solid var(--warning)}.user-item.disabled{opacity:.6;border-left:3px solid var(--danger)}.user-item .user-email{color:var(--text);font-size:.875rem;font-weight:500}.user-item .user-name{color:var(--text-secondary);font-size:.75rem}.user-item .user-badges{gap:.35rem;margin-top:.35rem;display:flex}.user-item .badge{border-radius:3px;padding:.15rem .5rem;font-size:.65rem;font-weight:500}.user-item .badge.mfa{background:var(--success-bg);color:var(--success)}.user-item .badge.locked{background:var(--warning-bg);color:var(--warning)}.user-item .badge.disabled{background:var(--danger-bg);color:var(--danger)}.user-detail{background:var(--surface);border-radius:8px;padding:1.5rem;overflow-y:auto}.user-detail h2{color:var(--text);margin:0 0 1.5rem}.user-detail .user-info{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.user-detail .user-info>div{color:var(--text-secondary);font-size:.875rem}.user-detail .user-info strong{color:var(--text)}.user-detail .warning{background:var(--warning-bg);color:var(--warning);border-radius:6px;padding:.75rem}.user-detail .no-selection{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.user-actions{border-top:1px solid var(--border);padding-top:1.5rem}.user-actions h3{color:var(--text-secondary);text-transform:uppercase;margin:0 0 1rem;font-size:.875rem}.user-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:6px;width:100%;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .15s;display:block}.user-actions button:hover{background:var(--surface-hover)}.user-actions button.warning{color:var(--warning);border-color:var(--warning)}.user-actions button.danger{color:var(--danger);border-color:var(--danger)}.role-management{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.role-management h4{color:var(--text-secondary);text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem}.admin-panel .pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.admin-panel .pagination button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:4px;padding:.35rem .75rem;font-size:.75rem}.admin-panel .pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-panel .pagination span{color:var(--text-secondary);font-size:.75rem}.admin-audit{background:var(--surface);border-radius:8px;overflow:hidden}.audit-filters{border-bottom:1px solid var(--border);padding:1rem}.audit-filters select{border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.875rem}.audit-table{border-collapse:collapse;width:100%;font-size:.8rem}.audit-table th,.audit-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:.75rem 1rem}.audit-table th{background:var(--surface-muted);color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.audit-table td{color:var(--text-secondary)}.admin-reports{flex-direction:column;gap:1.5rem;display:flex}.report-section{background:var(--surface);border-radius:8px;padding:1.5rem}.report-section h3{color:var(--text);margin:0 0 1rem;font-size:1rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.stat-card{background:var(--surface-muted);text-align:center;border-radius:8px;padding:1rem}.stat-card.warning{background:var(--danger-bg)}.stat-value{color:var(--primary);font-size:1.75rem;font-weight:700}.stat-card.warning .stat-value{color:var(--danger)}.stat-label{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.activity-chart{margin-top:1rem;overflow-x:auto}.activity-table{border-collapse:collapse;width:100%;font-size:.8rem}.activity-table th,.activity-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:.5rem 1rem}.activity-table th{background:var(--surface-muted);color:var(--text-secondary);font-size:.7rem;font-weight:600}.admin-settings{flex-direction:column;gap:1.5rem;display:flex}.settings-category{background:var(--surface);border-radius:8px;padding:1.5rem}.settings-category h3{color:var(--text);border-bottom:1px solid var(--border);margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem}.settings-table{border-collapse:collapse;table-layout:fixed;width:100%}.settings-table th,.settings-table td{text-align:left;border-bottom:1px solid var(--border-light);vertical-align:top;padding:.75rem 1rem}.settings-table th:first-child,.settings-table td:first-child{width:35%;min-width:200px}.settings-table th:nth-child(2),.settings-table td:nth-child(2){width:45%}.settings-table th:nth-child(3),.settings-table td:nth-child(3){width:20%}.settings-table th{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.setting-name{color:var(--text);font-weight:500}.setting-description{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.setting-value{color:var(--text-secondary)}.settings-table input,.settings-table select{border:1px solid var(--border);border-radius:4px;padding:.35rem .5rem;font-size:.875rem}.settings-table button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:4px;margin-right:.5rem;padding:.35rem .75rem;font-size:.75rem}.settings-table button:hover{background:var(--surface-hover)}.admin-panel .loading{text-align:center;color:var(--text-muted);padding:2rem}.maintenance-banner{color:#fff;z-index:1000;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);padding:.75rem 1rem;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.maintenance-banner-content{justify-content:center;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}.maintenance-banner-icon{flex-shrink:0;width:20px;height:20px}.maintenance-banner-text{font-size:.9rem;font-weight:500}.maintenance-banner-badge{text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.maintenance-login-warning{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.maintenance-login-warning svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}.maintenance-login-warning span{font-size:.9rem;line-height:1.4}[data-theme=dark] .maintenance-login-warning,.auth-page .maintenance-login-warning{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b40}.admin-maintenance{padding:1.5rem}.admin-maintenance-status{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.admin-maintenance-status.active{background:#f59e0b1a;border-color:#f59e0b4d}.admin-maintenance-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-maintenance-indicator.inactive{color:#22c55e;background:#22c55e26}.admin-maintenance-indicator.active{color:#f59e0b;background:#f59e0b26}.admin-maintenance-indicator svg{width:24px;height:24px}.admin-maintenance-info{flex:1}.admin-maintenance-info h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem}.admin-maintenance-info p{color:var(--text-muted);margin:0;font-size:.9rem}.admin-maintenance-toggle{gap:.5rem;display:flex}.admin-maintenance-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.admin-maintenance-form h4{color:var(--text-primary);margin:0 0 1rem;font-size:1rem}.admin-maintenance-field{margin-bottom:1rem}.admin-maintenance-field label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}.admin-maintenance-field input[type=text],.admin-maintenance-field textarea{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem;font-family:inherit;font-size:.9rem}.admin-maintenance-field textarea{resize:vertical;min-height:80px}.admin-maintenance-checkbox{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.admin-maintenance-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}.admin-maintenance-checkbox-label{flex:1}.admin-maintenance-checkbox-label strong{color:var(--text-primary);font-size:.9rem;display:block}.admin-maintenance-checkbox-label span{color:var(--text-muted);font-size:.8rem}.admin-maintenance-actions{gap:.75rem;margin-top:1.5rem;display:flex}.admin-maintenance-actions button{cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .15s}.admin-maintenance-actions .btn-enable{color:#fff;background:#f59e0b;border:none}.admin-maintenance-actions .btn-enable:hover{background:#d97706}.admin-maintenance-actions .btn-disable{color:#fff;background:#22c55e;border:none}.admin-maintenance-actions .btn-disable:hover{background:#16a34a}.admin-maintenance-actions .btn-cancel{color:var(--text-muted);border:1px solid var(--border-color);background:0 0}.admin-maintenance-actions .btn-cancel:hover{background:var(--bg-secondary)}.admin-maintenance-details{background:var(--bg-secondary);border-radius:8px;margin-top:1.5rem;padding:1rem}.admin-maintenance-details h4{color:var(--text-primary);margin:0 0 .75rem;font-size:.9rem}.admin-maintenance-details dl{grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0;font-size:.85rem;display:grid}.admin-maintenance-details dt{color:var(--text-muted)}.admin-maintenance-details dd{color:var(--text-primary);margin:0}.admin-logs{padding:0}.admin-logs-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-logs-header h3{flex:1;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.admin-logs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.admin-logs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:16px;transition:border-color .15s,box-shadow .15s}.admin-logs-card:hover{border-color:var(--primary,#3b82f6);box-shadow:0 2px 8px #0000001a}.admin-logs-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.admin-logs-card-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.admin-logs-state-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.admin-logs-card-detail{justify-content:space-between;align-items:center;padding:4px 0;font-size:.85em;display:flex}.admin-logs-card-label{color:var(--text-muted)}.admin-logs-card-value{color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.admin-logs-toolbar{align-items:center;gap:8px;margin-left:auto;display:flex}.admin-logs-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);padding:6px 10px;font-size:.85em}.admin-logs-back-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.85em;display:flex}.admin-logs-back-btn:hover{background:var(--surface-hover)}.admin-logs-refresh-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;display:flex}.admin-logs-refresh-btn:hover{background:var(--surface-hover)}.admin-logs-toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.85em;display:flex}.admin-logs-toggle-btn.active{color:#22c55e;background:#22c55e26;border-color:#22c55e}.admin-logs-viewer-wrapper{margin-top:8px}.admin-logs-viewer-info{color:var(--text-muted);border-radius:var(--radius-md) var(--radius-md) 0 0;background:#1a1a2e;border:1px solid #2a2a3e;border-bottom:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.8em;display:flex}.admin-logs-viewer{color:#c9d1d9;border-radius:0 0 var(--radius-md) var(--radius-md);white-space:pre-wrap;word-break:break-all;background:#0d1117;border:1px solid #2a2a3e;max-height:500px;margin:0;padding:16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8em;line-height:1.5;overflow:auto}.admin-logs-error{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.admin-logs-error i{color:#ef4444;margin-bottom:16px;font-size:2.5em}.admin-logs-error h3{color:var(--text-primary);margin:0 0 8px}.admin-logs-error p{margin:4px 0}.admin-logs-error-hint{font-size:.85em;margin-top:12px!important}.admin-logs-error-hint code{background:var(--surface);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}.admin-panel .modal-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-panel .modal{background:var(--surface);border-radius:12px;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 10px 40px #0003}.admin-panel .modal h3{color:var(--text);margin:0 0 1rem}.admin-panel .modal p{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem}.admin-panel .modal textarea,.admin-panel .modal input{border:1px solid var(--border);box-sizing:border-box;border-radius:6px;width:100%;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem}.admin-panel .modal textarea{resize:vertical;min-height:80px}.admin-panel .modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.admin-panel .modal-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.admin-panel .modal-actions button:hover{background:var(--surface-hover)}.admin-panel .modal-actions button.warning{background:var(--warning);color:#fff;border-color:var(--warning)}.admin-panel .modal-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-backups{flex-direction:column;gap:1.5rem;display:flex}.backup-status-section{background:var(--surface);border-radius:8px;padding:1.5rem}.backup-status-section h3{color:var(--text);margin:0 0 1rem;font-size:1rem}.backup-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.backup-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s}.backup-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.backup-btn.secondary{background:var(--surface-elevated);border-color:var(--border)}.backup-btn.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-secondary)}.backup-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.backup-btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 85%, black)}.backup-btn:disabled{opacity:.4;cursor:not-allowed}.connection-result{border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}.connection-result.success{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.connection-result.error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.backup-list-section,.backup-history-section{background:var(--surface);border-radius:8px;padding:1.5rem}.backup-list-section h3,.backup-history-section h3{color:var(--text);margin:0 0 1rem;font-size:1rem}.backup-table{border-collapse:collapse;width:100%;font-size:.875rem}.backup-table th,.backup-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:.75rem 1rem}.backup-table th{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.backup-table td button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:4px;margin-right:.5rem;padding:.35rem .75rem;font-size:.75rem;transition:all .15s}.backup-table td button:hover:not(:disabled){background:var(--surface-hover)}.backup-table td button.warning{background:var(--warning);color:#fff;border-color:var(--warning)}.backup-table td button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.backup-table tr.failed{background:#ef44441a}.status-badge{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.completed{color:#22c55e;background:#22c55e26}.status-badge.running{color:#3b82f6;background:#3b82f626}.status-badge.failed{color:#ef4444;background:#ef444426}.status-badge.pending{color:#9ca3af;background:#9ca3af26}.no-data{color:var(--text-muted);text-align:center;padding:2rem}.last-backup{color:var(--text-secondary);margin-top:1rem;font-size:.875rem}.backup-settings-modal{max-height:85vh;overflow-y:auto;max-width:500px!important}.backup-settings-modal .form-group{margin-bottom:1rem}.backup-settings-modal .form-group label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.backup-settings-modal .form-group small{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.switch-group{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.switch-label{color:var(--text);font-size:.875rem;font-weight:500}.toggle-switch{width:48px;height:26px;margin:0;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;margin:0!important}.toggle-slider{cursor:pointer;background-color:var(--border);border-radius:26px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.warning-text{color:var(--warning)!important}.admin-panel .modal-actions button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-panel .modal-actions button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 85%, black)}.admin-panel .modal-actions button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.admin-database{padding:1rem 0}.admin-database h3{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:600}.admin-database h4{color:var(--text-secondary);margin:1rem 0 .75rem;font-size:.9375rem;font-weight:500}.database-status-section,.migrations-section,.local-backup-section,.local-restore-section{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:2rem;padding:1.25rem}.schema-version,.db-path{color:var(--text-muted);margin-top:.75rem;font-size:.8125rem}.db-path{word-break:break-all;font-family:monospace}.pending-migrations-warning{border-radius:var(--radius-md);color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.pending-migrations-warning i{font-size:1.125rem}.migration-actions{margin-bottom:1.5rem}.migrations-table{border-collapse:collapse;width:100%;font-size:.875rem}.migrations-table th,.migrations-table td{text-align:left;border-bottom:1px solid var(--border);padding:.625rem .75rem}.migrations-table th{color:var(--text-secondary);background:var(--background);text-transform:uppercase;letter-spacing:.025em;font-size:.8125rem;font-weight:600}.migrations-table td{color:var(--text)}.migrations-table tr.pending td{color:var(--warning);background:#f59e0b0d}.migrations-table .migration-id{color:var(--text-muted);font-family:monospace;font-size:.8125rem}.more-migrations{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.8125rem;font-style:italic}.section-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.warning-box{border-radius:var(--radius-md);color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.warning-box i{margin-top:.125rem;font-size:1rem}.backup-actions,.restore-actions{gap:.75rem;display:flex}.file-input-label{cursor:pointer}.file-input-label input[type=file]{display:none}.confirm-input{margin:1.5rem 0}.confirm-input label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.confirm-input input{border:2px solid var(--border);border-radius:var(--radius-md);letter-spacing:.1em;text-align:center;width:100%;padding:.75rem;font-size:1rem;font-weight:700}.confirm-input input:focus{border-color:var(--primary);outline:none}.dismiss-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;padding:0 .25rem;font-size:1.25rem}.dismiss-btn:hover{opacity:1}.connection-result{border-radius:var(--radius-md);align-items:center;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.stat-value.warning{color:var(--warning)}.dashboard.admin-mode{background:var(--background);flex-direction:column;min-height:100vh;display:flex}.admin-header-bar{background:var(--navbar-bg,var(--surface));color:var(--navbar-text,var(--text-primary));border-bottom:1px solid var(--navbar-border,var(--border));align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.admin-header-bar .header-logo-link{align-items:center;display:flex}.admin-header-bar .header-logo{height:32px}.admin-header-bar .header-spacer{flex:1}.admin-header-bar .header-actions{align-items:center;gap:1rem;display:flex}.admin-badge{background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.admin-header-bar .user-email{color:var(--text-muted);font-size:.875rem}.admin-header-bar .logout-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem .75rem;transition:all .15s}.admin-header-bar .logout-btn:hover{background:var(--surface-hover);color:var(--text)}.admin-main-content{flex:1;padding:2rem;overflow-y:auto}.admin-dashboard{max-width:1400px;margin:0 auto}.admin-dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.admin-dashboard-title h1{color:var(--text);margin:0 0 .25rem;font-size:1.75rem;font-weight:600}.admin-dashboard-subtitle{color:var(--text-muted);font-size:.9375rem}.admin-dashboard-date{color:var(--text-muted);font-size:.875rem}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.admin-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.admin-stat-icon.users{color:#6366f1;background:#6366f11a}.admin-stat-icon.active{color:#22c55e;background:#22c55e1a}.admin-stat-icon.tasks{color:#3b82f6;background:#3b82f61a}.admin-stat-icon.locked{color:#ef4444;background:#ef44441a}.admin-stat-content{flex:1}.admin-stat-value{color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.2}.admin-stat-label{color:var(--text-muted);margin-top:.125rem;font-size:.875rem}.admin-stat-detail{color:var(--text-muted);margin-top:.375rem;font-size:.75rem}.admin-quick-actions{margin-bottom:2rem}.admin-quick-actions h2{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.admin-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.admin-action-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:all .15s;display:flex}.admin-action-card:hover{border-color:var(--primary);background:var(--surface-hover)}.admin-action-icon{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.admin-action-content{flex:1}.admin-action-title{color:var(--text);font-size:.9375rem;font-weight:600}.admin-action-desc{color:var(--text-muted);margin-top:.125rem;font-size:.8125rem}.admin-action-card>i.fa-chevron-right{color:var(--text-muted);font-size:.875rem}.admin-dashboard-columns{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=900px){.admin-dashboard-columns{grid-template-columns:1fr}}.admin-dashboard-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.admin-dashboard-section.full-width{grid-column:1/-1}.admin-dashboard-section h2{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-section-header h2{margin:0}.admin-view-all-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;transition:all .15s;display:inline-flex}.admin-view-all-btn:hover{background:var(--surface-hover);color:var(--text)}.admin-activity-summary,.admin-health-summary{flex-direction:column;gap:.75rem;display:flex}.admin-activity-row,.admin-health-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.admin-activity-row:last-child,.admin-health-row:last-child{border-bottom:none}.admin-activity-label,.admin-health-label{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.admin-health-label i{text-align:center;width:16px}.admin-activity-value,.admin-health-value{color:var(--text);font-size:.9375rem;font-weight:600}.admin-health-value.warning{color:var(--warning)}.admin-health-value.error{color:var(--danger)}.admin-audit-table-container{overflow-x:auto}.admin-audit-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-audit-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);padding:.75rem .5rem;font-size:.8125rem;font-weight:500}.admin-audit-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.75rem .5rem}.admin-audit-table tr:last-child td{border-bottom:none}.admin-audit-table .audit-time{color:var(--text-muted);white-space:nowrap}.admin-audit-table .audit-admin{color:var(--text-muted);font-size:.8125rem}.admin-audit-table .audit-action .audit-badge{background:var(--surface-hover);color:var(--text);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.admin-audit-table .audit-badge.users{color:#6366f1;background:#6366f11a}.admin-audit-table .audit-badge.security{color:#ef4444;background:#ef44441a}.admin-audit-table .audit-badge.settings{color:#f59e0b;background:#f59e0b1a}.admin-audit-table .audit-badge.reports{color:#22c55e;background:#22c55e1a}.admin-audit-table .audit-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:.8125rem;overflow:hidden}.admin-loading,.admin-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.875rem}@media (width<=768px){.admin-main-content{padding:1rem}.admin-dashboard-header{flex-direction:column;gap:.5rem}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-actions-grid{grid-template-columns:1fr}.admin-header-bar{padding:.75rem 1rem}.admin-header-bar .user-email{display:none}}.metrics-view{max-width:1000px;padding:1.5rem}.metrics-header{margin-bottom:1.5rem}.metrics-header h2{align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.5rem;font-weight:600;display:flex}.metrics-header h2 .view-title-icon{color:var(--primary)}.metrics-header p{color:var(--text-muted);margin:0;font-size:.9375rem}.metrics-summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.metrics-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.875rem;padding:1rem;display:flex}.metrics-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.metrics-stat-icon.streak{color:#ef4444;background:#ef44441a}.metrics-stat-icon.best{color:#f59e0b;background:#f59e0b1a}.metrics-stat-icon.week{color:#3b82f6;background:#3b82f61a}.metrics-stat-icon.month{color:#6366f1;background:#6366f11a}.metrics-stat-icon.total{color:#22c55e;background:#22c55e1a}.metrics-stat-content{flex:1}.metrics-stat-value{color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.2}.metrics-stat-label{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.metrics-heatmap-section,.metrics-trend-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.metrics-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.metrics-section-header h3{color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.metrics-section-header h3 i{color:var(--primary)}.metrics-total,.metrics-subtitle{color:var(--text-muted);font-size:.8125rem}.metrics-loading{text-align:center;color:var(--text-muted);padding:2rem}.heatmap-container{overflow-x:auto}.heatmap-months{height:20px;margin-bottom:.5rem;margin-left:36px;position:relative}.heatmap-month-label{color:var(--text-muted);font-size:.6875rem;position:absolute}.heatmap-grid-wrapper{align-items:flex-start;gap:.5rem;display:flex}.heatmap-day-labels{grid-template-rows:repeat(7,12px);gap:3px;display:grid}.heatmap-day-labels span{color:var(--text-muted);justify-content:flex-end;align-items:center;min-width:28px;font-size:.625rem;display:flex}.heatmap-grid{grid-template-columns:repeat(53,12px);gap:3px;display:grid}.heatmap-week{grid-template-rows:repeat(7,12px);gap:3px;display:grid}.heatmap-day{cursor:pointer;border-radius:2px;width:12px;height:12px;transition:transform .1s}.heatmap-day:hover{transform:scale(1.3)}.heatmap-day.empty{visibility:hidden}.heatmap-day.level-0{background:var(--surface-hover);border:1px solid var(--border)}.heatmap-day.level-1{background:#6366f140}.heatmap-day.level-2{background:#6366f180}.heatmap-day.level-3{background:#6366f1bf}.heatmap-day.level-4{background:#6366f1}.heatmap-legend{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:.25rem;margin-top:1rem;font-size:.6875rem;display:flex}.heatmap-legend .heatmap-day{cursor:default}.heatmap-legend .heatmap-day:hover{transform:none}.weekly-trend-chart{gap:.5rem;height:200px;display:flex}.trend-y-axis{color:var(--text-muted);text-align:right;flex-direction:column;justify-content:space-between;padding:0 .5rem 1.5rem 0;font-size:.6875rem;display:flex}.trend-bars{border-bottom:1px solid var(--border);flex:1;align-items:flex-end;gap:.5rem;padding-bottom:1.5rem;display:flex;position:relative}.trend-bar-container{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.trend-bar{background:linear-gradient(180deg, var(--primary) 0%, #6366f14d 100%);border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:40px;min-height:2px;transition:opacity .15s;display:flex;position:relative}.trend-bar:hover{opacity:.8}.trend-bar-value{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:.625rem;font-weight:600;position:absolute;top:4px}.trend-bar-label{color:var(--text-muted);white-space:nowrap;font-size:.5625rem;position:absolute;bottom:-1.25rem}.sidebar-metrics .view-list{margin:0;padding:0;list-style:none}.sidebar-metrics .view-list li{border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:var(--transition);align-items:center;margin-bottom:.125rem;padding:.625rem 1rem;display:flex}.sidebar-metrics .view-list li:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-metrics .view-list li:hover .view-icon{opacity:1;color:var(--primary)}.sidebar-metrics .view-list li.active{background:linear-gradient(135deg, var(--primary-bg) 0%, #a855f71a 100%);color:var(--primary);font-weight:600}.sidebar-metrics .view-item-content{flex:1;align-items:center;gap:.75rem;display:flex}.sidebar-metrics .view-icon{font-size:calc(var(--sidebar-font-size) * .875);text-align:center;width:1.25rem;color:var(--text-muted)}.sidebar-metrics .view-list li.active .view-icon{color:var(--primary)}@media (width<=768px){.metrics-view{padding:1rem}.metrics-summary-cards{grid-template-columns:repeat(2,1fr)}.metrics-stat-card{padding:.75rem}.metrics-stat-value{font-size:1.25rem}.weekly-trend-chart{height:150px}.trend-bar-label{display:none}}.help-page{background:var(--background);min-height:100vh}.help-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.help-header h1{color:var(--primary);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.help-header h1 i{font-size:1.25rem}.help-content{gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.help-nav{flex-direction:column;gap:.5rem;min-width:240px;max-width:280px;max-height:calc(100vh - 6rem);display:flex;position:sticky;top:2rem;overflow-y:auto}.help-nav-section{flex-direction:column;gap:.5rem;display:flex}.help-nav-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.help-nav button{color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;display:flex}.help-nav button:hover{background:var(--surface-hover);color:var(--text-primary)}.help-nav button.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:0 2px 8px #6366f14d}.help-nav button.active .badge{color:#fff;background:#fff3}.help-nav button i{text-align:center;width:20px;font-size:1rem}.help-nav button span{flex:1}.help-nav button .badge{background:var(--warning-bg);color:var(--warning);border-radius:999px;padding:.125rem .375rem;font-size:.625rem;font-weight:600}.help-search{margin-bottom:1rem;position:relative}.help-search input{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);transition:var(--transition);padding:.75rem 1rem .75rem 2.5rem;font-size:.9375rem}.help-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.help-search input::placeholder{color:var(--text-muted)}.help-search i{color:var(--text-muted);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.help-main{flex:1;max-width:800px}.help-article{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.help-article h2{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:600;display:flex}.help-article h2 i{color:var(--primary);font-size:1.25rem}.help-description{color:var(--text-muted);border-bottom:1px solid var(--border);margin:0 0 2rem;padding-bottom:1.5rem;font-size:1rem}.help-section{margin:2rem 0}.help-section:first-of-type{margin-top:0}.help-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.help-section p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.7}.help-section p:last-child{margin-bottom:0}.help-list{margin:0 0 1rem;padding:0;list-style:none}.help-list li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;line-height:1.6;position:relative}.help-list li:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.625rem;left:0}.help-list li strong{color:var(--text-primary)}.help-steps{counter-reset:step-counter;margin:0 0 1rem;padding:0;list-style:none}.help-steps li{color:var(--text-secondary);counter-increment:step-counter;margin-bottom:1rem;padding-left:2.5rem;line-height:1.6;position:relative}.help-steps li:before{content:counter(step-counter);background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.help-tip{background:var(--info-bg,#3b82f61a);border-left:4px solid var(--info,#3b82f6);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);align-items:flex-start;gap:.75rem;margin:1rem 0;padding:1rem;display:flex}.help-tip i{color:var(--info,#3b82f6);flex-shrink:0;margin-top:.125rem;font-size:1rem}.help-warning{background:var(--warning-bg,#f59e0b1a);border-left:4px solid var(--warning,#f59e0b);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);align-items:flex-start;gap:.75rem;margin:1rem 0;padding:1rem;display:flex}.help-warning i{color:var(--warning,#f59e0b);flex-shrink:0;margin-top:.125rem;font-size:1rem}.help-section kbd{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.125rem .5rem;font-family:inherit;font-size:.8125rem;display:inline-block;box-shadow:0 1px 2px #0000000d}.priority-indicator{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:.25rem;display:inline-block}.priority-indicator.high{background:var(--danger,#ef4444)}.priority-indicator.medium{background:var(--warning,#f59e0b)}.priority-indicator.low{background:var(--info,#3b82f6)}.priority-indicator.none{background:var(--text-muted)}.help-loading{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.help-loading i{color:var(--primary);font-size:2rem}.help-access-denied{text-align:center;background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:2rem auto;padding:4rem 2rem;display:flex}.help-access-denied i{color:var(--text-muted);margin-bottom:1rem;font-size:3rem}.help-access-denied h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.help-access-denied p{color:var(--text-muted);margin:0 0 1.5rem}.admin-help-page .help-header h1,.admin-help-page .help-header h1 i{color:var(--warning,#f59e0b)}.help-link{justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex;border-radius:50%!important;padding:.5rem!important}.help-link:hover{color:var(--primary)}@media (width<=1024px){.help-content{gap:1.5rem;padding:1.5rem}.help-nav{min-width:200px;max-width:220px}}@media (width<=768px){.help-header{flex-wrap:wrap;gap:.5rem;padding:1rem}.help-header h1{flex:1;order:2;font-size:1.25rem}.help-header .back-btn{order:1}.help-header .header-actions{order:3;justify-content:flex-end;width:100%;display:flex}.help-content{flex-direction:column;padding:1rem}.help-nav{flex-flow:wrap;gap:.25rem;min-width:auto;max-width:none;max-height:none;position:static}.help-nav-section{flex-flow:wrap;gap:.25rem}.help-nav-label{width:100%;margin-top:0;padding:.25rem .5rem}.help-nav button{padding:.5rem .75rem;font-size:.8125rem}.help-nav button span{display:none}.help-nav button i{margin:0}.help-search{width:100%;margin-bottom:.75rem}.help-article{padding:1.5rem}.help-article h2{font-size:1.25rem}.help-section h3{font-size:1rem}}.quick-add-overlay{-webkit-backdrop-filter:blur(12px);z-index:1100;background:#0003;justify-content:center;align-items:flex-start;padding-top:12vh;animation:.15s quickAddFadeIn;display:flex;position:fixed;inset:0}@keyframes quickAddFadeIn{0%{opacity:0}to{opacity:1}}.quick-add-modal{background:var(--surface);-webkit-backdrop-filter:none;border:1px solid var(--border);border-radius:var(--radius-xl,20px);box-shadow:0 32px 64px #00000026, var(--shadow-glow,0 0 24px #6366f114);width:100%;max-width:520px;animation:quickAddSlideIn .25s var(--spring-smooth,ease)}@keyframes quickAddSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.quick-add-header{border-bottom:none;align-items:center;gap:.75rem;padding:.875rem 1.25rem .625rem;display:flex}.quick-add-header h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex:1;align-items:center;gap:.5rem;margin:0;font-size:.75rem;font-weight:600;display:flex}.quick-add-header h2 i{color:var(--primary);font-size:.75rem}.quick-add-shortcut{align-items:center;gap:.25rem;display:flex}.quick-add-shortcut kbd,.quick-add-footer kbd{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm,4px);color:var(--text-muted);padding:.125rem .375rem;font-family:inherit;font-size:.6875rem;display:inline-block;box-shadow:0 1px 2px #0000000d}.quick-add-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm,4px);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;display:flex}.quick-add-close:hover{background:var(--surface-hover);color:var(--text-primary)}.quick-add-body{padding:1rem 1.25rem}.quick-add-error{background:var(--danger-bg,#ef44441a);border:1px solid var(--danger,#ef4444);border-radius:var(--radius-md,8px);color:var(--danger,#ef4444);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.quick-add-error i{flex-shrink:0}.quick-add-field{margin-bottom:1rem}.quick-add-field:last-child{margin-bottom:0}.quick-add-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:flex}.quick-add-field label i{font-size:.75rem}.quick-add-title-input{border:none;border-bottom:2px solid var(--border);width:100%;color:var(--text-primary);transition:border-color var(--duration-normal,.25s) var(--spring-smooth,ease);background:0 0;border-radius:0;padding:1rem .25rem;font-size:1.125rem;font-weight:500}.quick-add-title-input:focus{border-color:var(--primary);box-shadow:none;outline:none}.quick-add-title-input::placeholder{color:var(--text-muted);font-weight:400}.quick-add-row{gap:1rem;display:flex}.quick-add-list-field,.quick-add-date-field{flex:1}.quick-add-field select{border:2px solid var(--border);border-radius:var(--radius-md,8px);background:var(--background);width:100%;color:var(--text-primary);transition:var(--transition);cursor:pointer;padding:.625rem .875rem;font-size:.875rem}.quick-add-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg,#6366f11a);outline:none}.quick-add-footer{border-top:1px solid var(--glass-border,#ffffff26);border-radius:0 0 var(--radius-xl,20px) var(--radius-xl,20px);background:0 0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.quick-add-hint{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.quick-add-actions{gap:.5rem;display:flex}.quick-add-cancel{background:var(--glass-bg,#ffffff80);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-pill,999px);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.quick-add-cancel:hover{background:var(--surface-hover);border-color:var(--border)}.quick-add-submit{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));border-radius:var(--radius-pill,999px);color:#fff;cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);box-shadow:var(--shadow-sm);border:none;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.quick-add-submit:hover:not(:disabled){box-shadow:var(--shadow-glow,0 0 16px #6366f133), var(--shadow-md);transform:translateY(-1px)}.quick-add-submit:active:not(:disabled){transform:translateY(0)}.quick-add-submit:disabled{opacity:.7;cursor:not-allowed}.quick-add-submit i{font-size:.75rem}.quick-add-template-section{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.quick-add-template-selected{background:var(--primary-bg,#6366f11a);border:1px solid var(--primary);border-radius:var(--radius-md,8px);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.quick-add-template-selected>i:first-child{color:var(--primary)}.quick-add-template-selected strong{color:var(--text-primary)}.template-subtask-count{color:var(--text-muted);font-size:.75rem}.quick-add-template-clear{border-radius:var(--radius-sm,4px);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;margin-left:auto;padding:.25rem}.quick-add-template-clear:hover{color:var(--danger,#ef4444);background:var(--danger-bg,#ef44441a)}.quick-add-template-picker{position:relative}.quick-add-template-btn{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md,8px);color:var(--text-muted);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.quick-add-template-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg,#6366f10d)}.quick-add-template-btn i:last-child{margin-left:.25rem;font-size:.625rem}.quick-add-template-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);z-index:100;min-width:200px;max-height:250px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.quick-add-template-option{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;transition:var(--transition);background:0 0;flex-direction:column;align-items:flex-start;padding:.75rem 1rem;display:flex}.quick-add-template-option:last-child{border-bottom:none}.quick-add-template-option:hover{background:var(--surface-hover)}.template-option-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.template-option-meta{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.task-modal-template-picker,.task-modal-template-selected{margin-right:.25rem}.task-modal-template-selected{background:var(--primary-bg,#6366f10f);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);white-space:nowrap;align-items:center;gap:.375rem;max-width:180px;padding:.25rem .5rem;font-size:.75rem;display:flex}.task-modal-template-selected>i:first-child{color:var(--primary);flex-shrink:0}.task-modal-template-selected-name{text-overflow:ellipsis;font-weight:500;overflow:hidden}.task-modal-template-clear{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;margin-left:.125rem;border:none!important;width:auto!important;height:auto!important;padding:.125rem!important;font-size:.625rem!important}.task-modal-template-clear:hover{color:var(--danger,#ef4444)!important;background:var(--danger-bg,#ef44441a)!important}.task-modal-template-picker{position:relative}.task-modal-template-btn{background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;align-items:center;gap:.375rem;padding:.25rem .5rem;display:flex;border:1px solid var(--border)!important;width:auto!important;height:auto!important;font-size:.75rem!important}.task-modal-template-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg,#6366f10d)}.task-modal-template-btn i:last-child{margin-left:.25rem;font-size:.625rem}.task-modal-template-backdrop{z-index:10000;position:fixed;inset:0}.task-modal-template-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-height:240px;box-shadow:var(--shadow-lg,0 4px 12px #00000026);z-index:10001;padding:.25rem 0;position:fixed;overflow-y:auto}.task-modal-template-option{cursor:pointer;text-align:left;transition:var(--transition);border:none!important;border-bottom:1px solid var(--border)!important;background:0 0!important;border-radius:0!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;height:auto!important;padding:.5rem .75rem!important;font-size:.8125rem!important;display:flex!important}.task-modal-template-option:last-child{border-bottom:none!important}.task-modal-template-option:hover{background:var(--surface-hover)!important}.task-modal-template-option-name{color:var(--text-primary);white-space:normal;word-break:break-word;font-size:.8125rem;font-weight:500}.task-modal-template-option-meta{color:var(--text-muted);margin-top:.125rem;font-size:.7rem}.task-modal-subtasks-group{border-top:1px solid var(--border);padding-top:.75rem}.task-modal-subtasks-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.task-modal-subtasks-header label{cursor:pointer;align-items:center;gap:.375rem;display:flex}.task-modal-subtasks-count{color:var(--text-muted);margin-left:.25rem;font-size:.75rem;font-weight:400}.task-modal-subtasks-chevron{color:var(--text-muted);transition:var(--transition);font-size:.625rem}.task-modal-subtasks-body{margin-top:.5rem}.task-modal-subtask-list{margin:0 0 .5rem;padding:0;list-style:none}.task-modal-subtask-item{border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.task-modal-subtask-item:hover{background:var(--surface-hover)}.task-modal-subtask-item input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--primary);flex-shrink:0}.task-modal-subtask-flag{flex-shrink:0;font-size:.625rem}.task-modal-subtask-content{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.task-modal-subtask-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.task-modal-subtask-title.completed{color:var(--text-muted);text-decoration:line-through}.task-modal-subtask-priority{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;padding:.0625rem .375rem;font-size:.625rem;font-weight:600}.task-modal-subtask-priority.high{color:#ef4444;background:#ef44441a}.task-modal-subtask-priority.medium{color:#f59e0b;background:#f59e0b1a}.task-modal-subtask-priority.low{color:#3b82f6;background:#3b82f61a}.task-modal-subtask-delete{opacity:0;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:.75rem}.task-modal-subtask-item:hover .task-modal-subtask-delete{opacity:1}.task-modal-subtask-delete:hover{color:var(--danger,#ef4444);background:var(--danger-bg,#ef44441a)}.task-modal-subtask-add{gap:.375rem;display:flex}.task-modal-subtask-add input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);transition:var(--transition);outline:none;flex:1;padding:.375rem .625rem;font-size:.8125rem}.task-modal-subtask-add input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg,#6366f11a)}.task-modal-subtask-add button{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:.375rem .625rem;font-size:.75rem}.task-modal-subtask-add button:disabled{opacity:.4;cursor:not-allowed}.task-modal-subtask-add button:not(:disabled):hover{background:var(--primary-hover,#5558e6)}.quick-add-no-lists{text-align:center;color:var(--text-muted);padding:2rem}.quick-add-no-lists i{opacity:.5;margin-bottom:1rem;font-size:2.5rem}.quick-add-no-lists p{margin:0;font-size:.9375rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=540px){.quick-add-overlay{align-items:flex-start;padding:10vh 1rem 1rem}.quick-add-modal{max-width:100%}.quick-add-row{flex-direction:column;gap:1rem}.quick-add-shortcut,.quick-add-hint{display:none}.quick-add-footer{justify-content:flex-end}}.quick-add-smart-preview{background:var(--surface-hover,var(--bg));border:1px solid var(--border);border-radius:var(--radius-md,8px);margin:-.25rem 0 .75rem;padding:.5rem .75rem;animation:.15s ease-out smartPreviewFadeIn}@keyframes smartPreviewFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quick-add-smart-header{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.6875rem;font-weight:600;display:flex}.quick-add-smart-header i{color:var(--primary);font-size:.625rem}.quick-add-smart-dismiss{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;align-items:center;margin-left:auto;padding:.125rem;font-size:.6875rem;display:flex}.quick-add-smart-dismiss:hover{color:var(--text-primary);background:var(--surface)}.quick-add-smart-chips{flex-wrap:wrap;gap:.25rem;display:flex}.quick-add-smart-chip{border-radius:var(--radius-pill,999px);background:var(--glass-bg,#ffffff80);-webkit-backdrop-filter:blur(4px);color:var(--text-secondary);border:1px solid var(--glass-border,#ffffff26);animation:lgFadeInScale .2s var(--spring-smooth,ease) both;align-items:center;gap:.25rem;padding:.2rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.quick-add-smart-chip i{font-size:.625rem}.quick-add-smart-chip.chip-date{border-color:var(--success,#27ae60);color:var(--success,#27ae60)}.quick-add-smart-chip.chip-start{border-color:var(--info,#3498db);color:var(--info,#3498db)}.quick-add-smart-chip.chip-recurrence{border-color:var(--primary);color:var(--primary)}.quick-add-smart-chip.chip-duration{border-color:var(--warning,#f39c12);color:var(--warning,#f39c12)}.quick-add-smart-chip.chip-time{border-color:var(--info,#3498db);color:var(--info,#3498db)}.quick-add-smart-chip.chip-priority{border-color:var(--danger,#e74c3c);color:var(--danger,#e74c3c)}.quick-add-smart-chip.chip-tag{border-color:var(--primary);color:var(--primary)}.quick-add-smart-chip.chip-list{border-color:var(--info,#3498db);color:var(--info,#3498db)}.quick-add-smart-multi{color:var(--primary);align-items:center;gap:.375rem;margin-top:.375rem;font-size:.75rem;font-weight:500;display:flex}.quick-add-smart-multi i{font-size:.6875rem}.smart-view-builder-overlay{background:var(--overlay,#00000080);z-index:1100;justify-content:center;align-items:flex-start;padding-top:10vh;animation:.15s smartViewFadeIn;display:flex;position:fixed;inset:0}@keyframes smartViewFadeIn{0%{opacity:0}to{opacity:1}}.smart-view-builder-modal{background:var(--surface);-webkit-backdrop-filter:none;border-radius:var(--radius-lg,12px);box-shadow:0 25px 50px -12px #00000040, 0 0 0 1px var(--border);flex-direction:column;width:100%;max-width:600px;max-height:80vh;animation:.2s smartViewSlideIn;display:flex}@keyframes smartViewSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.smart-view-builder-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.smart-view-builder-header h2{color:var(--text-primary);flex:1;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.smart-view-builder-header h2 i{color:var(--primary);font-size:.875rem}.smart-view-builder-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm,4px);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;display:flex}.smart-view-builder-close:hover{background:var(--surface-hover);color:var(--text-primary)}.smart-view-builder-body{flex:1;padding:1.25rem;overflow-y:auto}.smart-view-builder-error{background:var(--danger-bg,#ef44441a);border:1px solid var(--danger,#ef4444);border-radius:var(--radius-md,8px);color:var(--danger,#ef4444);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.smart-view-builder-section{margin-bottom:1.5rem}.smart-view-builder-section:last-child{margin-bottom:0}.smart-view-builder-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:flex}.smart-view-rule-logic{text-transform:none;letter-spacing:normal;color:var(--text-muted);opacity:.8;font-size:.75rem;font-weight:400}.smart-view-name-row{align-items:center;gap:.75rem;display:flex}.smart-view-icon-color-pickers{flex-shrink:0;gap:.5rem;display:flex}.smart-view-icon-picker-wrapper,.smart-view-color-picker-wrapper{position:relative}.smart-view-icon-btn{border-radius:var(--radius-md,8px);border:1px solid var(--border);background:var(--surface-hover);cursor:pointer;width:40px;height:40px;transition:var(--transition);justify-content:center;align-items:center;font-size:1rem;display:flex}.smart-view-icon-btn:hover{border-color:var(--primary)}.smart-view-color-btn{border-radius:var(--radius-md,8px);border:2px solid var(--border);cursor:pointer;width:40px;height:40px;transition:var(--transition)}.smart-view-color-btn:hover{border-color:var(--text-primary)}.smart-view-icon-picker,.smart-view-color-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);z-index:10;gap:.25rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 10px 25px #00000026}.smart-view-icon-picker{grid-template-columns:repeat(6,1fr);width:220px}.smart-view-color-picker{grid-template-columns:repeat(6,1fr);width:180px}.smart-view-icon-option{border-radius:var(--radius-sm,4px);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.smart-view-icon-option:hover{background:var(--surface-hover);color:var(--text-primary)}.smart-view-icon-option.selected{background:var(--primary-bg);color:var(--primary)}.smart-view-color-option{border-radius:var(--radius-sm,4px);cursor:pointer;width:24px;height:24px;transition:var(--transition);border:2px solid #0000}.smart-view-color-option:hover{transform:scale(1.1)}.smart-view-color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--surface)}.smart-view-name-input{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);height:40px;color:var(--text-primary);transition:var(--transition);flex:1;padding:0 .75rem;font-size:.9375rem}.smart-view-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.smart-view-name-input::placeholder{color:var(--text-muted)}.smart-view-rules{flex-direction:column;gap:.75rem;display:flex}.smart-view-rule{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.smart-view-rule-field,.smart-view-rule-operator,.smart-view-rule-value{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);height:36px;color:var(--text-primary);transition:var(--transition);padding:0 .75rem;font-size:.875rem}.smart-view-rule-field{min-width:140px}.smart-view-rule-operator{min-width:120px}.smart-view-rule-value{flex:1;min-width:150px}.smart-view-rule-field:focus,.smart-view-rule-operator:focus,.smart-view-rule-value:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.smart-view-rule-remove{width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md,8px);transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.smart-view-rule-remove:hover:not(:disabled){background:var(--danger-bg,#ef44441a);color:var(--danger,#ef4444)}.smart-view-rule-remove:disabled{opacity:.3;cursor:not-allowed}.smart-view-rule-multi-select{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);flex-wrap:wrap;flex:1;gap:.5rem;min-width:200px;min-height:40px;padding:.5rem;display:flex}.smart-view-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;display:flex}.smart-view-checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.smart-view-tag-chip{color:#fff;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.smart-view-empty-hint{color:var(--text-muted);font-size:.8125rem;font-style:italic}.smart-view-add-rule{border:1px dashed var(--border);border-radius:var(--radius-md,8px);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .75rem;font-size:.875rem;display:flex}.smart-view-add-rule:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.smart-view-sort-row{align-items:center;gap:1rem;display:flex}.smart-view-sort-field{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);height:36px;color:var(--text-primary);flex:1;padding:0 .75rem;font-size:.875rem}.smart-view-sort-direction{color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.smart-view-sort-direction input[type=checkbox]{cursor:pointer;width:16px;height:16px}.smart-view-preview-section{background:var(--surface-hover);margin:1rem -1.25rem -1.25rem;padding:1.25rem}.smart-view-preview-count{text-transform:none;letter-spacing:normal;color:var(--primary);font-size:.8125rem;font-weight:400}.smart-view-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);min-height:100px;max-height:200px;overflow-y:auto}.smart-view-preview-loading,.smart-view-preview-empty{height:100px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.smart-view-preview-loading i,.smart-view-preview-empty i{opacity:.5;font-size:1.5rem}.smart-view-preview-list{margin:0;padding:0;list-style:none}.smart-view-preview-task{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.smart-view-preview-task:last-child{border-bottom:none}.smart-view-preview-task-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.smart-view-preview-task-due{color:var(--text-muted);flex-shrink:0;margin-left:.5rem;font-size:.75rem}.smart-view-preview-more{color:var(--text-muted);text-align:center;padding:.5rem 1rem;font-size:.8125rem;font-style:italic}.smart-view-builder-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.smart-view-builder-cancel,.smart-view-builder-submit{border-radius:var(--radius-md,8px);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.smart-view-builder-cancel{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.smart-view-builder-cancel:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.smart-view-builder-submit{background:var(--primary);color:#fff;border:none}.smart-view-builder-submit:hover:not(:disabled){background:var(--primary-hover)}.smart-view-builder-submit:disabled,.smart-view-builder-cancel:disabled{opacity:.6;cursor:not-allowed}.sidebar-smart-views{margin-bottom:.5rem}.sidebar-smart-view-item{cursor:pointer;border-radius:var(--radius-md,8px);transition:var(--transition);align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.sidebar-smart-view-item:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-smart-view-item:hover .sidebar-smart-view-icon,.sidebar-smart-view-item:hover .sidebar-smart-view-name{color:var(--primary)}.sidebar-smart-view-item.active{background:var(--primary-bg)}.sidebar-smart-view-icon{width:20px;font-size:calc(var(--sidebar-font-size) * .875);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-smart-view-name{font-size:calc(var(--sidebar-font-size) * .875);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-smart-view-count{font-size:calc(var(--sidebar-font-size) * .75);color:var(--text-muted);background:var(--surface-hover);border-radius:var(--radius-sm,4px);padding:.125rem .375rem}.sidebar-smart-view-actions{opacity:0;transition:var(--transition);gap:.25rem;display:flex}.sidebar-smart-view-item:hover .sidebar-smart-view-actions{opacity:1}.sidebar-smart-view-action{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm,4px);font-size:calc(var(--sidebar-font-size) * .75);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.sidebar-smart-view-action:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-smart-view-action.delete:hover{background:var(--danger-bg);color:var(--danger)}.sidebar-smart-views-empty{text-align:center;color:var(--text-muted);font-size:calc(var(--sidebar-font-size) * .8125);padding:.75rem}.sidebar-favorites{margin-bottom:.5rem}.sidebar-favorites-empty{text-align:center;color:var(--text-muted);font-size:calc(var(--sidebar-font-size) * .8125);padding:.75rem}.favorites-list{margin:0;padding:0;list-style:none}.sidebar-favorite-item{cursor:pointer;border-radius:var(--radius-md,8px);transition:var(--transition);align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.sidebar-favorite-item:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-favorite-item:hover .favorite-type-icon,.sidebar-favorite-item:hover .favorite-title{color:var(--primary)}.sidebar-favorite-item .favorite-type-icon{width:16px;font-size:calc(var(--sidebar-font-size) * .875);color:var(--text-muted);flex-shrink:0}.sidebar-favorite-item .favorite-type-icon.fa-check-circle{color:var(--primary)}.sidebar-favorite-item .favorite-type-icon.fa-note-sticky{color:#f59e0b}.sidebar-favorite-item .favorite-title{font-size:calc(var(--sidebar-font-size) * .875);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-favorite-item .favorite-completed-icon{font-size:calc(var(--sidebar-font-size) * .75);color:var(--success)}.sidebar-favorite-item .favorite-remove-btn{width:1.25rem;height:1.25rem;color:var(--text-muted);border-radius:var(--radius-sm,4px);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex}.sidebar-favorite-item:hover .favorite-remove-btn{opacity:1}.sidebar-favorite-item .favorite-remove-btn:hover{color:var(--danger);background:#ef44441a}.sidebar-smart-views-add{color:var(--text-muted);font-size:calc(var(--sidebar-font-size) * .8125);cursor:pointer;border-radius:var(--radius-md,8px);transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.sidebar-smart-views-add:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-smart-views-add i{font-size:calc(var(--sidebar-font-size) * .75)}@media (width<=640px){.smart-view-builder-overlay{padding:5vh 1rem 1rem}.smart-view-builder-modal{max-width:100%;max-height:90vh}.smart-view-rule{flex-direction:column}.smart-view-rule-field,.smart-view-rule-operator,.smart-view-rule-value,.smart-view-rule-multi-select{width:100%;min-width:0}.smart-view-rule-remove{align-self:flex-end}.smart-view-sort-row{flex-direction:column;align-items:stretch}}.notes-page{background:var(--bg);flex-direction:column;height:100%;display:flex}.notes-content{flex-direction:column;flex:1;min-height:0;display:flex}.notes-list-header{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;justify-content:space-between;align-items:center;margin:.75rem 1rem 0;padding:1.25rem 1.5rem;display:flex}.notes-list-header-standalone{border-bottom:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:0}.notes-list-header h2{color:var(--text);letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:800}.notes-list-header .new-note-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;padding:0;font-size:.9375rem;transition:all .25s;display:flex;box-shadow:0 3px 12px #6366f159}.notes-list-header .new-note-btn i{color:#fff}.notes-list-header .new-note-btn:hover{background:var(--primary-hover);transform:translateY(-2px)scale(1.05);box-shadow:0 5px 20px #6366f180}.notes-list-header .new-note-btn:active{transform:translateY(0)scale(.98);box-shadow:0 1px 4px #6366f14d}.notes-list-header .new-note-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.notes-list-header .notes-header-actions{align-items:center;gap:.5rem;display:flex}.notes-list-header .refresh-notes-btn{width:2.125rem;height:2.125rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.notes-list-header .refresh-notes-btn:hover{background:var(--surface-hover);color:var(--text)}.notes-list-header .refresh-notes-btn:disabled{opacity:.6;cursor:not-allowed}.notes-view-toggle{background:var(--surface-hover);border:none;border-radius:9999px;align-items:center;gap:2px;padding:3px;display:flex}.notes-view-toggle button{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.notes-view-toggle button:hover{color:var(--text)}.notes-view-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(var(--primary-rgb,99, 102, 241), .35)}.notes-list-controls{border:2px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--surface);border-top:none;flex-direction:column;gap:.75rem;margin:0 1rem;padding:0 1.5rem 1rem;display:flex}.notes-controls-row{align-items:center;gap:.75rem;display:flex}.notes-controls-row .notes-search{flex:1;max-width:400px}.notes-search{align-items:center;display:flex;position:relative}.notes-search input{border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:9999px;padding:.5625rem 2rem .5625rem 2.375rem;font-size:.8125rem;transition:all .2s}.notes-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.notes-search input::placeholder{color:var(--text-muted)}.notes-search>i{color:var(--text-muted);pointer-events:none;font-size:.75rem;position:absolute;left:.8125rem}.notes-search .search-clear{width:1.25rem;height:1.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:absolute;right:.5rem}.notes-search .search-clear:hover{color:var(--text);background:var(--surface-hover)}.notes-filter-toggle{background:var(--bg);border-radius:9999px;gap:2px;padding:3px;display:flex;box-shadow:inset 0 1px 3px #0000000f}.notes-filter-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s}.notes-filter-toggle button:hover{color:var(--text)}.notes-sort-wrapper{align-items:center;gap:2px;display:flex;position:relative}.notes-sort-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.notes-sort-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted)}.notes-sort-btn.active{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.notes-sort-chevron{opacity:.6;font-size:.6rem}.notes-sort-direction-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--primary);cursor:pointer;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.notes-sort-direction-btn:hover{background:var(--surface-hover);border-color:var(--primary)}.notes-sort-dropdown{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:180px;padding:.25rem;position:absolute;top:calc(100% + .375rem);left:0;box-shadow:0 8px 24px #00000026}.notes-sort-option{border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;transition:background .12s;display:flex}.notes-sort-option:hover{background:var(--surface-hover)}.notes-sort-option.active{color:var(--primary);font-weight:600}.notes-sort-option i:first-child{text-align:center;opacity:.7;width:1rem;font-size:.8rem}.notes-sort-option span{text-align:left;flex:1}.notes-sort-option i:last-child{opacity:.8;font-size:.7rem}.notes-list{flex-direction:column;flex:1;gap:.5rem;padding:.625rem 1.25rem;display:flex;overflow-y:auto}.notes-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.notes-loading i{opacity:.5;font-size:1.5rem}.notes-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex}.notes-empty i{opacity:.25;margin-bottom:1rem;font-size:3rem}.notes-empty p{margin:0 0 1.5rem;font-size:.9375rem;font-weight:500}.notes-empty button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.625rem 1.5rem;font-size:.8125rem;font-weight:600;transition:all .25s;box-shadow:0 3px 12px #6366f14d}.notes-empty button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 5px 20px #6366f166}.notes-empty button:active{transform:translateY(0)}.notes-list-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.empty-trash-btn{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s;display:inline-flex}.empty-trash-btn:hover{background:var(--danger-hover,#dc2626)}.empty-trash-btn:disabled{opacity:.6;cursor:not-allowed}.text-warning{color:var(--warning,#f59e0b)!important}.text-warning i{margin-right:.375rem}.note-list-item{cursor:pointer;border:none;border-left:4px solid var(--primary);border-bottom:1px solid var(--border);background:var(--surface);border-radius:0;align-items:flex-start;gap:.625rem;padding:1rem 1.125rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.note-list-item:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 2px 4px #0000000a}.note-list-item:hover .note-item-actions{opacity:1}.note-list-item.selected{background:var(--primary-alpha);border-left-color:var(--primary);box-shadow:0 0 0 1px var(--primary-alpha), 0 4px 16px #6366f11f}.note-item-drag-handle{width:1rem;color:var(--text-muted);opacity:0;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;padding-top:.125rem;transition:opacity .15s;display:flex}.note-list-item:hover .note-item-drag-handle{opacity:.4}.note-item-drag-handle:hover{opacity:1!important}.note-item-drag-handle:active{cursor:grabbing}.note-item-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.note-item-header{align-items:center;gap:.5rem;display:flex}.note-item-title{color:var(--text);font-weight:700;font-size:calc(var(--font-size-base,16px) * .9375);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;flex:1;align-items:center;gap:.375rem;display:flex;overflow:hidden}.note-item-title .pinned-icon{color:var(--warning);flex-shrink:0;font-size:.6875rem}.note-item-date{font-size:calc(var(--font-size-base,16px) * .75);color:var(--text-muted);flex-shrink:0;font-weight:500}.note-item-preview{font-size:calc(var(--font-size-base,16px) * .8125);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.note-item-meta{align-items:center;gap:.375rem;margin-top:.25rem;display:flex}.note-meta-badge{color:var(--primary);background:var(--primary-alpha);border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.note-meta-badge i{font-size:.5625rem}.note-item-actions{opacity:0;background:var(--surface);border-radius:var(--radius-md);flex-shrink:0;align-items:center;gap:2px;padding:2px;transition:opacity .15s;display:flex;box-shadow:0 2px 12px #0000001a}.note-list-item.selected .note-item-actions{opacity:1}.note-item-actions button{width:1.75rem;height:1.75rem;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex}.note-item-actions button:hover{background:var(--surface-hover);color:var(--text)}.note-item-actions button.active{color:var(--warning)}.note-item-actions button.favorite-active{color:#f59e0b}.note-item-actions button.favorite-active:hover{color:#d97706;background:#f59e0b1f}.note-item-actions button i.favorited{color:#f59e0b}.note-item-actions button.delete-btn:hover{color:var(--danger);background:#ef44441a}.note-item-actions button.restore-btn{color:var(--success,#22c55e)}.note-item-actions button.restore-btn:hover{color:var(--success,#22c55e);background:#22c55e1a}.notes-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.875rem;padding:.25rem;display:grid}.note-card{border-radius:var(--radius-lg);cursor:pointer;background:#eef2ff;border:1px solid #6366f11f;flex-direction:column;min-height:130px;padding:1.125rem;transition:all .2s;display:flex;position:relative}.note-card:nth-child(6n+1){background:#eef2ff;border-color:#6366f11f}.note-card:nth-child(6n+2){background:#f0fdf4;border-color:#22c55e1f}.note-card:nth-child(6n+3){background:#fef3c7;border-color:#f59e0b1f}.note-card:nth-child(6n+4){background:#fce7f3;border-color:#ec48991f}.note-card:nth-child(6n+5){background:#e0f2fe;border-color:#0ea5e91f}.note-card:nth-child(6n+6){background:#f3e8ff;border-color:#a855f71f}@media (prefers-color-scheme:dark){.note-card:nth-child(6n+1){background:#6366f114;border-color:#6366f126}.note-card:nth-child(6n+2){background:#22c55e14;border-color:#22c55e26}.note-card:nth-child(6n+3){background:#f59e0b14;border-color:#f59e0b26}.note-card:nth-child(6n+4){background:#ec489914;border-color:#ec489926}.note-card:nth-child(6n+5){background:#0ea5e914;border-color:#0ea5e926}.note-card:nth-child(6n+6){background:#a855f714;border-color:#a855f726}}[data-theme=dark] .note-card:nth-child(6n+1),[data-theme=midnight] .note-card:nth-child(6n+1),[data-theme=nord] .note-card:nth-child(6n+1),[data-theme=dracula] .note-card:nth-child(6n+1){background:#6366f114;border-color:#6366f126}[data-theme=dark] .note-card:nth-child(6n+2),[data-theme=midnight] .note-card:nth-child(6n+2),[data-theme=nord] .note-card:nth-child(6n+2),[data-theme=dracula] .note-card:nth-child(6n+2){background:#22c55e14;border-color:#22c55e26}[data-theme=dark] .note-card:nth-child(6n+3),[data-theme=midnight] .note-card:nth-child(6n+3),[data-theme=nord] .note-card:nth-child(6n+3),[data-theme=dracula] .note-card:nth-child(6n+3){background:#f59e0b14;border-color:#f59e0b26}[data-theme=dark] .note-card:nth-child(6n+4),[data-theme=midnight] .note-card:nth-child(6n+4),[data-theme=nord] .note-card:nth-child(6n+4),[data-theme=dracula] .note-card:nth-child(6n+4){background:#ec489914;border-color:#ec489926}[data-theme=dark] .note-card:nth-child(6n+5),[data-theme=midnight] .note-card:nth-child(6n+5),[data-theme=nord] .note-card:nth-child(6n+5),[data-theme=dracula] .note-card:nth-child(6n+5){background:#0ea5e914;border-color:#0ea5e926}[data-theme=dark] .note-card:nth-child(6n+6),[data-theme=midnight] .note-card:nth-child(6n+6),[data-theme=nord] .note-card:nth-child(6n+6),[data-theme=dracula] .note-card:nth-child(6n+6){background:#a855f714;border-color:#a855f726}.note-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.note-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha), 0 4px 16px #6366f11f}.note-card.pinned{border-left:4px solid var(--warning)}.note-card-pin{color:var(--warning);font-size:.6875rem;position:absolute;top:.625rem;right:.625rem}.note-card-title{font-weight:700;font-size:calc(var(--font-size-base,16px) * .9375);color:var(--text);-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;margin-bottom:.5rem;line-height:1.3;display:-webkit-box;overflow:hidden}.note-card-preview{font-size:calc(var(--font-size-base,16px) * .8125);color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden}.note-card-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;display:flex}.note-card-date{font-size:calc(var(--font-size-base,16px) * .6875);color:var(--text-muted);font-weight:500}.note-card-badges{align-items:center;gap:.5rem;display:flex}.note-card-badge{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.6875rem;display:flex}.note-card-badge.favorite{color:#f59e0b}.note-card-badge i{font-size:.625rem}.note-card-actions{opacity:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.125rem;padding:.125rem;transition:opacity .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.note-card:hover .note-card-actions{opacity:1}.note-card-actions button{width:1.5rem;height:1.5rem;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.6875rem;transition:all .15s;display:flex}.note-card-actions button:hover{background:var(--surface-hover);color:var(--text)}.note-card-actions button.active{color:var(--warning)}.note-card-actions button.favorite-active{color:#f59e0b}.note-card-actions button.delete-btn:hover{color:var(--danger);background:#ef44441a}.note-card-actions button.restore-btn{color:var(--success,#22c55e)}.notes-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;padding:.25rem;display:grid}.note-gallery-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;align-items:center;padding:1rem .75rem;transition:all .2s;display:flex}.note-gallery-item:hover{border-color:var(--border-hover,var(--border));transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.note-gallery-item.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.note-gallery-item.pinned{border-top:3px solid var(--warning)}.note-gallery-icon{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:.625rem;font-size:1.125rem;display:flex}.note-gallery-title{font-weight:500;font-size:calc(var(--font-size-base,16px) * .8125);color:var(--text);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.note-gallery-meta{color:var(--text-muted);margin-top:.375rem;font-size:.6875rem}.delete-confirm-modal{width:90%;max-width:400px}.delete-confirm-modal .modal-body{padding:1.5rem}.delete-confirm-modal .modal-body p{margin:0 0 .75rem;font-size:.9375rem;line-height:1.5}.delete-confirm-modal .modal-body p:last-child{margin-bottom:0}.delete-confirm-modal .modal-body strong{color:var(--text-primary);font-weight:600}.delete-confirm-modal .modal-body .text-muted{color:var(--text-muted);font-size:.875rem}.delete-confirm-modal .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.note-list-item.color-red{background:#ef44441a}.note-list-item.color-orange{background:#f973161a}.note-list-item.color-yellow{background:#eab3081a}.note-list-item.color-green{background:#22c55e1a}.note-list-item.color-blue{background:#3b82f61a}.note-list-item.color-purple{background:#a855f71a}.note-list-item.color-pink{background:#ec48991a}.note-list-item.color-red.selected{background:#ef444433;border-color:#ef4444}.note-list-item.color-orange.selected{background:#f9731633;border-color:#f97316}.note-list-item.color-yellow.selected{background:#eab30833;border-color:#eab308}.note-list-item.color-green.selected{background:#22c55e33;border-color:#22c55e}.note-list-item.color-blue.selected{background:#3b82f633;border-color:#3b82f6}.note-list-item.color-purple.selected{background:#a855f733;border-color:#a855f7}.note-list-item.color-pink.selected{background:#ec489933;border-color:#ec4899}.note-editor-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003, 0 0 0 1px color-mix(in srgb, var(--primary,#6366f1) 10%, var(--border));flex-direction:column;width:100%;min-width:0;max-width:700px;height:88vh;max-height:92vh;animation:.2s scaleIn;display:flex;overflow:auto}.notes-editor-panel{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.notes-editor-panel .notes-empty{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.notes-editor-panel .notes-empty i{opacity:.3;margin-bottom:1rem;font-size:3rem}.notes-editor-panel .notes-empty h3{color:var(--text);margin:0 0 .5rem;font-size:1.125rem;font-weight:500}.notes-editor-panel .notes-empty p{margin:0;font-size:.875rem}.notes-editor-panel .notes-empty button{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.8125rem;display:flex}.notes-editor-panel .notes-empty button:hover{background:var(--primary-hover)}.note-editor-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--primary,#6366f1) 3%, var(--surface));align-items:center;gap:.75rem;padding:.75rem 1rem .625rem 1.25rem;display:flex}.note-title-input{color:var(--text);background:0 0;border:none;flex:1;min-width:0;padding:0;font-size:1.2rem;font-weight:600}.note-title-input:focus{outline:none}.note-title-input::placeholder{color:var(--text-muted)}.note-title-row{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.note-icon-picker{flex-shrink:0;position:relative}.note-icon-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:1.05rem;transition:all .15s;display:flex}.note-icon-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.note-icon-dropdown{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:300px;max-height:420px;padding:.5rem;display:flex;position:absolute;top:calc(100% + .375rem);left:0;box-shadow:0 8px 24px #00000026}.note-icon-search{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);align-items:center;gap:.5rem;margin-bottom:.375rem;padding:.375rem .5rem;display:flex}.note-icon-search i{color:var(--text-muted);font-size:.75rem}.note-icon-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:.8rem}.note-icon-search input::placeholder{color:var(--text-muted)}.note-icon-color-row{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:3px;margin-bottom:.25rem;padding:.375rem 0;display:flex}.note-icon-color-swatch{cursor:pointer;width:1.25rem;height:1.25rem;color:var(--text-muted);background:var(--surface-hover);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.5rem;transition:all .12s;display:flex}.note-icon-color-swatch:hover{border-color:var(--text-muted);transform:scale(1.2)}.note-icon-color-swatch.active{border-color:var(--text);box-shadow:0 0 0 1px var(--surface), 0 0 0 2.5px var(--text)}.note-icon-categories{flex:1;min-height:0;overflow-y:auto}.note-icon-category{margin-bottom:.25rem}.note-icon-category-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.25rem .25rem .125rem;font-size:.65rem;font-weight:600}.note-icon-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.note-icon-option{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;transition:all .12s;display:flex}.note-icon-option:hover{background:var(--surface-hover);color:var(--primary);transform:scale(1.15)}.note-icon-option.active{background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary)}.note-icon-none{color:var(--text-muted);opacity:.6;margin-bottom:.125rem}.note-icon-none:hover{opacity:1;color:var(--text)}.note-item-icon{color:var(--primary);opacity:.85;margin-right:.25rem;font-size:.9rem}.note-card-icon{color:var(--primary);opacity:.85;margin-right:.375rem;font-size:1rem}.note-editor-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.note-editor-actions button{width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:.95rem;transition:all .15s;display:flex}.note-editor-actions button:hover{background:var(--bg-alt);color:var(--text)}.note-editor-actions button.active{color:var(--primary)}.note-editor-actions button[title=Unpin],.note-editor-actions button[title=Pin].active{color:var(--warning)}.note-save-btn{background:color-mix(in srgb, var(--primary,#6366f1) 8%, var(--surface));min-width:60px;color:var(--text-muted);cursor:default;white-space:nowrap;border:none;border-radius:20px;justify-content:center;align-items:center;gap:4px;margin-right:4px;padding:4px 10px;font-size:.7rem;font-weight:500;transition:all .15s;display:inline-flex}.note-save-btn.has-changes{color:#fff;cursor:pointer;background:#6366f1}.note-save-btn.has-changes:hover:not(:disabled){background:#4f46e5}.note-save-btn:disabled{opacity:.6;cursor:not-allowed}.note-save-btn i{font-size:12px}.note-editor-content-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.notes-editor-empty{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.notes-editor-empty>*{flex-shrink:0}.notes-editor-empty i{opacity:.3;color:var(--text-muted);margin-bottom:1.25rem;font-size:3.5rem}.notes-editor-empty h3{color:var(--text);margin:0 0 .5rem;font-size:1.25rem;font-weight:500}.notes-editor-empty p{margin:0 0 1.25rem;font-size:.9375rem}.new-note-link{all:unset;color:#6366f1;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none}.new-note-link:hover{text-decoration:underline}.note-metadata-bar{background:color-mix(in srgb, var(--primary,#6366f1) 4%, var(--surface));border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;min-height:0;padding:6px 16px;display:flex}.note-metadata-divider{background:var(--border);flex-shrink:0;width:1px;height:16px}.note-folder-chip{background:color-mix(in srgb, var(--primary,#6366f1) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--primary,#6366f1) 20%, var(--border));color:var(--text-muted);cursor:pointer;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:2px 10px;font-size:.7rem;font-weight:500;transition:all .15s;display:inline-flex}.note-folder-chip i:first-child{color:var(--primary,#6366f1);font-size:.65rem}.note-chip-chevron{opacity:.4;font-size:.55rem}.note-folder-chip:hover{background:color-mix(in srgb, var(--primary,#6366f1) 16%, var(--surface));border-color:color-mix(in srgb, var(--primary,#6366f1) 30%, var(--border));color:var(--text-primary)}.note-folder-chip-wrapper{display:inline-block}.note-folder-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:100;min-width:160px;max-height:200px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0003}.note-folder-dropdown button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;display:flex}.note-folder-dropdown button:hover{background:var(--surface-hover)}.note-folder-dropdown button.active{background:var(--surface-hover);font-weight:600}.note-add-tag-btn{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;margin-left:auto;padding:2px 8px;font-size:.65rem;transition:all .15s;display:inline-flex}.note-add-tag-btn:hover{border-color:var(--primary,#6366f1);color:var(--primary,#6366f1);background:color-mix(in srgb, var(--primary,#6366f1) 6%, transparent)}.note-assigned-tags{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.note-available-tags-panel{background:color-mix(in srgb, var(--primary,#6366f1) 3%, var(--surface));border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 16px 8px;display:flex}.inline-rename-input{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;width:100%;padding:2px 6px;font-size:.85rem}.inline-rename-input:focus{border-color:var(--accent,#6366f1)}.note-assigned-tags .tag-badge{border-radius:var(--radius-sm);font-size:calc(var(--font-size-base) * .75);color:#fff;align-items:center;gap:.25rem;padding:.25rem .5rem;font-weight:500;display:inline-flex}.note-assigned-tags .tag-badge .tag-remove{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;margin-left:.125rem;padding:0;font-size:.625rem;transition:background .2s;display:flex}.note-assigned-tags .tag-badge .tag-remove:hover{background:#fff6}.note-available-tags{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.note-tag-add-btn{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.75rem;transition:background .2s,transform .1s;display:inline-flex}.note-tag-add-btn:hover{background:var(--hover);transform:translateY(-1px)}.note-tag-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.note-tag-add-btn .tag-color-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.all-tags-assigned,.no-tags-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.note-editor-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.note-actions-dropdown{position:relative}.note-actions-dropdown .dropdown-trigger{width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.note-actions-dropdown .dropdown-trigger:hover{background:var(--bg-alt);color:var(--text)}.note-actions-dropdown .dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:100;min-width:160px;padding:.25rem;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.note-actions-dropdown:hover .dropdown-menu,.note-actions-dropdown:focus-within .dropdown-menu{display:block}.note-actions-dropdown .dropdown-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;transition:background .15s;display:flex}.note-actions-dropdown .dropdown-menu button:hover{background:var(--bg-alt)}.note-actions-dropdown .dropdown-menu button i{text-align:center;width:1rem;color:var(--text-muted)}.note-actions-dropdown .dropdown-menu button.delete-action,.note-actions-dropdown .dropdown-menu button.delete-action i{color:var(--danger)}.note-actions-dropdown .dropdown-menu button.delete-action:hover{background:#ef44441a}.convert-modal{background:#fff;border-radius:12px;max-width:400px;overflow:hidden;box-shadow:0 20px 40px #0003}.convert-modal .modal-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.convert-modal .modal-header h3{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.convert-modal .modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:.25rem}.convert-modal .modal-close:hover{color:#111827;background:#f3f4f6}.convert-modal .modal-body{background:#fff;padding:1rem 1.5rem}.convert-modal .modal-body p{color:#6b7280;margin:0 0 .75rem;font-size:.875rem}.convert-modal select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:.625rem .75rem;font-size:.875rem}.convert-modal select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.convert-modal .modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.convert-modal .modal-footer button{cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:all .15s}.convert-modal .modal-footer button:not(.primary){color:#374151;background:#fff;border:1px solid #e5e7eb}.convert-modal .modal-footer button:not(.primary):hover{background:#f3f4f6}.convert-modal .modal-footer button.primary{color:#fff;background:#6366f1;border:none}.convert-modal .modal-footer button.primary:hover{background:#4f46e5}.convert-modal .modal-footer button.primary:disabled{opacity:.5;cursor:not-allowed}.note-ai-dropdown{position:relative}.note-ai-dropdown .ai-trigger{width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.note-ai-dropdown .ai-trigger:hover,.note-ai-dropdown .ai-trigger.active{background:var(--bg-alt);color:var(--primary)}.note-ai-dropdown .ai-trigger:disabled{cursor:not-allowed;opacity:.7}.note-ai-dropdown .ai-dropdown-menu{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000001f}[data-theme=dark] .note-ai-dropdown .ai-dropdown-menu{background-color:#1f2937;border-color:#374151}.note-ai-dropdown .ai-dropdown-menu button{color:#374151;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}[data-theme=dark] .note-ai-dropdown .ai-dropdown-menu button{color:#e5e7eb}.note-ai-dropdown .ai-dropdown-menu button:hover{background-color:#f3f4f6}[data-theme=dark] .note-ai-dropdown .ai-dropdown-menu button:hover{background-color:#374151}.note-ai-dropdown .ai-dropdown-menu button i{text-align:center;color:#6366f1;flex-shrink:0;width:18px}.ai-error-toast{background:var(--danger);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;align-items:center;gap:.75rem;padding:.875rem 1rem;animation:.2s ease-out slideInRight;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ai-error-toast i:first-child{font-size:1rem}.ai-error-toast span{font-size:.875rem}.ai-error-toast button{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#fff3;border:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background .15s;display:flex}.ai-error-toast button:hover{background:#ffffff4d}.ai-loading-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-loading-overlay .ai-loading-content{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;display:flex;box-shadow:0 20px 40px #0003}.ai-loading-overlay .ai-loading-spinner{color:#6366f1;font-size:2rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-loading-overlay .ai-loading-text{color:#374151;font-size:1rem;font-weight:500}.ai-loading-overlay .ai-loading-subtext{color:#6b7280;font-size:.875rem}.ai-modal{background:#fff;border-radius:12px;max-width:500px;overflow:hidden;box-shadow:0 20px 40px #0003}.ai-modal .modal-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ai-modal .modal-header h3{color:#111827;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.ai-modal .modal-header h3 i{color:#6366f1}.ai-modal .modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex}.ai-modal .modal-close:hover{color:#111827;background:#f3f4f6}.ai-modal .modal-body{background:#fff;padding:1.25rem 1.5rem}.ai-modal .modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.ai-modal .modal-footer button{cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:all .15s}.ai-modal .modal-footer button:not(.primary):not(.secondary){color:#374151;background:#fff;border:1px solid #e5e7eb}.ai-modal .modal-footer button:not(.primary):not(.secondary):hover{background:#f3f4f6}.ai-modal .modal-footer button.secondary{color:#374151;background:#fff;border:1px solid #e5e7eb}.ai-modal .modal-footer button.secondary:hover{background:#f3f4f6}.ai-modal .modal-footer button.primary{color:#fff;background:#6366f1;border:none}.ai-modal .modal-footer button.primary:hover{background:#4f46e5}.ai-modal .modal-footer button.primary:disabled{opacity:.5;cursor:not-allowed}.ai-summary-text{color:#374151;background:#f3f4f6;border-radius:8px;padding:1rem;font-size:.9375rem;line-height:1.6}.extract-tasks-modal{max-width:550px}.extract-tasks-hint{color:var(--text-muted);margin:0 0 1rem;font-size:.875rem}.no-tasks-message{text-align:center;color:var(--text-muted);padding:2rem}.extracted-tasks-list{flex-direction:column;gap:.5rem;max-height:300px;margin-bottom:1rem;display:flex;overflow-y:auto}.extracted-task-item{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.75rem;transition:all .15s;display:flex}.extracted-task-item:hover{border-color:var(--primary)}.extracted-task-item.selected{background:var(--primary-alpha);border-color:var(--primary)}.extracted-task-item i{color:var(--text-muted);flex-shrink:0;margin-top:.125rem}.extracted-task-item.selected i{color:var(--primary)}.extracted-task-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.extracted-task-title{color:var(--text);font-size:.9375rem;font-weight:500}.extracted-task-description{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.extract-tasks-list-select{border-top:1px solid var(--border);align-items:center;gap:.75rem;padding-top:1rem;display:flex}.extract-tasks-list-select label{color:var(--text);white-space:nowrap;font-size:.875rem;font-weight:500}.extract-tasks-list-select select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);flex:1;padding:.5rem .75rem;font-size:.875rem}.extract-tasks-list-select select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.suggest-modal{max-width:500px}.suggest-section{margin-bottom:1.25rem}.suggest-section:last-child{margin-bottom:0}.suggest-section>label{color:var(--text);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:500;display:flex}.suggest-section>label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary)}.suggested-title-preview{background:var(--bg-alt);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.625rem .875rem;display:flex}.suggested-title-preview.new{background:var(--primary-alpha);border:1px solid var(--primary)}.suggested-title-preview .label{color:var(--text-muted);text-transform:uppercase;flex-shrink:0;width:70px;font-size:.75rem;font-weight:500}.suggested-title-preview .title{color:var(--text);font-size:.9375rem}.suggested-tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.suggested-tag{cursor:pointer;border:2px solid;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.suggested-tag i{font-size:.625rem}.suggest-hint{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;display:flex}.suggest-hint i{flex-shrink:0}.note-source-url{background:var(--bg-alt);border-top:1px solid var(--border);color:var(--text-muted);flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.75rem;display:flex}.note-source-url i{flex-shrink:0}.note-source-url a{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}.note-source-url a:hover{text-decoration:underline}.note-editor-wrapper,.note-detail-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.note-detail-content .note-editor-wrapper{height:100%}.note-editor-toolbar{background:var(--bg-alt);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem 1rem;display:flex}.note-editor-toolbar .toolbar-group{align-items:center;gap:.125rem;display:flex}.note-editor-toolbar .toolbar-separator{background:var(--border);width:1px;height:1.5rem;margin:0 .375rem}.note-editor-toolbar button{min-width:2rem;height:2rem;color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0 .375rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.note-editor-toolbar button:hover:not(:disabled),.note-editor-toolbar button.active{background:var(--primary-alpha);color:var(--primary);opacity:1}.note-editor-toolbar button:disabled{opacity:.5;cursor:not-allowed}.note-editor-content{color:var(--text);flex:1;padding:1.5rem;font-size:1rem;line-height:1.6;overflow-y:auto}.note-editor-content:focus{outline:none}.note-editor-content.ProseMirror{min-height:100%}.note-editor-content.ProseMirror p.is-editor-empty:first-child:before{color:var(--text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.note-editor-content h1{color:var(--text);margin:1.5rem 0 1rem;font-size:1.75rem;font-weight:700}.note-editor-content h2{color:var(--text);margin:1.25rem 0 .75rem;font-size:1.375rem;font-weight:600}.note-editor-content h3{color:var(--text);margin:1rem 0 .5rem;font-size:1.125rem;font-weight:600}.note-editor-content p{margin:0 0 .75rem}.note-editor-content ul,.note-editor-content ol{margin:0 0 .75rem;padding-left:1.5rem}.note-editor-content li{margin:.25rem 0}.note-editor-content strong,.note-editor-content b{font-weight:600}.note-editor-content em,.note-editor-content i{font-style:italic}.note-editor-content s{text-decoration:line-through}.note-editor-content code{background:var(--bg-alt);border-radius:var(--radius-sm);color:var(--accent);padding:.125rem .375rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.note-editor-content pre{background:var(--bg-alt);border-radius:var(--radius-md);margin:.75rem 0;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;overflow-x:auto}.note-editor-content pre code{color:inherit;background:0 0;padding:0}.code-block-wrapper{border-radius:var(--radius-md);background:#1e1e1e;border:1px solid #3d3d3d;margin:1rem 0;overflow:hidden}.code-block-header{background:#2d2d2d;border-bottom:1px solid #3d3d3d;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.code-block-header-left{align-items:center;gap:.75rem;display:flex}.code-block-header-right{align-items:center;gap:.25rem;display:flex}.code-block-language-select{color:#d4d4d4;border-radius:var(--radius-sm);cursor:pointer;background:#1e1e1e;border:1px solid #3d3d3d;outline:none;padding:.25rem .5rem;font-family:inherit;font-size:.75rem}.code-block-language-select:hover{border-color:#505050}.code-block-language-select:focus{border-color:var(--primary)}.code-block-line-count{color:#606060;white-space:nowrap;font-size:.6875rem}.code-block-btn{color:gray;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.25rem;padding:.25rem .5rem;font-family:inherit;font-size:.6875rem;transition:all .15s;display:inline-flex}.code-block-btn:hover{color:#d4d4d4;background:#3d3d3d;border-color:#505050}.code-block-btn i{font-size:.6875rem}.code-block-btn-danger:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.code-block-body{display:flex;overflow-x:auto}.code-block-line-numbers{-webkit-user-select:none;user-select:none;background:#1e1e1e;border-right:1px solid #2d2d2d;flex-direction:column;flex-shrink:0;padding:1rem .5rem 1rem .75rem;display:flex}.code-block-line-numbers span{color:#505050;text-align:right;min-width:1.5rem;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.875rem;line-height:1.5}.code-block-content{color:#d4d4d4;background:#1e1e1e;flex:1;min-width:0;margin:0;padding:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.code-block-body.with-line-numbers .code-block-content{padding-left:.75rem}.code-block-content code,.code-block-content .code-block-code{font-family:inherit;font-size:inherit;color:inherit;white-space:pre;background:0 0;padding:0;display:block}.code-block-content .hljs-comment,.code-block-content .hljs-quote{color:#6a9955;font-style:italic}.code-block-content .hljs-keyword,.code-block-content .hljs-selector-tag,.code-block-content .hljs-addition{color:#569cd6}.code-block-content .hljs-number,.code-block-content .hljs-string,.code-block-content .hljs-meta .hljs-meta-string,.code-block-content .hljs-literal,.code-block-content .hljs-doctag,.code-block-content .hljs-regexp{color:#ce9178}.code-block-content .hljs-title,.code-block-content .hljs-section,.code-block-content .hljs-name,.code-block-content .hljs-selector-id,.code-block-content .hljs-selector-class{color:#dcdcaa}.code-block-content .hljs-attribute,.code-block-content .hljs-attr,.code-block-content .hljs-variable,.code-block-content .hljs-template-variable,.code-block-content .hljs-class .hljs-title,.code-block-content .hljs-type{color:#4ec9b0}.code-block-content .hljs-symbol,.code-block-content .hljs-bullet,.code-block-content .hljs-subst,.code-block-content .hljs-meta,.code-block-content .hljs-meta .hljs-keyword,.code-block-content .hljs-selector-attr,.code-block-content .hljs-selector-pseudo,.code-block-content .hljs-link{color:#9cdcfe}.code-block-content .hljs-built_in,.code-block-content .hljs-deletion,.code-block-content .hljs-formula{color:#c586c0}.code-block-content .hljs-emphasis{font-style:italic}.code-block-content .hljs-strong{font-weight:700}.note-editor-content .note-blockquote{border-left:3px solid var(--primary);background:var(--bg-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:.75rem 0;padding:.75rem 1rem}.note-editor-content .note-blockquote p{margin:0}.note-editor-content hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.note-editor-content .note-link{color:var(--primary);text-decoration:none}.note-editor-content .note-link:hover{text-decoration:underline}.note-editor-content .note-image{border-radius:var(--radius-md);max-width:100%;height:auto;margin:.75rem 0}.note-editor-content .note-task-list{padding-left:0;list-style:none}.note-editor-content .note-task-item{align-items:flex-start;gap:.5rem;margin:.25rem 0;display:flex}.note-editor-content .note-task-item>label{align-items:center;display:flex}.note-editor-content .note-task-item>label>input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--primary)}.note-editor-content .note-task-item[data-checked=true]>div{color:var(--text-muted);text-decoration:line-through}.note-link-input-popup{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.note-link-input-popup input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);flex:1;padding:.375rem .75rem;font-size:.875rem}.note-link-input-popup input:focus{border-color:var(--primary);outline:none}.note-link-input-popup button{width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.note-link-input-popup button:hover{background:var(--bg-alt);color:var(--text)}.convert-to-task-modal{padding:1.5rem}.convert-to-task-modal h3{margin:0 0 1rem;font-size:1.125rem}.convert-to-task-modal .form-group{margin-bottom:1rem}.convert-to-task-modal label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.convert-to-task-modal select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);padding:.625rem .75rem;font-size:.875rem}.convert-to-task-modal select:focus{border-color:var(--primary);outline:none}.convert-to-task-modal .modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.convert-to-task-modal .cancel-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:.5rem 1rem}.convert-to-task-modal .convert-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.5rem 1rem}.convert-to-task-modal .convert-btn:hover{background:var(--primary-hover)}.note-meta-bar{background:var(--bg-alt);border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:1rem;padding:.75rem 1.5rem;font-size:.8125rem;display:flex}.note-meta-bar span{align-items:center;gap:.375rem;display:flex}.note-saving-indicator{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.note-saving-indicator.saving{color:var(--warning)}.note-saving-indicator.saved{color:var(--success)}.sidebar-notes .view-list{margin:0;padding:0;list-style:none}.sidebar-notes .view-list li{border-radius:var(--radius-md);cursor:pointer;align-items:center;padding:.625rem 1rem;transition:background .15s;display:flex}.sidebar-notes .view-list li:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-notes .view-list li:hover .view-icon{opacity:1;color:var(--primary)}.sidebar-notes .view-list li.active{background:var(--primary-alpha);color:var(--primary)}.sidebar-notes .view-item-content{align-items:center;gap:.75rem;display:flex}.sidebar-notes .view-icon{font-size:calc(var(--sidebar-font-size) * 1);opacity:.7}.sidebar-notes .view-list li.active .view-icon{opacity:1}.sidebar-habits .view-list{margin:0;padding:0;list-style:none}.sidebar-habits .view-list li{border-radius:var(--radius-md);cursor:pointer;align-items:center;padding:.625rem 1rem;transition:background .15s;display:flex}.sidebar-habits .view-list li:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-habits .view-list li:hover .view-icon{opacity:1;color:var(--primary)}.sidebar-habits .view-list li.active{background:var(--primary-bg);color:var(--primary)}.sidebar-habits .view-item-content{align-items:center;gap:.75rem;display:flex}.sidebar-habits .view-icon{font-size:calc(var(--sidebar-font-size) * 1);opacity:.7}.sidebar-habits .view-list li.active .view-icon{opacity:1;color:var(--primary)}.sidebar-journal .view-list{margin:0;padding:0;list-style:none}.sidebar-journal .view-list li{border-radius:var(--radius-md);cursor:pointer;align-items:center;padding:.625rem 1rem;transition:background .15s;display:flex}.sidebar-journal .view-list li:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-journal .view-list li:hover .view-icon{opacity:1;color:var(--primary)}.sidebar-journal .view-list li.active{background:var(--primary-bg);color:var(--primary)}.sidebar-journal .view-item-content{align-items:center;gap:.75rem;display:flex}.sidebar-journal .view-icon{font-size:calc(var(--sidebar-font-size) * 1);opacity:.7}.sidebar-journal .view-list li.active .view-icon{opacity:1;color:var(--primary)}@media (width<=900px){.notes-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.notes-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.notes-controls-row{flex-direction:column;align-items:stretch}.notes-controls-row .notes-search{max-width:none}}@media (width<=600px){.notes-list-header{padding:.75rem}.notes-list-header h2{font-size:1rem}.notes-list-controls{gap:.5rem;padding:.5rem .75rem}.notes-cards-grid{grid-template-columns:1fr}.notes-gallery-grid{grid-template-columns:repeat(2,1fr)}.note-editor-header{padding:.75rem 1rem}.note-title-input{font-size:1.125rem}.note-editor-toolbar{gap:.125rem;padding:.375rem .5rem}.note-editor-toolbar button{min-width:1.75rem;height:1.75rem;font-size:.75rem}.note-editor-toolbar .toolbar-separator{margin:0 .25rem}.note-editor-content{padding:1rem;font-size:.9375rem}}.tag-picker{width:100%;position:relative}.tag-picker-chips{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:text;flex-wrap:wrap;align-items:center;gap:.375rem;min-height:38px;padding:.375rem;transition:border-color .15s,box-shadow .15s;display:flex}.tag-picker-chips:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.tag-picker-chips .tag-chip{border-radius:var(--radius-sm);font-size:calc(var(--font-size-base) * .75);color:#fff;white-space:nowrap;align-items:center;gap:.375rem;padding:.25rem .5rem;line-height:1;display:inline-flex}.tag-picker-chips .tag-chip-dismiss{cursor:pointer;width:14px;height:14px;color:inherit;opacity:.8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:.125rem;padding:0;transition:background .15s,opacity .15s;display:inline-flex}.tag-picker-chips .tag-chip-dismiss:hover{opacity:1;background:#ffffff4d}.tag-picker-chips .tag-chip-dismiss i{font-size:.5rem}.tag-picker-input{min-width:80px;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.25rem .125rem;font-size:.875rem}.tag-picker-input::placeholder{color:var(--text-muted)}.tag-picker-dropdown{background:var(--modal-bg,var(--bg));border:1px solid var(--border);border-radius:var(--radius-md);z-index:1000;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0003}.tag-option{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .1s;display:flex}.tag-option:hover,.tag-option.highlighted{background:var(--hover-bg)}.tag-option-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tag-option-name{color:var(--text);font-size:.875rem}.tag-option-create{color:var(--primary);font-size:.875rem}.tag-option-create.creating{opacity:.7;cursor:wait}.tag-option-create-icon{opacity:.8;font-size:.75rem}.tag-option-create strong{font-weight:600}.tag-option-spinner{margin-left:auto;font-size:.75rem}.tag-option-empty{text-align:center;color:var(--text-muted);padding:.75rem;font-size:.8125rem}.voice-recorder{align-items:center;gap:.5rem;display:flex}.voice-recorder-start{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:flex}.voice-recorder-start:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.voice-recorder-start i{font-size:.875rem}.voice-recorder-active{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.375rem .75rem;display:flex}.voice-recorder-indicator{align-items:center;gap:.5rem;display:flex}.voice-recorder-pulse{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite pulse}.voice-recorder-duration{color:var(--danger);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.voice-recorder-max{color:var(--text-muted);font-size:.75rem}.voice-recorder-controls{align-items:center;gap:.25rem;display:flex}.voice-recorder-controls button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.voice-recorder-controls button:hover{background:var(--hover)}.voice-recorder-stop{color:var(--danger)!important}.voice-recorder-stop:hover{background:var(--danger-bg)!important}.voice-recorder-uploading{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;display:flex}.voice-recorder-error{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.voice-recorder-error button{color:var(--danger);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem}.voice-clip-list{border-top:1px solid var(--border);background:color-mix(in srgb, var(--primary,#6366f1) 2%, var(--surface));margin-top:0}.voice-clip-list-header{justify-content:space-between;align-items:center;padding:.375rem 1rem;display:flex}.voice-clip-list-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.75rem;font-weight:500;display:flex}.voice-clip-list-toggle i:first-child{color:var(--text-muted);transition:var(--transition);font-size:.625rem}.voice-clip-list-title{align-items:center;gap:.375rem;display:flex}.voice-clip-list-title i{color:var(--primary)}.voice-clip-list-count{background:var(--primary-bg);min-width:20px;height:20px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:600;display:flex}.voice-clip-list-content{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.voice-clip-list-loading,.voice-clip-list-error,.voice-clip-list-empty{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8rem;display:flex}.voice-clip-list-error{color:var(--danger)}.voice-clip-item{background:var(--surface-muted);border-radius:var(--radius-md);padding:.75rem}.voice-clip-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.voice-clip-info{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.voice-clip-icon{color:var(--primary)}.voice-clip-date{color:var(--text-muted)}.voice-clip-duration{background:var(--surface);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;padding:.125rem .375rem;font-size:.75rem;font-weight:500}.voice-clip-actions{align-items:center;gap:.25rem;display:flex}.voice-clip-actions button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.voice-clip-actions button:hover{background:var(--surface);color:var(--text)}.voice-clip-transcribe:hover{color:var(--primary)!important}.voice-clip-delete:hover{color:var(--danger)!important}.voice-clip-delete-confirm{align-items:center;gap:.25rem;display:flex}.voice-clip-delete-yes{color:var(--danger)!important}.voice-clip-delete-no{color:var(--text-muted)!important}.voice-clip-player{background:var(--surface);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem;display:flex}.voice-clip-play-btn{background:var(--primary);color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.voice-clip-play-btn:hover{background:var(--primary-dark)}.voice-clip-play-btn i{margin-left:2px;font-size:.75rem}.voice-clip-play-btn i.fa-pause{margin-left:0}.voice-clip-progress{flex-direction:column;flex:1;gap:.25rem;display:flex}.voice-clip-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;width:100%;height:4px}.voice-clip-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:12px;height:12px;transition:var(--transition);border-radius:50%}.voice-clip-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.voice-clip-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;width:12px;height:12px;transition:var(--transition);border:none;border-radius:50%}.voice-clip-time{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.6875rem;display:flex}.voice-clip-transcription{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:.5rem;padding:.75rem}.voice-clip-transcription-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.voice-clip-transcription-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;display:flex}.voice-clip-transcription-label i{font-size:.6875rem}.voice-clip-insert{background:var(--primary-bg);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.voice-clip-insert:hover{background:var(--primary);color:#fff}.voice-clip-insert i{font-size:.6875rem}.voice-clip-transcription-text{color:var(--text);white-space:pre-wrap;font-size:.875rem;line-height:1.5}.voice-clip-error{background:var(--danger-bg);border-radius:var(--radius-sm);color:var(--danger);align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:.8125rem;display:flex}.voice-clip-meeting-notes-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;padding:0;display:flex}.voice-clip-meeting-notes-btn:hover:not(:disabled){background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.voice-clip-meeting-notes-btn:disabled{opacity:.6;cursor:not-allowed}.voice-clip-meeting-notes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:.75rem;padding:.75rem}.voice-clip-meeting-notes-header{border-bottom:1px solid var(--border);color:var(--primary);text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}.voice-clip-meeting-notes-header i{font-size:.875rem}.voice-clip-meeting-notes-section{margin-bottom:.75rem}.voice-clip-meeting-notes-section:last-child{margin-bottom:0}.voice-clip-meeting-notes-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin:0 0 .375rem;font-size:.75rem;font-weight:600}.voice-clip-meeting-notes-section p{color:var(--text);margin:0;font-size:.875rem;line-height:1.5}.voice-clip-meeting-notes-section ul{margin:0;padding-left:1.25rem;list-style-type:disc}.voice-clip-meeting-notes-section ul li{color:var(--text);margin-bottom:.25rem;font-size:.875rem;line-height:1.4}.voice-clip-meeting-notes-section ul li:last-child{margin-bottom:0}.voice-clip-action-items{padding-left:0;list-style:none}.voice-clip-action-items li{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.375rem 0;display:flex}.voice-clip-action-items li:last-child{border-bottom:none;padding-bottom:0}.voice-clip-action-items .action-item-task{flex:1;min-width:150px;font-weight:500}.voice-clip-action-items .action-item-assignee,.voice-clip-action-items .action-item-due{background:var(--primary-bg);border-radius:var(--radius-sm);color:var(--primary);align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.75rem;display:inline-flex}.voice-clip-action-items .action-item-assignee i,.voice-clip-action-items .action-item-due i{font-size:.625rem}.pomodoro-start-btn{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;font-size:1.125rem;display:flex}.pomodoro-start-btn:hover{background:var(--surface);color:#e74c3c;border-color:#e74c3c}.pomodoro-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:.625rem;padding:.375rem .625rem;display:flex}.pomodoro-widget:hover{background:var(--surface-hover);border-color:var(--phase-color,#e74c3c)}.pomodoro-widget.paused{opacity:.7}.pomodoro-progress-ring{width:28px;height:28px;position:relative}.pomodoro-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.pomodoro-progress-ring .ring-bg{fill:none;stroke:var(--border);stroke-width:3px}.pomodoro-progress-ring .ring-progress{fill:none;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .3s}.pomodoro-progress-ring .pomodoro-icon{font-size:.625rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pomodoro-info{flex-direction:column;gap:.125rem;min-width:50px;display:flex}.pomodoro-time{font-variant-numeric:tabular-nums;color:var(--text);font-size:.9375rem;font-weight:600}.pomodoro-task-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.6875rem;overflow:hidden}.pomodoro-set-indicators{gap:.25rem;padding:0 .25rem;display:flex}.pomodoro-indicator{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background .2s}.pomodoro-indicator.completed{background:#e74c3c}.pomodoro-controls{gap:.25rem;display:flex}.pomodoro-ctrl-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:24px;height:24px;color:var(--text-secondary);transition:var(--transition);background:0 0;justify-content:center;align-items:center;font-size:.625rem;display:flex}.pomodoro-ctrl-btn:hover{background:var(--surface-hover);color:var(--text)}.pomodoro-ctrl-btn.stop:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.pomodoro-ctrl-btn:disabled{opacity:.5;cursor:not-allowed}.pomodoro-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;background:#0009;justify-content:center;align-items:center;padding:2rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.pomodoro-panel{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;max-height:90vh;margin:auto;animation:.2s slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.pomodoro-panel-header{background:var(--surface,#fff);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.pomodoro-panel-header h2{color:var(--text);margin:0;font-size:1.125rem;font-weight:600}.pomodoro-panel-header .close-btn{border-radius:var(--radius);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pomodoro-panel-header .close-btn:hover{background:var(--surface-hover);color:var(--text)}.pomodoro-panel-body{background:var(--surface,#fff);flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.pomodoro-large-timer{width:200px;height:200px;position:relative}.pomodoro-large-timer .timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.pomodoro-large-timer .ring-bg{fill:none;stroke:var(--border);stroke-width:6px}.pomodoro-large-timer .ring-progress{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dasharray .5s}.pomodoro-large-timer .timer-content{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pomodoro-large-timer .timer-phase{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.pomodoro-large-timer .timer-time{font-variant-numeric:tabular-nums;color:var(--text);font-size:2.5rem;font-weight:700;line-height:1}.pomodoro-large-timer .timer-task{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:140px;font-size:.8125rem;overflow:hidden}.pomodoro-large-timer .timer-task:hover{color:var(--text)}.pomodoro-indicators-large{gap:.5rem;display:flex}.pomodoro-indicators-large .indicator{color:var(--border);font-size:1rem;transition:color .2s}.pomodoro-indicators-large .indicator.completed{color:#e74c3c}.pomodoro-panel-controls{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.pomodoro-panel-controls .start-options{width:100%}.pomodoro-panel-controls .task-id-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);padding:.625rem .875rem;font-size:.875rem}.pomodoro-panel-controls .task-id-input:focus{border-color:var(--primary);outline:none}.pomodoro-panel-controls .control-buttons{gap:.5rem;width:100%;display:flex}.pomodoro-action-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);color:var(--text);transition:var(--transition);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.pomodoro-action-btn:hover{background:var(--surface-hover)}.pomodoro-action-btn:disabled{opacity:.5;cursor:not-allowed}.pomodoro-action-btn.primary{color:#fff;background:#e74c3c;border-color:#e74c3c}.pomodoro-action-btn.primary:hover{background:#c0392b;border-color:#c0392b}.pomodoro-action-btn.secondary{background:var(--surface-hover)}.pomodoro-action-btn.danger{color:var(--danger);border-color:var(--danger)}.pomodoro-action-btn.danger:hover{background:var(--danger-bg)}.pomodoro-stats{border-top:1px solid var(--border);justify-content:center;gap:2rem;width:100%;padding-top:1rem;display:flex}.pomodoro-stats .stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.pomodoro-stats .stat-value{color:var(--text);font-size:1.5rem;font-weight:700}.pomodoro-stats .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.pomodoro-notification{background:var(--bg);border:1px solid var(--notification-color,#e74c3c);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1001;align-items:center;gap:1rem;padding:1rem 1.25rem;animation:.3s slideInRight;display:flex;position:fixed;bottom:24px;right:24px}.pomodoro-notification .notification-icon{font-size:1.5rem}.pomodoro-notification .notification-content{flex-direction:column;gap:.125rem;display:flex}.pomodoro-notification .notification-title{color:var(--text);margin:0;font-size:.9375rem;font-weight:600}.pomodoro-notification .notification-subtitle{color:var(--text-muted);margin:0;font-size:.8125rem}.pomodoro-notification .notification-actions{gap:.5rem;display:flex}.pomodoro-notification .notification-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);color:var(--text);transition:var(--transition);padding:.5rem .75rem;font-size:.8125rem;font-weight:500}.pomodoro-notification .notification-btn:hover{background:var(--surface-hover)}.pomodoro-notification .notification-btn.primary{background:var(--notification-color,#e74c3c);border-color:var(--notification-color,#e74c3c);color:#fff}.pomodoro-notification .notification-btn.primary:hover{opacity:.9}.pomodoro-notification .notification-close{border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:.6875rem;display:flex;position:absolute;top:.5rem;right:.5rem}.pomodoro-notification .notification-close:hover{background:var(--surface-hover);color:var(--text)}@media (width<=480px){.pomodoro-panel{border-radius:var(--radius-md);max-width:100%;margin:1rem}.pomodoro-large-timer{width:160px;height:160px}.pomodoro-large-timer .timer-time{font-size:2rem}.pomodoro-notification{flex-wrap:wrap;bottom:16px;left:16px;right:16px}}.slider-with-value{flex:1;align-items:center;gap:1rem;display:flex}.slider-with-value input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:3px;outline:none;flex:1;height:6px}.slider-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#e74c3c;border-radius:50%;width:18px;height:18px;transition:transform .15s}.slider-with-value input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-with-value input[type=range]::-moz-range-thumb{cursor:pointer;background:#e74c3c;border:none;border-radius:50%;width:18px;height:18px}.slider-with-value .slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:60px;color:var(--text);font-weight:600}.pomodoro-settings-stats{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pomodoro-settings-stats .stat{background:var(--surface-hover);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.25rem;padding:1rem;display:flex}.pomodoro-settings-stats .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}@media (width<=600px){.pomodoro-settings-stats{grid-template-columns:repeat(2,1fr)}}.timer-controls .pomodoro-btn{color:#e74c3c;cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #e74c3c;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;display:flex}.timer-controls .pomodoro-btn:hover:not(:disabled){background:#e74c3c1a}.timer-controls .pomodoro-btn:disabled{opacity:.5;cursor:not-allowed}.timer-controls .pomodoro-btn i{font-size:.75rem}.habits-page{flex-direction:column;height:100%;padding:1.5rem;display:flex;overflow:hidden}.habits-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.habits-header-left h2{color:var(--text);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.habits-header-left h2 .view-title-icon{color:var(--primary)}.habits-header-left p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.habits-header-right{align-items:center;gap:.75rem;display:flex}.view-mode-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;display:flex}.view-mode-toggle button{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.view-mode-toggle button:hover{color:var(--text-primary);background:var(--surface-hover)}.habits-library-btn{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.habits-library-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.habits-add-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.habits-add-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.habits-add-btn:active{transform:translateY(0)}.habits-add-btn i,.habits-library-btn i{font-size:.75rem}.habits-content{flex:1;display:flex;overflow:hidden}.habits-main{flex:1;padding:1.5rem;overflow-y:auto}.today-habits-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.today-habit-card{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;padding:1.125rem;transition:all .2s;box-shadow:0 1px 3px #0000000f}[data-theme=dark] .today-habit-card,[data-theme=midnight] .today-habit-card,[data-theme=nord] .today-habit-card,[data-theme=dracula] .today-habit-card,.dark-mode .today-habit-card{background:var(--bg-secondary)}.today-habit-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.today-habit-card.completed{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:#22c55e4d}.today-habit-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.today-habit-name{color:var(--text-primary);font-size:1rem;font-weight:600}.today-habit-weekly{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.today-habit-progress{margin-bottom:.75rem}.progress-bar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;height:6px;margin-bottom:.25rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;height:100%;transition:width .3s}.progress-text{color:var(--text-secondary);font-size:.75rem}.today-habit-actions{margin-bottom:.75rem}.habit-toggle-btn{color:#16a34a;cursor:pointer;background:#22c55e0f;border:1.5px solid #22c55e;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.habit-toggle-btn:hover{color:#15803d;background:#22c55e24}.habit-toggle-btn.done{color:#fff;background:#22c55e;border-color:#22c55e;font-weight:600}.numeric-input-group{align-items:center;gap:.5rem;display:flex}.numeric-btn{border:1px solid var(--border-color);background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.numeric-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.numeric-btn:disabled{opacity:.5;cursor:not-allowed}.numeric-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);text-align:center;border-radius:8px;flex:1;padding:.5rem;font-size:1rem}.numeric-input:focus{border-color:var(--accent-color);outline:none}.today-habit-streak{color:var(--text-secondary);border-top:1px solid var(--border-color);align-items:center;gap:.375rem;margin-top:.25rem;padding-top:.5rem;font-size:.75rem;display:flex}.today-habit-streak i{color:#f97316}.habits-list{margin:0;padding:0;list-style:none}.habit-item{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;transition:all .2s;display:flex}.habit-item:hover{border-color:var(--accent-color)}.habit-item.selected{border-color:var(--accent-color);background:#6366f10d}.habit-item.archived{opacity:.6}.habit-drag-handle{color:var(--text-tertiary);cursor:grab;padding:.25rem}.habit-drag-handle:active{cursor:grabbing}.habit-item-content{flex:1;min-width:0}.habit-item-main{align-items:center;gap:.75rem;display:flex}.habit-name{color:var(--text-primary);font-weight:500}.habit-schedule{color:var(--text-secondary);font-size:.8125rem}.habit-item-meta{align-items:center;gap:1rem;margin-top:.25rem;display:flex}.habit-target,.habit-streak{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.habit-streak i{color:#f97316}.habit-archive-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:all .2s}.habit-archive-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.archived-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem}.archived-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.archived-toggle:hover{color:var(--text-primary)}.habits-list.archived{margin-top:.75rem}.habit-detail-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:85vh;padding:1.5rem;animation:.2s scaleIn;overflow-y:auto}.habit-detail-modal .panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.habit-detail-modal .panel-header h3{color:var(--text-primary);margin:0;font-size:1.125rem}.habit-detail-modal .panel-actions{gap:.5rem;display:flex}.habit-detail-modal .panel-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:all .2s}.habit-detail-modal .panel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.habit-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.habit-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.habit-info-grid .info-item{flex-direction:column;gap:.25rem;display:flex}.habit-info-grid .info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.habit-info-grid .info-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.habit-insights{margin-bottom:1.5rem}.habit-insights h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin:0 0 1rem;font-size:.875rem}.insights-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.insight-card{background:var(--bg-tertiary);text-align:center;border-radius:8px;flex-direction:column;align-items:center;padding:1rem;display:flex}.insight-card i{color:var(--accent-color);margin-bottom:.5rem;font-size:1.25rem}.insight-card .insight-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.insight-card .insight-label{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.habit-heatmap{margin-bottom:1.5rem}.habit-heatmap h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin:0 0 1rem;font-size:.875rem}.heatmap-grid{grid-template-columns:repeat(53,1fr);gap:2px;margin-bottom:.5rem;display:grid}.heatmap-cell{aspect-ratio:1;background:var(--bg-tertiary);border-radius:2px}.heatmap-legend{color:var(--text-tertiary);justify-content:flex-end;align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.legend-scale{gap:2px;display:flex}.legend-scale div{border-radius:2px;width:10px;height:10px}.habit-editor-modal{background:var(--surface);-webkit-backdrop-filter:none;width:480px;max-width:90vw}.habit-editor-modal .modal-footer{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.habit-editor-modal .modal-footer-right{gap:.75rem;display:flex}.habit-type-toggle{gap:.5rem;display:flex}.habit-type-toggle button{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;transition:all .2s;display:flex}.habit-type-toggle button:hover{border-color:var(--accent-color)}.habit-type-toggle button.active{border-color:var(--accent-color);color:var(--accent-color);background:#6366f11a}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.day-picker{gap:.5rem;display:flex}.day-picker button{border:1px solid var(--border-color);background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;font-size:.8125rem;transition:all .2s}.day-picker button:hover{border-color:var(--accent-color)}.day-picker button.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.habit-library-modal{background:var(--surface);-webkit-backdrop-filter:none;width:680px;max-width:90vw;max-height:80vh}.library-hint{color:var(--text-muted);margin:0 0 1rem;font-size:.85rem}.habit-library-modal .modal-header{border-bottom:1px solid var(--border);padding-bottom:1rem}.habit-library-modal .modal-header h2{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.library-categories{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.library-categories button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer;align-items:center;gap:.375rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.library-categories button:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-hover)}.library-categories button.active{background:var(--primary);border-color:var(--primary);color:#fff}.template-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.875rem;max-height:420px;padding:2px;display:grid;overflow-y:auto}.template-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;padding:1rem;transition:all .2s}.template-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.template-icon{background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:var(--radius-md);width:42px;height:42px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1.125rem;display:flex}.template-info h4{color:var(--text-primary);margin:0 0 .375rem;font-size:.9375rem;font-weight:600}.template-info p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .625rem;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.template-meta{flex-wrap:wrap;gap:.375rem;display:flex}.template-type,.template-target{background:var(--surface-hover);border-radius:var(--radius-sm);color:var(--text-muted);padding:.2rem .5rem;font-size:.6875rem;font-weight:500}.template-card-action{border-top:1px solid var(--border);text-align:center;margin-top:.75rem;padding-top:.625rem}.template-add-label{color:var(--primary);align-items:center;gap:.375rem;font-size:.8rem;font-weight:600;transition:opacity .2s;display:inline-flex}.template-card:hover .template-add-label{opacity:1}.template-adding{color:var(--text-muted);font-size:.8rem;font-weight:500}.template-card.adding{border-color:var(--primary);opacity:.7}.metrics-habits-section{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.metrics-habit-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.metrics-stat-card.small{padding:1rem}.metrics-stat-card.small .metrics-stat-value{font-size:1.25rem}.metrics-stat-icon.habit{color:#22c55e;background:linear-gradient(135deg,#22c55e33,#22c55e1a)}.habit-heatmap-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.habit-heatmap-label{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;display:flex}.habit-heatmap-grid{grid-template-columns:repeat(53,1fr);gap:2px;margin-bottom:.75rem;display:grid}.habit-heatmap-cell{aspect-ratio:1;border-radius:2px;min-height:8px}.metrics-empty{text-align:center;color:var(--text-secondary);padding:2rem}@media (width<=900px){.metrics-habit-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.metrics-habit-stats{grid-template-columns:1fr}}.habit-weekly-heatmap{position:relative}.heatmap-day-headers{grid-template-columns:32px repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.heatmap-day-header{color:var(--text-tertiary);text-align:center;text-transform:uppercase;letter-spacing:.03em;font-size:.625rem}.heatmap-weeks-container{max-height:360px;padding-right:2px;overflow-y:auto}.heatmap-week-row{grid-template-columns:32px repeat(7,1fr);gap:3px;margin-bottom:3px;display:grid}.heatmap-week-label{color:var(--text-tertiary);justify-content:flex-end;align-items:center;padding-right:4px;font-size:.5625rem;display:flex}.habit-weekly-heatmap .heatmap-cell{aspect-ratio:1;cursor:pointer;border-radius:3px;min-height:12px;transition:transform .1s}.habit-weekly-heatmap .heatmap-cell:hover{z-index:1;transform:scale(1.3)}.habit-weekly-heatmap .cell-empty{cursor:default;background:0 0}.habit-weekly-heatmap .cell-empty:hover{transform:none}.habit-weekly-heatmap .cell-completed{background:var(--primary,#22c55e)}.habit-weekly-heatmap .cell-skipped{border:1.5px dashed var(--text-tertiary);background:0 0}.habit-weekly-heatmap .cell-missed{background:var(--text-muted,#9ca3af);opacity:.4}.habit-weekly-heatmap .cell-none{background:var(--bg-tertiary)}.habit-weekly-heatmap .heatmap-legend{color:var(--text-tertiary);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.6875rem;display:flex}.habit-weekly-heatmap .legend-scale{gap:.75rem;display:flex}.habit-weekly-heatmap .legend-item{align-items:center;gap:4px;display:flex}.habit-weekly-heatmap .legend-item .heatmap-cell{width:10px;height:10px;min-height:unset;cursor:default}.habit-weekly-heatmap .legend-item .heatmap-cell:hover{transform:none}.cell-popover{z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg,0 4px 12px #00000026);border-radius:8px;min-width:140px;padding:.5rem;position:fixed}.cell-popover-date{color:var(--text-secondary);margin-bottom:.5rem;padding:0 .25rem;font-size:.75rem}.cell-popover-actions{flex-direction:column;gap:2px;display:flex}.cell-popover-btn{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;font-size:.8125rem;display:flex}.cell-popover-btn:hover{background:var(--bg-tertiary)}.cell-popover-btn.active{background:var(--bg-tertiary);font-weight:600}.cell-popover-btn.completed i{color:var(--primary,#22c55e)}.cell-popover-btn.skipped i{color:var(--text-tertiary)}.cell-popover-btn.missed i{color:var(--text-muted,#9ca3af)}.cell-popover-btn.clear i{color:var(--text-tertiary)}.habit-status-actions{align-items:center;gap:.5rem;display:flex}.habit-status-actions .habit-toggle-btn{flex:1}.habit-skip-btn,.habit-miss-btn{border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.habit-skip-btn{border-color:var(--accent-color,#6366f1);color:var(--accent-color,#6366f1)}.habit-skip-btn:hover{background:#6366f114}.habit-miss-btn{color:#6b7280;border-color:#9ca3af}.habit-miss-btn:hover{color:#ef4444;background:#ef44440d;border-color:#ef4444}.habit-skip-btn.active{border-color:var(--accent-color,#6366f1);color:var(--accent-color,#6366f1);background:#6366f11a;font-weight:600}.habit-miss-btn.active{color:#ef4444;background:#ef444414;border-color:#ef4444;font-weight:600}.today-habit-card.skipped{opacity:.75;border-style:dashed;border-color:var(--accent-color,#6366f1)}.today-habit-card.skipped .today-habit-name:after{content:" (Skipped)";color:var(--text-tertiary);font-size:.75rem;font-weight:400}.today-habit-card.missed{opacity:.65;border-color:#ef4444}.today-habit-card.missed .today-habit-name:after{content:" (Missed)";color:var(--text-tertiary);font-size:.75rem;font-weight:400}.pattern-insights{margin-top:1.5rem}.pattern-insights h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin:0 0 .75rem;font-size:.875rem}.pattern-cards{flex-direction:column;gap:.5rem;display:flex}.pattern-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex}.pattern-card i{color:var(--text-tertiary);margin-top:2px;font-size:.875rem}.pattern-card-content{flex-direction:column;gap:.125rem;display:flex}.pattern-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.pattern-value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.pattern-detail{color:var(--text-secondary);font-size:.75rem}.toggle-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary,#22c55e)}.form-help-text{color:var(--text-tertiary);margin:.25rem 0 0;font-size:.75rem}.today-habits-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem}.today-habits-section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .25rem;display:flex}.today-habits-section-header h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:600;display:flex}.today-habits-section-header h3 i{color:var(--primary);font-size:.85rem}.today-habits-count{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:10px;padding:.15rem .5rem;font-size:.8rem}.today-habits-inline-list{flex-direction:column;gap:.5rem;display:flex}.today-habit-inline-card{border:1px solid var(--border-color);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;transition:border-color .15s;display:flex}[data-theme=dark] .today-habit-inline-card,[data-theme=midnight] .today-habit-inline-card,[data-theme=nord] .today-habit-inline-card,[data-theme=dracula] .today-habit-inline-card{background:var(--bg-secondary)}.today-habit-inline-card.status-completed{border-left:3px solid #22c55e}.today-habit-inline-card.status-skipped{border-left:3px solid var(--text-tertiary);opacity:.7}.today-habit-inline-card.status-missed{border-left:3px solid var(--text-muted);opacity:.7}.today-habit-inline-info{align-items:center;gap:.75rem;min-width:0;display:flex}.today-habit-inline-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.today-habit-inline-streak{color:#f59e0b;white-space:nowrap;font-size:.75rem}.today-habit-inline-streak i{font-size:.7rem}.today-habit-inline-actions{flex-shrink:0;gap:.35rem;display:flex}.habit-action-btn{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex}.habit-action-btn:hover{background:var(--bg-tertiary)}.habit-complete-btn:hover,.habit-complete-btn.active{color:#fff;background:#22c55e;border-color:#22c55e}.habit-skip-btn:hover,.habit-skip-btn.active{background:var(--text-tertiary);border-color:var(--text-tertiary);color:#fff}.habit-miss-btn:hover,.habit-miss-btn.active{background:var(--text-muted);border-color:var(--text-muted);color:#fff}.list-background-modal{overflow:hidden}.list-background-preview-wrapper{flex-direction:column;gap:.5rem;display:flex}.list-background-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-height:120px;padding:1rem;transition:background .3s,opacity .3s}.list-background-preview-content{flex-direction:column;gap:.75rem;display:flex}.list-background-preview .preview-header{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:600;display:flex}.list-background-preview .preview-header i{color:var(--primary)}.list-background-preview .preview-tasks{flex-direction:column;gap:.5rem;display:flex}.list-background-preview .preview-task{background:var(--surface);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.list-background-preview .preview-task.completed{color:var(--text-muted);text-decoration:line-through}.list-background-preview .preview-task.completed i{color:var(--success)}.list-background-type-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.list-background-type-tabs .tab-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:80px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.list-background-type-tabs .tab-btn:hover{border-color:var(--primary);color:var(--primary)}.list-background-type-tabs .tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.list-background-presets-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem;display:grid}.preset-swatch{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);color:#fff;border:2px solid #0000;justify-content:center;align-items:center;font-size:.875rem;display:flex}.preset-swatch:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.preset-swatch.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.list-background-presets-grid:has(.preset-card){grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.preset-card{border-radius:var(--radius-md);cursor:pointer;min-height:60px;transition:var(--transition);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:flex;position:relative}.preset-card:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.preset-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.preset-card .fa-check{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.625rem;display:flex;position:absolute;top:4px;right:4px}.preset-card-name{color:var(--text-primary);background:var(--surface);border-radius:var(--radius-sm);text-align:center;padding:.125rem .375rem;font-size:.75rem;font-weight:500}.preset-card.pattern-card{background-color:var(--surface-muted)}.opacity-slider{background:var(--surface-muted);appearance:none;border-radius:4px;outline:none;width:100%;height:8px}.opacity-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-md);border-radius:50%}.opacity-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-md);border:none;border-radius:50%}.list-background-container{position:relative}.list-background-container:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;position:absolute;inset:0}.list-background-container>*{z-index:1;position:relative}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.loading-indicator{text-align:center;color:var(--text-muted);padding:1rem;font-size:.875rem}.statistics-view{max-width:1200px;margin:0 auto;padding:1.5rem}.statistics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.statistics-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.statistics-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.statistics-loading{text-align:center;color:var(--text-muted);padding:3rem;font-size:1rem}.statistics-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface-elevated);text-align:center;border:1px solid var(--border-color);border-radius:8px;padding:1rem}.stat-value{color:var(--primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.statistics-section{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.statistics-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.statistics-distributions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.statistics-distributions .statistics-section{margin-bottom:0}.distribution-bar-container{margin-top:.5rem}.distribution-bar{background:var(--bg-secondary);border-radius:4px;height:24px;display:flex;overflow:hidden}.distribution-segment{min-width:2px;transition:width .3s}.distribution-legend{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-value{color:var(--text-muted);margin-left:.25rem}.trends-chart{margin-top:.5rem}.trend-bars{align-items:flex-end;gap:4px;height:150px;padding-bottom:24px;display:flex;overflow-x:auto}.trend-bar-group{flex-direction:column;flex:1;align-items:center;min-width:20px;display:flex}.bar-container{align-items:flex-end;gap:2px;height:130px;display:flex}.trend-bar{border-radius:2px 2px 0 0;width:8px;min-height:2px;transition:height .3s}.trend-bar.created{background:var(--primary);opacity:.5}.trend-bar.completed{background:var(--success)}.trend-label{color:var(--text-muted);white-space:nowrap;margin-top:4px;font-size:.625rem}.trend-legend{justify-content:center;gap:1.5rem;margin-top:.75rem;display:flex}.trend-legend .legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.trend-legend .legend-color{border-radius:2px;width:12px;height:12px}.trend-legend .legend-color.created{background:var(--primary);opacity:.5}.trend-legend .legend-color.completed{background:var(--success)}.date-range-picker{flex-direction:column;gap:.75rem;display:flex}.date-range-presets{flex-wrap:wrap;gap:.5rem;display:flex}.preset-btn{border:1px solid var(--border-color);background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;transition:all .2s}.preset-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.preset-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.date-range-custom{align-items:center;gap:1rem;display:flex}.date-input-group{align-items:center;gap:.5rem;display:flex}.date-input-group label{color:var(--text-muted);font-size:.8125rem}.admin-analytics-screen{flex-direction:column;gap:1.5rem;display:flex}.admin-analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-analytics-header h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.admin-analytics-actions{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.admin-analytics-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:3rem;display:flex}.admin-analytics-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.analytics-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.375rem;padding:1.25rem;display:flex}.analytics-stat-card .stat-value{color:var(--text);font-size:1.75rem;font-weight:700}.analytics-stat-card .stat-label{color:var(--text-muted);font-size:.8125rem}.admin-analytics-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.admin-analytics-section h3{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.admin-analytics-section .no-data{color:var(--text-muted);text-align:center;padding:2rem;font-size:.875rem}.analytics-table-container{overflow-x:auto}.admin-analytics-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-analytics-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);white-space:nowrap;padding:.75rem;font-size:.8125rem;font-weight:500}.admin-analytics-table th:last-child{text-align:right}.admin-analytics-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.75rem}.admin-analytics-table td:last-child{text-align:right}.admin-analytics-table tr:last-child td{border-bottom:none}.admin-analytics-table tr:hover td{background:var(--surface-hover)}.admin-analytics-table .feature-name{font-weight:500}.admin-analytics-table .feature-key{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.admin-analytics-table .adoption-bar{align-items:center;gap:.5rem;display:flex}.admin-analytics-table .adoption-bar-bg{background:var(--surface-muted);border-radius:3px;flex:1;max-width:100px;height:6px;overflow:hidden}.admin-analytics-table .adoption-bar-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.admin-analytics-table .adoption-bar-value{color:var(--text);min-width:40px;font-size:.8125rem;font-weight:500}.admin-analytics-chart{align-items:flex-end;gap:4px;height:200px;padding-bottom:24px;display:flex;overflow-x:auto}.chart-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:24px;max-width:40px;height:100%;display:flex}.chart-bar{background:var(--primary);border-radius:2px 2px 0 0;width:16px;min-height:2px;transition:height .3s}.chart-bar:hover{background:var(--primary-dark)}.chart-label{color:var(--text-muted);white-space:nowrap;margin-top:4px;font-size:.625rem}.active-users-bars{align-items:flex-end;gap:4px;height:160px;padding-bottom:24px;display:flex;overflow-x:auto}.active-users-bar-group{flex-direction:column;flex:1;align-items:center;min-width:24px;display:flex}.active-users-bar{background:var(--primary);border-radius:2px 2px 0 0;width:16px;min-height:2px;transition:height .3s}.active-users-bar:hover{background:var(--primary-dark)}.active-users-label{color:var(--text-muted);white-space:nowrap;margin-top:4px;font-size:.625rem}@media (width<=768px){.admin-analytics-header{flex-direction:column}.admin-analytics-actions{width:100%}.admin-analytics-summary{grid-template-columns:repeat(2,1fr)}}.sidebar-countdowns .view-list{margin:0;padding:0;list-style:none}.sidebar-countdowns .view-list li{border-radius:var(--radius-md);cursor:pointer;align-items:center;padding:.625rem 1rem;transition:background .15s;display:flex}.sidebar-countdowns .view-list li:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-countdowns .view-list li:hover .view-icon{opacity:1;color:var(--primary)}.sidebar-countdowns .view-list li.active{background:var(--primary-bg);color:var(--primary)}.sidebar-countdowns .view-item-content{align-items:center;gap:.75rem;display:flex}.sidebar-countdowns .view-icon{font-size:calc(var(--sidebar-font-size) * 1);opacity:.7}.sidebar-countdowns .view-list li.active .view-icon{opacity:1;color:var(--primary)}.countdown-page{flex:1;padding:1.5rem;overflow-y:auto}.countdown-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.countdown-header-left h2{color:var(--text);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.countdown-header-left h2 .view-title-icon{color:var(--primary)}.countdown-header-right{align-items:center;gap:.75rem;display:flex}.countdown-filter-select{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:999px;outline:none;padding:.5rem 2rem .5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.countdown-filter-select:hover{border-color:var(--text-muted);background-color:var(--surface-hover)}.countdown-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f126}.show-archived-label{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.show-archived-label:hover{color:var(--text-primary);background:var(--surface-hover)}.show-archived-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}.countdown-add-wrapper{position:relative}.countdown-add-btn{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.countdown-add-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.countdown-add-btn:active{transform:translateY(0)}.countdown-add-btn i{font-size:.75rem}.countdown-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.countdown-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;min-height:180px;padding:1.25rem;transition:all .2s;display:flex}.countdown-card:hover{border-color:var(--countdown-accent,var(--primary));box-shadow:var(--shadow-md);transform:translateY(-2px)}.countdown-card.is-today{border-color:var(--countdown-accent,var(--primary));background:linear-gradient(135deg, var(--surface) 0%, #6366f10d 100%)}.countdown-card.archived{opacity:.6}.countdown-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.countdown-card-icon{font-size:1.125rem}.countdown-card-type{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.countdown-card-title{color:var(--text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.countdown-card-number{flex-direction:column;align-items:center;margin:1rem 0;display:flex}.countdown-days{color:var(--text);font-size:3rem;font-weight:700;line-height:1}.countdown-days-label{color:var(--text-secondary);text-transform:lowercase;font-size:.875rem}.countdown-today-badge{color:var(--countdown-accent,var(--primary));border-radius:var(--radius-md);background:#6366f11a;padding:.5rem 1rem;font-size:1.5rem;font-weight:700}.countdown-occurred{color:var(--text-secondary);font-size:1.25rem;font-weight:600}.countdown-card-footer{color:var(--text-secondary);text-align:center;margin-top:auto;font-size:.8125rem}.countdown-type-menu-backdrop{z-index:100;position:fixed;inset:0}.countdown-type-menu{z-index:101;background:var(--glass-bg,#ffffffd9);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);min-width:200px;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0000001f}.countdown-type-menu-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.countdown-type-option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;transition:background .15s;display:flex}.countdown-type-option:hover{background:var(--surface-hover)}.countdown-type-option i{color:var(--primary);text-align:center;width:1.5rem;font-size:1rem}.countdown-type-option-content{flex-direction:column;gap:.125rem;display:flex}.countdown-type-option-label{color:var(--text);font-size:.9375rem;font-weight:500}.countdown-type-option-desc{color:var(--text-secondary);font-size:.75rem}.countdown-modal-overlay{z-index:1000}.countdown-modal{background:var(--surface);-webkit-backdrop-filter:none;width:90%;max-width:500px}.countdown-modal .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.countdown-modal .color-picker-row{flex-wrap:wrap;gap:.5rem;display:flex}.countdown-modal .color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .15s}.countdown-modal .color-swatch:hover{transform:scale(1.1)}.countdown-modal .color-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface)}.countdown-modal .checkbox-group{margin-top:1rem}.countdown-modal .modal-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.countdown-modal .modal-footer-right{gap:.75rem;margin-left:auto;display:flex}.countdown-modal-header-actions{align-items:center;gap:.25rem;display:flex}.countdown-modal-actions-wrapper{position:relative}.countdown-modal-actions-btn{width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.countdown-modal-actions-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.countdown-modal-actions-backdrop{z-index:10;position:fixed;inset:0}.countdown-modal-actions-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:11;min-width:200px;padding:.25rem;animation:.15s ease-out countdown-menu-in;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0003}@keyframes countdown-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.countdown-modal-action-item{width:100%;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.85rem;transition:background .15s;display:flex}.countdown-modal-action-item:hover{background:var(--surface-hover)}.countdown-modal-action-item i{text-align:center;width:1rem;color:var(--text-muted);font-size:.8rem}.countdown-modal-action-danger,.countdown-modal-action-danger i{color:var(--danger,#ef4444)}.countdown-modal-action-danger:hover{background:#ef44441a}.countdown-modal-action-divider{background:var(--border);height:1px;margin:.25rem 0}.countdown-modal-delete-confirm{color:var(--text-secondary);padding:.5rem .75rem;font-size:.85rem}.countdown-modal-delete-confirm span{margin-bottom:.5rem;display:block}.countdown-modal-delete-confirm-actions{gap:.5rem;display:flex}.countdown-modal-delete-confirm-actions .btn-sm{padding:.375rem .75rem;font-size:.8rem}.countdown-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.countdown-empty i{color:var(--text-secondary);opacity:.3;margin-bottom:1.5rem;font-size:4rem}.countdown-empty h3{color:var(--text);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.countdown-empty p{color:var(--text-secondary);max-width:400px;margin:0 0 1.5rem}.countdown-empty-link{color:var(--primary);cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.countdown-empty-link:hover{text-decoration:underline}.countdown-loading,.countdown-error{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.countdown-error{color:var(--danger)}.countdown-archived-section{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.countdown-archived-header{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.countdown-archived-section .countdown-card{position:relative}.countdown-restore-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;opacity:0;border:none;padding:.375rem .75rem;font-size:.75rem;transition:opacity .15s;position:absolute;bottom:.75rem;right:.75rem}.countdown-archived-section .countdown-card:hover .countdown-restore-btn{opacity:1}@media (width<=768px){.countdown-header{flex-direction:column;align-items:stretch}.countdown-header-right{flex-wrap:wrap}.countdown-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.countdown-modal .form-row{grid-template-columns:1fr}}.weather-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;display:flex}.weather-widget:hover{background:var(--surface-hover);border-color:var(--primary)}.weather-widget.loading{color:var(--text-muted)}.weather-widget.error{color:var(--danger);border-color:var(--danger)}.weather-widget.error:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}.weather-icon{color:var(--primary);font-size:1rem}.weather-temp{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.weather-location{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.75rem;overflow:hidden}.weather-widget.size-small{gap:.375rem;padding:.25rem .5rem;font-size:.8125rem}.weather-widget.size-small .weather-icon{font-size:.875rem}.weather-widget.size-large{flex-direction:column;align-items:flex-start;gap:.25rem;min-width:180px;padding:.75rem 1rem}.weather-widget.size-large .weather-large-header{align-items:center;gap:.5rem;display:flex}.weather-widget.size-large .weather-icon{font-size:1.5rem}.weather-widget.size-large .weather-temp{font-size:1.25rem}.weather-widget.size-large .weather-location{max-width:none;font-size:.8125rem}.weather-widget.size-large .weather-description{color:var(--text-muted);text-transform:capitalize;font-size:.8125rem}.weather-widget.size-large .weather-large-details{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.weather-widget.size-large .weather-detail{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.weather-widget.size-large .weather-detail i{color:var(--primary);font-size:.625rem}.weather-settings-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.weather-settings-section h4{color:var(--text);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.weather-settings-section h4 i{color:var(--primary)}.weather-test-btn{background:var(--surface-hover);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:.375rem .75rem;font-size:.8125rem}.weather-test-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.weather-test-btn:disabled{opacity:.5;cursor:not-allowed}.weather-test-result{border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem;font-size:.8125rem}.weather-test-result.success{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.weather-test-result.error{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}@media (width<=768px){.weather-widget{padding:.25rem .5rem}.weather-location{display:none}}.release-notes-page{background:var(--bg);min-height:100vh;color:var(--text)}.release-notes-header{background-color:var(--primary,#6366f1);background-image:linear-gradient(135deg, var(--primary,#6366f1) 0%, var(--primary-hover,#4f46e5) 100%);color:#fff;padding:2rem}.release-notes-header-content{max-width:1000px;margin:0 auto}.release-notes-header .back-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .15s;display:inline-flex}.release-notes-header .back-btn:hover{background:#fff3}.release-notes-header h1{color:#fff;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;display:flex}.release-notes-subtitle{opacity:.9;color:#fff;margin:0;font-size:1rem}.release-notes-content{max-width:1000px;margin:0 auto;padding:2rem}.release-notes-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1.25rem;display:flex}.summary-icon{background:var(--primary-alpha);border-radius:var(--radius-md);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.summary-info{flex-direction:column;gap:.25rem;display:flex}.summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.summary-value{color:var(--text);font-size:1.25rem;font-weight:600}.release-notes-timeline{flex-direction:column;gap:1.5rem;display:flex}.release-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow .15s;overflow:hidden}.release-card:hover{box-shadow:0 4px 12px #0000001a}.release-card.latest{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-alpha)}.release-card-header{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.release-version-badge{align-items:center;gap:.75rem;display:flex}.release-version-badge .version-number{color:var(--text);font-size:1.25rem;font-weight:700}.release-version-badge .latest-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.release-date{color:var(--text-muted);font-size:.875rem}.release-highlights{background:linear-gradient(135deg, var(--primary-alpha) 0%, transparent 100%);border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.release-highlights h4{color:var(--primary);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;display:flex}.release-highlights ul{margin:0;padding-left:1.25rem}.release-highlights li{color:var(--text);margin-bottom:.375rem;font-weight:500}.release-highlights li:last-child{margin-bottom:0}.release-section{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.release-section:last-child{border-bottom:none}.release-section h4{align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;display:flex}.release-section.features h4{color:var(--success)}.release-section.improvements h4{color:var(--info,#3b82f6)}.release-section.fixes h4{color:var(--warning)}.release-section ul{margin:0;padding-left:1.25rem}.release-section li{color:var(--text-secondary);margin-bottom:.375rem;line-height:1.5}.release-section li:last-child{margin-bottom:0}.release-notes-footer{text-align:center;border-top:1px solid var(--border);padding:2rem}.release-notes-footer p{color:var(--text-muted);margin:0;font-size:.8125rem}@media (width<=768px){.release-notes-header{padding:1.5rem 1rem}.release-notes-header h1{font-size:1.5rem}.release-notes-content{padding:1rem}.release-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.release-highlights,.release-section{padding:1rem}}.weekly-review-page{max-width:900px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem}.weekly-review-loading,.weekly-review-error{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.weekly-review-error button{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:.5rem 1.25rem;transition:all .2s}.weekly-review-error button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.weekly-review-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.weekly-review-back{background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border,#ffffff26);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.5rem .6rem;font-size:1.1rem;transition:all .2s}.weekly-review-back:hover{background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.weekly-review-title h1{color:var(--text-primary);margin:0;font-size:1.5rem}.weekly-review-dates{color:var(--text-secondary);font-size:.85rem}.weekly-review-stepper{gap:.5rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.stepper-step{border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-lg);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);cursor:pointer;min-width:100px;box-shadow:var(--shadow-card,0 2px 8px #0000000a);flex-direction:column;flex:1;align-items:center;gap:.35rem;padding:.75rem 1rem;transition:transform .2s,box-shadow .2s,border-color .15s;display:flex}.stepper-step:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);border-color:var(--text-muted);transform:translateY(-2px)}.stepper-step.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--glass-bg,#fff9));box-shadow:0 4px 16px color-mix(in srgb, var(--primary) 20%, transparent)}.stepper-step.completed{color:var(--success);border-color:var(--success);background:var(--glass-bg,#fff9)}.stepper-step-icon{font-size:1.1rem}.stepper-step-label{white-space:nowrap;font-size:.75rem;font-weight:600}.stepper-step-count{background:var(--glass-bg,#ffffff80);color:var(--text-secondary);text-align:center;border:1px solid var(--glass-border,#ffffff26);border-radius:999px;min-width:1.2rem;padding:.15rem .6rem;font-size:.7rem;font-weight:600}.stepper-step.active .stepper-step-count{background:var(--primary);color:#fff}.weekly-review-content{min-height:300px}.weekly-review-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.weekly-review-empty i{opacity:.4;font-size:2.5rem}.review-next-btn{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:.5rem 1.75rem;font-weight:500;transition:all .2s}.review-next-btn:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.weekly-review-toolbar{z-index:10;background:var(--glass-bg,#fffc);-webkit-backdrop-filter:blur(12px);border:2px solid var(--primary);border-radius:var(--radius-lg);box-shadow:0 4px 16px color-mix(in srgb, var(--primary) 15%, transparent);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.toolbar-count{color:var(--primary);margin-right:.5rem;font-size:.85rem;font-weight:600}.toolbar-actions{flex-wrap:wrap;gap:.25rem;display:flex}.toolbar-actions button{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8rem;transition:all .2s;display:flex}.toolbar-actions button:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.toolbar-dropdown{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.toolbar-dropdown button{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;transition:all .2s}.toolbar-dropdown button:hover{background:var(--surface-hover)}.toolbar-dropdown button:disabled{opacity:.4;cursor:not-allowed}.toolbar-dropdown-list{flex-direction:column;align-items:stretch;max-height:200px;overflow-y:auto}.toolbar-dropdown-list button{text-align:left}.priority-option.high{color:var(--danger)}.priority-option.medium{color:var(--warning)}.priority-option.low{color:var(--info)}.priority-option.none{color:var(--text-secondary)}.weekly-review-tasks{flex-direction:column;gap:8px;display:flex}.review-task-row{border-radius:var(--radius-md);border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);cursor:pointer;box-shadow:var(--shadow-card,0 2px 8px #0000000a);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:transform .2s,box-shadow .2s,border-color .15s;display:flex}.review-task-row:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);border-color:var(--primary);transform:translateY(-1px)}.review-task-row.selected{background:color-mix(in srgb, var(--primary) 8%, var(--glass-bg,#fff9));border-color:var(--primary)}.review-task-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.review-task-info{flex:1;min-width:0}.review-task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.review-task-title.completed{opacity:.5;text-decoration:line-through}.review-task-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.2rem;font-size:.75rem;display:flex}.review-task-list{background:var(--glass-bg,#ffffff80);border:1px solid var(--glass-border,#ffffff26);border-radius:999px;padding:.15rem .5rem}.review-task-date{color:var(--text-secondary)}.review-task-priority{text-transform:uppercase;font-size:.7rem;font-weight:600}.review-task-priority.priority-high{color:var(--danger)}.review-task-priority.priority-medium{color:var(--warning)}.review-task-priority.priority-low{color:var(--info)}.review-task-tags{gap:.25rem;display:flex}.review-tag{color:#fff;border-radius:999px;padding:.1rem .45rem;font-size:.65rem}.review-task-actions{flex-shrink:0}.review-action-btn{background:var(--glass-bg,#ffffff80);border:1px solid var(--glass-border,#ffffff26);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.35rem .45rem;font-size:1rem;transition:all .2s}.review-action-btn:hover{color:var(--success);background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.weekly-review-summary{flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex}.summary-icon{color:var(--success);font-size:3rem}.weekly-review-summary h2{color:var(--text-primary);margin:0}.summary-stats{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.summary-stat{background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border,#ffffff26);color:var(--text-primary);box-shadow:var(--shadow-card,0 2px 8px #0000000a);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;display:flex}.summary-stat i{color:var(--primary)}.summary-no-changes{color:var(--text-secondary)}.summary-done-btn{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 80%, #000));color:#fff;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, var(--primary) 35%, transparent);border:none;border-radius:999px;margin-top:1rem;padding:.75rem 2.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .15s}.summary-done-btn:hover{filter:brightness(1.1);box-shadow:0 6px 20px color-mix(in srgb, var(--primary) 45%, transparent);transform:translateY(-1px)}.weekly-review-nav{border-top:1px solid var(--glass-border,#ffffff26);justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.review-nav-btn{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:transform .2s,box-shadow .2s;display:flex}.review-nav-btn:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.review-nav-btn:disabled{opacity:.3;cursor:not-allowed}.review-nav-btn.primary{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 80%, #000));color:#fff;box-shadow:0 4px 14px color-mix(in srgb, var(--primary) 35%, transparent);border-color:#0000}.review-nav-btn.primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 20px color-mix(in srgb, var(--primary) 45%, transparent);transform:translateY(-1px)}.custom-dashboard .dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.custom-dashboard .dashboard-header-right{align-items:center;gap:.5rem;display:flex}.dashboard-customize-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-customize-dashboard,.btn-add-widget,.btn-reset-layout,.btn-cancel-customize,.btn-save-layout{border-radius:var(--radius-md,8px);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;transition:background .15s,border-color .15s;display:inline-flex}.btn-customize-dashboard:hover,.btn-add-widget:hover,.btn-reset-layout:hover,.btn-cancel-customize:hover{background:var(--surface-hover)}.btn-save-layout{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-save-layout:hover:not(:disabled){background:var(--primary-dark)}.btn-save-layout:disabled{opacity:.6;cursor:not-allowed}.dashboard-settings-dropdown-wrapper{position:relative}.btn-dashboard-settings{border-radius:var(--radius-md,8px);border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:background .15s,border-color .15s;display:flex}.btn-dashboard-settings:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.dashboard-settings-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);z-index:100;min-width:240px;padding:.5rem;animation:.15s ease-out dropdown-fade-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-backdrop{z-index:99;position:fixed;inset:0}.dropdown-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:700}.dropdown-profile-select{padding:.25rem .5rem .5rem}.dropdown-profile-select select{border-radius:var(--radius-md,8px);border:1px solid var(--border);background:var(--surface-hover,var(--background));width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.dropdown-profile-select select:hover{border-color:var(--primary)}.dropdown-profile-select select:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.dropdown-divider{background:var(--border);height:1px;margin:.375rem .5rem}.dropdown-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:none;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.dropdown-item:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);transform:translate(2px)}.dropdown-item:hover i{color:var(--primary)}.dropdown-item i{text-align:center;width:1.125rem;color:var(--text-muted);font-size:.875rem;transition:color .15s}.dropdown-item-primary,.dropdown-item-primary i{color:var(--primary)}.dashboard-grid-container{width:100%;min-width:0}.dashboard-grid{min-height:200px}.dashboard-widget-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,8px);flex-direction:column;display:flex;overflow:hidden}.dashboard-widget-card.customizing{border-style:dashed;border-color:var(--primary)}.dashboard-widget-card.widget-transparent-bg{background:0 0}.dashboard-widget-card.widget-transparent-border{border-color:#0000}.widget-switch-label{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.widget-switch{background:var(--border);cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;display:inline-block;position:relative}.widget-switch.active{background:var(--primary)}.widget-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.widget-switch.active .widget-switch-thumb{transform:translate(16px)}.widget-header{border-bottom:1px solid var(--border);color:var(--text-primary);flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.widget-header i{opacity:.7;font-size:.75rem}.widget-title{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:.375rem;min-width:0;display:flex;overflow:hidden}.widget-drag-handle{cursor:grab;color:var(--text-secondary);padding:.125rem}.widget-drag-handle:active{cursor:grabbing}.widget-remove-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:flex}.widget-remove-btn:hover{color:#ff3b30;background:#ff3b301a}.widget-body{flex:1;padding:.5rem .75rem;overflow-y:auto}.widget-clickable{cursor:pointer}.widget-loading{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.widget-empty{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.widget-empty i{opacity:.4;font-size:1.5rem}.widget-empty p{margin:0;font-size:.8125rem}.widget-task-list{margin:0;padding:0;list-style:none}.widget-task-item{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;display:flex}.widget-task-item:last-child{border-bottom:none}.widget-task-item.overdue .widget-task-title{color:#ff3b30}.widget-task-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);flex:1;overflow:hidden}.widget-task-meta{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.widget-task-list-name{color:var(--text-secondary);font-size:.75rem}.widget-task-badge{background:var(--surface-muted);color:var(--text-secondary);border-radius:4px;padding:.125rem .375rem;font-size:.6875rem}.widget-task-badge.overdue{color:#ff3b30;background:#ff3b301a}.widget-task-time,.widget-task-date{color:var(--text-secondary);font-size:.75rem}.widget-flag-icon{color:var(--primary);flex-shrink:0;font-size:.6875rem}.widget-progress-row{align-items:center;gap:.5rem;width:100%;margin-top:.25rem;display:flex}.widget-progress-bar{background:var(--surface-muted);border-radius:2px;flex:1;height:4px;overflow:hidden}.widget-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .3s}.widget-progress-label{color:var(--text-secondary);text-align:right;flex-shrink:0;min-width:2rem;font-size:.6875rem}.widget-agenda{flex-direction:column;gap:.75rem;display:flex}.widget-agenda-day-label{color:var(--primary);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.widget-agenda-tasks{margin:0;padding:0;list-style:none}.widget-agenda-task{align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;display:flex}.widget-stats-grid{grid-template-columns:1fr 1fr;align-content:center;gap:.75rem;height:100%;display:grid}.widget-stat-card{text-align:center;border-radius:var(--radius-md,8px);background:var(--surface-muted);padding:.75rem}.widget-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.widget-stat-label{color:var(--text-secondary);margin-top:.125rem;font-size:.6875rem}.widget-stat-card.overdue .widget-stat-value{color:#ff3b30}.widget-stat-card.completed .widget-stat-value{color:var(--success,#34c759)}.widget-stat-card.week .widget-stat-value{color:var(--primary)}.widget-add-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.widget-add-modal{background:var(--surface);border-radius:var(--radius-md,8px);border:1px solid var(--border);width:480px;max-width:90vw}.widget-add-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.widget-add-modal-header h3{margin:0;font-size:.9375rem}.widget-add-modal-header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem}.widget-add-modal-body{flex-direction:column;gap:.75rem;max-height:70vh;padding:.75rem;display:flex;overflow-y:auto}.widget-add-category h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .375rem;font-size:.6875rem;font-weight:600}.widget-add-category-grid{grid-template-columns:repeat(2,1fr);gap:.375rem;display:grid}.widget-add-option{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);color:var(--text-primary);cursor:pointer;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .375rem;font-size:.75rem;transition:background .15s;display:flex}.widget-add-option:hover:not(:disabled){background:var(--surface-hover)}.widget-add-option:disabled{opacity:.5;cursor:not-allowed}.widget-add-option i{color:var(--primary);font-size:1.125rem}.dashboard-empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.dashboard-empty-state i{opacity:.3;margin-bottom:1rem;font-size:3rem}.dashboard-empty-state h3{color:var(--text-primary);margin:0 0 .5rem}.dashboard-empty-state p{margin:0;font-size:.875rem}.react-grid-item.react-grid-placeholder{background:var(--primary);opacity:.15;border-radius:var(--radius-md,8px)}.react-resizable-handle{z-index:2}.profile-switcher{align-items:center;gap:.375rem;display:flex}.profile-switcher select{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);color:var(--text-primary);cursor:pointer;padding:.375rem .625rem;font-size:.8125rem}.profile-manager-modal{width:480px}.profile-row{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.profile-row.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--surface))}.profile-name{flex:1;align-items:center;gap:.375rem;min-width:0;font-size:.8125rem;font-weight:500;display:flex}.profile-default-badge,.profile-active-badge{border-radius:4px;padding:.0625rem .375rem;font-size:.6875rem;font-weight:500}.profile-default-badge{background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary)}.profile-active-badge{background:color-mix(in srgb, var(--success,#34c759) 15%, transparent);color:var(--success,#34c759)}.profile-actions{gap:.25rem;display:flex}.profile-actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .375rem;font-size:.75rem}.profile-actions button:hover{background:var(--surface-hover);color:var(--text-primary)}.profile-delete-btn:hover{color:#ff3b30!important;background:#ff3b301a!important}.profile-rename-row{flex:1;align-items:center;gap:.375rem;display:flex}.profile-rename-row input{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:4px;flex:1;padding:.25rem .5rem;font-size:.8125rem}.profile-rename-row button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem}.profile-create-row{border-top:1px solid var(--border);align-items:center;gap:.375rem;margin-top:.375rem;padding-top:.5rem;display:flex}.profile-create-row input,.profile-create-row select{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);color:var(--text-primary);padding:.375rem .5rem;font-size:.8125rem}.profile-create-row input{flex:1}.widget-settings-modal{background:var(--surface);border-radius:var(--radius-md,8px);border:1px solid var(--border);flex-direction:column;width:420px;max-width:90vw;max-height:80vh;display:flex}.widget-settings-body{flex-direction:column;flex:1;gap:.75rem;padding:.75rem 1rem;display:flex;overflow-y:auto}.widget-settings-section{flex-direction:column;gap:.5rem;display:flex}.widget-settings-section h4{color:var(--text-primary);border-top:1px solid var(--border);margin:0;padding-top:.5rem;font-size:.8125rem;font-weight:600}.widget-settings-field{flex-direction:column;gap:.25rem;display:flex}.widget-settings-field>label{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.widget-settings-field input[type=text],.widget-settings-field input[type=number],.widget-settings-field select{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);color:var(--text-primary);padding:.375rem .5rem;font-size:.8125rem}.widget-settings-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.widget-settings-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.25rem}.widget-settings-btn:hover{background:var(--surface-hover);color:var(--primary)}.widget-hidden-by-rule{opacity:.4;border-style:dotted!important}.widget-hidden-badge{color:#ff9500;white-space:nowrap;background:#ff950026;border-radius:4px;padding:.0625rem .375rem;font-size:.6875rem}.visibility-rules{flex-direction:column;gap:.375rem;display:flex}.visibility-rule-row{align-items:center;gap:.375rem;display:flex}.visibility-rule-row select,.visibility-rule-row input{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:4px;padding:.25rem .375rem;font-size:.75rem}.visibility-rule-value{width:60px}.visibility-rule-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem}.visibility-rule-remove:hover{color:#ff3b30}.btn-add-rule{border:1px dashed var(--border);border-radius:var(--radius-md,8px);color:var(--text-secondary);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;display:flex}.btn-add-rule:hover{border-color:var(--primary);color:var(--primary)}.template-gallery-modal{width:480px}.template-card{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;gap:.25rem;width:100%;padding:.75rem;transition:border-color .15s;display:flex}.template-card:hover{border-color:var(--primary)}.template-card-desc{color:var(--text-secondary);font-size:.75rem}.template-confirm{text-align:center;padding:1rem}.template-confirm p{color:var(--text-primary);margin-bottom:1rem;font-size:.875rem}.template-confirm-actions{justify-content:center;gap:.5rem;display:flex}.import-export-modal{width:480px}.import-export-section{flex-direction:column;gap:.5rem;display:flex}.import-export-section h4{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:600}.import-export-actions{flex-wrap:wrap;gap:.5rem;display:flex}.import-textarea{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);width:100%;color:var(--text-primary);resize:vertical;padding:.5rem;font-family:monospace;font-size:.75rem}.import-file-label{cursor:pointer}.import-error{color:#ff3b30;margin:0;font-size:.75rem}.overview-cards-widget{flex-direction:column;flex:1;gap:.625rem;display:flex}.overview-cards-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.overview-card-item{text-align:center;background:var(--surface);border-radius:var(--radius-lg,12px);border:1px solid var(--border-light);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.overview-card-item:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.overview-card-icon-badge{border-radius:var(--radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.5rem;font-size:1rem;display:flex}.overview-card-count{color:var(--text-primary);text-align:center;width:100%;margin-bottom:.125rem;font-size:1.75rem;font-weight:700;line-height:1}.overview-card-label{color:var(--text-primary);text-align:center;width:100%;font-size:.875rem;font-weight:600}.overview-card-subtitle{color:var(--text-secondary);text-align:center;width:100%;margin-top:.0625rem;font-size:.6875rem}.overview-cards-pills{flex-wrap:wrap;gap:.5rem;display:flex}.overview-pill{border-radius:999px;align-items:center;gap:.375rem;padding:.3125rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.overview-pill-danger{background:var(--danger-bg);color:var(--danger)}.overview-pill-success{background:var(--success-bg);color:var(--success)}.overview-pill-info{background:var(--info-bg);color:var(--info)}@media (width<=996px){.overview-cards-grid{grid-template-columns:repeat(2,1fr)}.overview-card-count{font-size:1.5rem}.overview-card-icon-badge{width:2rem;height:2rem;font-size:.875rem}}@media (width<=480px){.overview-cards-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.overview-card-item{padding:.75rem}.overview-card-count{font-size:1.25rem}}.recently-completed-widget{height:100%;overflow-y:auto}.recently-completed-list{margin:0;padding:0;list-style:none}.recently-completed-item{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:.5rem;padding:.5rem 0;display:flex}.recently-completed-item:last-child{border-bottom:none}.recently-completed-check{color:var(--success);flex-shrink:0;margin-top:.125rem;font-size:.875rem}.recently-completed-info{flex-direction:column;min-width:0;display:flex}.recently-completed-title{color:var(--text-primary);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;text-decoration:line-through;overflow:hidden}.recently-completed-meta{color:var(--text-secondary);font-size:.6875rem}.count-card-widget{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.25rem .5rem;display:flex}.count-card-icon-badge{border-radius:var(--radius-md,8px);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.25rem;font-size:1rem;display:flex}.count-card-count{color:var(--text-primary);margin-bottom:.125rem;font-size:2rem;font-weight:700;line-height:1}.count-card-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.count-card-subtitle{color:var(--text-secondary);margin-top:.0625rem;font-size:.6875rem}.streak-counter-widget{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.25rem .5rem;display:flex}.streak-counter-icon-badge{border-radius:var(--radius-md,8px);color:#f58220;background:#f582201f;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.25rem;font-size:1rem;display:flex}.streak-counter-count{color:var(--text-primary);margin-bottom:.125rem;font-size:2rem;font-weight:700;line-height:1}.streak-counter-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.streak-counter-subtitle{color:var(--text-secondary);margin-top:.0625rem;font-size:.6875rem}.daily-goal-widget{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.25rem .5rem;display:flex}.daily-goal-ring-container{width:80px;height:80px;margin-bottom:.25rem;position:relative}.daily-goal-ring{display:block}.daily-goal-ring-bg{stroke:var(--border-color,#e0e0e0)}.daily-goal-ring-progress{stroke:var(--accent-color,#3b82f6);transition:stroke-dashoffset .5s}.daily-goal-ring-progress.achieved{stroke:#22c55e}.daily-goal-ring-content{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.daily-goal-percentage{color:var(--text-primary);font-size:1.25rem;font-weight:700}.daily-goal-checkmark{color:#22c55e;font-size:1.5rem}.daily-goal-text{color:var(--text-primary);margin-bottom:.0625rem;font-size:.9375rem;font-weight:600}.daily-goal-achieved{color:#22c55e}.daily-goal-count{color:var(--text-primary)}.daily-goal-label{color:var(--text-secondary);font-size:.6875rem}.daily-goal-widget.achieved .daily-goal-ring-container{animation:.6s ease-out goal-achieved-pulse}@keyframes goal-achieved-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.time-tracked-today-widget{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.25rem .5rem;display:flex}.time-tracked-today-icon-badge{border-radius:var(--radius-md,8px);color:#3b82f6;background:#3b82f61f;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.25rem;font-size:1rem;display:flex}.time-tracked-today-icon-badge .timer-running{animation:1.5s ease-in-out infinite timer-pulse}.time-tracked-today-duration{color:var(--text-primary);margin-bottom:.125rem;font-size:2rem;font-weight:700;line-height:1}.time-tracked-today-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.time-tracked-today-subtitle{color:var(--text-secondary);margin-top:.0625rem;font-size:.6875rem}.time-tracked-today-running{color:#3b82f6}.overdue-tasks-list .widget-task-item{align-items:center;gap:.5rem;display:flex}.overdue-age-badge{border-radius:var(--radius-sm,4px);text-align:center;flex-shrink:0;min-width:2rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.overdue-age-badge.severity-low{color:#d97706;background:#fbbf2426}.overdue-age-badge.severity-medium{color:#ea580c;background:#f9731626}.overdue-age-badge.severity-high{color:#dc2626;background:#ef444426}.overdue-age-badge.severity-critical{color:#b91c1c;background:#b91c1c33;font-weight:700}@keyframes overdue-blink{0%,to{opacity:1}50%{opacity:.3}}.overdue-age-badge.blink-overdue,.due-date.overdue.blink-overdue,.due-date-badge.overdue.blink-overdue,.task-due.overdue.blink-overdue{animation:1.5s ease-in-out infinite overdue-blink}.upcoming-deadlines-widget{flex:1;overflow:auto}.upcoming-deadlines-list{margin:0;padding:0;list-style:none}.upcoming-deadline-item{gap:.75rem;padding:.5rem 0;display:flex}.upcoming-deadline-item:first-child{padding-top:0}.upcoming-deadline-item:last-child .upcoming-deadline-line{display:none}.upcoming-deadline-timeline{flex-direction:column;flex-shrink:0;align-items:center;width:12px;display:flex}.upcoming-deadline-dot{background:var(--border-color,#d1d5db);border-radius:50%;flex-shrink:0;width:10px;height:10px}.upcoming-deadline-line{background:var(--border-color,#e5e7eb);flex:1;width:2px;min-height:1.5rem}.upcoming-deadline-item.urgency-urgent .upcoming-deadline-dot{background:#ef4444}.upcoming-deadline-item.urgency-soon .upcoming-deadline-dot{background:#f97316}.upcoming-deadline-item.urgency-upcoming .upcoming-deadline-dot{background:#eab308}.upcoming-deadline-item.urgency-later .upcoming-deadline-dot{background:#3b82f6}.upcoming-deadline-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.upcoming-deadline-countdown{text-transform:uppercase;letter-spacing:.025em;font-size:.6875rem;font-weight:600}.upcoming-deadline-item.urgency-urgent .upcoming-deadline-countdown{color:#ef4444}.upcoming-deadline-item.urgency-soon .upcoming-deadline-countdown{color:#f97316}.upcoming-deadline-item.urgency-upcoming .upcoming-deadline-countdown{color:#ca8a04}.upcoming-deadline-item.urgency-later .upcoming-deadline-countdown{color:#3b82f6}.upcoming-deadline-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.upcoming-deadline-date{color:var(--text-secondary);font-size:.6875rem}.completed-today-widget{align-items:center;gap:.75rem;padding:0;display:flex}.completed-today-pill{background:var(--success-bg);color:var(--success);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.completed-today-overdue{background:var(--danger-bg);color:var(--danger);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.sprint-progress-widget{flex-direction:column;flex:1;min-height:0;padding:.5rem;display:flex}.sprint-progress-widget.sprint-empty{text-align:center;justify-content:center;align-items:center}.sprint-empty-icon{border-radius:var(--radius-md,8px);background:var(--surface-secondary,#0000000d);width:2.5rem;height:2.5rem;color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.25rem;display:flex}.sprint-empty-title{color:var(--text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.sprint-empty-text{color:var(--text-muted);margin:0;font-size:.75rem}.sprint-header{justify-content:space-between;align-items:center;gap:.5rem;min-height:1.5rem;margin-bottom:.5rem;display:flex}.sprint-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8125rem;font-weight:600;overflow:hidden}.sprint-days-badge{background:var(--primary-bg,#3b82f61a);color:var(--primary,#3b82f6);border-radius:999px;flex-shrink:0;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.sprint-chart-container{flex:1;min-height:60px;max-height:100px;margin-bottom:.5rem}.sprint-no-chart{height:100%;color:var(--text-muted);opacity:.3;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.sprint-stats{border-top:1px solid var(--border-color,#e5e7eb);justify-content:space-around;gap:.5rem;padding-top:.5rem;display:flex}.sprint-stat{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.sprint-stat.sprint-stat-divider{border-left:1px solid var(--border-color,#e5e7eb);border-right:1px solid var(--border-color,#e5e7eb);padding-left:.5rem;padding-right:.5rem}.sprint-stat-value{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.sprint-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:.625rem}.habit-streak-board{flex-direction:column;flex:1;min-height:0;padding:.5rem;display:flex;overflow:hidden}.habit-streak-board.habit-streak-empty{text-align:center;justify-content:center;align-items:center}.habit-streak-empty-icon{border-radius:var(--radius-md,8px);background:var(--surface-secondary,#0000000d);width:2.5rem;height:2.5rem;color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.25rem;display:flex}.habit-streak-empty-text{color:var(--text-muted);margin:0 0 .5rem;font-size:.8125rem}.habit-streak-empty-link{color:var(--primary,#3b82f6);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.habit-streak-empty-link:hover{text-decoration:underline}.habit-streak-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.habit-streak-progress{color:var(--text-secondary);font-size:.75rem;font-weight:600}.habit-streak-complete-badge{color:#16a34a;background:#22c55e26;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.habit-streak-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.habit-streak-item{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.habit-streak-item:last-child{border-bottom:none}.habit-streak-item.completed{opacity:.6}.habit-streak-item.completed .habit-streak-name{color:var(--text-muted);text-decoration:line-through}.habit-streak-item.skipped{opacity:.5}.habit-streak-item.skipped .habit-streak-name{color:var(--text-muted);font-style:italic}.habit-streak-item-main{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.habit-streak-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.habit-streak-badge{color:#ea580c;background:#f9731626;border-radius:999px;flex-shrink:0;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600;display:flex}.habit-streak-badge i{font-size:.5rem}.habit-streak-actions{flex-shrink:0;gap:.25rem;display:flex}.habit-action-btn{border-radius:var(--radius-sm,4px);cursor:pointer;border:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;transition:background .15s,transform .1s;display:flex}.habit-action-btn:hover:not(:disabled){transform:scale(1.05)}.habit-action-btn:disabled{opacity:.5;cursor:not-allowed}.habit-check-btn{color:#16a34a;background:#22c55e26}.habit-check-btn:hover:not(:disabled){background:#22c55e40}.habit-skip-btn{color:#6b7280;background:#9ca3af26}.habit-skip-btn:hover:not(:disabled){background:#9ca3af40}.habit-undo-btn{color:#3b82f6;background:#3b82f626}.habit-undo-btn:hover:not(:disabled){background:#3b82f640}.habit-streak-view-all{border:1px solid var(--border-color,#e5e7eb);border-radius:var(--radius-sm,4px);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.375rem;margin-top:.5rem;padding:.5rem;font-size:.75rem;transition:background .15s,color .15s;display:flex}.habit-streak-view-all:hover{background:var(--surface-secondary,#00000008);color:var(--text-primary)}.quick-add-widget{flex-direction:column;flex:1;justify-content:center;padding:.5rem;display:flex}.quick-add-form{flex-direction:column;gap:.5rem;display:flex}.quick-add-input-row{gap:.5rem;display:flex}.quick-add-input{border:1px solid var(--border-color,#e5e7eb);border-radius:var(--radius-md,8px);background:var(--surface,#fff);color:var(--text-primary);flex:1;padding:.625rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.quick-add-input:focus{border-color:var(--primary,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.quick-add-input::placeholder{color:var(--text-muted)}.quick-add-input:disabled{opacity:.6;cursor:not-allowed}.quick-add-btn{border-radius:var(--radius-md,8px);background:var(--primary,#3b82f6);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;transition:background .15s,transform .1s;display:flex}.quick-add-btn:hover:not(:disabled){background:var(--primary-hover,#2563eb);transform:scale(1.02)}.quick-add-btn:disabled{opacity:.5;cursor:not-allowed}.quick-add-options{align-items:center;gap:.75rem;display:flex}.quick-add-list-select{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.quick-add-list-select i{font-size:.625rem}.quick-add-list-select select{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.125rem 0;font-size:.75rem}.quick-add-list-select select:focus{color:var(--text-primary);outline:none}.quick-add-success{color:#16a34a;align-items:center;gap:.25rem;font-size:.75rem;animation:.2s quick-add-fade-in;display:flex}.quick-add-error{color:#dc2626;align-items:center;gap:.25rem;font-size:.75rem;display:flex}@keyframes quick-add-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quick-add-view-inbox{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.25rem;margin-top:.5rem;padding:.375rem;font-size:.6875rem;transition:color .15s;display:flex}.quick-add-view-inbox:hover{color:var(--text-secondary)}.notepad-widget{flex-direction:column;flex:1;min-height:0;padding:.25rem;display:flex}.notepad-textarea{border:1px solid var(--border-color,#e5e7eb);border-radius:var(--radius-md,8px);width:100%;min-height:60px;color:var(--text-primary);background:var(--surface,#fff);resize:none;flex:1;padding:.5rem;font-family:inherit;font-size:.8125rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.notepad-textarea:focus{border-color:var(--primary,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.notepad-textarea::placeholder{color:var(--text-muted)}.notepad-textarea.notepad-small{font-size:.6875rem;line-height:1.4}.notepad-textarea.notepad-large{font-size:.9375rem;line-height:1.6}.notepad-footer{color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:.375rem;font-size:.625rem;display:flex}.notepad-char-count{opacity:.7}.notepad-save-status{align-items:center;gap:.25rem;display:flex}.notepad-save-status.saved{color:#16a34a}.notepad-save-status.saving{color:var(--text-muted)}.notepad-save-status.saving i{font-size:.375rem;animation:1s infinite notepad-pulse}@keyframes notepad-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width<=768px){.dashboard-view.custom-dashboard{padding:1rem}.custom-dashboard .dashboard-header{flex-direction:column;gap:.75rem}.widget-header{padding:.5rem .625rem;font-size:.75rem}.widget-body{padding:.375rem .625rem}}.widget-no-header .widget-body{height:100%;padding:.25rem .5rem}.widget-settings-hint{color:var(--text-secondary);margin:0;font-size:.8125rem}.world-clock-widget{flex-direction:column;gap:.75rem;width:100%;padding:.5rem 0;display:flex}.world-clock-widget.empty{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.world-clock-zone{background:var(--surface-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.world-clock-city-info{flex-direction:column;min-width:0;display:flex}.world-clock-city{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.world-clock-region{color:var(--text-secondary);font-size:.75rem}.world-clock-time-info{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.world-clock-time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}.world-clock-date{color:var(--text-secondary);font-size:.75rem}.world-clock-offset{color:var(--primary);font-size:.6875rem;font-weight:500}.world-clock-widget.compact .world-clock-zone{padding:.3rem .6rem}.world-clock-widget.compact .world-clock-city{font-size:.8125rem}.world-clock-widget.compact .world-clock-time{font-size:.9375rem}.world-clock-widget.compact{gap:.4rem}.world-clock-search-wrapper{position:relative}.world-clock-search-input{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;padding:.5rem;font-size:.875rem}.world-clock-search-results{background:var(--bg-primary,#fff);border:1px solid var(--border);z-index:1000;border-radius:6px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.world-clock-search-result{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;font-size:.8125rem;display:block}.world-clock-search-result:hover{background:var(--surface-muted)}.world-clock-timezone-list{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.world-clock-timezone-item{background:var(--surface-muted);border-radius:6px;justify-content:space-between;align-items:center;padding:.375rem .5rem;font-size:.8125rem;display:flex}.world-clock-tz-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.world-clock-tz-actions{flex-shrink:0;gap:.25rem;display:flex}.world-clock-tz-actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:.75rem}.world-clock-tz-actions button:hover:not(:disabled){color:var(--primary);background:var(--bg-primary)}.world-clock-tz-actions button:disabled{opacity:.3;cursor:not-allowed}.route-loading-fallback{background:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex}.route-loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite route-spin}@keyframes route-spin{to{transform:rotate(360deg)}}.command-palette-overlay{background:var(--overlay,#00000080);z-index:1100;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.15s commandPaletteFadeIn;display:flex;position:fixed;inset:0}@keyframes commandPaletteFadeIn{0%{opacity:0}to{opacity:1}}.command-palette{background:var(--surface);border-radius:var(--radius-lg,12px);box-shadow:0 25px 50px -12px #00000040, 0 0 0 1px var(--border);flex-direction:column;width:90%;max-width:640px;animation:.2s commandPaletteSlideIn;display:flex;overflow:hidden}@keyframes commandPaletteSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.command-palette-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.command-palette-search-icon{color:var(--primary);flex-shrink:0;font-size:1rem}.command-palette-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.command-palette-input::placeholder{color:var(--text-muted)}.command-palette-esc{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm,4px);color:var(--text-secondary,var(--text-muted));flex-shrink:0;padding:.1875rem .5rem;font-family:inherit;font-size:.6875rem;font-weight:600;display:inline-block;box-shadow:0 1px 2px #0000000d}.command-palette-body{max-height:400px;padding:.25rem 0;overflow-y:auto}.command-palette-body::-webkit-scrollbar{width:6px}.command-palette-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.command-palette-section{padding:.25rem 0}.command-palette-section-header{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);padding:.5rem 1rem .375rem;font-size:.7rem;font-weight:700}.command-palette-item{cursor:pointer;border-radius:var(--radius-md,8px);align-items:center;gap:.75rem;margin:0 .5rem;padding:.5rem 1rem;transition:background .1s;display:flex}.command-palette-item:hover,.command-palette-item.selected{background:var(--primary-bg,#8b5cf614)}.command-palette-item.selected .command-palette-item-icon,.command-palette-item.selected .command-palette-item-title{color:var(--primary)}.command-palette-item-icon{border-radius:var(--radius-sm,4px);background:var(--primary-bg,#8b5cf614);width:1.5rem;height:1.5rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.command-palette-item-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.command-palette-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.command-palette-item-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.command-palette-item-type{color:var(--primary);background:var(--primary-bg,#8b5cf614);white-space:nowrap;border:1px solid #8b5cf626;border-radius:999px;flex-shrink:0;padding:.1875rem .5rem;font-size:.65rem;font-weight:600}.command-palette-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.command-palette-empty i{color:var(--primary);opacity:.4;font-size:1.5rem}.command-palette-empty p{margin:0;font-size:.875rem}.command-palette-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.command-palette-hints,.command-palette-nav-hints{align-items:center;gap:.75rem;display:flex}.command-palette-hints span,.command-palette-nav-hints span{align-items:center;gap:.25rem;display:flex}.command-palette-footer kbd{background:var(--primary-bg,#8b5cf614);border-radius:var(--radius-sm,4px);color:var(--primary);text-align:center;border:1px solid #8b5cf626;min-width:1.1rem;padding:.0625rem .3rem;font-family:inherit;font-size:.65rem;font-weight:600;display:inline-block;box-shadow:0 1px 2px #0000000d}.search-shortcut-hint{cursor:pointer;flex-shrink:0;align-items:center;gap:.125rem;margin-right:.25rem;display:flex}.search-shortcut-hint kbd{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm,4px);color:var(--text-muted);padding:.0625rem .3rem;font-family:inherit;font-size:.625rem;display:inline-block;box-shadow:0 1px 2px #0000000d}@media (width<=768px){.command-palette-overlay{padding-top:5vh}.command-palette{width:95%;max-width:none}.command-palette-footer,.search-shortcut-hint{display:none}}.shopping-list-view{padding:1rem}.shopping-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.shopping-header-left h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.shopping-progress{color:var(--text-muted);margin-top:2px;font-size:.8rem}.shopping-aisles-btn{border:1px solid var(--border);border-radius:var(--radius-sm,4px);cursor:pointer;color:var(--text-muted);background:0 0;padding:6px 10px;transition:background .15s,color .15s}.shopping-aisles-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.shopping-loading{text-align:center;color:var(--text-muted);padding:2rem}.shopping-categories{flex-direction:column;gap:4px;display:flex}.shopping-category{border:1px solid var(--border);border-radius:var(--radius-md,6px);background:var(--surface);overflow:hidden}.shopping-category-other{border-style:dashed}.shopping-category-header{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.shopping-category-header:hover{background:var(--surface-hover)}.shopping-category-header-left{align-items:center;gap:8px;display:flex}.shopping-category-header-left i{color:var(--text-muted);text-align:center;width:12px;font-size:.7rem}.shopping-category-name{font-weight:600}.shopping-category-count{color:var(--text-muted);font-size:.8rem;font-weight:400}.shopping-category-completed{color:var(--text-muted);opacity:.7}.shopping-other-hint{color:var(--text-muted);font-size:.75rem}.shopping-items{margin:0;padding:0;list-style:none}.shopping-item{border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px 8px 32px;transition:background .15s;display:flex}.shopping-item:hover{background:var(--surface-hover)}.shopping-item.completed{opacity:.5}.shopping-item.completed .shopping-item-title{text-decoration:line-through}.shopping-checkbox{border:2px solid var(--border);cursor:pointer;color:#fff;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;transition:border-color .15s,background .15s;display:flex}.shopping-checkbox:hover{border-color:var(--primary,#4a90d9)}.shopping-checkbox.checked{background:var(--primary,#4a90d9);border-color:var(--primary,#4a90d9)}.shopping-item-title{cursor:pointer;text-align:left;color:var(--text-primary);background:0 0;border:none;flex:1;padding:2px 0;font-size:.85rem}.shopping-item-title:hover{color:var(--primary,#4a90d9)}.shopping-item-move{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;padding:4px;font-size:.75rem;transition:opacity .15s,color .15s}.shopping-item:hover .shopping-item-move{opacity:1}.shopping-item-move:hover{color:var(--text-primary)}.shopping-completed-divider{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;padding:6px 12px 6px 32px;font-size:.75rem;font-weight:500;display:flex}.shopping-add-item{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem .75rem;transition:border-color .15s;display:flex}.shopping-add-item:focus-within{border-color:var(--primary);border-style:solid}.shopping-add-icon{color:var(--text-muted);flex-shrink:0;font-size:.8125rem}.shopping-add-item:focus-within .shopping-add-icon{color:var(--primary)}.shopping-add-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.shopping-add-input::placeholder{color:var(--text-muted)}.move-category-task-title{color:var(--text-primary);margin-bottom:12px;font-size:.9rem}.move-category-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.move-category-option{border-radius:var(--radius-sm,4px);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;transition:background .15s;display:flex}.move-category-option:hover{background:var(--surface-hover)}.move-category-option.active{background:var(--surface-hover);font-weight:600}.move-category-option.active i{color:var(--primary,#4a90d9)}.move-category-remember{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:10px;margin-top:12px;padding-top:12px;font-size:.8rem;display:flex}.aisles-setting{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.aisles-setting:last-child{border-bottom:none}.aisles-setting-info{flex-direction:column;gap:2px;display:flex}.aisles-setting-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.aisles-setting-desc{color:var(--text-muted);font-size:.75rem}.aisles-order-section{margin-top:16px}.aisles-order-title{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:600}.aisles-order-desc{color:var(--text-muted);margin-bottom:10px;font-size:.75rem}.aisles-order-list{flex-direction:column;gap:2px;display:flex}.aisles-order-item{border:1px solid var(--border);border-radius:var(--radius-sm,4px);background:var(--surface);cursor:grab;color:var(--text-primary);align-items:center;gap:10px;padding:8px 10px;font-size:.85rem;transition:box-shadow .15s,border-color .15s;display:flex}.aisles-order-item:active{cursor:grabbing}.aisles-order-item.dragging{opacity:.5;border-color:var(--primary,#4a90d9);box-shadow:0 2px 8px #0000001a}.aisles-drag-handle{color:var(--text-muted);font-size:.75rem}.sidebar-goals .view-list{margin:0;padding:0;list-style:none}.sidebar-goals .view-list li{border-radius:var(--radius-md);cursor:pointer;align-items:center;padding:.625rem 1rem;transition:background .15s;display:flex}.sidebar-goals .view-list li:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-goals .view-list li:hover .view-icon{opacity:1;color:var(--primary)}.sidebar-goals .view-list li.active{background:var(--primary-bg);color:var(--primary)}.sidebar-goals .view-item-content{align-items:center;gap:.75rem;display:flex}.sidebar-goals .view-list li.active .view-icon{opacity:1;color:var(--primary)}.goals-page{max-width:900px;margin:0 auto;padding:1.5rem}.goals-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.goals-header-left h2{color:var(--text);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.goals-header-left h2 i{color:var(--primary)}.goals-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.goals-filter-tabs{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;display:flex}.goal-filter-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:500;transition:all .2s}.goal-filter-tab.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:0 2px 8px #6366f14d}.goal-filter-tab:hover:not(.active){background:var(--surface-hover);color:var(--text-primary)}.goal-timeframe-select{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:999px;outline:none;padding:.5rem 2rem .5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.goal-timeframe-select:hover{border-color:var(--primary)}.goal-timeframe-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}.goals-loading{text-align:center;color:var(--text-muted);padding:3rem}.goals-empty{text-align:center;color:var(--text-muted);padding:4rem 2rem}.goals-empty>i{opacity:.15;margin-bottom:1rem;font-size:3rem;display:block}.goals-empty h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem}.goals-empty p{margin-bottom:1.25rem;font-size:.9rem}.goals-empty .goal-btn{gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem}.goals-empty .goal-btn i{font-size:.75rem}.goals-list{flex-direction:column;gap:.5rem;display:flex}.goal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:box-shadow .15s;overflow:hidden}.goal-card:hover{box-shadow:0 2px 8px #0000000f}.goal-card-header{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.goal-card-left{flex:1;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.goal-expand-icon{color:var(--text-muted);flex-shrink:0;width:12px;margin-top:.3rem;font-size:.7rem}.goal-card-info{min-width:0}.goal-card-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.goal-card-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:400px;margin:.15rem 0 0;font-size:.8rem;overflow:hidden}.goal-card-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.goal-status-badge,.goal-kr-status-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:9999px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.goal-timeframe-badge{border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--text-muted);padding:.15rem .4rem;font-size:.7rem;font-weight:500}.goal-kr-count{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.goal-card-actions{opacity:0;gap:.15rem;transition:opacity .15s;display:flex}.goal-card:hover .goal-card-actions{opacity:1}.goal-action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;font-size:.75rem;transition:all .15s}.goal-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.goal-action-delete:hover{color:var(--color-danger,#ef4444)!important}.goal-progress-bar-container{background:var(--border);border-radius:2px;height:4px;margin:0 1rem;overflow:hidden}.goal-progress-bar{border-radius:2px;height:100%;transition:width .3s}.goal-progress-label{color:var(--text-muted);text-align:right;padding:.15rem 1rem .5rem;font-size:.7rem}.goal-date-info{color:var(--text-muted);align-items:center;gap:.35rem;padding:0 1rem .6rem;font-size:.75rem;display:flex}.goal-detail-section{border-top:1px solid var(--border);background:var(--background);padding:.5rem 1rem 1rem}.goal-detail-kr-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.goal-detail-kr-header h4{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.goal-empty-kr{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.85rem}.goal-kr-list{flex-direction:column;gap:.5rem;display:flex}.goal-kr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.goal-kr-header{justify-content:space-between;align-items:flex-start;margin-bottom:.4rem;display:flex}.goal-kr-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.goal-kr-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.goal-kr-desc{color:var(--text-muted);font-size:.75rem}.goal-kr-actions{gap:.15rem;display:flex}.goal-kr-metric{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.goal-kr-value{color:var(--text-primary);font-size:.8rem;font-weight:500}.goal-kr-checkin{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.goal-kr-checkin label{cursor:pointer;align-items:center;gap:.35rem;display:flex}.goal-kr-value-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:80px;color:var(--text-primary);padding:.25rem .4rem;font-size:.8rem}.goal-kr-links{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem}.goal-kr-links-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.75rem;display:flex}.goal-kr-link-item{color:var(--text-primary);align-items:center;gap:.4rem;padding:.2rem 0;font-size:.8rem;display:flex}.goal-link-completed{opacity:.6;text-decoration:line-through}.goal-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.goal-btn-primary{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff}.goal-btn-primary:hover{background:var(--primary-dark,var(--primary));transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.goal-btn-primary:active{transform:translateY(0)}.goal-btn-primary:disabled{opacity:.5;cursor:not-allowed}.goal-btn-secondary{background:var(--surface-hover);color:var(--text-primary)}.goal-btn-secondary:hover{background:var(--border)}.goal-btn-sm{padding:.3rem .6rem;font-size:.75rem}.goal-btn-xs{background:var(--surface-hover);color:var(--text-muted);padding:.2rem .4rem;font-size:.7rem}.goal-btn-xs:hover{color:var(--text-primary)}.goal-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.goal-modal{background:var(--surface);-webkit-backdrop-filter:none;border:1px solid var(--border);border-radius:var(--radius-xl,20px);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.goal-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.goal-modal-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.goal-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem}.goal-modal-close:hover{color:var(--text-primary)}.goal-modal-body{padding:1.25rem}.goal-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}.goal-form-group{margin-bottom:.85rem}.goal-form-group label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:flex}.goal-form-group label i{opacity:.8;font-size:.7rem}.goal-form-group input[type=text],.goal-form-group input[type=number],.goal-form-group input[type=date],.goal-form-group textarea,.goal-form-group select{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--background);width:100%;color:var(--text-primary);box-sizing:border-box;padding:.45rem .65rem;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.goal-form-group input[type=text]:focus,.goal-form-group input[type=number]:focus,.goal-form-group input[type=date]:focus,.goal-form-group textarea:focus,.goal-form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f126}.goal-form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;padding-right:2rem}.goal-form-group select:hover{border-color:var(--primary)}.goal-form-group textarea{resize:vertical}.goal-form-row{gap:.75rem;display:flex}.goal-form-row .goal-form-group{flex:1}.goal-link-picker-modal{max-width:440px}.goal-link-picker-tabs{border-bottom:1px solid var(--border);gap:0;display:flex}.goal-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-size:.85rem;font-weight:500;transition:all .15s}.goal-tab.active{color:var(--primary,#4a90d9);border-bottom-color:var(--primary,#4a90d9)}.goal-link-picker-search{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.goal-link-picker-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.goal-link-picker-list{max-height:300px;padding:.35rem;overflow-y:auto}.goal-link-picker-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.8rem;display:flex}.goal-link-picker-item:hover{background:var(--surface-hover)}.goal-empty-text{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.85rem}.goal-toast{background:var(--text-primary);color:var(--background);border-radius:var(--radius-md);z-index:2000;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;animation:.2s goal-toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}@keyframes goal-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.goal-progress-widget{padding:.5rem}.goal-widget-loading{padding:.75rem}.goal-widget-summary{gap:1rem;margin-bottom:.75rem;display:flex}.goal-widget-stat{flex-direction:column;flex:1;align-items:center;display:flex}.goal-widget-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.goal-widget-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.goal-widget-list{flex-direction:column;gap:.4rem;display:flex}.goal-widget-item{padding:.35rem 0}.goal-widget-item-header{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.goal-widget-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.8rem;font-weight:500;overflow:hidden}.goal-widget-item-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:.1rem .3rem;font-size:.55rem;font-weight:600}.goal-widget-progress-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:.1rem;overflow:hidden}.goal-widget-progress-fill{border-radius:2px;height:100%;transition:width .3s}.goal-widget-progress-text{color:var(--text-muted);font-size:.65rem}.goal-widget-empty{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.8rem}@media (width<=768px){.goals-page{padding:1rem}.goal-card-header{flex-direction:column}.goal-card-right{flex-wrap:wrap;gap:.35rem}.goal-form-row{flex-direction:column;gap:0}.goals-filter-bar{flex-direction:column;align-items:stretch}}.daily-planner{flex-direction:column;height:100%;display:flex;overflow:hidden}.dp-header{border-bottom:1px solid var(--glass-border,#ffffff26);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.dp-header-left{align-items:center;gap:16px;display:flex}.dp-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.dp-date-nav{align-items:center;gap:4px;display:flex}.dp-nav-btn{background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border,#ffffff26);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:.75rem;transition:all .2s}.dp-nav-btn:hover{background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.dp-today-btn{background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border,#ffffff26);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s}.dp-today-btn:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.dp-today-btn:disabled{opacity:.5;cursor:default}.dp-date-label{color:var(--text-muted);font-size:.9rem}.dp-summary-bar{border-bottom:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);gap:20px;padding:10px 24px;display:flex}.dp-summary-item{color:var(--text-muted);background:var(--glass-bg,#ffffff80);border:1px solid var(--glass-border,#ffffff26);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;display:flex}.dp-summary-item i{font-size:.75rem}.dp-content{flex:1;display:flex;overflow:hidden}.dp-timeline-container{border-right:1px solid var(--glass-border,#ffffff26);flex:7;padding:0;overflow-y:auto}.dp-timeline{min-height:100%;position:relative}.dp-time-slot{border-bottom:1px solid var(--glass-border,#ffffff1a);align-items:flex-start;display:flex;position:absolute;left:0;right:0}.dp-time-label{text-align:right;width:56px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:4px 8px 0 0;font-size:.7rem}.dp-drop-slot{cursor:pointer;z-index:1;transition:background .15s;position:absolute;left:56px;right:0}.dp-drop-slot.drag-over{background:color-mix(in srgb, var(--accent,#3b82f6) 10%, transparent)}.dp-block{border-radius:var(--radius-md);border-left:3px solid var(--accent,#3b82f6);background:color-mix(in srgb, var(--accent,#3b82f6) 8%, var(--glass-bg,#fff9));-webkit-backdrop-filter:blur(8px);z-index:2;cursor:pointer;box-shadow:var(--shadow-card,0 2px 8px #0000000a);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;overflow:hidden}.dp-block:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);transform:translateY(-1px)}.dp-block.dragging{opacity:.8;z-index:10;box-shadow:0 4px 16px #0003}.dp-block.completed{opacity:.7;background:color-mix(in srgb, #22c55e 8%, var(--surface));border-left-color:#22c55e}.dp-block.free-block{background:color-mix(in srgb, #8b5cf6 8%, var(--surface));border-left-color:#8b5cf6}.dp-block-content{flex-direction:column;flex:1;gap:1px;padding:4px 8px;display:flex;overflow:hidden}.dp-block-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.dp-block-title.clickable{cursor:pointer}.dp-block-title.clickable:hover{text-decoration:underline}.dp-block-edit-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);width:100%;padding:1px 4px;font-size:.8rem}.dp-block-time{color:var(--text-muted);font-size:.65rem}.dp-block-duration{opacity:.7;margin-left:4px}.dp-block-actual{font-size:.65rem;font-weight:500}.dp-block-actual.under{color:#22c55e}.dp-block-actual.over{color:#ef4444}.dp-block-tracked{color:var(--text-muted);font-size:.65rem}.dp-block-actions{z-index:3;gap:2px;display:none;position:absolute;top:2px;right:2px}.dp-block:hover .dp-block-actions{display:flex}.dp-block-actions button{background:var(--glass-bg,#fffc);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border,#ffffff26);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:3px 7px;font-size:.65rem;transition:all .15s}.dp-block-actions button:hover{background:var(--surface-hover);color:var(--text-primary);box-shadow:0 2px 6px #00000014}.dp-block-resize-handle{cursor:ns-resize;background:0 0;height:6px;position:absolute;bottom:0;left:0;right:0}.dp-block-resize-handle:hover{background:color-mix(in srgb, var(--accent,#3b82f6) 20%, transparent)}.dp-current-time-line{z-index:5;pointer-events:none;align-items:center;display:flex;position:absolute;left:50px;right:0}.dp-current-time-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:-5px}.dp-current-time-rule{background:#ef4444;flex:1;height:2px}.dp-create-form{z-index:10;background:var(--glass-bg,#fffc);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent,#3b82f6);border-radius:var(--radius-lg);align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;left:60px;right:8px;box-shadow:0 4px 16px #0000001f}.dp-create-input{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);color:var(--text-primary);border-radius:999px;flex:1;padding:5px 10px;font-size:.8rem}.dp-create-duration{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);color:var(--text-primary);border-radius:999px;padding:5px 8px;font-size:.75rem}.dp-create-btn,.dp-create-cancel{border:1px solid var(--glass-border,#ffffff26);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px;font-size:.75rem;transition:all .2s}.dp-create-btn:hover{background:linear-gradient(135deg, var(--accent,#3b82f6), color-mix(in srgb, var(--accent,#3b82f6) 80%, #000));color:#fff;border-color:var(--accent,#3b82f6);box-shadow:0 2px 8px color-mix(in srgb, var(--accent,#3b82f6) 35%, transparent)}.dp-create-cancel:hover{background:var(--surface-hover)}.dp-pool{flex-direction:column;flex:3;display:flex;overflow:hidden}.dp-pool-header{border-bottom:1px solid var(--glass-border,#ffffff26);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dp-pool-header h3{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600}.dp-pool-count{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.dp-pool-list{flex:1;padding:8px;overflow-y:auto}.dp-pool-loading,.dp-pool-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:.85rem;display:flex}.dp-pool-empty i{opacity:.5;font-size:1.5rem}.dp-pool-task{border-radius:var(--radius-md);border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);cursor:grab;box-shadow:var(--shadow-card,0 2px 8px #0000000a);align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;font-size:.8rem;transition:transform .2s,box-shadow .2s,border-color .15s;display:flex}.dp-pool-task:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);border-color:var(--accent,#3b82f6);transform:translateY(-1px)}.dp-pool-task.dragging{opacity:.5}.dp-pool-grip{color:var(--text-muted);opacity:.5;font-size:.7rem}.dp-pool-task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dp-pool-task-due{color:var(--text-muted);flex-shrink:0;font-size:.7rem}@media (width<=768px){.dp-content{flex-direction:column}.dp-timeline-container{border-right:none;border-bottom:1px solid var(--glass-border,#ffffff26);max-height:60vh}.dp-pool{max-height:40vh}.dp-header-left{flex-wrap:wrap;gap:8px}.dp-date-label{width:100%}}.template-library-overlay{background:var(--overlay);z-index:1100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-library-modal{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;box-shadow:0 20px 60px #0000004d}.tl-header{border-bottom:1px solid var(--border);padding:20px 20px 0}.tl-header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tl-header-top h2{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:600;display:flex}.tl-search{margin-bottom:12px;position:relative}.tl-search i{color:var(--text-muted);font-size:.85rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.tl-search input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);width:100%;color:var(--text-primary);padding:8px 10px 8px 32px;font-size:.9rem}.tl-search input:focus{border-color:var(--primary);outline:none}.tl-categories{gap:6px;padding-bottom:12px;display:flex;overflow-x:auto}.tl-category-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:4px 12px;font-size:.8rem;transition:all .15s}.tl-category-pill:hover{background:var(--surface-hover);color:var(--text-primary)}.tl-category-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tl-body{flex:1;padding:16px 20px;overflow-y:auto}.tl-loading,.tl-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.tl-success{border-radius:var(--radius-sm);color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.85rem;display:flex}.tl-category-group{margin-bottom:16px}.tl-category-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 8px;font-size:.8rem;font-weight:600}.tl-grid{flex-direction:column;gap:8px;display:flex}.tl-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color .15s}.tl-card:hover{border-color:var(--primary)}.tl-card-featured{border-left:3px solid var(--primary)}.tl-card-header{cursor:pointer;align-items:flex-start;gap:12px;padding:12px;display:flex}.tl-card-icon{border-radius:var(--radius-sm);background:var(--surface-hover);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex}.tl-card-info{flex:1;min-width:0}.tl-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.tl-featured-badge{text-transform:uppercase;background:var(--primary);color:#fff;border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:600}.tl-card-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.8rem;overflow:hidden}.tl-card-meta{color:var(--text-muted);align-items:center;gap:10px;margin-top:6px;font-size:.75rem;display:flex}.tl-card-meta i{margin-right:3px}.tl-card-tags{flex-wrap:wrap;gap:4px;display:flex}.tl-tag-pill{background:var(--surface-hover);color:var(--text-muted);border-radius:8px;padding:1px 6px;font-size:.7rem}.tl-card-expand{color:var(--text-muted);flex-shrink:0;padding:4px;font-size:.75rem}.tl-preview{border-top:1px solid var(--border);background:var(--background);border-radius:0 0 var(--radius-md) var(--radius-md);padding:12px}.tl-preview-description{color:var(--text-primary);margin-bottom:10px;font-size:.85rem}.tl-preview-description strong{color:var(--text-muted);margin-bottom:4px;font-size:.8rem;display:block}.tl-preview-description p{white-space:pre-wrap;margin:0;line-height:1.5}.tl-preview-details{color:var(--text-muted);gap:12px;margin-bottom:10px;font-size:.8rem;display:flex}.tl-preview-details i{margin-right:4px}.tl-preview-subtasks{margin-bottom:12px}.tl-preview-subtasks strong{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;display:block}.tl-preview-subtasks ul{margin:0;padding:0;list-style:none}.tl-preview-subtasks li{color:var(--text-primary);align-items:center;gap:8px;padding:4px 0;font-size:.85rem;display:flex}.tl-preview-subtasks li i{color:var(--text-muted);font-size:.8rem}.tl-subtask-priority{border-radius:8px;margin-left:auto;padding:1px 6px;font-size:.7rem}.tl-priority-high{color:#ef4444;background:#ef444426}.tl-priority-medium{color:#f59e0b;background:#f59e0b26}.tl-priority-low{color:#3b82f6;background:#3b82f626}.tl-preview-actions{align-items:center;gap:8px;padding-top:4px;display:flex}.tl-preview-actions .btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background-color .15s,transform .1s;display:inline-flex}.tl-preview-actions .btn-primary:hover:not(:disabled){filter:brightness(1.1)}.tl-preview-actions .btn-primary:active:not(:disabled){transform:scale(.97)}.tl-preview-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.tl-preview-actions .btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:background-color .15s;display:inline-flex}.tl-preview-actions .btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.tl-preview-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.tl-instantiate-form{flex:1;align-items:center;gap:8px;display:flex}.tl-instantiate-form select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);flex:1;padding:8px 10px;font-size:.85rem}.tl-instantiate-form .btn-primary,.tl-instantiate-form .btn-secondary{white-space:nowrap}.template-settings-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.template-settings-header h2{margin:0}.quick-add-library-btn{border-color:var(--primary)!important;color:var(--primary)!important}.quick-add-library-btn:hover{background:var(--primary)!important;color:#fff!important}@media (width<=600px){.template-library-modal{max-height:95vh}.tl-header{padding:12px 12px 0}.tl-body{padding:12px}.tl-instantiate-form{flex-wrap:wrap}.template-settings-header{flex-direction:column;align-items:flex-start}}.template-builder-overlay{z-index:1100;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-builder-modal{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;box-shadow:0 20px 60px #0000004d}.tb-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tb-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1.2rem;display:flex}.tb-header h2 i{color:var(--primary)}.tb-header .close-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:1.25rem;transition:color .15s,background-color .15s}.tb-header .close-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.tb-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.tb-meta .form-group{margin-bottom:12px}.tb-meta label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.tb-meta label .optional{color:var(--text-muted);opacity:.7;font-weight:400}.tb-meta input,.tb-meta textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);width:100%;color:var(--text-primary);padding:8px 12px;font-size:.9rem}.tb-meta textarea{resize:vertical}.tb-items-section{flex-direction:column;gap:12px;display:flex}.tb-items-header{justify-content:space-between;align-items:center;display:flex}.tb-items-header h3{color:var(--text-primary);margin:0;font-size:.95rem}.tb-items-list{flex-direction:column;gap:8px;display:flex}.tb-item-group{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tb-item{align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.tb-item-parent{background:var(--surface)}.tb-item-child{background:var(--background);border-top:1px solid var(--border);padding-left:20px}.tb-item-drag{color:var(--text-muted);opacity:.4;cursor:grab;padding-top:4px}.tb-item-indent{color:var(--text-muted);opacity:.4;padding-top:4px;font-size:.8rem}.tb-item-fields{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.tb-item-title{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;padding:6px 8px;font-size:.9rem;font-weight:500}.tb-item-title:hover,.tb-item-title:focus{border-color:var(--border);background:var(--background)}.tb-item-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tb-item-priority{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--text-primary);padding:4px 8px;font-size:.8rem}.tb-item-checkbox{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:.8rem;display:flex}.tb-item-checkbox input[type=checkbox]{width:auto;margin:0}.tb-item-desc{border-radius:var(--radius-sm);min-width:120px;color:var(--text-muted);background:0 0;border:1px solid #0000;flex:1;padding:4px 8px;font-size:.8rem}.tb-item-desc:hover,.tb-item-desc:focus{border-color:var(--border);background:var(--background)}.tb-item-actions{gap:4px;padding-top:4px;display:flex}.tb-item-actions .btn-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:.75rem;transition:background-color .15s,color .15s;display:flex}.tb-item-actions .btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.tb-item-actions .btn-danger-icon:hover{color:#dc3545;background:#dc35451a;border-color:#dc3545}.tb-dependencies-section{border-top:1px solid var(--border);padding-top:16px}.tb-deps-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tb-deps-header .btn-link{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.9rem;font-weight:500;display:flex}.tb-deps-list{flex-direction:column;gap:8px;display:flex}.tb-dep-row{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.tb-dep-row select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:100px;color:var(--text-primary);flex:1;padding:4px 8px;font-size:.8rem}.tb-dep-arrow{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;display:flex}.tb-dep-mode{max-width:80px}.tb-dep-row .btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.tb-dep-row .btn-danger-icon:hover{color:#dc3545;background:#dc35451a;border-color:#dc3545}.tb-error{color:#dc3545;border-radius:var(--radius-sm);background:#dc35451a;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.tb-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tb-footer-meta{color:var(--text-muted);font-size:.8rem}.tb-footer-actions{gap:8px;display:flex}.tb-footer-actions .btn-primary,.tb-items-header .btn-secondary,.tb-deps-header .btn-secondary{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background-color .15s,transform .1s;display:inline-flex}.tb-footer-actions .btn-primary{background:var(--primary);color:#fff;border:none}.tb-footer-actions .btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.tb-footer-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.tb-footer-actions .btn-secondary,.tb-items-header .btn-secondary,.tb-deps-header .btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.tb-footer-actions .btn-secondary:hover,.tb-items-header .btn-secondary:hover,.tb-deps-header .btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.templates-page{max-width:1100px;margin:0 auto;padding:24px 32px}.templates-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.templates-page-title h1{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;display:flex}.templates-page-title h1 i{color:var(--primary)}.templates-page-subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.templates-page-actions{flex-shrink:0;gap:8px;display:flex}.templates-page-actions .btn-primary,.templates-empty-actions .btn-primary,.template-card-actions .btn-primary{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 80%, #000));color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 35%, transparent);border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .15s;display:inline-flex}.templates-page-actions .btn-primary:hover:not(:disabled),.templates-empty-actions .btn-primary:hover:not(:disabled),.template-card-actions .btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 14px color-mix(in srgb, var(--primary) 45%, transparent);transform:translateY(-1px)}.templates-page-actions .btn-primary:disabled,.templates-empty-actions .btn-primary:disabled,.template-card-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.templates-page-actions .btn-secondary,.templates-empty-actions .btn-secondary,.template-card-actions .btn-secondary{background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--glass-border,#ffffff26);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:background-color .15s,transform .2s,box-shadow .2s;display:inline-flex}.templates-page-actions .btn-secondary:hover:not(:disabled),.templates-empty-actions .btn-secondary:hover:not(:disabled),.template-card-actions .btn-secondary:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.templates-loading{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:.95rem}.templates-empty{text-align:center;padding:80px 20px}.templates-empty-icon{color:var(--text-muted);opacity:.3;margin-bottom:16px;font-size:3rem}.templates-empty h2{color:var(--text-primary);margin:0 0 8px}.templates-empty p{color:var(--text-muted);margin:0 0 24px}.templates-empty-actions{justify-content:center;gap:8px;display:flex}.templates-grid{flex-direction:column;gap:14px;display:flex}.template-card{border:1px solid var(--glass-border,#ffffff26);border-radius:var(--radius-lg);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-card,0 2px 8px #0000000a);transition:transform .25s,box-shadow .25s,border-color .15s;overflow:hidden}.template-card:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);border-color:var(--primary);transform:translateY(-2px)}.template-card-expanded{border-color:var(--primary);box-shadow:var(--shadow-card-hover,0 8px 24px #00000014)}.template-card-header{cursor:pointer;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.template-card-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 15%, transparent), color-mix(in srgb, var(--primary) 8%, transparent));width:42px;height:42px;color:var(--primary);box-shadow:0 2px 6px color-mix(in srgb, var(--primary) 15%, transparent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.template-card-info{flex:1;min-width:0}.template-card-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.template-card-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8rem;overflow:hidden}.template-card-meta{color:var(--text-muted);gap:12px;margin-top:6px;font-size:.75rem;display:flex}.template-card-meta i{margin-right:4px}.template-card-expand{color:var(--text-muted);padding-top:4px}.template-card-detail{border-top:1px solid var(--glass-border,#ffffff26);padding:0 18px 18px}.template-card-badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-top:14px;display:flex}.template-card-badges .badge{background:var(--glass-bg,#fff9);color:var(--text-muted);border:1px solid var(--glass-border,#ffffff26);border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;display:inline-flex}.template-card-badges .badge-version{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, transparent)}.template-preview-items{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.template-preview-task,.template-preview-subtask{color:var(--text-primary);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;display:flex}.template-preview-task{background:var(--glass-bg,#fff9);border:1px solid var(--glass-border,#ffffff26)}.template-preview-subtask{color:var(--text-muted);padding-left:24px}.template-preview-task .priority-badge,.subtask-count-badge{border-radius:var(--radius-sm);background:var(--background);border:1px solid var(--border);padding:1px 6px;font-size:.7rem}.priority-badge.priority-high{color:#dc3545;border-color:#dc3545}.priority-badge.priority-medium{color:#fd7e14;border-color:#fd7e14}.priority-badge.priority-low{color:#0d6efd;border-color:#0d6efd}.template-card-actions{align-items:center;gap:8px;display:flex}.template-instantiate-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-instantiate-form select{border:1px solid var(--glass-border,#ffffff26);background:var(--glass-bg,#fff9);-webkit-backdrop-filter:blur(8px);min-width:120px;color:var(--text-primary);border-radius:999px;flex:1;padding:7px 12px;font-size:.85rem}.template-card-actions .btn-sm,.template-instantiate-form .btn-primary,.template-instantiate-form .btn-secondary{padding:6px 14px;font-size:.8rem}.template-instantiate-form .btn-primary{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 80%, #000));color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 35%, transparent);border:none;border-radius:999px;align-items:center;gap:6px;font-weight:600;transition:filter .15s,transform .2s,box-shadow .2s;display:inline-flex}.template-instantiate-form .btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 14px color-mix(in srgb, var(--primary) 45%, transparent);transform:translateY(-1px)}.template-instantiate-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.template-instantiate-form .btn-secondary{background:var(--glass-bg,#fff9);color:var(--text-primary);border:1px solid var(--glass-border,#ffffff26);cursor:pointer;border-radius:999px;align-items:center;gap:6px;font-weight:500;transition:background-color .15s,transform .2s;display:inline-flex}.template-instantiate-form .btn-secondary:hover{background:var(--surface-hover);transform:translateY(-1px)}.template-card-actions .btn-danger-text{color:#dc3545;border:1px solid var(--border);background:0 0;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:background-color .15s,border-color .15s,transform .2s}.template-card-actions .btn-danger-text:hover{background:#dc35451a;border-color:#dc3545;transform:translateY(-1px)}@media (width<=640px){.templates-page{padding:16px}.templates-page-header{flex-direction:column}.templates-page-actions{width:100%}.templates-page-actions button{flex:1}.template-card-actions{flex-wrap:wrap}.template-builder-modal{max-height:95vh}.tb-dep-row{flex-wrap:wrap}}@keyframes lgFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lgFadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes lgSlideInRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes lgSlideInLeft{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes lgCheckBounce{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.92)}to{transform:scale(1)}}@keyframes lgTaskComplete{0%{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(6px)}to{opacity:.5;transform:translate(0)}}@keyframes lgModalEnter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lgPulseGlow{0%,to{box-shadow:0 0 0 0 var(--glass-glow)}50%{box-shadow:0 0 16px 4px var(--glass-glow)}}@keyframes lgShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes lgStrikethrough{0%{text-decoration-color:#0000}to{-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}}.lg-animate-in{animation:lgFadeInUp .3s var(--spring-smooth) both}.lg-animate-scale{animation:lgFadeInScale .25s var(--spring-smooth) both}.lg-animate-slide-right{animation:lgSlideInRight .3s var(--spring-smooth) both}.lg-stagger>*{animation:lgFadeInUp .3s var(--spring-smooth) both}.lg-stagger>:first-child{animation-delay:0s}.lg-stagger>:nth-child(2){animation-delay:30ms}.lg-stagger>:nth-child(3){animation-delay:60ms}.lg-stagger>:nth-child(4){animation-delay:90ms}.lg-stagger>:nth-child(5){animation-delay:.12s}.lg-stagger>:nth-child(6){animation-delay:.15s}.lg-stagger>:nth-child(7){animation-delay:.18s}.lg-stagger>:nth-child(8){animation-delay:.21s}.lg-stagger>:nth-child(9){animation-delay:.24s}.lg-stagger>:nth-child(10){animation-delay:.27s}.lg-stagger>:nth-child(n+11){animation-delay:.3s}.lg-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.lg-glass-subtle{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.lg-btn{border-radius:var(--radius-md);transition:all var(--duration-normal) var(--spring-smooth);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.lg-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.lg-btn-xs{border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.7rem}.lg-btn-sm{padding:.375rem .75rem;font-size:.8125rem}.lg-btn-md{padding:.5rem 1rem}.lg-btn-lg{border-radius:var(--radius-lg);padding:.625rem 1.25rem;font-size:1rem}.lg-btn-xl{border-radius:var(--radius-xl);padding:.75rem 1.5rem;font-size:1.0625rem}.lg-btn-pill{border-radius:var(--radius-pill)}.lg-btn-solid{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.lg-btn-solid:hover:not(:disabled){box-shadow:var(--shadow-glow), var(--shadow-md);transform:translateY(-1px)}.lg-btn-solid:active:not(:disabled){transform:translateY(0)scale(.98)}.lg-btn-ghost{border:1px solid var(--border);color:var(--text-primary);background:0 0}.lg-btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-focus)}.lg-btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-primary)}.lg-btn-glass:hover:not(:disabled){background:var(--surface-hover);box-shadow:var(--shadow-card)}.lg-btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.lg-btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 16px #ef44444d}.lg-btn-icon{aspect-ratio:1;border-radius:50%;padding:.5rem}.lg-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:500;line-height:1.4;display:inline-flex}.lg-badge-primary{background:var(--primary-bg);color:var(--primary)}.lg-badge-success{background:var(--success-bg);color:var(--success)}.lg-badge-warning{background:var(--warning-bg);color:var(--warning)}.lg-badge-danger{background:var(--danger-bg);color:var(--danger)}.lg-badge-info{background:var(--info-bg);color:var(--info)}.lg-badge-muted{background:var(--surface-hover);color:var(--text-muted)}.lg-badge-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(4px);border:1px solid var(--glass-border);color:var(--text-secondary)}.lg-badge-gradient{background:var(--gradient-primary);color:#fff}.lg-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.lg-input::placeholder{color:var(--input-placeholder)}.lg-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.lg-input-lg{border-radius:var(--radius-lg);padding:.75rem 1rem;font-size:1rem}.lg-input-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.lg-input-hero{border:none;border-bottom:2px solid var(--border);transition:border-color var(--duration-normal) var(--spring-smooth);background:0 0;border-radius:0;padding:1rem 1.25rem;font-size:1.125rem;font-weight:500}.lg-input-hero:focus{border-color:var(--primary);box-shadow:none;border-bottom-color:var(--primary)}.lg-text-display{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.2}.lg-text-heading{letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.3}.lg-text-subhead{font-size:1rem;font-weight:600;line-height:1.4}.lg-text-body{font-size:.875rem;line-height:1.5}.lg-text-caption{color:var(--text-muted);font-size:.75rem;line-height:1.4}.lg-text-micro{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600;line-height:1.3}.lg-text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lg-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.6875rem;font-weight:600;display:flex}.lg-section-label:after{content:"";background:linear-gradient(to right, var(--border), transparent);flex:1;height:1px}.lg-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--spring-smooth), box-shadow var(--duration-normal) var(--spring-smooth)}.lg-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.lg-card-flat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:none}.lg-divider{background:linear-gradient(to right, transparent, var(--border), transparent);border:none;height:1px;margin:.5rem 0}.lg-pill-nav{border-radius:var(--radius-pill);color:var(--text-secondary);transition:all var(--duration-normal) var(--spring-smooth);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.lg-pill-nav:hover{background:var(--surface-hover);color:var(--text-primary);transform:translate(2px)}.lg-pill-nav.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow);transform:translate(2px)}.lg-chip{border-radius:var(--radius-pill);background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border);transition:all var(--duration-fast) ease;align-items:center;gap:.25rem;padding:.2rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.lg-chip-primary{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.lg-chip-success{border-color:var(--success);color:var(--success);background:var(--success-bg)}.lg-chip-warning{border-color:var(--warning);color:var(--warning);background:var(--warning-bg)}.lg-chip-danger{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.lg-toolbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);align-items:center;gap:.25rem;padding:.375rem;display:flex}@media (prefers-reduced-motion:reduce){.lg-animate-in,.lg-animate-scale,.lg-animate-slide-right,.lg-stagger>*,.lg-card,.lg-btn,.lg-pill-nav{transition-duration:.01ms!important;animation:none!important}.lg-glass,.lg-glass-subtle,.lg-card,.lg-btn-glass,.lg-input-glass,.lg-badge-glass,.lg-toolbar,.lg-chip{-webkit-backdrop-filter:none!important}}.empty-inbox-state,.empty-today-state,.empty-someday-state,.empty-upcoming-state,.empty-view{animation:lgFadeInUp .4s var(--spring-smooth) both}.empty-inbox-image,.empty-today-image,.empty-someday-image,.empty-upcoming-image{filter:drop-shadow(0 4px 12px #00000014);transition:transform .3s var(--spring-smooth)}.empty-inbox-message,.empty-today-message,.empty-someday-message,.empty-upcoming-message{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.task-group-header{border-radius:var(--radius-md);transition:background var(--duration-fast) ease}.section-header{border-radius:var(--radius-md)}.task-tags .tag-badge{border-radius:var(--radius-pill,999px)}.task-group{animation:lgFadeInUp .3s var(--spring-smooth) both}.task-group:nth-child(2){animation-delay:40ms}.task-group:nth-child(3){animation-delay:80ms}.task-group:nth-child(4){animation-delay:.12s}.task-group:nth-child(5){animation-delay:.16s}.dashboard header,.sidebar,.modal,.task-context-menu,.search-results-dropdown,.settings-dropdown,.view-filter-dropdown,.quick-add-modal,.split-create-menu{will-change:transform}.task-item{contain:layout style}@media (prefers-reduced-motion:reduce){.task-item,.view-nav li,.modal,.quick-add-modal,.search-results-dropdown,.task-context-menu,.task-group,.empty-inbox-state,.empty-today-state,.empty-someday-state,.empty-upcoming-state,.empty-view{transition-duration:.01ms!important;animation:none!important}.task-item:hover,.view-nav li:hover,.view-nav li.active{transform:none}.dashboard header,.sidebar,.modal,.modal-overlay,.quick-add-overlay,.quick-add-modal,.task-context-menu,.search-results-dropdown,.settings-dropdown,.view-filter-dropdown,.split-create-menu,.view-count-badge,.task-due,.due-date-badge{-webkit-backdrop-filter:none!important}}[data-theme=dark] .task-item,.dark-mode .task-item{border-color:#ffffff0f}[data-theme=dark] .task-item:hover,.dark-mode .task-item:hover{box-shadow:var(--shadow-card-hover), 0 0 1px #ffffff0d;border-color:#ffffff1a}[data-theme=dark] .view-nav li.active,.dark-mode .view-nav li.active{box-shadow:var(--shadow-glow), 0 0 1px #ffffff1a}[data-theme=dark] .modal,.dark-mode .modal{box-shadow:0 24px 48px #0006, var(--shadow-glow)}[data-theme=dark] .search-results-dropdown,.dark-mode .search-results-dropdown{box-shadow:0 16px 48px #00000059, var(--shadow-glow)}.tasks-header-left h2,.dashboard-header h2,.metrics-header h2,.notes-list-header h2,.habits-header-left h2,.countdown-header-left h2,.shopping-header-left h2,.goals-header-left h2,.statistics-header h2,.admin-analytics-header h2,.admin-section-header h2,.activity-header h2,.pomodoro-panel-header h2,.template-settings-header h2{text-transform:uppercase;letter-spacing:.06em}.settings-header{background:var(--glass-bg,#ffffffb8);-webkit-backdrop-filter:blur(var(--glass-blur,20px));border-bottom:1px solid var(--glass-border,#ffffff38);z-index:50;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.settings-header h1{text-transform:uppercase;letter-spacing:.06em;font-size:1.25rem}.back-btn{border-radius:var(--radius-pill,999px);padding:.5rem 1rem;font-weight:500}.back-btn:hover{background:var(--surface-hover);color:var(--primary);box-shadow:var(--shadow-sm)}.settings-nav{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-lg,12px);align-self:flex-start;gap:2px;padding:.375rem;position:sticky;top:5rem}.settings-nav button{border-radius:var(--radius-md,8px);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);color:var(--text-secondary);padding:.625rem .875rem;font-size:.875rem;font-weight:500}.settings-nav button:hover{background:var(--surface,#fff);color:var(--text-primary);box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.settings-nav button.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126)}.settings-nav button.active i{color:#fff}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-card,0 2px 8px #0000000a);animation:lgFadeInUp .3s var(--spring-smooth,ease) both;padding:2rem}.settings-section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border);margin:0 0 1.25rem;padding-bottom:.75rem;font-size:.75rem;font-weight:700}.settings-section h2 i{font-size:.875rem}.section-description{color:var(--text-muted);margin:-.75rem 0 1.5rem;font-size:.8125rem}.settings-form .form-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem;font-weight:700}.settings-form .form-group input,.settings-form .form-group select{border:1px solid var(--border);border-radius:var(--radius-lg,12px);background-color:var(--surface-hover,#f8fafc);transition:all var(--duration-fast,.15s) ease;padding:.625rem .875rem;font-size:.875rem}.settings-form .form-group input:focus,.settings-form .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);background-color:var(--surface)}.form-actions{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.form-actions .btn-primary{border-radius:var(--radius-pill,999px);background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));box-shadow:var(--shadow-sm);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);padding:.75rem 1.75rem;font-size:.875rem}.form-actions .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow,0 0 16px #6366f133), var(--shadow-md);transform:translateY(-1px)}.form-actions .btn-secondary{border-radius:var(--radius-pill,999px);padding:.75rem 1.5rem;font-size:.875rem}.notification-settings .form-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:700}.notification-group h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.notification-item{border-radius:var(--radius-md);transition:background var(--duration-fast,.15s) ease}.notification-item:hover{background:var(--surface-hover)}.gamification-settings .form-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:700}.switch input:checked+.slider{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));box-shadow:var(--shadow-glow,0 0 12px #6366f126)}.theme-card{border-radius:var(--radius-lg,12px);border:2px solid var(--border);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease)}.theme-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);transform:translateY(-2px)}.theme-card.active{border-color:var(--primary);box-shadow:var(--shadow-glow,0 0 16px #6366f126)}.avatar-upload-section{border-radius:var(--radius-lg)}.avatar-upload-section .current-avatar{border:3px solid var(--border);box-shadow:var(--shadow-card)}.settings-section .data-action-btn,.settings-section .about-link{border-radius:var(--radius-lg);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease)}.form-row{gap:1rem}.locked-badge{border-radius:var(--radius-pill,999px);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}.settings-card{background:var(--surface-hover,#f8fafc);border:1px solid var(--border);border-radius:var(--radius-lg,12px);margin-bottom:1rem;padding:1.25rem}.settings-card:last-child{margin-bottom:0}.settings-card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border);margin:0 0 1rem;padding-bottom:.625rem;font-size:.7rem;font-weight:700}.settings-row{justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 0;display:flex}.settings-row+.settings-row{border-top:1px solid var(--border-light,#0000000a)}.settings-row label{color:var(--text-primary);flex-direction:column;flex:1;gap:.125rem;min-width:0;font-size:.875rem;font-weight:500;display:flex}.settings-help{color:var(--text-muted);margin-top:.125rem;font-size:.75rem;font-weight:400;display:block}.toggle-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;position:relative}.toggle-track{background:var(--border,#cbd5e1);border-radius:12px;width:44px;height:24px;transition:background .2s;display:block;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-btn.active .toggle-track{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));box-shadow:0 0 12px #6366f126}.toggle-btn.active .toggle-thumb{transform:translate(20px)}.slider-with-value input[type=range]{border-radius:var(--radius-pill,999px);height:6px;background:linear-gradient(to right, var(--primary), var(--border))!important}.slider-with-value input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--primary-bg,#6366f126), 0 1px 4px #00000026;width:20px;height:20px;transition:transform .15s,box-shadow .15s;background:var(--primary)!important}.slider-with-value input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--primary-bg,#6366f133), 0 2px 6px #00000026;transform:scale(1.15)}.slider-with-value input[type=range]::-moz-range-thumb{box-shadow:0 0 0 3px var(--primary-bg,#6366f126), 0 1px 4px #00000026;width:20px;height:20px;background:var(--primary)!important}.slider-with-value .slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:60px;color:var(--primary);font-size:.9375rem;font-weight:700}.pomodoro-settings-stats .stat{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--radius-lg,12px);text-align:center;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);padding:1.25rem 1rem}.pomodoro-settings-stats .stat:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);transform:translateY(-2px)}.pomodoro-settings-stats .stat-value{color:var(--primary);font-size:1.75rem;font-weight:700}.pomodoro-settings-stats .stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:.25rem;font-size:.65rem;font-weight:700}.settings-row select,.settings-card select{border:1px solid var(--border);border-radius:var(--radius-lg,12px);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast,.15s) ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8.825a.5.5 0 01-.354-.146l-3.5-3.5a.5.5 0 11.708-.708L6 7.617l3.146-3.146a.5.5 0 11.708.708l-3.5 3.5a.5.5 0 01-.354.146z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding:.5rem 2rem .5rem .75rem;font-family:inherit;font-size:.875rem}.settings-row select:focus,.settings-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.settings-card+.form-actions,.settings-section>.form-actions:last-child{border-top:1px solid var(--border);margin-top:.5rem;padding-top:1.25rem}.settings-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.settings-actions .btn-primary{border-radius:var(--radius-pill,999px);background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.settings-actions .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow,0 0 16px #6366f133), var(--shadow-md);transform:translateY(-1px)}.settings-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-actions .btn-secondary{border:1px solid var(--border);border-radius:var(--radius-pill,999px);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.settings-actions .btn-secondary:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-muted)}.settings-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.template-settings .template-settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.template-settings .btn-primary{border-radius:var(--radius-pill,999px);background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:inline-flex}.template-settings .btn-primary:hover{box-shadow:var(--shadow-glow,0 0 16px #6366f133), var(--shadow-md);transform:translateY(-1px)}.template-settings .btn-secondary{border:1px solid var(--border);border-radius:var(--radius-pill,999px);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.8125rem;font-weight:500;display:inline-flex}.template-settings .btn-secondary:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary-light)}.template-settings .btn-icon{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast,.15s) ease;justify-content:center;align-items:center;padding:0;font-size:.8125rem;display:inline-flex}.template-settings .btn-icon:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary-light)}.template-settings .btn-danger-icon{color:var(--text-muted)}.template-settings .btn-danger-icon:hover{background:var(--danger-bg,#ef44441a);color:var(--danger);border-color:var(--danger)}.template-settings .template-item{border:1px solid var(--border);border-radius:var(--radius-lg,12px);background:var(--surface);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);padding:1rem 1.25rem}.template-settings .template-item:hover{border-color:var(--primary-light,var(--border));box-shadow:var(--shadow-card,0 2px 8px #0000000a)}.template-settings .btn-danger{border-radius:var(--radius-pill,999px);background:var(--danger);color:#fff;cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:inline-flex}.template-settings .btn-danger:hover{filter:brightness(1.1);box-shadow:0 0 12px #ef44444d}.template-empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1.5rem}.template-empty-state i{opacity:.4;margin-bottom:1rem;font-size:2.5rem}.template-empty-state h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.template-empty-state p{margin:0;font-size:.875rem}.settings-section .btn-primary{border-radius:var(--radius-pill,999px);background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:inline-flex}.settings-section .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow,0 0 16px #6366f133), var(--shadow-md);transform:translateY(-1px)}.settings-section .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-section .btn-secondary{border:1px solid var(--border);border-radius:var(--radius-pill,999px);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.8125rem;font-weight:500;display:inline-flex}.settings-section .btn-secondary:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary-light)}.settings-section .btn-icon{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast,.15s) ease;justify-content:center;align-items:center;padding:0;font-size:.8125rem;display:inline-flex}.settings-section .btn-icon:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary-light)}.settings-section .btn-icon.danger:hover{background:var(--danger-bg,#ef44441a);color:var(--danger);border-color:var(--danger)}.settings-section .btn-danger{border-radius:var(--radius-pill,999px);background:var(--danger);color:#fff;cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:inline-flex}.settings-section .btn-danger:hover{filter:brightness(1.1);box-shadow:0 0 12px #ef44444d}.settings-header .header-actions{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);align-items:center;gap:.75rem;padding:.25rem .25rem .25rem 1rem;display:flex}.settings-header .header-actions span{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.settings-header .header-actions button{border-radius:var(--radius-pill,999px);background:var(--danger);color:#fff;cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;align-items:center;gap:.5rem;width:auto;height:auto;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:inline-flex}.settings-header .header-actions button:hover{filter:brightness(1.1);background:var(--danger);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 0 12px #ef44444d}.settings-header .header-actions button .btn-icon{width:auto;min-width:auto;height:auto;color:inherit;background:0 0;border:none;padding:0;font-size:.8125rem}.habits-header-right{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);align-items:center;gap:.5rem;padding:.25rem;display:flex}.view-mode-toggle{border-radius:var(--radius-pill,999px);background:0 0;border:none;gap:2px;padding:0}.view-mode-toggle button{border-radius:var(--radius-pill,999px);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);padding:.4rem .875rem;font-size:.8125rem;font-weight:600}.view-mode-toggle button:hover{background:var(--surface,#fff);color:var(--text-primary)}.view-mode-toggle button.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126)}.habits-library-btn{border-radius:var(--radius-pill,999px);color:var(--text-secondary);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);background:0 0;border:none;padding:.4rem .875rem;font-size:.8125rem;font-weight:600}.habits-library-btn:hover{background:var(--surface,#fff);color:var(--primary);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);border-color:#0000}.habits-add-btn{border-radius:var(--radius-pill,999px);background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-sm);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;padding:.4rem 1rem;font-size:.8125rem;font-weight:600}.habits-add-btn:hover{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));box-shadow:var(--shadow-glow,0 0 16px #6366f133), var(--shadow-md);transform:translateY(-1px)}.statistics-actions{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);flex-wrap:nowrap;align-items:center;gap:.375rem;padding:.25rem;display:flex}.statistics-actions .date-range-picker{flex-direction:row;gap:0}.statistics-actions .date-range-presets{flex-wrap:nowrap;gap:2px}.statistics-actions .preset-btn{border-radius:var(--radius-pill,999px);color:var(--text-secondary);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);background:0 0;border:none;padding:.4rem .875rem;font-size:.8125rem;font-weight:600}.statistics-actions .preset-btn:hover{background:var(--surface,#fff);color:var(--text-primary);border-color:#0000}.statistics-actions .preset-btn.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126);border-color:#0000}.statistics-actions .btn{border-radius:var(--radius-pill,999px);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);white-space:nowrap;background:0 0;border:none;padding:.4rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600}.statistics-actions .btn:hover{background:var(--surface,#fff);color:var(--primary);box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.notes-list-header .notes-header-actions{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);align-items:center;gap:.375rem;padding:.25rem;display:flex}.notes-header-actions .notes-view-toggle{background:0 0;border:none;gap:2px;padding:0}.notes-header-actions .notes-view-toggle button{transition:all var(--duration-normal,.25s) var(--spring-smooth,ease)}.notes-header-actions .notes-view-toggle button:hover{background:var(--surface,#fff);color:var(--text-primary)}.notes-header-actions .notes-view-toggle button.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126)}.notes-header-actions .refresh-notes-btn{color:var(--text-muted);transition:all var(--duration-fast,.15s) ease;background:0 0;border:none;border-radius:50%}.notes-header-actions .refresh-notes-btn:hover{background:var(--surface,#fff);color:var(--primary)}.notes-header-actions .add-note-btn{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-sm);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);border:none;border-radius:50%}.notes-header-actions .add-note-btn:hover{box-shadow:var(--shadow-glow,0 0 16px #6366f133), var(--shadow-md);transform:translateY(-1px)}.notes-list-controls{border:1px solid var(--border);border-radius:var(--radius-lg,12px);background:var(--surface);margin:0 0 1rem;padding:.75rem 1rem}.notes-filter-toggle{background:var(--surface-hover,#f1f5f9);border:1px solid var(--border);border-radius:var(--radius-pill,999px);box-shadow:none;gap:2px;padding:.2rem}.notes-filter-toggle button{border-radius:var(--radius-pill,999px);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.notes-filter-toggle button:hover{background:var(--surface,#fff);color:var(--text-primary)}.notes-filter-toggle button.active{background:var(--gradient-primary,linear-gradient(135deg, var(--primary) 0%, #a855f7 100%));color:#fff;box-shadow:var(--shadow-glow,0 0 12px #6366f126)}.notes-list-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;border-bottom:none;margin:0;padding:1.25rem 1.5rem}.notes-list-header-standalone{border-bottom:1px solid var(--border);border-radius:var(--radius-xl,20px)}.notes-list-controls{border:1px solid var(--border);border-top:1px solid var(--border-light,#0000000a);border-radius:0 0 var(--radius-xl,20px) var(--radius-xl,20px);background:var(--surface);margin:0 0 1rem;padding:.75rem 1.5rem 1rem}.note-list-item{border-radius:var(--radius-md,8px);border-bottom:none;border:1px solid var(--glass-border,#ffffff26);border-left:4px solid var(--primary);box-shadow:var(--shadow-card,0 2px 8px #0000000a);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease);margin-bottom:.375rem}.note-list-item:last-child{border-bottom:none;margin-bottom:0}.note-list-item:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);transform:translateY(-1px)}.note-list-item.selected{border-color:var(--primary);border-left-color:var(--primary);box-shadow:var(--shadow-glow,0 0 12px #6366f126), var(--shadow-card)}.note-card{border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-card,0 2px 8px #0000000a);transition:all var(--duration-normal,.25s) var(--spring-smooth,ease)}.note-card:hover{box-shadow:var(--shadow-card-hover,0 8px 24px #00000014);transform:translateY(-2px)}.notes-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl,20px);gap:0;padding:0;overflow:hidden}.note-list-item{border:none;border-left:4px solid var(--primary);border-bottom:1px solid var(--border-light,#0000000a);box-shadow:none;background:var(--surface);-webkit-backdrop-filter:none;transition:background var(--duration-fast,.15s) ease;border-radius:0;margin-bottom:0}.note-list-item:last-child{border-bottom:none}.note-list-item:hover{box-shadow:none;background:var(--surface-hover,#f8fafc);transform:none}.note-list-item.selected{background:var(--primary-bg,#6366f10f);border-left-color:var(--primary);box-shadow:none;border-radius:0}.note-list-item.pinned{border-left-color:var(--warning)}.journal-page{flex-direction:column;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.journal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.journal-header-left h2{color:var(--text);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.journal-header-left h2 .view-title-icon{color:var(--primary)}.journal-header-left p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.journal-header-right{align-items:center;gap:.75rem;display:flex}.journal-today-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.today-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.today-card-date{color:var(--text);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.today-card-date i{color:#f59e0b}.today-card-body{justify-content:space-between;align-items:center;gap:1rem;display:flex}.today-card-prompt{color:var(--text-muted);margin:0;font-size:.95rem}.today-card-summary{align-items:center;gap:.75rem;display:flex}.today-mood{color:var(--text);font-size:1rem}.today-card-habits{border-top:1px solid var(--border);align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.today-habits-label{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.375rem;font-size:.8rem;display:flex}.today-habits-label i{color:var(--primary)}.today-habits-dots{flex-wrap:wrap;gap:4px;display:flex}.habit-dot{background:var(--border);border-radius:50%;width:10px;height:10px;transition:background .2s}.habit-dot.done{background:var(--success,#10b981)}.journal-entries-list{margin-top:.5rem}.journal-entries-list .section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.journal-entry-item{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:var(--surface);align-items:center;gap:1rem;margin-bottom:.5rem;padding:.875rem 1rem;transition:all .15s;display:flex}.journal-entry-item:hover{background:var(--surface-hover);border-color:var(--primary)}.journal-entry-item.selected{background:var(--primary-bg,#6366f10f);border-color:var(--primary)}.entry-item-date{flex-direction:column;align-items:center;min-width:40px;display:flex}.entry-date-day{color:var(--text);font-size:1.25rem;font-weight:700;line-height:1}.entry-date-month{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.entry-item-content{flex:1;min-width:0}.entry-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.entry-item-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem;display:flex}.entry-mood{font-size:1rem}.entry-template-name{align-items:center;gap:.25rem;display:flex}.entry-template-name i{font-size:.7rem}.entry-status-badge.completed{color:var(--success,#10b981)}.entry-completed-badge{color:var(--success,#10b981);align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;display:inline-flex}.journal-entry-editor{flex-direction:column;height:100%;display:flex}.entry-editor-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.entry-editor-title{flex:1}.entry-editor-title h3{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.entry-editor-template{color:var(--text-muted);align-items:center;gap:.375rem;margin-top:.25rem;font-size:.8rem;display:flex}.entry-editor-body{flex-direction:column;flex:1;gap:1.5rem;display:flex;overflow-y:auto}.journal-prompt-section{flex-direction:column;gap:.5rem;display:flex}.prompt-label{color:var(--text);font-size:.95rem;font-weight:600}.required-mark{color:var(--danger,#ef4444);margin-left:2px}.prompt-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:100px;color:var(--text);resize:vertical;box-sizing:border-box;padding:.75rem;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .2s}.prompt-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.prompt-textarea::placeholder{color:var(--text-muted)}.journal-mood-selector{gap:.5rem;display:flex}.mood-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;min-width:64px;padding:.75rem 1rem;transition:all .2s;display:flex}.mood-btn:hover{border-color:var(--primary);background:var(--surface-hover)}.mood-btn.active{border-color:var(--primary);background:var(--primary-bg,#6366f114)}.mood-emoji{font-size:1.5rem;line-height:1}.mood-label{color:var(--text-muted);font-size:.7rem;font-weight:500}.mood-btn.active .mood-label{color:var(--primary)}.journal-rating-selector{gap:.25rem;display:flex}.rating-star{cursor:pointer;color:var(--border);background:0 0;border:none;padding:.25rem;font-size:1.5rem;transition:all .15s}.rating-star:hover,.rating-star.active{color:#f59e0b;transform:scale(1.1)}.journal-habit-snapshot{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.habit-snapshot-header{color:var(--text);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.habit-snapshot-header i{color:var(--primary)}.habit-snapshot-count{color:var(--text-muted);margin-left:auto;font-size:.8rem;font-weight:500}.habit-snapshot-list{flex-direction:column;gap:.375rem;display:flex}.habit-snapshot-item{color:var(--text-muted);align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;display:flex}.habit-snapshot-item.done{color:var(--text)}.habit-snapshot-item.done i{color:var(--success,#10b981)}.habit-snapshot-name{flex:1}.habit-snapshot-value{color:var(--text-muted);font-size:.8rem}.journal-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.journal-empty-state .empty-state-icon{background:var(--primary-bg,#6366f114);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.journal-empty-state .empty-state-icon i{color:var(--primary);font-size:2rem}.journal-empty-state h2{color:var(--text);margin:0 0 .5rem;font-size:1.5rem}.journal-empty-state p{max-width:480px;color:var(--text-muted);margin:0 0 1.5rem;line-height:1.6}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.template-prompts-editor{flex-direction:column;gap:.75rem;display:flex}.template-prompt-row{align-items:flex-start;gap:.5rem;display:flex}.prompt-type-select{flex-shrink:0;width:100px}.template-prompt-row .form-input{flex:1}.journal-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}