:root{--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Cascadia Code",Consolas,monospace;--font-weight-extrabold:800;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em}.h1,h1{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:1.5rem}.h1,.h2,h1,h2{color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.h2,h2{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);margin-bottom:1.25rem}.h3,h3{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:1rem}.h3,.h4,h3,h4{color:var(--text-primary);letter-spacing:var(--tracking-normal);line-height:var(--leading-snug)}.h4,h4{font-size:var(--text-xl);font-weight:var(--font-weight-medium);margin-bottom:.75rem}.h5,h5{color:var(--text-primary);font-size:var(--text-lg);letter-spacing:var(--tracking-normal)}.h5,.h6,h5,h6{font-weight:var(--font-weight-medium);line-height:var(--leading-normal);margin-bottom:.5rem}.h6,h6{color:var(--text-secondary);font-size:var(--text-base);letter-spacing:var(--tracking-wide);text-transform:uppercase}p{color:var(--text-primary);font-weight:var(--font-weight-normal)}p{font-size:var(--text-base);margin-bottom:1rem}p{line-height:var(--leading-normal)}:root{--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem}.btn{align-items:center;background-color:var(--bg-tertiary);border:none;border:1px solid var(--border-primary);border-radius:var(--space-2);box-shadow:0 1px 2px #0000000d;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;line-height:var(--leading-none);outline:none;text-align:center;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-sm{font-size:var(--text-sm);min-height:2rem;padding:var(--space-1-5) var(--space-3)}.btn-base{font-size:var(--text-base);min-height:2.5rem;padding:var(--space-2-5) var(--space-4)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-600));border-color:var(--primary-600);box-shadow:0 2px 4px #4e9fff33;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-700));box-shadow:0 4px 8px #4e9fff4d;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-focus)}.btn-success{background:linear-gradient(135deg,var(--success),var(--success-600));border-color:var(--success-600);box-shadow:0 2px 4px #10b98133;color:#fff}.btn-success:hover{background:linear-gradient(135deg,var(--success-400),var(--success));box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger),var(--danger-600));border-color:var(--danger-600);box-shadow:0 2px 4px #ef444433;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,var(--danger-400),var(--danger));box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.btn-ghost{background-color:initial;border-color:#0000;box-shadow:none;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}:root{--icon-xs:0.75rem;--icon-sm:1rem;--icon-base:1.25rem;--icon-lg:1.5rem;--icon-xl:2rem;--icon-2xl:2.5rem;--icon-3xl:3rem}.icon{align-items:center;color:currentColor;display:inline-flex;flex-shrink:0;justify-content:center}.icon-sm{height:var(--icon-sm);width:var(--icon-sm)}.icon-lg{height:var(--icon-lg);width:var(--icon-lg)}.btn .icon{height:var(--icon-sm);width:var(--icon-sm)}.btn-sm .icon{height:var(--icon-sm);width:var(--icon-sm)}.btn-base .icon{height:var(--icon-base);width:var(--icon-base)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.p-1{padding:var(--space-1)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-8{margin:var(--space-8)}@media (max-width:768px){.h1,h1{font-size:var(--text-3xl)}.h2,h2{font-size:var(--text-2xl)}.h3,h3{font-size:var(--text-xl)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.action-button,.danger-button,.primary-button{@extend .btn, .btn-success, .btn-base}.action-icon,.icon,.nav-icon,.status-icon,[class*=icon]{align-items:center!important;font-size:var(--icon-base)!important;justify-content:center!important;line-height:1!important;vertical-align:middle!important}.icon-sm{font-size:var(--icon-sm)!important;height:var(--icon-sm)!important;width:var(--icon-sm)!important}.icon-lg{font-size:var(--icon-lg)!important;height:var(--icon-lg)!important;width:var(--icon-lg)!important}.btn .icon,.btn [class*=icon],button .icon,button [class*=icon]{margin-right:var(--space-1)!important}.btn .icon:last-child,.btn [class*=icon]:last-child,button .icon:only-child,button [class*=icon]:only-child{margin-right:0!important}.btn-sm .icon,.btn-sm [class*=icon]{font-size:var(--icon-sm)!important}.btn-base .icon,.btn-base [class*=icon]{font-size:var(--icon-base)!important}.action-icon,.actionIcon,.at-button-icon,.plusIcon{justify-content:center!important}.action-icon,.actionIcon,.at-button-icon,.menu-icon,.nav-icon,.plusIcon{font-size:var(--icon-base)!important;height:var(--icon-base)!important;width:var(--icon-base)!important}.status-icon{font-size:var(--icon-sm)!important;height:var(--icon-sm)!important;width:var(--icon-sm)!important}svg.icon,svg[class*=icon]{fill:currentColor!important;stroke:currentColor!important;height:1em!important;width:1em!important}.icon:contains("↻"),.icon:contains("👤"),.icon:contains("📁"),.icon:contains("📊"),.icon:contains("📝"){font-size:1.1em!important}.list-item .icon,.nav-item .icon{flex-shrink:0!important;margin-right:var(--space-2)!important}.icon,[class*=icon]{color:inherit!important}.spinner{animation:spin 1s linear infinite!important;height:1em!important;width:1em!important}@media (prefers-contrast:high){.icon,[class*=icon]{filter:contrast(1.2)!important}}.home-page .btn,.page .btn,.tasks-page .btn,body .btn{align-items:center!important;border-radius:var(--space-2)!important;cursor:pointer!important;display:inline-flex!important;font-family:var(--font-family-primary)!important;font-weight:var(--font-weight-medium)!important;gap:var(--space-2)!important;justify-content:center!important;line-height:var(--leading-none)!important;outline:none!important;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.action-button.btn,.primary-button.btn{background:unset!important;border:unset!important;box-shadow:unset!important;color:unset!important;font-size:unset!important;min-height:unset!important;padding:unset!important}.btn .icon{align-items:center!important;display:inline-flex!important;flex-shrink:0!important;justify-content:center!important}.h1,h1{font-size:var(--text-4xl)!important;font-weight:var(--font-weight-bold)!important}.h1,.h2,h1,h2{color:var(--text-primary)!important;font-family:var(--font-family-primary)!important;letter-spacing:var(--tracking-tight)!important;line-height:var(--leading-tight)!important}.h2,h2{font-size:var(--text-3xl)!important;font-weight:var(--font-weight-semibold)!important}.h3,h3{font-size:var(--text-2xl)!important;font-weight:var(--font-weight-semibold)!important}.h3,.h4,h3,h4{color:var(--text-primary)!important;font-family:var(--font-family-primary)!important;letter-spacing:var(--tracking-normal)!important;line-height:var(--leading-snug)!important}.h4,h4{font-size:var(--text-xl)!important;font-weight:var(--font-weight-medium)!important}.h5,h5{color:var(--text-primary)!important;font-size:var(--text-lg)!important;letter-spacing:var(--tracking-normal)!important}.h5,.h6,h5,h6{font-family:var(--font-family-primary)!important;font-weight:var(--font-weight-medium)!important;line-height:var(--leading-normal)!important}.h6,h6{color:var(--text-secondary)!important;font-size:var(--text-base)!important;letter-spacing:var(--tracking-wide)!important;text-transform:uppercase!important}.action-icon,.icon{align-items:center!important;display:inline-flex!important;flex-shrink:0!important;height:var(--icon-base)!important;justify-content:center!important;width:var(--icon-base)!important}.icon-sm{height:var(--icon-sm)!important;width:var(--icon-sm)!important}.icon-lg{height:var(--icon-lg)!important;width:var(--icon-lg)!important}.btn-sm .icon{height:var(--icon-sm)!important;width:var(--icon-sm)!important}.btn-base .icon{height:var(--icon-lg)!important;width:var(--icon-lg)!important}.actions-buttons,.actionsButtons,.header-actions{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:var(--space-3)!important}.actions-buttons .btn,.actionsButtons .btn,.header-actions .btn{margin:0!important}.create-folder-dialog .btn,.dialog-actions .btn,.modal .btn{margin:var(--space-2)!important}.cancel-button.btn{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-secondary)!important}.cancel-button.btn:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}button.action-button,button.danger-button,button.primary-button{background:unset;border:unset;border-radius:unset;box-shadow:unset;color:unset;font-family:unset;font-size:unset;font-weight:unset;line-height:unset;min-height:unset;padding:unset;transition:unset}button.action-button,button.danger-button,button.primary-button{@apply btn btn-success btn-base}@media (max-width:768px){.actions-buttons,.actionsButtons,.header-actions{align-items:stretch!important;flex-direction:column!important}.btn{justify-content:center!important;width:100%!important}}.btn{position:relative!important;z-index:1!important}.btn:focus{outline:2px solid var(--primary-blue)!important;outline-offset:2px!important;z-index:2!important}.light-mode .btn-secondary{background-color:#fff!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.light-mode .btn-secondary:hover{background-color:var(--bg-hover)!important;border-color:var(--border-focus)!important}.btn .icon,.btn i,.btn svg{color:currentColor!important}.btn{align-self:center!important}.btn span{color:inherit!important}.text-danger{color:var(--danger)}.empty-state{align-items:center;animation:fadeIn .3s ease-out;background-color:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-lg) 0;margin-left:auto;margin-right:auto;max-width:500px;padding:var(--spacing-xxl);text-align:center;width:100%}.empty-icon{color:var(--text-secondary);font-size:3rem;line-height:1;margin-bottom:var(--spacing-md)}.empty-state h3,.empty-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.empty-message,.empty-state p{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg);max-width:400px}.empty-action{margin-top:var(--spacing-sm)}.empty-state.small{padding:var(--spacing-lg)}.empty-state.small .empty-icon{font-size:2rem}.empty-state.small .empty-title{font-size:var(--font-size-lg)}.empty-state.large{padding:var(--spacing-xxl) var(--spacing-xxl) var(--spacing-xl)}.empty-state.large .empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.empty-state{padding:var(--spacing-lg)}.empty-icon{font-size:2.5rem}.empty-state h3,.empty-title{font-size:var(--font-size-lg)}}.time-input-container{display:inline-block}.time-dropdown{min-width:85px;width:100%}.potential-task-details,.task-list-fields{position:relative;z-index:1}.potential-task-details .time-dropdown,.task-list-fields .time-dropdown{z-index:9999}.panel-content,.potential-task-item,.task-list-item{overflow:visible!important}.compact-mode .task-list-deadline,.potential-task-details .task-list-deadline{align-items:center;display:flex;gap:8px;position:relative}.compact-mode .time-input-container,.potential-task-details .time-input-container{flex:0 0 auto;min-width:85px;position:relative}.task-list-input.time{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9em;padding:6px 8px;width:100%}.potential-task-details{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.potential-task-details span{display:flex;flex-direction:column;gap:4px}.potential-task-details strong{color:var(--text-secondary);font-size:.9em}.potential-task-details .task-list-input,.potential-task-details .task-list-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9em;padding:6px 8px;width:100%}.potential-task-details .task-list-deadline{display:flex;gap:8px}.potential-task-details .task-list-deadline .task-list-input{flex:1 1}.potential-task-details .time-input-container{min-width:100px;position:relative}.time-option{font-size:.9em;padding:6px 8px;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none}:root[data-theme=light] .time-dropdown{background-color:var(--bg-primary);border-color:var(--border-color)}:root[data-theme=light] .time-option{color:var(--text-primary)}:root[data-theme=light] .time-option:hover{background-color:var(--bg-secondary)}:root[data-theme=dark] .time-dropdown{background-color:var(--bg-primary)}:root[data-theme=dark] .time-option:hover{background-color:var(--bg-secondary)}.time-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.timeline-modal-overlay{align-items:center!important;backdrop-filter:blur(2px)!important;background-color:#00000080!important;bottom:0!important;box-sizing:border-box!important;contain:layout style paint!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;z-index:9999!important}.timeline-modal{animation:modal-fade-in .2s ease-out;background:var(--at-background-primary,#121c38);border:1px solid var(--at-border-color,#ffffff1a);border-radius:var(--at-border-radius,8px);box-shadow:var(--at-card-shadow,0 4px 16px #0006);color:var(--at-text-primary,#f8fafc);margin:0!important;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;position:relative!important;width:100%}.timeline-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.timeline-modal-title{color:var(--at-text-primary,#f8fafc);font-size:1.25rem;font-weight:600;margin:0}.timeline-modal-description{color:var(--at-text-secondary,#cbd5e1);font-size:.9rem;line-height:1.5;margin-bottom:16px}.timeline-modal-close{background:none;border:none;border-radius:50%;color:var(--at-text-tertiary,#94a3b8);cursor:pointer;display:flex;font-size:1.25rem;padding:5px;transition:color .2s}.timeline-modal-close:hover{background-color:var(--at-background-tertiary,#ffffff1a);color:var(--at-text-primary,#f8fafc)}.timeline-modal-form{display:flex;flex-direction:column;gap:16px}.timeline-modal-field{display:flex;flex-direction:column;gap:8px}.timeline-granularity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.timeline-granularity-select{background-color:var(--at-background-tertiary,#1a2647);border:1px solid var(--at-border-color,#334155);border-radius:var(--at-border-radius-sm,4px);color:var(--at-text-primary,#e2e8f0);cursor:pointer;font-size:.85rem;padding:8px 12px;transition:var(--at-hover-transition,border-color .2s,box-shadow .2s)}.timeline-granularity-select:focus{border-color:var(--at-accent-primary,#4d7dff);box-shadow:0 0 0 2px var(--at-accent-tertiary,#6366f133);outline:none}.timeline-modal-label{align-items:center;color:var(--at-text-secondary,#cbd5e1);display:flex;font-size:.9rem;font-weight:500;gap:6px}.timeline-modal-input{background-color:var(--at-background-tertiary,#1a2647);border:1px solid var(--at-border-color,#334155);border-radius:var(--at-border-radius-sm,4px);color:var(--at-text-primary,#e2e8f0);font-size:.9rem;padding:10px 12px;transition:var(--at-hover-transition,border-color .2s,box-shadow .2s);width:100%}.timeline-modal-input:focus{border-color:var(--at-accent-primary,#4d7dff);box-shadow:0 0 0 3px var(--at-accent-tertiary,#6366f133);outline:none}.timeline-week-selector{display:flex;gap:8px}.timeline-month-select{flex:1 1}.timeline-week-select{flex:1.5 1}.timeline-modal-help{color:var(--at-text-tertiary,#94a3b8);font-size:.8rem;margin-top:4px}.timeline-modal-error{align-items:center;background-color:var(--at-error-light,#ef444433);border:1px solid #ef44444d;border-radius:var(--at-border-radius-sm,4px);color:var(--at-error,#f87171);display:flex;font-size:.9rem;gap:8px;margin-bottom:16px;padding:12px}.timeline-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.timeline-modal-button{border-radius:var(--at-border-radius-sm,4px);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:var(--at-hover-transition,all .2s)}.timeline-modal-button-secondary{background-color:var(--at-background-tertiary,#334155);border:1px solid var(--at-border-color,#475569);color:var(--at-text-primary,#e2e8f0)}.timeline-modal-button-secondary:hover{background-color:var(--at-background-secondary,#475569);border-color:var(--at-text-tertiary,#64748b)}.timeline-modal-button-primary{background-color:var(--at-accent-primary,#4d7dff);border:1px solid var(--at-accent-primary,#4d7dff);color:#fff}.timeline-modal-button-primary:hover{background-color:var(--at-accent-secondary,#6691ff);border-color:var(--at-accent-secondary,#6691ff)}.add-timeline-button{align-items:center;background-color:#6366f11a;border:1px solid #6366f133;border-radius:4px;color:#818cf8;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s}.add-timeline-button:hover{background-color:#6366f126;border-color:#6366f14d}.add-timeline-button svg{font-size:.9rem}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.timeline{display:flex;flex-direction:column;gap:2px;position:relative}.timeline:before{background:linear-gradient(180deg,#4f46e566,#4f46e533 50%,#4f46e51a);bottom:0;content:"";left:24px;position:absolute;top:0;width:2px;z-index:1}@media (max-width:768px){.timeline:before{left:18px}}[data-theme=light] .timeline-modal{background:var(--at-background-primary,#fff);border:1px solid var(--at-border-color,#e0e3e8);box-shadow:0 4px 20px #00000026}[data-theme=light] .timeline-modal,[data-theme=light] .timeline-modal-title{color:var(--at-text-primary,#1a1c1e)}[data-theme=light] .timeline-modal-description{color:var(--at-text-secondary,#454b54)}[data-theme=light] .timeline-modal-close{color:var(--at-text-tertiary,#6e7681)}[data-theme=light] .timeline-modal-close:hover{background-color:var(--at-background-tertiary,#0000000d);color:var(--at-text-primary,#1a1c1e)}[data-theme=light] .timeline-granularity-select{background-color:#fff;border-color:var(--at-border-color,#e0e3e8);color:var(--at-text-primary,#1a1c1e)}[data-theme=light] .timeline-modal-label{color:var(--at-text-secondary,#454b54)}[data-theme=light] .timeline-modal-input{background-color:#fff;border-color:var(--at-border-color,#e0e3e8);color:var(--at-text-primary,#1a1c1e)}[data-theme=light] .timeline-modal-help{color:var(--at-text-tertiary,#6e7681)}[data-theme=light] .timeline-modal-error{background-color:#ef44441a;border-color:#ef444433;color:#cb2431}[data-theme=light] .timeline-modal-button-secondary{background-color:#f0f2f5;border-color:#e0e3e8;color:var(--at-text-secondary,#454b54)}[data-theme=light] .timeline-modal-button-secondary:hover{background-color:#e0e3e8;border-color:#c0c3c8}[data-theme=light] .timeline-modal-button-primary{background-color:var(--at-accent-primary,#36f);border-color:var(--at-accent-primary,#36f);color:#fff}[data-theme=light] .timeline-modal-button-primary:hover{background-color:var(--at-accent-secondary,#4d7dff);border-color:var(--at-accent-secondary,#4d7dff)}:root{--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:150ms cubic-bezier(0.16,1,0.3,1);--transition-normal:250ms cubic-bezier(0.16,1,0.3,1);--transition-slow:350ms cubic-bezier(0.16,1,0.3,1);--z-index-dropdown:100;--z-index-sticky:1020;--z-index-fixed:1200;--z-index-header-light:900;--z-index-header-dark:1300;--z-index-modal-backdrop:1400;--z-index-modal:1450;--z-index-modal-content:1600;--z-index-popover:1700;--z-index-tooltip:1800}html body{font-size:var(--font-size-md)}html h2{font-size:var(--font-size-xl)!important}html h3{font-size:var(--font-size-lg)!important}html h4{font-size:var(--font-size-md)!important}html h5,html h6{font-size:var(--font-size-sm)!important}html a,html input,html p,html select,html textarea{font-size:var(--font-size-md)!important}html .action-button,html .primary-button,html button[type=submit]{font-size:var(--font-size-sm)!important;height:38px!important}html .loading-spinner{border-width:2px!important;height:32px!important;width:32px!important}html .loading-spinner.small{border-width:1.5px!important;height:14px!important;width:14px!important}html .nav-links i{font-size:1rem!important;height:34px!important;width:34px!important}html .weekday{font-size:.6rem!important}html .task-name{font-size:var(--font-size-md)!important}html .client-name{font-size:.9rem!important}html .project-name{font-size:.9rem!important}html .detail-label{font-size:.7rem!important}html .detail-value{font-size:.8rem!important}html .calendar-title{font-size:.9rem!important}html .sort-button{font-size:.8rem!important}html .alert,html .notification,html .status-message{font-size:var(--font-size-xs)!important}html .project-status-badge,html .status-badge{font-size:var(--font-size-xs)!important}html .calendar-body{padding-bottom:60%!important}html .form-group label,html .user-menu{font-size:var(--font-size-sm)!important}html button,html div,html li,html span{font-size:var(--font-size-md)!important}html .nav-links a{font-size:var(--font-size-sm)!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);font-family:var(--font-family-primary);font-size:var(--text-base);line-height:var(--leading-normal);min-height:100vh;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;line-height:1.25;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--primary-blue);font-weight:var(--font-weight-medium);padding-bottom:2px;position:relative;text-decoration:none;transition:all var(--transition-normal)}a:hover{color:var(--primary-hover)}a:after{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--border-radius-full);bottom:-1px;content:"";height:2px;left:0;opacity:.8;position:absolute;transition:width var(--transition-normal);width:0}a:hover:after{width:100%}.create-folder-dialog{z-index:1000}.explorer{position:relative;z-index:5}.sidebar{position:relative;z-index:10}.drag-over{transform:scale(1.02);transition:transform .1s ease}.folder-card,.project-card{transition:transform .1s ease;will-change:transform}.parent-folder-target{position:relative;z-index:4}.explorer-items{padding:0 var(--spacing-sm)}.light-mode{--card-gradient:linear-gradient(145deg,#fff,#f8fafc);--button-gradient:linear-gradient(180deg,#f8fafc,#f1f5f9);--button-gradient-hover:linear-gradient(180deg,#f1f5f9,#e2e8f0);--primary-gradient:linear-gradient(135deg,#82b0ec,#4338ca);--primary-gradient-hover:linear-gradient(135deg,#4338ca,#3730a3);--secondary-gradient:linear-gradient(135deg,#3730a3,#312e81);--success-gradient:linear-gradient(135deg,#10b981,#059669);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--warning-gradient:linear-gradient(135deg,#f97316,#ea580c);--info-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--accent-blue-light:#bfdbfe;--accent-blue-subtle:#dbeafe;--accent-purple-light:#d8b4fe;--accent-purple-subtle:#ede9fe;--accent-green-light:#86efac;--accent-green-subtle:#d1fae5;--accent-amber-light:#fcd34d;--accent-amber-subtle:#fef3c7;--accent-red-light:#fca5a5;--accent-red-subtle:#fee2e2;--accent-cyan-light:#67e8f9;--accent-cyan-subtle:#cffafe;--accent-rose-light:#fda4af;--accent-rose-subtle:#ffe4e6}.light-mode .card,.light-mode .modal{background-image:var(--card-gradient);border:1px solid var(--border-primary-light);box-shadow:0 4px 12px #00000014}.light-mode .card:hover,.light-mode .modal:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.light-mode .button,.light-mode button{background-image:var(--button-gradient);border:1px solid var(--border-secondary-light);box-shadow:0 1px 2px #0000000d}.light-mode .button:hover,.light-mode button:hover{background-image:var(--button-gradient-hover);box-shadow:0 2px 4px #00000014}.light-mode .primary-button,.light-mode button[type=submit]{background-image:var(--primary-gradient);border:none;color:var(--text-on-primary-light)}.light-mode .primary-button:hover,.light-mode button[type=submit]:hover{background-image:var(--primary-gradient-hover)}.light-mode .status-badge{border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);padding:4px 10px}.light-mode .status-urgent{background-color:var(--status-urgent-bg-light);color:var(--status-urgent-text-light)}.light-mode .status-completed{background-color:var(--status-completed-bg-light);color:var(--status-completed-text-light)}.light-mode input,.light-mode select,.light-mode textarea{background-color:var(--bg-secondary-light);border:1px solid var(--border-primary-light);border-radius:var(--border-radius-sm);color:var(--text-primary-light)}.light-mode input:focus,.light-mode select:focus,.light-mode textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f633;outline:none}.light-mode table{border-collapse:initial;border-spacing:0;width:100%}.light-mode th{border-bottom:2px solid var(--border-primary-light);color:var(--text-secondary-light)}.light-mode td{border-bottom:1px solid var(--border-secondary-light);color:var(--text-primary-light)}.light-mode tr:last-child td{border-bottom:none}.light-mode tr:hover{background-color:var(--bg-hover-light)}.light-mode ::-webkit-scrollbar{height:12px;width:12px}.light-mode ::-webkit-scrollbar-track{background:var(--bg-tertiary-light)}.light-mode ::-webkit-scrollbar-thumb{background-color:var(--neutral-300);border:3px solid var(--bg-tertiary-light);border-radius:10px}.light-mode ::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-400)}.light-mode a{color:var(--text-link);font-weight:var(--font-weight-medium);position:relative;text-decoration:none}.light-mode a:hover{color:var(--text-link-hover)}.light-mode a:after{background-color:var(--text-link);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transition:transform var(--transition-normal);width:100%}.light-mode header,.light-mode nav{background-color:var(--bg-secondary-light);box-shadow:var(--shadow-sm-light)}.light-mode .nav-link{color:var(--text-secondary-light)}.light-mode .nav-link:focus,.light-mode .nav-link:hover{background-color:var(--bg-hover-light);color:var(--text-primary-light)}.light-mode .nav-link.active{border-bottom:2px solid var(--primary-500);color:var(--primary-500);font-weight:var(--font-weight-semibold)}.workload-modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2147483200}.workload-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 25px 50px -12px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:95%}.workload-modal-header{align-items:center;background:linear-gradient(135deg,var(--primary-blue),#8b5cf6);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:20px 24px}.workload-modal-header h2{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.workload-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.workload-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.workload-modal-content{flex:1 1;overflow-y:auto;padding:20px}.workload-master-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.master-toggle-info{align-items:center;display:flex;gap:12px}.master-toggle-icon{font-size:1.5rem}.master-toggle-info strong{color:var(--text-primary);display:block;font-size:1rem}.master-toggle-info p{color:var(--text-tertiary);font-size:.85rem;margin:2px 0 0}.master-switch{display:inline-block;height:28px;position:relative;width:52px}.master-switch input{height:0;opacity:0;width:0}.master-slider{background-color:#374151;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.master-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.master-switch input:checked+.master-slider{background:linear-gradient(135deg,var(--primary-blue),#8b5cf6)}.master-switch input:checked+.master-slider:before{transform:translateX(24px)}.workload-disabled-notice{align-items:flex-start;background:linear-gradient(135deg,#64748b1a,#64748b0d);border:1px dashed var(--border-secondary);border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:20px}.disabled-notice-icon{font-size:2rem;line-height:1}.disabled-notice-content strong{color:var(--text-secondary);display:block;font-size:1rem;margin-bottom:6px}.disabled-notice-content p{color:var(--text-tertiary);font-size:.9rem;line-height:1.5;margin:0}.workload-crunch-banner{background:linear-gradient(135deg,#1e1b4b,#312e81);border:2px solid #4c1d95;border-radius:12px;margin-bottom:20px;padding:16px 20px}.crunch-mode-toggle{align-items:center;display:flex;gap:16px;justify-content:space-between}.crunch-mode-info{align-items:center;display:flex;gap:12px}.crunch-indicator-dot{animation:pulse 2s infinite}.crunch-mode-info strong{color:#f97316;display:block;font-size:1.1rem;letter-spacing:.5px}.crunch-mode-info p{color:#a5b4fc;font-size:.85rem;margin:2px 0 0}.crunch-controls{align-items:center;display:flex;gap:12px}.crunch-switch{display:inline-block;height:28px;position:relative;width:56px}.crunch-switch input{height:0;opacity:0;width:0}.crunch-slider{background-color:#374151;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.crunch-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.crunch-switch input:checked+.crunch-slider{background:linear-gradient(135deg,#f97316,#dc2626);box-shadow:0 0 20px #f9731680}.crunch-switch input:checked+.crunch-slider:before{transform:translateX(28px)}.crunch-hours-input{align-items:center;background:#0000004d;border-radius:8px;display:flex;gap:6px;padding:6px 10px}.crunch-hours-input input{background:#0000;border:none;color:#f97316;font-size:1.2rem;font-weight:700;text-align:center;width:50px}.crunch-hours-input span{color:#a5b4fc;font-size:.85rem}.workload-tabs{border-bottom:2px solid var(--border-secondary);display:flex;gap:8px;margin-bottom:20px;padding-bottom:8px}.workload-tab{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.workload-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.workload-tab.active{background:var(--bg-tertiary);border-bottom:2px solid var(--primary-blue);color:var(--primary-blue);margin-bottom:-10px}.workload-section{animation:fadeIn .2s ease}.workload-section h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 8px}.workload-hint{color:var(--text-tertiary);font-size:.9rem;margin:0 0 16px}.weekly-availability-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.weekly-day-row{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.weekly-day-row:hover{border-color:var(--primary-blue);transform:translateX(4px)}.weekly-day-row.off-day{background:repeating-linear-gradient(45deg,var(--bg-tertiary),var(--bg-tertiary) 8px,var(--bg-secondary) 8px,var(--bg-secondary) 16px);opacity:.6}.weekly-day-label{color:var(--text-primary);font-weight:600;min-width:100px}.weekly-hours-input{align-items:center;display:flex;gap:8px}.weekly-hours-input input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:600;padding:8px 12px;text-align:center;width:70px}.weekly-hours-input input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #6366f133;outline:none}.weekly-hours-input input:disabled{cursor:not-allowed;opacity:.5}.hours-suffix{color:var(--text-tertiary);font-size:.9rem}.crunch-override-badge{background:linear-gradient(135deg,#f97316,#dc2626);border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.overload-threshold-section{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;padding:16px 20px}.overload-threshold-section label{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:8px;margin-bottom:12px}.threshold-input-group{align-items:center;display:flex;gap:16px}.threshold-input-group input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#4ade80,#fbbf24 50%,#ef4444);border-radius:4px;flex:1 1;height:8px;outline:none}.threshold-input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:20px;width:20px}.threshold-value{color:var(--primary-blue);font-size:1.2rem;font-weight:700;min-width:60px;text-align:right}.threshold-hint{color:var(--text-tertiary);font-size:.85rem;margin:12px 0 0}.workload-calendar{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;margin-bottom:20px;padding:16px}.workload-calendar-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.cal-nav-btn{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1.2rem;height:32px;transition:all .2s;width:32px}.cal-nav-btn:hover{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.cal-month-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;min-width:160px;text-align:center}.cal-today-btn{background:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s}.cal-today-btn:hover{background:var(--primary-hover)}.workload-calendar-weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.cal-weekday{color:var(--text-tertiary);font-size:.8rem;font-weight:600;padding:8px 0;text-align:center}.workload-calendar-days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.cal-day{align-items:center;aspect-ratio:1;background:var(--bg-secondary);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:48px;position:relative;transition:all .2s}.cal-day:hover{background:var(--bg-hover);border-color:var(--primary-blue);transform:scale(1.05)}.cal-day.other-month{opacity:.4}.cal-day.today{background:#6366f11a;border-color:var(--primary-blue)}.cal-day.off-day{background:repeating-linear-gradient(45deg,var(--bg-secondary),var(--bg-secondary) 4px,var(--bg-tertiary) 4px,var(--bg-tertiary) 8px)}.cal-day.has-override{border-color:#f97316;box-shadow:0 0 8px #f973164d}.cal-day.selected{background:#6366f133;border-color:var(--primary-blue);transform:scale(1.08)}.cal-day-number{color:var(--text-primary);font-size:.9rem;font-weight:600}.cal-day-hours{color:var(--text-tertiary);font-size:.7rem}.cal-override-dot{color:#f97316;font-size:.5rem;position:absolute;right:4px;top:4px}.date-edit-popup{animation:slideUp .2s ease;background:var(--bg-secondary);border:2px solid var(--primary-blue);border-radius:12px;margin-top:16px;padding:16px}.date-edit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.date-edit-header strong{color:var(--text-primary)}.override-badge{background:#f97316;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:3px 8px}.date-edit-body{align-items:center;display:flex;gap:12px;margin-bottom:16px}.date-edit-body label{color:var(--text-secondary);font-weight:500}.date-edit-body input{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:1.1rem;font-weight:600;padding:8px 12px;text-align:center;width:80px}.date-edit-body input:focus{border-color:var(--primary-blue);outline:none}.date-edit-body span{color:var(--text-tertiary)}.date-edit-actions{display:flex;gap:8px;justify-content:flex-end}.date-edit-actions button{border-radius:8px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-clear{background:#fee2e2;border:none;color:#dc2626}.btn-clear:hover{background:#fecaca}.btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-save{background:var(--primary-blue);border:none;color:#fff}.btn-save:hover{background:var(--primary-hover)}.overrides-list{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;padding:16px}.overrides-list h4{color:var(--text-primary);font-size:.95rem;margin:0 0 12px}.overrides-grid{display:flex;flex-wrap:wrap;gap:8px}.override-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;display:flex;gap:8px;padding:6px 10px}.override-item.more{background:#0000;border:none;color:var(--text-tertiary);font-style:italic}.override-date{color:var(--text-primary);font-weight:500}.override-hours{color:var(--primary-blue);font-weight:600}.override-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.1rem;padding:0 4px;transition:color .2s}.override-remove:hover{color:#ef4444}.difficulty-rates-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.difficulty-rate-row{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-secondary);border-radius:12px;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s}.difficulty-rate-row:hover{border-color:var(--diff-color,var(--primary-blue));transform:translateX(4px)}.difficulty-rate-row.has-custom{border-left:4px solid var(--diff-color,var(--primary-blue))}.difficulty-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.difficulty-label{color:var(--text-primary);font-weight:600}.difficulty-wph{color:var(--text-tertiary);font-size:.75rem}.custom-badge{background:var(--diff-color,var(--primary-blue));border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.difficulty-rate-input{align-items:center;display:flex;gap:8px}.difficulty-rate-input input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:600;padding:8px 12px;text-align:center;width:80px}.difficulty-rate-input input:focus{border-color:var(--diff-color,var(--primary-blue));box-shadow:0 0 0 3px #6366f133;outline:none}.rate-suffix{color:var(--text-tertiary);font-size:.85rem;white-space:nowrap}.reset-rate-btn{background:none;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:all .2s}.reset-rate-btn:hover{background:var(--bg-hover);color:var(--primary-blue)}.difficulty-explanation{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;padding:16px 20px}.difficulty-explanation h4{color:var(--text-primary);margin:0 0 8px}.difficulty-explanation p{color:var(--text-secondary);font-size:.9rem;margin:0 0 12px}.difficulty-explanation ul{margin:0;padding-left:20px}.difficulty-explanation li{color:var(--text-secondary);font-size:.9rem;margin:4px 0}.difficulty-explanation li strong{color:var(--text-primary)}.workload-modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;padding:16px 24px}.workload-btn-close{background:var(--primary-blue);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:all .2s}.workload-btn-close:hover{background:var(--primary-hover);transform:translateY(-2px)}.dark-mode .workload-crunch-banner{border-color:#7c3aed}.dark-mode .crunch-mode-info strong{color:#fb923c}.dark-mode .date-edit-popup{background:var(--bg-tertiary)}.dark-mode .btn-clear{background:#dc262633;color:#f87171}.dark-mode .btn-clear:hover{background:#dc26264d}@media (max-width:640px){.workload-modal{margin:10px;max-height:95vh}.workload-modal-content,.workload-modal-header{padding:16px}.crunch-mode-toggle{align-items:flex-start;flex-direction:column;gap:12px}.crunch-controls{justify-content:space-between;width:100%}.workload-tabs{overflow-x:auto;padding-bottom:12px}.workload-tab{font-size:.85rem;padding:8px 12px;white-space:nowrap}.weekly-day-row{flex-wrap:wrap;gap:8px}.weekly-day-label{min-width:80px}.cal-day{min-height:40px}.cal-day-number{font-size:.8rem}.cal-day-hours{font-size:.65rem}.difficulty-rate-row{flex-wrap:wrap;gap:10px}}.workload-indicator{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:10px;display:flex;gap:12px;margin-top:12px;padding:12px 16px}.workload-indicator.overloaded{animation:shake .5s ease-in-out;background:#ef44441a;border-color:#ef4444}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.workload-icon{font-size:1.5rem}.workload-details{flex:1 1}.workload-estimate{color:var(--text-primary);font-size:.95rem;font-weight:600}.workload-hours{color:var(--text-secondary);font-size:.85rem}.workload-warning{align-items:center;color:#ef4444;display:flex;font-size:.85rem;font-weight:500;gap:4px}.workload-dismiss{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.2rem;padding:4px;transition:color .2s}.workload-dismiss:hover{color:var(--text-primary)}.crunch-mode-badge{align-items:center;background:linear-gradient(135deg,#f97316,#dc2626);border:none;border-radius:20px;box-shadow:0 2px 6px #f973164d;color:#fff;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.crunch-mode-badge:hover{box-shadow:0 3px 10px #f9731666;transform:scale(1.05)}.tab-badge{background:var(--primary-blue);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.holiday-form{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;margin-bottom:24px;padding:20px}.holiday-form-header{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:16px}.holiday-form-row{margin-bottom:16px}.holiday-form-row label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.holiday-form-row input[type=text]{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:10px 14px;width:100%}.holiday-form-row input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #6366f133;outline:none}.holiday-form-dates{align-items:flex-end;display:flex;gap:12px;margin-bottom:16px}.holiday-date-field{flex:1 1}.holiday-date-field label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.holiday-date-field input[type=date]{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:10px 14px;width:100%}.holiday-date-field input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #6366f133;outline:none}.holiday-date-separator{color:var(--text-tertiary);font-weight:500;padding-bottom:12px}.holiday-duration{background:#6366f11a;border-radius:6px;color:var(--primary-blue);font-size:.9rem;font-weight:600;padding:8px;text-align:center}.holiday-duration,.holiday-type-selector{margin-bottom:16px}.holiday-type-selector>label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:10px}.holiday-type-options{display:flex;gap:12px}.holiday-type-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-secondary);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s}.holiday-type-btn:hover{border-color:var(--primary-blue);transform:translateY(-2px)}.holiday-type-btn.active{background:#6366f11a;border-color:var(--primary-blue);box-shadow:0 4px 12px #6366f133}.holiday-type-icon{border-radius:50%;height:32px;width:32px}.holiday-type-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.holiday-type-desc{color:var(--text-tertiary);font-size:.8rem}.holiday-hours-input{animation:slideUp .2s ease;margin-bottom:16px}.holiday-hours-input>label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.holiday-hours-control{align-items:center;display:flex;gap:10px}.holiday-hours-control input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:1.1rem;font-weight:600;padding:10px 14px;text-align:center;width:80px}.holiday-hours-control input:focus{border-color:var(--primary-blue);outline:none}.holiday-hours-control span{color:var(--text-tertiary);font-size:.9rem}.holiday-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.holiday-form-actions button{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.holiday-form-actions .btn-save:disabled{cursor:not-allowed;opacity:.5}.holidays-list{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;padding:16px 20px}.holidays-list h4{color:var(--text-primary);font-size:1rem;margin:0 0 16px}.holidays-grid{display:flex;flex-direction:column;gap:10px}.holiday-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:10px;display:grid;gap:12px;grid-template-columns:1fr auto auto;padding:14px 16px;transition:all .2s}.holiday-item:hover{border-color:var(--primary-blue)}.holiday-item.past{opacity:.6}.holiday-item.active{background:#6b9b7a1a;border-color:#6b9b7a}.holiday-item-header{align-items:center;display:flex;gap:10px;grid-column:1/-1}.holiday-type-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.holiday-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.holiday-active-badge{background:#6b9b7a;border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.holiday-item-dates{color:var(--text-secondary);font-size:.85rem}.holiday-item-info{align-items:center;display:flex;gap:16px}.holiday-type-label-small{background:var(--bg-tertiary);border-radius:6px;padding:3px 8px}.holiday-duration-label,.holiday-type-label-small{color:var(--text-tertiary);font-size:.8rem}.holiday-item-actions{align-items:center;display:flex;gap:4px}.holiday-edit-btn,.holiday-remove-btn{background:none;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;font-size:1rem;padding:6px 8px;transition:all .2s}.holiday-edit-btn:hover{background:var(--bg-hover);color:var(--primary-blue)}.holiday-remove-btn:hover{background:#ef44441a;color:#ef4444}.holidays-empty{color:var(--text-tertiary);padding:32px 20px;text-align:center}.holidays-empty p{font-size:.95rem;margin:0}.holidays-empty-hint{font-size:.85rem!important;margin-top:8px!important}.cal-day.has-holiday{background:#c9a66b26;border-color:#c9a66b}.cal-holiday-dot{font-size:.55rem;position:absolute;right:4px;top:4px}.dark-mode .holiday-form{background:var(--bg-secondary)}.dark-mode .holiday-type-btn{background:var(--bg-tertiary)}.dark-mode .holiday-type-btn.active{background:#6366f126}.dark-mode .holiday-item{background:var(--bg-tertiary)}.dark-mode .holiday-item.active{background:#6b9b7a26}@media (max-width:640px){.holiday-form-dates{align-items:stretch;flex-direction:column}.holiday-date-separator{padding:4px 0;text-align:center}.holiday-type-options{flex-direction:column}.holiday-item{grid-template-columns:1fr}.holiday-item-actions{justify-content:flex-end}}.light-mode,:root{--popup-bg:#fff;--popup-text:#333;--popup-text-secondary:#4b5563;--popup-text-tertiary:#6b7280;--popup-border:#f0f0f0;--popup-section-bg:#f9fafb;--popup-highlight:#3b82f6;--popup-highlight-hover:#2563eb;--popup-overlay:#00000080;--popup-shadow:0 10px 30px #0003;--popup-input-bg:#f3f4f6;--popup-input-border:#e5e7eb;--status-completed-bg:#22c55e26;--status-completed-text:#22c55e;--status-in-progress-bg:#3b82f626;--status-in-progress-text:#3b82f6;--status-pending-bg:#939daf26;--status-pending-text:#6b7280;--status-urgent-bg:#ef444426;--status-urgent-text:#ef4444;--status-default-bg:#6b728026;--status-default-text:#6b7280;--priority-high-bg:#ef444426;--priority-high-text:#ef4444;--priority-medium-bg:#f59e0b26;--priority-medium-text:#f59e0b;--priority-low-bg:#22c55e26;--priority-low-text:#22c55e;--project-name-color:#82b0ec;--revenue-color:#047857;--cancel-btn-text:#ef4444;--cancel-btn-border:#ef4444;--cancel-btn-hover-bg:#ef44441a;--email-btn-bg:#f3f4f6;--email-btn-text:#4b5563;--email-btn-border:#e5e7eb;--email-btn-hover-bg:#e5e7eb;--edit-btn-bg:#3b82f6;--edit-btn-text:#fff;--edit-btn-border:#3b82f6;--edit-btn-hover-bg:#2563eb;--complete-btn-bg:#22c55e;--complete-btn-text:#fff;--complete-btn-border:#22c55e;--complete-btn-hover-bg:#16a34a;--view-email-popup-bg:#e3f2fd;--view-email-popup-text:#1976d2;--view-email-popup-border:#90caf9;--view-email-popup-hover-bg:#cce7fa;--query-sheet-popup-bg:#4f46e514;--query-sheet-popup-text:#4338ca;--query-sheet-popup-border:#4f46e533;--query-sheet-popup-hover-bg:#4f46e51f;--style-guide-popup-bg:#c026d314;--style-guide-popup-text:#a21caf;--style-guide-popup-border:#c026d333;--style-guide-popup-hover-bg:#c026d31f}@media (prefers-color-scheme:dark){:root{--popup-bg:#1f2937;--popup-text:#f3f4f6;--popup-text-secondary:#d1d5db;--popup-text-tertiary:#9ca3af;--popup-border:#374151;--popup-section-bg:#111827;--popup-highlight:#3b82f6;--popup-highlight-hover:#60a5fa;--popup-overlay:#000000b3;--popup-shadow:0 10px 30px #00000080;--popup-input-bg:#374151;--popup-input-border:#4b5563;--status-completed-bg:#22c55e33;--status-completed-text:#4ade80;--status-in-progress-bg:#3b82f633;--status-in-progress-text:#60a5fa;--status-pending-bg:#9ca3af33;--status-pending-text:#9ca3af;--status-urgent-bg:#ef444433;--status-urgent-text:#f87171;--status-default-bg:#9ca3af33;--status-default-text:#9ca3af;--priority-high-bg:#ef444433;--priority-high-text:#f87171;--priority-medium-bg:#f59e0b33;--priority-medium-text:#fbbf24;--priority-low-bg:#22c55e33;--priority-low-text:#4ade80;--project-name-color:#818cf8;--revenue-color:#34d399;--cancel-btn-text:#f87171;--cancel-btn-border:#f87171;--cancel-btn-hover-bg:#ef444433;--email-btn-bg:#374151;--email-btn-text:#d1d5db;--email-btn-border:#4b5563;--email-btn-hover-bg:#4b5563;--edit-btn-bg:#3b82f6;--edit-btn-text:#fff;--edit-btn-border:#3b82f6;--edit-btn-hover-bg:#60a5fa;--complete-btn-bg:#22c55e;--complete-btn-text:#fff;--complete-btn-border:#22c55e;--complete-btn-hover-bg:#4ade80;--view-email-popup-bg:#2a3f5a;--view-email-popup-text:#90caf9;--view-email-popup-border:#1976d2;--view-email-popup-hover-bg:#3b5374;--query-sheet-popup-bg:#818cf829;--query-sheet-popup-text:#a5b4fc;--query-sheet-popup-border:#818cf84d;--query-sheet-popup-hover-bg:#818cf83d;--style-guide-popup-bg:#d8b4fe29;--style-guide-popup-text:#e9d5ff;--style-guide-popup-border:#d8b4fe4d;--style-guide-popup-hover-bg:#d8b4fe3d}}.task-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:var(--popup-overlay);contain:layout style paint;display:flex;height:100%;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.task-popup{animation:slideUp .3s ease-out;background-color:var(--popup-bg);border-radius:12px;box-shadow:var(--popup-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:750px;overflow:hidden;width:90%}.task-popup-header{align-items:center;border-bottom:1px solid var(--popup-border);display:flex;justify-content:space-between;padding:20px 24px}.task-popup-title{align-items:center;display:flex;gap:10px;max-width:80%}.task-emoji{font-size:24px;line-height:1}.task-popup-title h2{color:var(--popup-text);font-size:1.6rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-badge{border-radius:4px;font-size:.75rem;font-weight:600;margin-left:8px;padding:4px 8px;text-transform:uppercase}.priority-badge.high{background-color:var(--priority-high-bg);color:var(--priority-high-text)}.priority-badge.medium{background-color:var(--priority-medium-bg);color:var(--priority-medium-text)}.priority-badge.low{background-color:var(--priority-low-bg);color:var(--priority-low-text)}.task-popup-close-btn{background:#0000;border:none;color:var(--popup-text-tertiary);cursor:pointer;font-size:28px;line-height:1;margin:0;padding:0;transition:color .2s}.task-popup-close-btn:hover{color:var(--popup-text)}.task-status-bar{align-items:center;background-color:var(--popup-section-bg);border-bottom:1px solid var(--popup-border);display:flex;justify-content:space-between;padding:12px 24px}.task-deadline{display:flex;flex-direction:column;gap:4px}.deadline-date{color:var(--popup-text);font-weight:500}.deadline-countdown{color:var(--popup-text-tertiary);font-size:.85rem}.task-status{border-radius:4px;font-size:.85rem;font-weight:600;padding:5px 10px}.status-completed{background-color:var(--status-completed-bg);color:var(--status-completed-text)}.status-in-progress{background-color:var(--status-in-progress-bg);color:var(--status-in-progress-text)}.status-pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.status-urgent{background-color:var(--status-urgent-bg);color:var(--status-urgent-text)}.status-default{background-color:var(--status-default-bg);color:var(--status-default-text)}.task-tabs{background-color:var(--popup-bg);border-bottom:1px solid var(--popup-border);display:flex;padding:0 24px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--popup-text-tertiary);cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .2s}.tab-btn.active,.tab-btn:hover{color:var(--popup-highlight)}.tab-btn.active{border-bottom-color:var(--popup-highlight)}.tab-content{background-color:var(--popup-bg);flex:1 1;overflow-y:auto;padding:24px}.details-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{color:var(--popup-text-tertiary);font-size:.85rem;font-weight:500}.detail-value{color:var(--popup-text);font-size:1rem;font-weight:500}.project-name{color:var(--project-name-color)}.revenue{color:var(--revenue-color);font-weight:600}.task-description{border-top:1px solid var(--popup-border);margin-top:20px;padding-top:20px}.task-description h4{color:var(--popup-text);font-size:1rem;font-weight:600;margin:0 0 12px}.task-description p{margin:0}.task-description p,.task-notes{color:var(--popup-text-secondary);line-height:1.6;white-space:pre-line}.dependencies-list{list-style:none;margin:0;padding:0}.dependency-item{align-items:center;border-bottom:1px solid var(--popup-border);display:flex;justify-content:space-between;padding:12px 16px}.dependency-item:last-child{border-bottom:none}.dependency-name{color:var(--popup-text);font-weight:500}.dependency-status{border-radius:4px;font-size:.85rem;font-weight:600;padding:4px 8px}.dependency-status.completed{background-color:var(--status-completed-bg);color:var(--status-completed-text)}.dependency-status.pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.task-popup-actions{background-color:var(--popup-section-bg);border-top:1px solid var(--popup-border);display:flex;justify-content:space-between;padding:16px 24px}.action-buttons-left,.action-buttons-right{display:flex;gap:12px}.action-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.cancel-btn{background-color:initial;border:1px solid var(--cancel-btn-border);color:var(--cancel-btn-text)}.cancel-btn:hover{background-color:var(--cancel-btn-hover-bg)}.edit-btn{background-color:var(--edit-btn-bg);border:1px solid var(--edit-btn-border);color:var(--edit-btn-text)}.edit-btn:hover{background-color:var(--edit-btn-hover-bg)}.complete-btn{background-color:var(--complete-btn-bg);border:1px solid var(--complete-btn-border);color:var(--complete-btn-text)}.complete-btn:hover{background-color:var(--complete-btn-hover-bg)}.reactivate-btn{background-color:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.reactivate-btn:hover{background-color:#f59e0b33}.view-email-btn-popup{background-color:var(--view-email-popup-bg);border-color:var(--view-email-popup-border);color:var(--view-email-popup-text)}.view-email-btn-popup:hover{background-color:var(--view-email-popup-hover-bg)}.query-sheet-btn-popup{background-color:var(--query-sheet-popup-bg);border-color:var(--query-sheet-popup-border);color:var(--query-sheet-popup-text)}.query-sheet-btn-popup:hover{background-color:var(--query-sheet-popup-hover-bg)}.style-guide-btn-popup{background-color:var(--style-guide-popup-bg);border-color:var(--style-guide-popup-border);color:var(--style-guide-popup-text)}.style-guide-btn-popup:hover{background-color:var(--style-guide-popup-hover-bg)}.project-links-section{border-top:1px solid var(--popup-border);margin-top:24px;padding-top:20px}.project-links-header{margin-bottom:16px}.project-links-title{align-items:center;color:var(--popup-text);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.project-links-buttons{display:flex;flex-wrap:wrap;gap:10px}.project-link-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.project-link-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.project-link-btn.query-sheet-btn-popup{background-color:#4f46e50d;border-color:#4f46e526;color:#4338ca}.project-link-btn.query-sheet-btn-popup:hover{background-color:#4f46e514}.project-link-btn.style-guide-btn-popup{background-color:#c026d30d;border-color:#c026d326;color:#a21caf}.project-link-btn.style-guide-btn-popup:hover{background-color:#c026d314}.project-link-btn.custom-link-btn-popup{background-color:#22c55e0d;border-color:#22c55e26;color:#059669}.project-link-btn.custom-link-btn-popup:hover{background-color:#22c55e14}@media (prefers-color-scheme:dark){.project-links-section{border-top-color:#374151}.project-links-title{color:var(--popup-text)}.project-link-btn:hover{box-shadow:0 2px 8px #0000004d}.project-link-btn.query-sheet-btn-popup{background-color:#818cf81a;border-color:#818cf833;color:#a5b4fc}.project-link-btn.query-sheet-btn-popup:hover{background-color:#818cf826}.project-link-btn.style-guide-btn-popup{background-color:#d8b4fe1a;border-color:#d8b4fe33;color:#e9d5ff}.project-link-btn.style-guide-btn-popup:hover{background-color:#d8b4fe26}.project-link-btn.custom-link-btn-popup{background-color:#34d3991a;border-color:#34d39933;color:#6ee7b7}.project-link-btn.custom-link-btn-popup:hover{background-color:#34d39926}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.task-popup{max-height:90vh;width:95%}.details-grid{grid-template-columns:1fr}.task-popup-title h2{font-size:1.4rem}.action-buttons-left,.action-buttons-right{flex-wrap:wrap}}@media (max-width:480px){.task-status-bar{align-items:flex-start;flex-direction:column;gap:10px}.task-popup-actions{flex-direction:column;gap:12px}.action-buttons-left,.action-buttons-right{justify-content:space-between;width:100%}.action-btn{flex:1 1;font-size:.9rem;padding:10px 8px;text-align:center}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999}.confirmation-modal{animation:slideIn .2s ease-out;background:var(--bg-secondary,#1e293b);border:1px solid var(--border-primary,#334155);border-radius:12px;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a);color:var(--text-primary,#f1f5f9);display:flex;flex-direction:column;max-width:400px;overflow:hidden;width:90%}.confirmation-modal-header{background:var(--bg-tertiary,#334155);border-bottom:1px solid var(--border-primary,#475569);padding:20px 24px 16px}.confirmation-modal-header h3{color:var(--primary-blue,#6366f1);font-size:1.25rem;font-weight:600;margin:0}.confirmation-modal-content{display:flex;flex-direction:column;gap:12px;padding:24px}.confirmation-modal-content p{color:var(--text-primary,#f1f5f9);line-height:1.5;margin:0}.confirmation-task-name{color:var(--primary-blue,#6366f1);font-size:1.1rem;font-weight:600}.confirmation-warning{color:var(--text-secondary,#94a3b8);font-size:.9rem;font-style:italic}.confirmation-modal-actions{background:var(--bg-tertiary,#334155);border-top:1px solid var(--border-primary,#475569);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.confirmation-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:100px;outline:none;padding:10px 20px;transition:all .2s ease}.cancel-confirmation-btn{background:var(--bg-hover,#475569);border:1px solid var(--border-secondary,#64748b);color:var(--text-primary,#f1f5f9)}.cancel-confirmation-btn:hover{background:var(--bg-secondary,#1e293b);border-color:var(--border-primary,#334155);transform:translateY(-1px)}.confirm-cancel-btn{background:#ef4444;border:1px solid #dc2626;color:#fff}.confirm-cancel-btn:hover{background:#dc2626;border-color:#b91c1c;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}:root[data-theme=light] .confirmation-modal,body:not(.dark-mode) .confirmation-modal{background:#fff;border-color:#e2e8f0;color:#1e293b}:root[data-theme=light] .confirmation-modal-header,body:not(.dark-mode) .confirmation-modal-header{background:#f8fafc;border-bottom-color:#e2e8f0}:root[data-theme=light] .confirmation-modal-header h3,body:not(.dark-mode) .confirmation-modal-header h3{color:#6366f1}:root[data-theme=light] .confirmation-modal-content p,body:not(.dark-mode) .confirmation-modal-content p{color:#1e293b}:root[data-theme=light] .confirmation-task-name,body:not(.dark-mode) .confirmation-task-name{color:#6366f1}:root[data-theme=light] .confirmation-warning,body:not(.dark-mode) .confirmation-warning{color:#64748b}:root[data-theme=light] .confirmation-modal-actions,body:not(.dark-mode) .confirmation-modal-actions{background:#f8fafc;border-top-color:#e2e8f0}:root[data-theme=light] .cancel-confirmation-btn,body:not(.dark-mode) .cancel-confirmation-btn{background:#f1f5f9;border-color:#cbd5e1;color:#475569}:root[data-theme=light] .cancel-confirmation-btn:hover,body:not(.dark-mode) .cancel-confirmation-btn:hover{background:#e2e8f0;border-color:#94a3b8}.task-popup-open .cr-modal,.task-popup-open .potential-tasks-panel .time-dropdown,.task-popup-open .potential-tasks-panel [class*=dropdown],.task-popup-open .potential-tasks-panel [class*=select],.task-popup-open .potential-tasks-panel button,.task-popup-open .potential-tasks-panel input,.task-popup-open .potential-tasks-panel select,.task-popup-open .time-dropdown{position:relative!important;z-index:1!important}.email-popup-open .task-popup-overlay{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.confirmation-modal{margin:20px;width:95%}.confirmation-modal-header{padding:16px 20px 12px}.confirmation-modal-content{padding:20px}.confirmation-modal-actions{flex-direction:column;gap:8px;padding:12px 20px 16px}.confirmation-btn{width:100%}}.complete-all-btn{background:var(--complete-btn-bg);border-color:var(--complete-btn-border);color:var(--complete-btn-text)}.complete-all-btn:hover{background:var(--complete-btn-hover-bg)}.remove-duplicates-btn{background:#f59e0b;border-color:#f59e0b;color:#fff}.remove-duplicates-btn:hover{background:#d97706;border-color:#d97706}@media (prefers-color-scheme:dark){.complete-all-btn{background:#22c55e;border-color:#22c55e;color:#fff}.complete-all-btn:hover{background:#16a34a}.remove-duplicates-btn{background:#f59e0b;border-color:#f59e0b;color:#000}.remove-duplicates-btn:hover{background:#fbbf24;border-color:#fbbf24}}:root[data-theme=light] .project-links-section,body:not(.dark-mode) .project-links-section{border-top-color:#f0f0f0}:root[data-theme=light] .project-links-title,body:not(.dark-mode) .project-links-title{color:var(--popup-text)}:root[data-theme=light] .project-link-btn:hover,body:not(.dark-mode) .project-link-btn:hover{box-shadow:0 2px 8px #0000001a}:root[data-theme=light] .project-link-btn.query-sheet-btn-popup,body:not(.dark-mode) .project-link-btn.query-sheet-btn-popup{background-color:#4f46e50d;border-color:#4f46e526;color:#4338ca}:root[data-theme=light] .project-link-btn.query-sheet-btn-popup:hover,body:not(.dark-mode) .project-link-btn.query-sheet-btn-popup:hover{background-color:#4f46e514}:root[data-theme=light] .project-link-btn.style-guide-btn-popup,body:not(.dark-mode) .project-link-btn.style-guide-btn-popup{background-color:#c026d30d;border-color:#c026d326;color:#a21caf}:root[data-theme=light] .project-link-btn.style-guide-btn-popup:hover,body:not(.dark-mode) .project-link-btn.style-guide-btn-popup:hover{background-color:#c026d314}:root[data-theme=light] .project-link-btn.custom-link-btn-popup,body:not(.dark-mode) .project-link-btn.custom-link-btn-popup{background-color:#22c55e0d;border-color:#22c55e26;color:#059669}:root[data-theme=light] .project-link-btn.custom-link-btn-popup:hover,body:not(.dark-mode) .project-link-btn.custom-link-btn-popup:hover{background-color:#22c55e14}:root[data-theme=light] .complete-all-btn,body:not(.dark-mode) .complete-all-btn{background:#22c55e;border-color:#22c55e;color:#fff}:root[data-theme=light] .complete-all-btn:hover,body:not(.dark-mode) .complete-all-btn:hover{background:#16a34a}:root[data-theme=light] .remove-duplicates-btn,body:not(.dark-mode) .remove-duplicates-btn{background:#f59e0b;border-color:#f59e0b;color:#fff}:root[data-theme=light] .remove-duplicates-btn:hover,body:not(.dark-mode) .remove-duplicates-btn:hover{background:#d97706;border-color:#d97706}@media (max-width:768px){.project-links-buttons{flex-direction:column}.project-link-btn{justify-content:center;width:100%}}@media (max-width:480px){.project-links-section{margin-top:20px;padding-top:16px}.project-links-title{font-size:.95rem;margin-bottom:12px}.project-links-buttons{gap:8px}.project-link-btn{font-size:.85rem;padding:8px 12px}}.progress-slider-section{background:var(--popup-section-bg);border:1px solid var(--popup-border);border-radius:10px;margin-bottom:16px;padding:16px}.progress-slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-label{color:var(--popup-text);font-size:.9rem;font-weight:600}.progress-value{color:#ef4444;font-size:1.1rem;font-weight:700;transition:color .3s ease}.progress-value.halfway{color:#eab308}.progress-value.almost{color:#84cc16}.progress-value.complete{color:#22c55e}.progress-saving{animation:pulse 1s ease-in-out infinite;color:var(--popup-text-tertiary);font-size:.75rem;font-weight:400}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.progress-slider-container{position:relative}.progress-slider-track{background:#0000001a;border-radius:6px;height:12px;overflow:visible;position:relative}.progress-slider-fill{background:linear-gradient(90deg,#ef4444,#f97316 25%,#eab308 50%,#84cc16 75%,#22c55e);background-position:calc((100 - var(--progress-percent, 0))*1%) 0;background-size:400% 100%;border-radius:6px;box-shadow:0 2px 8px #00000026;height:100%;left:0;position:absolute;top:0;transition:width .2s ease,background-position .3s ease}.progress-slider-input{appearance:none;background:#0000;cursor:pointer;height:24px;left:0;margin:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}.progress-slider-input::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid var(--progress-color,#3b82f6);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:grab;height:22px;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;width:22px}.progress-slider-input::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #00000040;transform:scale(1.15)}.progress-slider-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.progress-slider-input::-moz-range-thumb{background:#fff;border:3px solid var(--progress-color,#3b82f6);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:grab;height:22px;-moz-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;width:22px}.progress-slider-input::-moz-range-thumb:hover{transform:scale(1.15)}.progress-slider-input:focus{outline:none}.progress-slider-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #3b82f633,0 2px 8px #0003}.progress-slider-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0 4px}.progress-slider-labels span{color:var(--popup-text-tertiary);font-size:.7rem;opacity:.7}.progress-hint{animation:fadeIn .3s ease;background:#3b82f61a;border-radius:6px;color:var(--popup-text-secondary);font-size:.85rem;margin-top:12px;padding:8px 12px;text-align:center}.progress-hint.complete{background:#22c55e26;color:#22c55e;font-weight:500}.dark-mode .progress-slider-section{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .progress-slider-track{background:#ffffff1a}.dark-mode .progress-slider-input::-webkit-slider-thumb{background:#1f2937;border-color:var(--progress-color,#60a5fa)}.dark-mode .progress-slider-input::-moz-range-thumb{background:#1f2937}.dark-mode .progress-hint{background:#3b82f626}.dark-mode .progress-hint.complete{background:#22c55e33;color:#4ade80}@media (max-width:480px){.progress-slider-section{padding:12px}.progress-slider-input::-webkit-slider-thumb{height:28px;width:28px}.progress-slider-labels span{font-size:.65rem}}.priority-selector-section{align-items:center;background:var(--popup-section-bg);border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.priority-label{color:var(--popup-text-secondary);font-size:.85rem;font-weight:500;white-space:nowrap}.priority-buttons{display:flex;flex-wrap:wrap;gap:6px}.priority-btn{background:var(--popup-bg);border:1px solid var(--popup-border);border-radius:6px;color:var(--popup-text-secondary);cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.priority-btn:hover{background:var(--popup-input-bg)}.priority-btn.active{font-weight:600}.priority-btn.priority-high.active{background:#c45c5c26;border-color:#c45c5c;color:#c45c5c}.priority-btn.priority-backburner.active{background:#78787826;border-color:#888;color:#888}.dark-mode .priority-selector-section{background:#ffffff0d}.dark-mode .priority-btn{background:#ffffff0d;border-color:#ffffff1a;color:var(--popup-text-secondary)}.dark-mode .priority-btn:hover{background:#ffffff1a}.dark-mode .priority-btn.priority-high.active{background:#c9777733;border-color:#c97777;color:#c97777}.dark-mode .priority-btn.priority-backburner.active{background:#8c8c8c33;border-color:#999;color:#999}@media (max-width:480px){.priority-selector-section{align-items:flex-start;flex-direction:column;gap:8px}.priority-buttons{width:100%}.priority-btn{flex:1 1;text-align:center}}.tm-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:var(--z-index-modal-backdrop,2147483000)}.tm-modal{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%;z-index:var(--z-index-modal-content,2147483005)}.tm-modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.tm-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.tm-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:var(--spacing-xs);transition:all .2s;width:32px}.tm-close-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.tm-modal-body{background-color:var(--bg-primary);flex:1 1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg)}.dark-mode .tm-modal{color-scheme:dark}.light-mode .tm-modal{color-scheme:light}.tm-form{background-color:var(--bg-primary);display:flex;flex-direction:column;gap:var(--spacing-lg)}.tm-section{margin-bottom:var(--spacing-xl)}.tm-section-title{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-xs)}.tm-row{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-md)}.tm-field{margin-bottom:var(--spacing-md)}.tm-genre-selector{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.tm-genre-list{display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--spacing-sm);max-height:200px;overflow-y:auto}.tm-genre-item{align-items:center;border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);transition:background-color .2s}.tm-genre-item:hover{background-color:var(--bg-tertiary)}.tm-genre-item input[type=checkbox]{margin:0}.tm-genre-item label{color:var(--text-secondary);cursor:pointer;font-size:.85rem;margin:0}.tm-selected-genres{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.tm-genre-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.tm-genre-badge{align-items:center;background:var(--primary-gradient);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--text-on-primary);display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--spacing-xs);padding:4px 8px;transition:all .2s ease}.tm-genre-badge:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tm-genre-badge-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-on-primary);cursor:pointer;display:flex;font-size:10px;height:14px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:14px}.tm-genre-badge-remove:hover{background-color:#fff3}.tm-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-sm)}.tm-required:after{color:var(--error);content:" *";margin-left:2px}.tm-input,.tm-select,.tm-textarea{background-color:var(--input-bg);border:1px solid var(--border-secondary);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;height:40px;padding:0 var(--spacing-md);transition:all .2s ease;width:100%}.tm-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:right 10px center;background-repeat:no-repeat;padding-right:35px}.dark-mode .tm-modal .tm-input,.dark-mode .tm-modal .tm-select,.dark-mode .tm-modal .tm-textarea{background-color:#ffffff0f;border-color:#ffffff1a;color:#fffffff2;color-scheme:dark}.dark-mode .tm-modal .tm-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.dark-mode .tm-modal .tm-select option{background-color:#1e293b;color:#fffffff2}.light-mode .tm-modal .tm-input,.light-mode .tm-modal .tm-select,.light-mode .tm-modal .tm-textarea{background-color:#fff;border-color:#e2e8f0;color:#1e293b;color-scheme:light}.light-mode .tm-modal .tm-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(51,65,85,0.9)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.light-mode .tm-modal .tm-select option{background-color:#fff;color:#1e293b}.tm-select option{background-color:var(--dropdown-bg);color:var(--text-primary);padding:8px 12px}.tm-textarea{height:auto;min-height:80px;padding:var(--spacing-sm) var(--spacing-md)}.tm-input::placeholder,.tm-textarea::placeholder{color:var(--text-tertiary)}.tm-input:focus,.tm-select:focus,.tm-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(var(--primary-blue-rgb),.2);outline:none}.tm-hint{color:var(--text-tertiary);font-size:.8rem;margin-top:var(--spacing-sm)}.tm-input-container{gap:var(--spacing-sm);position:relative}.tm-checkbox-wrapper,.tm-input-container{align-items:center;display:flex}.tm-checkbox{margin-right:var(--spacing-sm)}.tm-checkbox-label{color:var(--text-secondary);font-size:.9rem}.tm-radio-group{display:flex;gap:var(--spacing-md)}.tm-radio-option{align-items:center;display:flex}.tm-radio-option input[type=radio]{margin-right:var(--spacing-sm)}.tm-radio-option label{color:var(--text-secondary);font-size:.9rem}.tm-emoji-button,.tm-emoji-picker-container{align-items:center;display:flex}.tm-emoji-button{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:50%;cursor:pointer;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s;width:40px}.tm-emoji-button:hover{background-color:var(--bg-tertiary)}.tm-emoji-display{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:50%;color:var(--text-primary);display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;left:88%;margin-right:var(--spacing-md);position:relative;width:40px}.tm-emoji-label{color:var(--text-secondary);left:90%;position:relative}.tm-emoji-picker{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;width:320px;z-index:1010}.tm-emoji-categories{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);display:flex;overflow-x:auto;padding:0 var(--spacing-sm)}.tm-emoji-categories::-webkit-scrollbar{height:4px}.tm-emoji-category-tab{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.2rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:color .2s}.tm-emoji-category-tab:hover{color:var(--text-primary)}.tm-emoji-category-tab.active{color:var(--primary-blue)}.tm-emoji-category-tab.active:after{background-color:var(--primary-blue);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tm-emoji-grid{display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(8,1fr);height:250px;overflow-y:auto;padding:var(--spacing-sm)}.tm-emoji-grid::-webkit-scrollbar{width:4px}.tm-emoji-grid::-webkit-scrollbar-track{background:#0000}.tm-emoji-grid::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:2px}.tm-emoji-grid::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.tm-emoji-option{align-items:center;background:none;border:1px solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.tm-emoji-option:hover{background-color:var(--bg-secondary);border-color:var(--border-secondary)}.tm-emoji-option.selected{background-color:var(--primary-blue);border-color:var(--primary-blue);color:var(--text-on-primary)}.tm-alert{border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.tm-alert-error{background-color:var(--accent-red-subtle);border:1px solid var(--accent-red-light);color:var(--status-overdue)}.tm-actions{border-top:1px solid var(--border-secondary);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}.tm-button{border-radius:var(--border-radius);font-weight:600;height:40px;padding:0 var(--spacing-lg);transition:all .2s}.tm-button-primary{background-image:var(--primary-gradient);border:1px solid #0000;box-shadow:var(--shadow-sm);color:var(--text-on-primary)}.tm-button-primary:hover{background-image:var(--primary-gradient-hover);box-shadow:var(--shadow-md)}.tm-button-primary:active{background-color:var(--primary-active);border-color:var(--primary-active)}.tm-button-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-secondary)}.tm-button-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-primary)}.tm-button-icon{font-size:1.2em;margin-right:var(--spacing-sm)}.tm-button:disabled{cursor:not-allowed;opacity:.7}.tm-tabs{border-bottom:1px solid var(--border-primary);display:flex;margin-bottom:var(--spacing-lg)}.tm-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.tm-tab:hover{color:var(--text-primary)}.tm-tab.tm-active{border-bottom-color:var(--primary-blue);color:var(--primary-blue);font-weight:600}@media (max-width:768px){.tm-row{grid-template-columns:1fr}.tm-actions{flex-direction:column-reverse}.tm-button{width:100%}.tm-input-container{align-items:flex-start;flex-direction:column}.tm-radio-group{flex-direction:column;gap:var(--spacing-xs)}.tm-modal{max-height:95vh}}@media (max-width:640px){.tm-emoji-picker{max-width:320px;min-width:280px}.tm-emoji-grid{grid-template-columns:repeat(6,1fr);max-height:180px}.tm-emoji-category-tab{font-size:1rem;height:35px;min-width:35px}}.difficulty-selector{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.difficulty-option{align-items:center;background:#0000;border:2px solid var(--border-secondary);border-radius:10px;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-width:90px;padding:12px 14px;transition:all .2s}.difficulty-option:hover{background:var(--bg-hover);border-color:var(--diff-color,var(--primary-blue))}.difficulty-option.selected{border-color:var(--diff-color,var(--primary-blue));box-shadow:0 2px 8px #00000026}.difficulty-option input[type=radio]{display:none}.difficulty-option-content{align-items:center;display:flex;flex-direction:column;gap:2px}.difficulty-option-label{font-size:.85rem;font-weight:600;transition:color .2s}.difficulty-option-rate{font-size:.7rem;transition:color .2s}.difficulty-selector-compact{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;min-width:140px;padding:8px 12px}.difficulty-selector-compact:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #6366f133;outline:none}.workload-indicator-compact{align-items:center;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);display:inline-flex;font-size:.8rem;gap:6px;padding:4px 10px}.workload-indicator-compact.warning{background:#ef44441a;color:#ef4444}.workload-compact-icon{font-size:.9rem}.workload-compact-text{white-space:nowrap}.crunch-mini{animation:pulse 2s infinite;font-size:.8rem}.crunch-indicator{color:#f97316;font-weight:600}.dark-mode .difficulty-option{background:#0000}.dark-mode .difficulty-option.selected{box-shadow:0 2px 12px #0000004d}.dark-mode .difficulty-option:hover{background:var(--bg-tertiary)}.dark-mode .difficulty-option.selected{background:#6366f126}@media (max-width:640px){.difficulty-selector{flex-direction:column}.difficulty-option{min-width:auto}}.tm-priority-selector{display:flex;flex-wrap:wrap;gap:8px}.tm-priority-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;min-width:100px;padding:10px 14px;transition:all .2s ease}.tm-priority-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.tm-priority-btn.active{color:var(--text-primary);font-weight:600}.tm-priority-btn.tm-priority-high.active{background:#c45c5c26;border-color:#c45c5c;color:#c45c5c}.tm-priority-btn.tm-priority-normal.active{background:#5a82b526;border-color:#5a82b5;color:#5a82b5}.tm-priority-btn.tm-priority-backburner.active{background:#78787826;border-color:#888;color:#888}.dark-mode .tm-priority-btn.tm-priority-high.active{background:#c9777733;border-color:#c97777;color:#c97777}.dark-mode .tm-priority-btn.tm-priority-normal.active{background:#6a9ac533;border-color:#6a9ac5;color:#6a9ac5}.dark-mode .tm-priority-btn.tm-priority-backburner.active{background:#8c8c8c33;border-color:#999;color:#999}@media (max-width:480px){.tm-priority-selector{flex-direction:column}.tm-priority-btn{min-width:auto}}.time-input-container{align-items:center;display:flex;gap:4px;position:relative}.time-picker-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:24px;min-width:24px;padding:4px;transition:color .2s ease}.time-picker-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}:root[data-theme=dark] .time-picker-button{color:var(--text-muted)}:root[data-theme=dark] .time-picker-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.time-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;padding:4px 0;position:absolute;top:100%;width:80px;z-index:9999}.time-option{color:var(--text-primary);cursor:pointer;font-size:14px;padding:4px 8px;text-align:center;transition:background-color .2s ease;white-space:nowrap}.time-option:hover{background-color:var(--bg-hover)}:root[data-theme=dark] .time-dropdown{background-color:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .time-option{color:var(--text-primary)}:root[data-theme=dark] .time-option:hover{background-color:var(--bg-hover)}.panel-content,.potential-task-item,.potential-tasks-list,.potential-tasks-panel,.task-list-item{position:relative}.time-dropdown::-webkit-scrollbar{width:8px}.time-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.time-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.time-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}