:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-secondary: #6366F1;--color-success: #10B981;--color-danger: #EF4444;--color-warning: #F59E0B;--color-background: #F9FAFB;--color-surface: #FFFFFF;--color-border: #E5E7EB;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-priority-high: #EF4444;--color-priority-high-hover: #DC2626;--color-priority-medium: #F59E0B;--color-priority-medium-hover: #D97706;--color-priority-low: #3B82F6;--color-priority-low-hover: #2563EB;--color-input-border: #D1D5DB;--color-input-focus: #3B82F6;--color-hover-background: #F3F4F6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 999px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary)}.container{padding:clamp(1rem,4vw,2rem);max-width:900px;margin:0 auto;width:100%}.nav-links{display:flex;gap:clamp(1rem,3vw,1.5rem)}.nav-link{color:var(--color-text-primary);text-decoration:none;font-weight:500;transition:color .15s ease;position:relative;padding:.5rem .75rem;border-radius:var(--radius-sm);display:inline-block;min-height:44px;display:inline-flex;align-items:center}.nav-link:hover{color:var(--color-primary);background-color:#2563eb0d}.nav-link.active{color:var(--color-primary);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:0;left:.75rem;right:.75rem;height:2px;background-color:var(--color-primary);border-radius:2px}.nav-header{display:flex;gap:clamp(1rem,4vw,2rem);align-items:center;flex-wrap:wrap}.form-card{background-color:var(--color-surface);padding:clamp(1rem,3vw,1.5rem);border-radius:var(--radius-lg);margin-bottom:clamp(1rem,3vw,2rem);border:1px solid var(--color-border)}.task-item{border:1px solid var(--color-border);border-left:4px solid var(--color-border);padding:clamp(1rem,2vw,1.25rem);margin-bottom:1rem;border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;transition:all .2s ease;position:relative}.task-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-left-width:4px}.task-item[data-priority=high]{border-left-color:var(--color-priority-high)}.task-item[data-priority=medium]{border-left-color:var(--color-priority-medium)}.task-item[data-priority=low]{border-left-color:var(--color-priority-low)}.task-item.task-completed{opacity:.7;background-color:#fafafa}.task-item.task-completed:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000005;border-radius:var(--radius-lg);pointer-events:none}@media (min-width: 640px){.task-item{flex-direction:row;justify-content:space-between;align-items:flex-start}}@media (max-width: 639px){.nav-header{width:100%}.nav-links{font-size:.9rem;width:100%;justify-content:flex-start}.nav-actions{width:100%;justify-content:center;margin-top:.5rem}.nav-actions span{font-size:.85rem}.nav-actions .btn{font-size:.875rem;padding:.5rem 1rem}.nav-icon{font-size:1.5rem}.nav-title{font-size:1.2rem}.form-card h3{font-size:1.1rem}.form-card h4{font-size:1rem}}.task-content{display:flex;align-items:flex-start;flex:1;min-width:0}.task-checkbox{margin-right:1rem;margin-top:.15rem;cursor:pointer;width:22px;height:22px;flex-shrink:0;accent-color:var(--color-primary);transition:transform .15s ease}.task-checkbox:hover{transform:scale(1.1)}.task-checkbox:checked{animation:checkBounce .3s ease}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.task-details{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.task-title{margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600;line-height:1.4;transition:opacity .15s ease}.task-completed .task-title{text-decoration:line-through;color:var(--color-text-muted)}.task-metadata{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.task-meta-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.task-meta-icon{font-size:.9rem;opacity:.8}.task-description{margin:.5rem 0 0;color:var(--color-text-secondary);line-height:1.6;font-size:.95rem}.task-completed .task-description{text-decoration:line-through;color:var(--color-text-muted)}.task-labels{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.task-actions{display:flex;gap:.5rem;flex-shrink:0;align-self:flex-end;opacity:.7;transition:opacity .2s ease}.task-item:hover .task-actions{opacity:1}@media (min-width: 640px){.task-actions{align-self:flex-start;margin-left:1rem}}.view-toggle-desktop{display:none}@media (min-width: 768px){.view-toggle-desktop{display:flex;align-items:center}}.task-list-compact .task-item{padding:.5rem .75rem;margin-bottom:.5rem;gap:.5rem}.task-list-compact .task-content{flex-direction:row;align-items:center;gap:.75rem}.task-list-compact .task-checkbox{width:8px;height:8px;margin-right:.5rem;margin-top:0}.task-list-compact .task-details{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex-wrap:nowrap;overflow:hidden}.task-list-compact .task-title{font-size:.9rem;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.task-list-compact .task-metadata{margin-top:0;gap:.5rem;flex-shrink:0;display:flex;align-items:center}.task-list-compact .task-meta-item{font-size:.75rem;white-space:nowrap}.task-list-compact .task-description{display:none}.task-list-compact .task-labels{margin-top:0;gap:.25rem;flex-shrink:0}.task-list-compact .label-chip{padding:.15rem .4rem;font-size:.7rem}.task-list-compact .priority-badge{padding:.25rem .5rem;font-size:.7rem;gap:.25rem;box-shadow:0 1px 3px #0003}.task-list-compact .priority-badge__icon{font-size:.9em}.task-list-compact .priority-badge:hover{transform:none;box-shadow:0 1px 4px #00000040}.task-list-compact .task-item:hover{transform:translateY(-1px)}.task-list-compact .task-actions{margin-left:.5rem}.task-list-roomy .task-item{padding:1.25rem;margin-bottom:1rem}.btn{padding:clamp(.5rem,1.5vw,.625rem) clamp(.75rem,2vw,1rem);cursor:pointer;font-size:clamp(.875rem,2vw,.9375rem);font-weight:500;border-radius:var(--radius-md);border:none;min-height:44px;min-width:44px;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;background-color:var(--color-border);color:var(--color-text-primary);position:relative;overflow:hidden}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:scale(.98);box-shadow:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:.375rem .625rem;font-size:.8125rem;min-height:36px;min-width:36px}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;min-height:52px;font-weight:600}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background-color:#1e40af}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-hover-background);border-color:var(--color-input-border)}.btn-secondary:active:not(:disabled){background-color:var(--color-border)}.btn-tertiary{background-color:transparent;color:var(--color-primary);border:none;box-shadow:none;min-width:auto}.btn-tertiary:hover:not(:disabled){background-color:#2563eb14;box-shadow:none}.btn-tertiary:active:not(:disabled){background-color:#2563eb26}.btn-danger{background-color:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:var(--color-priority-high-hover);box-shadow:var(--shadow-md)}.btn-danger:active:not(:disabled){background-color:#dc2626}.btn-delete{background-color:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-delete:hover:not(:disabled){background-color:var(--color-priority-high-hover);box-shadow:var(--shadow-md)}.btn-loading{color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:btnSpin .6s linear infinite}.btn-loading.btn-primary:after,.btn-loading.btn-danger:after{border-color:#fff;border-top-color:transparent}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-icon{padding:.5rem;min-width:44px;width:44px}.btn-icon.btn-sm{padding:.375rem;min-width:36px;width:36px}.btn-icon.btn-lg{padding:.75rem;min-width:52px;width:52px}input[type=text],input[type=date],textarea,select{padding:clamp(.4rem,2vw,.5rem);font-size:clamp(.9rem,2vw,1rem);width:100%;border:1px solid var(--color-input-border);border-radius:var(--radius-md);min-height:44px;background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,input[type=date]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}textarea{min-height:88px;resize:vertical}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary);font-size:.95rem}.form-group:last-of-type{margin-bottom:0}.navigation{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(1rem,2vw,1.25rem) clamp(1rem,4vw,2rem);display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary);flex-shrink:0;box-shadow:var(--shadow-md);flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.5rem}.nav-icon{font-size:clamp(1.5rem,4vw,2rem);line-height:1;display:flex;align-items:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-title{margin:0;font-size:clamp(1.2rem,4vw,1.5rem);white-space:nowrap;color:var(--color-primary);font-weight:700}.nav-actions{display:flex;align-items:center}@media (max-width: 639px){.nav-header{width:100%}.nav-links{font-size:.9rem;width:100%;justify-content:flex-start}.nav-icon{font-size:1.5rem}.nav-title{font-size:1.2rem}.form-card h3{font-size:1.1rem}.form-card h4{font-size:1rem}}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mt-0{margin-top:0}.italic{font-style:italic}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-small{font-size:clamp(.85rem,2vw,.9rem)}.divider{margin:clamp(.75rem,2vw,1rem) 0;text-align:center;color:var(--color-text-muted)}.split-layout{display:flex;gap:2rem;height:100%;align-items:flex-start}.split-left{flex:0 0 33.333%;max-width:400px;position:sticky;top:0}.split-right{flex:1;min-width:0;overflow-y:auto}@media (max-width: 768px){.split-layout{flex-direction:column}.split-left{flex:none;max-width:100%;position:relative;width:100%}.split-right{width:100%}}.collapsible-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;background-color:var(--color-surface);transition:padding .3s cubic-bezier(.4,0,.2,1)}.collapsible-section:has(.collapsible-content.collapsed){padding:.75rem 1rem}.filters-section{padding:.5rem}.filters-section:has(.collapsible-content.collapsed){padding:.5rem}@media (max-width: 767px){.filters-section:has(.collapsible-content.collapsed){padding:.25rem}}.section-toggle-link{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-primary);font-size:1rem;font-weight:600;cursor:pointer;padding:0;transition:all .2s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.section-toggle-link:hover{color:var(--color-primary-hover);text-decoration:underline}.section-toggle-link:active{transform:scale(.98)}.section-toggle-link .toggle-icon{font-size:.85rem;transition:transform .2s ease;display:inline-block;color:var(--color-text-secondary)}.section-toggle-link[aria-expanded=true] .toggle-icon{color:var(--color-primary)}.collapsible-content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.collapsible-content.collapsed{grid-template-rows:0fr;opacity:0;pointer-events:none}.collapsible-content.expanded{grid-template-rows:1fr;opacity:1;pointer-events:auto;overflow:visible;contain:layout}.collapsible-content>div{min-height:0}@media (max-width: 768px){.section-toggle-link{font-size:1.05rem;min-height:44px;padding:.5rem 0}.section-toggle-link .toggle-icon{font-size:.9rem}.collapsible-section{padding:.75rem}.collapsible-section:has(.collapsible-content.collapsed){padding:.5rem .75rem}}.tasks-toolbar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}@media (max-width: 768px){.tasks-toolbar .btn{padding:.5rem 0;min-height:44px}}.tasks-toolbar__badge{background-color:var(--color-text-primary);color:var(--color-surface);border-radius:var(--radius-full);padding:0 .5rem;margin-left:.5rem;font-size:.8rem}.priority-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:#fff;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}.priority-badge:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.1)}.priority-badge:active{transform:translateY(0) scale(1)}.priority-badge--small{padding:.35rem .65rem;font-size:.75rem;gap:.35rem}.priority-badge--medium{padding:.5rem 1rem;font-size:.875rem;gap:.5rem}.priority-badge--large{padding:.65rem 1.25rem;font-size:1rem;gap:.6rem}.priority-badge__icon{font-size:1.25em;line-height:1;display:flex;align-items:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.priority-badge__label{font-weight:600;letter-spacing:.01em}.priority-badge__chevron{font-size:.85em;margin-left:-.25rem;opacity:.8;transition:transform .2s ease}.priority-badge--editable{cursor:pointer}.priority-badge--editable:hover .priority-badge__chevron{transform:translateY(2px)}.priority-badge--open .priority-badge__chevron{transform:rotate(180deg)}.priority-badge--high{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.priority-badge--high:hover{box-shadow:0 6px 16px #ef444480}.priority-badge--medium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66}.priority-badge--medium:hover{box-shadow:0 6px 16px #f59e0b80}.priority-badge--low{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666}.priority-badge--low:hover{box-shadow:0 6px 16px #3b82f680}.priority-badge--none{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 6px #9ca3af4d}.priority-badge--none:hover{box-shadow:0 4px 10px #9ca3af66}.priority-badge--changing{animation:priorityChange .3s cubic-bezier(.4,0,.2,1)}@keyframes priorityChange{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15) rotate(-5deg);opacity:.8}to{transform:scale(1);opacity:1}}.priority-badge-wrapper{position:relative;display:inline-block}.priority-menu{position:absolute;top:calc(100% + .5rem);left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;z-index:100;min-width:200px;padding:.5rem;animation:menuSlideDown .2s ease}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.priority-menu__header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.priority-menu__option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;color:var(--color-text-primary);transition:all .15s ease;position:relative;text-align:left}.priority-menu__option:hover{background-color:var(--color-hover-background);transform:translate(2px)}.priority-menu__option--active{background-color:#2563eb1a;font-weight:600}.priority-menu__option--high:hover{background:linear-gradient(90deg,rgba(239,68,68,.1) 0%,transparent 100%);border-left:3px solid #EF4444;padding-left:calc(.75rem - 3px)}.priority-menu__option--medium:hover{background:linear-gradient(90deg,rgba(245,158,11,.1) 0%,transparent 100%);border-left:3px solid #F59E0B;padding-left:calc(.75rem - 3px)}.priority-menu__option--low:hover{background:linear-gradient(90deg,rgba(59,130,246,.1) 0%,transparent 100%);border-left:3px solid #3B82F6;padding-left:calc(.75rem - 3px)}.priority-menu__icon{font-size:1.25rem;line-height:1;display:flex;align-items:center}.priority-menu__label{flex:1}.priority-menu__check{color:var(--color-primary);font-size:1rem;font-weight:700}@media (max-width: 639px){.priority-badge{font-size:.8rem;padding:.4rem .85rem}.priority-badge--small{padding:.3rem .6rem;font-size:.7rem}.priority-menu{min-width:180px}}.label-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;margin:.15rem;color:var(--color-text-primary);transition:all .2s ease;position:relative;box-shadow:var(--shadow-sm)}.label-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.label-chip__icon{font-size:1rem;line-height:1;display:flex;align-items:center}.label-chip__text{text-transform:capitalize;line-height:1.2}.label-chip__remove{background:none;border:none;cursor:pointer;font-size:1.25rem;font-weight:700;color:inherit;padding:0;margin-left:.15rem;line-height:1;transition:all .15s ease;opacity:0;transform:scale(.8)}.label-chip:hover .label-chip__remove,.label-chip--show-remove .label-chip__remove{opacity:1;transform:scale(1)}.label-chip__remove:hover{transform:scale(1.2);filter:brightness(.8)}.label-chip--removing{animation:chipRemove .2s ease forwards}@keyframes chipRemove{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(10px) scale(.8)}}@media (max-width: 639px){.label-chip__remove{opacity:.7;transform:scale(1)}}.label-selector{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;background:var(--color-surface);box-shadow:var(--shadow-sm)}.label-selector--compact{padding:.75rem}.label-selector--compact .label-selector__options{max-height:160px}.label-selector__selected{min-height:40px;margin-bottom:.75rem;display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;background-color:var(--color-background);border-radius:var(--radius-md);border:1px dashed var(--color-border);transition:border-color .2s ease}.label-selector__selected:hover{border-color:var(--color-primary)}.label-selector__empty{color:var(--color-text-secondary);font-size:.875rem;font-style:italic;padding:.25rem}.label-selector__actions{display:flex;gap:.5rem;margin-bottom:.75rem}.label-selector__actions input{flex:1;padding:.5rem;border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:.95rem}.label-selector__actions input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.label-selector__create{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;padding:.75rem;background-color:var(--color-background);border-radius:var(--radius-md);animation:slideDown .2s ease}.label-selector__options{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.label-selector__option{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease}.label-selector__option:hover{background-color:var(--color-hover-background)}.label-selector__option input[type=checkbox]{cursor:pointer;width:18px;height:18px}.label-selector__compact-display{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.label-selector__more-count{display:inline-flex;align-items:center;padding:.35rem .75rem;background-color:var(--color-text-secondary);color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.label-selector__more-count:hover{background-color:var(--color-text-primary);transform:translateY(-1px)}.filter-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.5rem;margin-bottom:0;background:var(--color-surface)}.filter-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-panel__badge{background-color:var(--color-success);color:var(--color-surface);border-radius:var(--radius-full);padding:.1rem .5rem;margin-left:.5rem;font-size:.75rem}.filter-panel__section{margin-bottom:1rem}.filter-panel__accordion{margin-bottom:.75rem}.filter-panel__accordion-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;cursor:pointer;font-weight:600;color:var(--color-text-primary);transition:color .15s ease;text-align:left}.filter-panel__accordion-header:hover{color:var(--color-primary)}.filter-panel__accordion-icon{font-size:.7rem;transition:transform .2s ease;display:inline-block;color:var(--color-text-secondary)}.filter-panel__accordion-icon.expanded{transform:rotate(90deg)}.filter-panel__accordion-title{display:flex;align-items:center;gap:.5rem}.filter-panel__section-badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:.1rem .45rem;font-size:.7rem;font-weight:500}.filter-panel__accordion-content{padding-left:1.5rem;margin-top:.5rem;animation:slideDown .2s ease;overflow:visible;position:relative;display:block;contain:layout;isolation:isolate}.filter-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.75rem;background-color:var(--color-hover-background);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.filter-chip button{background:none;border:none;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;padding:0 .15rem;margin:0;opacity:.8;transition:opacity .15s ease}.filter-chip button:hover{opacity:1}.filter-panel__label{font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.filter-panel__options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-panel__options--labels{flex-direction:column}.filter-panel__option{display:flex;align-items:center;gap:.5rem}.filter-panel__empty{color:var(--color-text-secondary)}.label-manager{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;background-color:var(--color-surface);box-shadow:var(--shadow-md)}.label-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.label-manager__header h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.label-manager__create{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem;background-color:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.label-manager__create-input{flex:1;min-width:200px}.label-manager__create-icon-input{width:60px;text-align:center;font-size:1.25rem}.label-manager__list{display:flex;flex-direction:column;gap:.75rem}.label-manager__empty{text-align:center;padding:2rem;color:var(--color-text-secondary);font-style:italic}.label-manager__item{display:flex;gap:.75rem;align-items:center;padding:.75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.label-manager__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.label-manager__item--editing{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.label-manager__preview{padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:500;display:flex;align-items:center;gap:.5rem;transition:transform .15s ease;cursor:pointer;flex:1;min-width:0}.label-manager__preview:hover{transform:translate(2px)}.label-manager__preview-icon{font-size:1.1rem}.label-manager__preview-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-manager__usage-count{font-size:.75rem;color:var(--color-text-muted);background-color:var(--color-surface);padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap}.label-manager__edit-form{display:flex;gap:.75rem;flex:1;align-items:center;flex-wrap:wrap}.label-manager__edit-input{flex:1;min-width:150px}.label-manager__edit-icon-input{width:60px;text-align:center;font-size:1.25rem}.label-manager__actions{display:flex;gap:.5rem;align-items:center}.label-manager__action-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .15s ease;font-size:1.25rem;line-height:1;color:var(--color-text-secondary)}.label-manager__action-btn:hover{background-color:var(--color-hover-background);color:var(--color-text-primary);transform:scale(1.1)}.label-manager__action-btn--delete:hover{color:var(--color-danger);background-color:#ef44441a}.label-manager__action-btn--edit:hover{color:var(--color-primary)}.color-picker{margin-bottom:1rem}.color-picker__label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary);font-size:.95rem}.color-picker__presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.5rem;margin-bottom:.75rem}.color-picker__swatch{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-sm)}.color-picker__swatch:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.color-picker__swatch.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 3px #1118271a;transform:scale(1.1)}.color-picker__check{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-picker__custom{padding-top:.75rem;border-top:1px solid var(--color-border)}.color-picker__custom-button{width:100%;padding:.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-size:.875rem;color:var(--color-text-primary)}.color-picker__custom-button:hover{background-color:var(--color-hover-background);border-color:var(--color-primary)}.color-picker__custom-input{display:flex;gap:.5rem;margin-top:.5rem;animation:slideDown .2s ease}.color-picker__custom-input input[type=color]{width:60px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.color-picker__hex-input{flex:1;padding:.5rem;border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-family:monospace;font-size:.95rem}.color-picker__hex-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.task-labels{display:flex;flex-wrap:wrap;margin-top:.5rem}.master-task-option{padding:.75rem;margin-bottom:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);cursor:pointer;transition:background-color .15s ease}.master-task-option:hover{background-color:var(--color-hover-background)}.master-task-option__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.master-task-option__description{font-size:.9em;color:#666;margin-bottom:.35rem}.master-task-option__meta{font-size:.85em;color:#888}.search-bar{position:relative;display:flex;align-items:center;width:100%}.search-bar__icon{position:absolute;left:.75rem;pointer-events:none;color:var(--color-text-secondary);font-size:1rem;z-index:1;transition:transform .15s ease,color .15s ease}.search-bar__icon--active{color:var(--color-primary);animation:searchPulse .6s ease-in-out}@keyframes searchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.search-bar__input{width:100%;padding:.5rem 2.5rem .5rem 3.25rem!important;border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease;min-height:44px}.search-bar__input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.search-bar__clear{position:absolute;right:.5rem;background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .15s ease}.search-bar__clear:hover{color:var(--color-text-primary)}.filter-panel__select{width:100%;padding:.5rem;border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease}.filter-panel__select:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.filter-panel__date-range{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-panel__date-input{flex:1;min-width:140px;padding:.5rem;border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:.9rem;background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease}.filter-panel__date-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.filter-panel__option{min-height:48px;padding:.75rem}.filter-panel__accordion-header{min-height:48px}.filter-chip button{min-width:44px;min-height:44px}.filter-panel__select,.filter-panel__date-input{min-height:48px;font-size:16px}.filter-panel__options{gap:.5rem}}.preset-manager{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%);box-shadow:0 2px 8px #0000000d}.preset-manager--embedded{border:none;border-radius:0;padding:0;margin-bottom:0;background:transparent;box-shadow:none;position:relative;overflow:visible}.preset-manager--embedded .preset-manager__grid{grid-template-columns:1fr;gap:.75rem;margin-top:.75rem;position:static!important;display:grid;overflow:visible;contain:layout;isolation:isolate}.preset-manager--embedded .preset-card{padding:.75rem;margin:0;position:static!important;transform:none!important;overflow:visible;box-shadow:none}.preset-manager--embedded .preset-card:hover{transform:none!important;position:static!important}.preset-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preset-manager__header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.preset-manager__create{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preset-manager__input{padding:.75rem;border:2px solid var(--color-input-border);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease}.preset-manager__input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.preset-manager__color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.preset-color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.preset-color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.preset-color-swatch.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-text-primary)}.preset-color-swatch.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.preset-color-swatch.small{width:28px;height:28px}.preset-color-swatch.small:after{font-size:.75rem}.preset-manager__error{color:var(--color-danger);font-size:.875rem;padding:.5rem;background-color:#ef44441a;border-radius:var(--radius-sm)}.preset-manager__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}@media (max-width: 768px){.preset-manager__grid{grid-template-columns:1fr}}.preset-manager__empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.preset-manager__empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.preset-manager__empty h4{margin:.5rem 0;font-size:1.125rem;color:var(--color-text-primary)}.preset-manager__empty p{margin:.5rem 0 0;font-size:.875rem}.preset-card{background:var(--color-surface);border:2px solid var(--color-border);border-left:4px solid var(--preset-color, var(--color-primary));border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.preset-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--preset-color, var(--color-primary)) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.preset-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--preset-color, var(--color-primary))}.preset-card:hover:before{opacity:1}.preset-card:hover .preset-card__actions{opacity:1;transform:translateY(0)}.preset-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.preset-card__name{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);flex:1;word-break:break-word}.preset-card__favorite{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1;transition:all .2s ease;margin-left:.5rem}.preset-card__favorite:hover{color:#f59e0b;transform:scale(1.2)}.preset-card__favorite.active{color:#f59e0b}.preset-card__edit-input{flex:1;padding:.5rem;border:2px solid var(--color-input-focus);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;background-color:var(--color-background);color:var(--color-text-primary)}.preset-card__edit-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.preset-card__color-picker{display:flex;gap:.375rem;margin-bottom:.75rem;padding:.5rem;background-color:var(--color-background);border-radius:var(--radius-sm)}.preset-card__content{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.5rem}.preset-card__filter{font-size:.875rem;color:var(--color-text-secondary);padding:.375rem .75rem;background-color:var(--color-background);border-radius:var(--radius-sm);border-left:2px solid var(--preset-color, var(--color-primary))}.preset-card__meta{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.75rem;padding:.25rem .5rem;background-color:var(--color-background);border-radius:var(--radius-sm);display:inline-block}.preset-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);opacity:0;transform:translateY(-4px);transition:all .3s ease}.preset-action-btn{flex:1;min-width:80px;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.preset-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.preset-action-btn:active{transform:translateY(0)}.preset-action-btn.load{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669}.preset-action-btn.load:hover{box-shadow:0 4px 12px #10b98166}.preset-action-btn.edit{background-color:var(--color-background)}.preset-action-btn.edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.preset-action-btn.duplicate{background-color:var(--color-background)}.preset-action-btn.duplicate:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.preset-action-btn.delete{background-color:var(--color-background)}.preset-action-btn.delete:hover{border-color:var(--color-danger);color:var(--color-danger);background-color:#ef44440d}.preset-action-btn.save{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb}.preset-action-btn.save:hover{box-shadow:0 4px 12px #3b82f666}.preset-action-btn.cancel{background-color:var(--color-background);border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.preset-action-btn.cancel:hover{border-color:var(--color-danger);color:var(--color-danger)}@media (max-width: 640px){.preset-manager{padding:1rem}.preset-manager__header h3{font-size:1.125rem}.preset-manager__create{padding:.75rem}.preset-card{padding:.875rem}.preset-card__actions{opacity:1;transform:translateY(0)}.preset-action-btn{min-width:70px;padding:.5rem;font-size:.75rem}.preset-color-swatch{width:32px;height:32px}.preset-color-swatch.small{width:24px;height:24px}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preset-card{animation:cardFadeIn .3s ease-out}.preset-manager__list{display:flex;flex-direction:column;gap:.5rem}.preset-manager__item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);transition:background-color .15s ease}.preset-manager__btn{flex:1;background:none;border:none;text-align:left;padding:.25rem;cursor:pointer;font-size:1rem;color:var(--color-text-primary);transition:color .15s ease}.preset-manager__btn:hover{color:var(--color-primary)}.preset-manager__delete{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:0 .5rem;line-height:1;transition:color .15s ease}.preset-manager__delete:hover{color:var(--color-danger)}.floating-input{position:relative;margin-bottom:1.5rem}.floating-input__field{width:100%;padding:1rem .75rem .5rem;font-size:1rem;border:1px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease,border-bottom-width .2s ease;outline:none;border-bottom-width:2px}.floating-input__field:focus{border-color:var(--color-input-focus);border-bottom-width:3px;border-bottom-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.floating-input__field.has-error{border-color:var(--color-danger);border-bottom-color:var(--color-danger)}.floating-input__field.has-error:focus{border-bottom-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.floating-input__field.has-success{border-color:var(--color-success);border-bottom-color:var(--color-success)}.floating-input__field.has-success:focus{border-bottom-color:var(--color-success);box-shadow:0 0 0 3px #10b9811a}.floating-input__label{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--color-text-secondary);pointer-events:none;transition:all .2s ease;background-color:var(--color-surface);padding:0 .25rem}.floating-input__field:focus+.floating-input__label,.floating-input__field.has-value+.floating-input__label{top:0;transform:translateY(-50%);font-size:.75rem;color:var(--color-input-focus);font-weight:500}.floating-input__field.has-error:focus+.floating-input__label,.floating-input__field.has-error.has-value+.floating-input__label{color:var(--color-danger)}.floating-input__field.has-success:focus+.floating-input__label,.floating-input__field.has-success.has-value+.floating-input__label{color:var(--color-success)}.floating-input__field.is-textarea{min-height:100px;resize:vertical;padding-top:1.5rem}.floating-input__field.is-textarea+.floating-input__label{top:1.5rem}.floating-input__field.is-textarea:focus+.floating-input__label,.floating-input__field.is-textarea.has-value+.floating-input__label{top:0}.floating-input__helper{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.floating-input__helper-icon{font-size:1rem}.floating-input__error{font-size:.875rem;color:var(--color-danger);margin-top:.25rem;display:flex;align-items:center;gap:.25rem;animation:slideDown .2s ease}.floating-input__error-icon{font-size:1rem}.floating-input__success{font-size:.875rem;color:var(--color-success);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.floating-input__success-icon{font-size:1rem}.floating-input__char-count{font-size:.75rem;color:var(--color-text-muted);text-align:right;margin-top:.25rem}.floating-input__char-count.over-limit{color:var(--color-danger);font-weight:600}.floating-input__status-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none}.floating-input__status-icon.error{color:var(--color-danger)}.floating-input__status-icon.success{color:var(--color-success)}.priority-selector{margin-bottom:1.5rem}.priority-selector__label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary);font-size:.95rem}.priority-selector__buttons{display:flex;gap:.75rem;flex-wrap:wrap}.priority-selector__button{flex:1;min-width:100px;padding:.75rem 1rem;border:2px solid transparent;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.priority-selector__button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.priority-selector__button:active{transform:translateY(0)}.priority-selector__button.high{border-color:var(--color-priority-high);color:var(--color-priority-high)}.priority-selector__button.high:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:var(--color-priority-high);box-shadow:0 4px 12px #ef44444d}.priority-selector__button.high.selected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:var(--color-priority-high);box-shadow:0 4px 12px #ef444466}.priority-selector__button.medium{border-color:var(--color-priority-medium);color:var(--color-priority-medium)}.priority-selector__button.medium:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:var(--color-priority-medium);box-shadow:0 4px 12px #f59e0b4d}.priority-selector__button.medium.selected{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:var(--color-priority-medium);box-shadow:0 4px 12px #f59e0b66}.priority-selector__button.low{border-color:var(--color-priority-low);color:var(--color-priority-low)}.priority-selector__button.low:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:var(--color-priority-low);box-shadow:0 4px 12px #3b82f64d}.priority-selector__button.low.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:var(--color-priority-low);box-shadow:0 4px 12px #3b82f666}.priority-selector__button.none{border-color:var(--color-border);color:var(--color-text-secondary)}.priority-selector__button.none:hover{background-color:var(--color-hover-background);border-color:var(--color-input-border)}.priority-selector__button.none.selected{background-color:var(--color-hover-background);border-color:var(--color-input-border);color:var(--color-text-primary)}.priority-selector__icon{font-size:1.2rem}.enhanced-select{position:relative;margin-bottom:1.5rem}.enhanced-select__label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary);font-size:.95rem}.enhanced-select__field{width:100%;padding:.75rem 2.5rem .75rem .75rem;font-size:1rem;border:2px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;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='%236B7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.enhanced-select__field:hover{border-color:var(--color-input-focus)}.enhanced-select__field:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.enhanced-date-input{margin-bottom:1.5rem}.enhanced-date-input__label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary);font-size:.95rem}.enhanced-date-input__field{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.enhanced-date-input__field:hover{border-color:var(--color-input-focus)}.enhanced-date-input__field:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 639px){.priority-selector__buttons{flex-direction:column}.priority-selector__button{width:100%;min-width:unset}.floating-input{margin-bottom:1.25rem}.floating-input__field{font-size:16px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state__icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state__title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.empty-state__message{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-secondary);max-width:400px;line-height:1.6}.empty-state__tip{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);margin-bottom:1.5rem;max-width:500px}.empty-state__tip .tip-icon{font-size:1.25rem}.empty-state__tip .tip-text{font-size:.875rem;color:var(--color-text-secondary);text-align:left}.empty-state__action{margin-top:.5rem;padding:.75rem 2rem;font-size:1rem;animation:pulseButton 2s ease-in-out infinite}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.skeleton{background:linear-gradient(90deg,var(--color-background) 0%,var(--color-border) 50%,var(--color-background) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-task{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);margin-bottom:.75rem;animation:fadeIn .3s ease-out}.skeleton-task__checkbox{flex-shrink:0;padding-top:.25rem}.skeleton-task__content{flex:1;display:flex;flex-direction:column;gap:.75rem}.skeleton-task__title{margin-bottom:.25rem}.skeleton-task__meta{margin-bottom:.5rem}.skeleton-task__labels{display:flex;gap:.5rem;flex-wrap:wrap}.skeleton-task__label{border-radius:12px}.skeleton-task__priority{flex-shrink:0}.skeleton-card{padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);margin-bottom:1rem;animation:fadeIn .3s ease-out}.skeleton-card__title{margin-bottom:.75rem}.skeleton-card__subtitle,.skeleton-card__content{margin-bottom:1rem}.skeleton-card__actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.skeleton-list{display:flex;flex-direction:column}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:3px}.loading-spinner.large{width:64px;height:64px;border-width:5px}.inline-loader{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.inline-loader__spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.content-fade-enter{opacity:0;transform:translateY(10px)}.content-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.content-fade-exit{opacity:1;transform:translateY(0)}.content-fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease-in,transform .2s ease-in}.pull-to-refresh__indicator{position:absolute;top:-60px;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);transition:transform .3s ease;z-index:10}.pull-to-refresh__indicator.pulling,.pull-to-refresh__indicator.refreshing{transform:translateY(60px)}.pull-to-refresh__icon{font-size:1.5rem;transition:transform .3s ease}.pull-to-refresh__indicator.pulling .pull-to-refresh__icon{transform:rotate(180deg)}.pull-to-refresh__indicator.refreshing .pull-to-refresh__icon{animation:spin 1s linear infinite}.progressive-load{position:relative;min-height:200px}.progressive-load__content{opacity:0;animation:fadeIn .4s ease-out forwards}.progressive-load__content.loaded{opacity:1}.stagger-item{opacity:0;animation:fadeInUp .4s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;color:inherit}.btn.loading.btn-primary:after{color:#fff}.skeleton-pulse{background:var(--color-background);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 640px){.empty-state{padding:3rem 1.5rem}.empty-state__icon{font-size:3rem}.empty-state__title{font-size:1.25rem}.empty-state__message{font-size:.9375rem}.empty-state__tip{padding:.625rem 1rem;font-size:.8125rem}.skeleton-task{flex-direction:column;gap:.75rem}.skeleton-task__priority{align-self:flex-start}}@media (prefers-reduced-motion: reduce){.empty-state,.skeleton,.skeleton-task,.skeleton-card,.stagger-item,.progressive-load__content,.empty-state__icon,.empty-state__action{animation:none}.loading-spinner,.inline-loader__spinner{animation:spin 2s linear infinite}}.bottom-navigation{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000000d;z-index:100;padding:8px 0}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:56px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:12px;padding:4px 8px}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-icon{font-size:24px;margin-bottom:4px;display:block}.bottom-nav-label{font-weight:500;display:block}.bottom-nav-item.active{color:#2563eb}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.floating-action-button{display:none;position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;box-shadow:0 4px 12px #2563eb4d,0 2px 4px #0000001a;cursor:pointer;z-index:99;transition:all .3s ease}.floating-action-button:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 16px #2563eb66,0 4px 8px #00000026}.floating-action-button:active{transform:scale(.95)}.fab-icon{font-size:28px;color:#fff;font-weight:300;display:flex;align-items:center;justify-content:center;height:100%}.swipeable-task{position:relative;overflow:hidden;touch-action:pan-y}.swipeable-task.swiping{-webkit-user-select:none;user-select:none}.swipeable-task.swipe-ready{animation:swipeReadyPulse 1.5s ease-in-out infinite}@keyframes swipeReadyPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f61a}}.swipe-ready-indicator{position:absolute;top:10px;right:10px;background:#3b82f6f2;color:#fff;padding:.35rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.35rem;z-index:2;pointer-events:none;animation:swipeReadyFadeIn .3s ease;box-shadow:0 2px 8px #00000026}@keyframes swipeReadyFadeIn{0%{opacity:0;transform:scale(.8) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.swipe-ready-icon{font-size:.9rem;line-height:1}.swipe-ready-text{line-height:1}.swipe-hint{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;opacity:.9;z-index:1;pointer-events:none}.swipe-hint-complete{left:20px;color:#10b981}.swipe-hint-delete{right:20px;color:#ef4444}.keyboard-shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.keyboard-shortcuts-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.keyboard-shortcuts-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.keyboard-shortcuts-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.keyboard-shortcuts-close{background:transparent;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.keyboard-shortcuts-close:hover{background:#f3f4f6;color:#111827}.keyboard-shortcuts-list{padding:16px 24px;overflow-y:auto;flex:1}.keyboard-shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6}.keyboard-shortcut-item:last-child{border-bottom:none}.keyboard-shortcut-keys{display:flex;gap:6px;align-items:center}.keyboard-key{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d,inset 0 -1px #0000001a}.keyboard-shortcut-description{color:#6b7280;font-size:14px}.keyboard-shortcuts-footer{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center;font-size:13px;color:#6b7280}button,a,input[type=checkbox],.task-checkbox,.label-chip__remove,.priority-badge{min-height:44px;min-width:44px}.label-chip__remove,.keyboard-shortcuts-close{min-height:32px;min-width:32px}@media (max-width: 767px){.bottom-navigation{display:flex}.floating-action-button{display:flex;align-items:center;justify-content:center}nav:not(.bottom-navigation){display:none}main,.page-container,.task-list-container{padding-bottom:80px}.modal,.task-edit-modal,.preset-manager{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;max-width:100%;max-height:100%;border-radius:0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.task-item{padding:16px;margin-bottom:12px}.task-checkbox{width:28px;height:28px}body{font-size:16px}h1{font-size:28px}h2{font-size:22px}.form-row,.task-form-row{flex-direction:column;gap:12px}.form-row>*,.task-form-row>*{width:100%}.search-bar,.search-input{width:100%}.preset-cards,.project-grid,.label-grid{grid-template-columns:1fr;gap:12px}.task-metadata{flex-wrap:wrap;gap:8px}.task-created-date,.task-updated-date{display:none}.priority-badge{min-width:80px;height:32px;font-size:14px}.task-actions{display:none}}@media (min-width: 768px) and (max-width: 1024px){.app-layout{display:grid;grid-template-columns:300px 1fr;gap:20px}.filter-panel{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.preset-cards,.project-grid{grid-template-columns:repeat(2,1fr)}.task-item{padding:14px}button{min-height:40px}}@media (min-width: 1025px){.bottom-navigation,.floating-action-button{display:none}.task-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.task-actions{opacity:0;transition:opacity .2s ease}.task-item:hover .task-actions{opacity:1}.preset-cards,.project-grid{grid-template-columns:repeat(3,1fr)}.form-row,.task-form-row{flex-direction:row;gap:16px}.task-item{padding:12px 16px}.keyboard-shortcut-hint{display:inline-block;opacity:.6;font-size:12px;margin-left:8px}.task-item{position:relative}.context-menu{position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;min-width:180px;z-index:1000}.context-menu-item{padding:8px 16px;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;gap:12px;font-size:14px;color:#374151}.context-menu-item:hover{background:#f3f4f6}.context-menu-item.danger:hover{background:#fef2f2;color:#ef4444}.task-item.dragging{opacity:.5;cursor:grabbing}.task-item.drag-over{border-top:2px solid #2563eb}}@media (min-width: 1441px){.container,.page-container{max-width:1400px;margin:0 auto}.preset-cards,.project-grid{grid-template-columns:repeat(4,1fr)}}@media print{nav,.bottom-navigation,.floating-action-button,.filter-panel,.search-bar,.task-actions,button{display:none!important}body{background:#fff;color:#000}.task-item{page-break-inside:avoid;border:1px solid #cccccc;padding:12px;margin-bottom:8px}.task-description{max-height:none;overflow:visible}}@media (prefers-contrast: high){.task-item,.preset-card,.project-card,.btn-primary,.keyboard-key{border:2px solid #000000}}@media (max-width: 767px) and (orientation: landscape){.task-item{padding:10px 16px}h1{font-size:22px}.form-row,.task-form-row{flex-direction:row}.bottom-navigation{padding:4px 0}.bottom-nav-item{min-height:48px}.floating-action-button{bottom:60px;width:48px;height:48px}}@media (hover: none) and (pointer: coarse){.task-item:hover,button:hover,.preset-card:hover{transform:none}.task-actions{opacity:1}a,button,.clickable{padding:12px}}@media (prefers-reduced-motion: reduce){.swipeable-task,.modal,.keyboard-shortcuts-modal,.floating-action-button{animation:none;transition:none}.task-item:hover{transform:none}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;padding:16px;display:flex;align-items:center;gap:12px;min-width:300px;pointer-events:all;cursor:pointer;animation:toastSlideIn .3s cubic-bezier(.21,1.02,.73,1);transition:all .2s ease}.toast:hover{transform:translate(-4px);box-shadow:0 6px 16px #0003}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:#d1fae5;color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:#fee2e2;color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:#fef3c7;color:#f59e0b}.toast-info{border-left:4px solid #2563eb}.toast-info .toast-icon{background:#dbeafe;color:#2563eb}.toast-message{flex:1;font-size:14px;color:#374151;line-height:1.5}.toast-close{background:transparent;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease;flex-shrink:0}.toast-close:hover{color:#374151}@media (max-width: 767px){.toast-container{top:auto;bottom:100px;right:16px;left:16px;max-width:none}.toast{min-width:0;width:100%}}@keyframes checkmarkDraw{0%{stroke-dashoffset:50;opacity:0}50%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.task-checkbox-animated{position:relative}.task-checkbox-animated:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:30%;border:solid #10b981;border-width:0 0 3px 3px;transform-origin:center;opacity:0;animation:checkmarkDraw .4s cubic-bezier(.65,0,.35,1) forwards}@keyframes taskSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes taskFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes taskDeleteSwipe{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.task-item-enter{animation:taskSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.task-item-exit{animation:taskFadeOut .3s ease-out forwards}.task-item-delete{animation:taskDeleteSwipe .4s ease-out forwards}.task-item-completing{animation:taskComplete .6s cubic-bezier(.34,1.56,.64,1)}@keyframes taskComplete{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(.98)}to{transform:scale(1)}}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{animation:modalBackdropFadeIn .2s ease}.modal-content{animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{animation:dropdownSlideDown .2s ease-out}.accordion-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.accordion-content.collapsed{max-height:0;opacity:0}.accordion-content.expanded{max-height:2000px;opacity:1}.accordion-icon{transition:transform .3s ease}.accordion-icon.expanded{transform:rotate(180deg)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:buttonSpinner .6s linear infinite}@keyframes buttonSpinner{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 1.5s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-indeterminate .progress-bar-fill{width:40%!important;animation:indeterminateProgress 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes indeterminateProgress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.pull-to-refresh{position:relative;overflow:hidden}.pull-to-refresh-indicator{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:top .3s ease}.pull-to-refresh-indicator.active{top:10px}.pull-to-refresh-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes celebrationBounce{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.celebration-trigger{animation:celebrationBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes achievementSlideIn{0%{opacity:0;transform:translateY(100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes achievementPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.achievement-notification{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 24px #6366f166;display:flex;align-items:center;gap:12px;z-index:1000;animation:achievementSlideIn .5s cubic-bezier(.34,1.56,.64,1),achievementPulse 2s ease-in-out infinite .5s}.achievement-icon{font-size:32px;animation:celebrationBounce .8s cubic-bezier(.68,-.55,.265,1.55) infinite}.achievement-content{display:flex;flex-direction:column;gap:4px}.achievement-title{font-weight:600;font-size:16px}.achievement-description{font-size:13px;opacity:.9}.optimistic-update{opacity:.6;position:relative}.optimistic-update:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:optimisticShimmer 1s infinite}@keyframes optimisticShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.page-enter{animation:pageSlideIn .3s ease-out}.page-fade-enter{animation:pageFadeIn .3s ease-out}.interactive-scale{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.interactive-scale:active{transform:scale(.95)}.interactive-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.interactive-glow:hover{box-shadow:0 0 0 3px #2563eb1a}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:200px;height:200px}@keyframes streakFlame{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.1) translateY(-2px)}}.streak-counter{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;box-shadow:0 2px 8px #f59e0b4d}.streak-icon{font-size:18px;animation:streakFlame 1.5s ease-in-out infinite}@keyframes firstTaskCelebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.2) rotate(5deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.first-task-celebration{animation:firstTaskCelebrate .8s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 0 4px #10b98133,0 4px 12px #10b9814d}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(.9)}}.heartbeat{animation:heartbeat 1.5s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.wiggle{animation:wiggle .5s ease-in-out}@media (prefers-reduced-motion: reduce){.toast,.task-item-enter,.task-item-exit,.modal-content,.dropdown-menu,.achievement-notification,.celebration-trigger,.first-task-celebration,.heartbeat,.wiggle{animation:none!important}.accordion-content,.progress-bar-fill,.interactive-scale,.interactive-lift{transition:none!important}.task-checkbox-animated:after{animation:none!important;opacity:1}}body{font-display:swap}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.task-list{min-height:400px}@media (max-width: 768px){.task-list{min-height:0}}.project-card{min-height:200px}img{max-width:100%;height:auto;display:block}.image-placeholder{background:var(--color-border);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}[data-lazy-load]{contain:layout style paint}[data-lazy-load=pending]{opacity:.6;pointer-events:none}[data-lazy-load=loaded]{opacity:1;pointer-events:auto;transition:opacity .3s ease}.lazy-image-container{position:relative;overflow:hidden;background:var(--color-background)}.lazy-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.lazy-image.loaded{opacity:1}.lazy-image.loading{opacity:0}.skeleton{background:linear-gradient(90deg,var(--color-border) 0%,var(--color-hover-background) 50%,var(--color-border) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md);will-change:background-position}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;width:100%;margin-bottom:8px}.skeleton-text-short{height:16px;width:60%;margin-bottom:8px}.skeleton-title{height:24px;width:80%;margin-bottom:12px}.skeleton-button{height:40px;width:120px;border-radius:var(--radius-md)}.skeleton-card{height:200px;width:100%;border-radius:var(--radius-lg)}.skeleton-avatar{height:48px;width:48px;border-radius:50%}.skeleton-task-item{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--color-border)}.skeleton-task-item .skeleton-checkbox{width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-sm)}.skeleton-task-item .skeleton-content{flex:1}[data-optimistic=true]{opacity:.7;position:relative}[data-optimistic=true]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.1) 50%,transparent 100%);background-size:200% 100%;animation:optimistic-shimmer 1.5s ease-in-out infinite;pointer-events:none}@keyframes optimistic-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.task-item.optimistic-add{animation:optimistic-fade-in .3s ease}.task-item.optimistic-remove{animation:optimistic-fade-out .3s ease forwards}@keyframes optimistic-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:.7;transform:translateY(0)}}@keyframes optimistic-fade-out{0%{opacity:.7;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.task-item{will-change:transform}.modal-overlay{will-change:opacity}.dropdown-menu{will-change:transform,opacity}.task-item:not(:hover):not(.dragging){will-change:auto}.task-item{content-visibility:auto;contain-intrinsic-size:auto 80px}.project-card{content-visibility:auto;contain-intrinsic-size:auto 200px}.task-checkbox,.priority-badge,.label-chip,.modal-content,.dropdown-menu,.toast{transform:translateZ(0);backface-visibility:hidden}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.suspense-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.suspense-fallback .loading-text{color:var(--color-text-secondary);font-size:14px}@media (prefers-reduced-data: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*{background-image:none!important}*{box-shadow:none!important}}@media print{.navigation,.bottom-navigation,.floating-action-button,.toast-container,.modal-overlay,button:not(.print-button){display:none!important}body{background:#fff;color:#000}.task-item,.project-card{break-inside:avoid;page-break-inside:avoid}*{box-shadow:none!important;text-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}}[data-performance-warning]{outline:2px dashed orange;outline-offset:2px}[data-performance-error]{outline:2px dashed red;outline-offset:2px}[data-layout-shift]{outline:2px dashed purple;outline-offset:2px}@media (prefers-reduced-motion: reduce){.skeleton,[data-optimistic=true]:after,.loading-spinner{animation:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}