:root{--color-primary: #5B7FA6;--color-primary-hover: #4A6A8E;--color-secondary: #7B7FB5;--color-success: #4A9E7C;--color-danger: #B85C5C;--color-warning: #C49A3C;--color-background: #F7F6F3;--color-surface: #FDFCFA;--color-border: #E4E2DC;--color-text-primary: #2C2A27;--color-text-secondary: #706E6A;--color-text-muted: #9E9C97;--color-priority-high: #C0737A;--color-priority-high-hover: #A85E64;--color-priority-medium: #C4964A;--color-priority-medium-hover: #AD8040;--color-priority-low: #6B9EC4;--color-priority-low-hover: #5B8BAD;--color-input-border: #D6D3CB;--color-input-focus: #5B7FA6;--color-hover-background: #F0EFE9;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .07);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-section: var(--spacing-xl);--spacing-card: var(--spacing-lg);--spacing-form-field: var(--spacing-md);--spacing-inline: var(--spacing-sm)}*{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)}.m-0{margin:0}.mb-0{margin-bottom:0}.my-0{margin-top:0;margin-bottom:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.pt-sm{padding-top:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pb-md{padding-bottom:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}@media (max-width: 768px){.mt-md-mobile{margin-top:var(--spacing-md)}.mb-md-mobile{margin-bottom:var(--spacing-md)}.py-sm-mobile{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.px-sm-mobile{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.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:var(--spacing-card);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.task-item{border:1px solid var(--color-border);border-left:4px solid var(--color-border);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);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}}.task-assignee{margin-top:.75rem;padding:.5rem .75rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;gap:.75rem;background-color:#fff}.task-assignee--empty{background-color:#fff7ed;border-color:#fdba74}.task-assignee__avatar{width:40px;height:40px;border-radius:50%;background-color:#e0e7ff;color:#3730a3;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;overflow:hidden}.task-assignee__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.task-assignee__text{flex:1}.task-assignee__name{display:block;font-weight:600;color:var(--color-text-primary)}.task-assignee__meta{display:block;font-size:.8rem;color:var(--color-text-muted)}.task-assignee__action{border:none;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:.35rem .75rem;font-size:.8rem;cursor:pointer}.assignment-groups{display:flex;flex-direction:column;gap:1.5rem}.assignment-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.assignment-section--warning{border-color:#fb923c;background:#fff7ed}.assignment-section__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.assignment-section__eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 .1rem}.assignment-section__title{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.assignment-section__badge{background:var(--color-primary);color:#fff;border-radius:999px;padding:.2rem .75rem;font-size:.85rem;font-weight:600}.assignee-summary{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:.5rem .75rem;margin-bottom:.75rem;font-size:.9rem}.assignee-summary--empty{border-style:dashed;color:#475569}.assignee-summary__label{color:var(--color-text-muted)}.assignee-summary__value{font-weight:600;color:var(--color-text-primary)}@media (max-width: 639px){.nav-header{width:100%}.nav-links{font-size:.9rem;width:100%;justify-content:flex-start}.nav-user-actions{gap:.5rem}.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:var(--spacing-md);margin-top:var(--spacing-sm);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}@media (max-width: 768px){.task-details{display:flex!important;flex-direction:column!important;gap:.25rem!important}.task-title{margin:0!important;font-size:1rem!important;font-weight:600!important;line-height:1.3!important;word-wrap:break-word!important;overflow-wrap:break-word!important;display:block!important;visibility:visible!important;opacity:1!important}.task-metadata{display:flex!important;align-items:center!important;gap:.5rem!important;margin:0!important;flex-wrap:wrap!important;font-size:.85rem!important}.task-meta-item{display:flex!important;align-items:center!important;gap:.25rem!important;color:var(--color-text-secondary)!important;font-size:.85rem!important}.task-meta-icon{font-size:.9em!important}.task-labels{margin-top:.25rem!important;display:flex!important;flex-wrap:wrap!important;gap:.25rem!important}.task-checkbox{width:16px!important;height:16px!important;margin-right:.75rem!important;margin-top:2px!important;flex-shrink:0!important}.task-item{padding:.75rem!important}.task-description{margin-top:.5rem!important;font-size:.9rem!important;color:var(--color-text-secondary)!important}.task-list-compact .task-details{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;flex-wrap:wrap!important;overflow:visible!important}.task-list-compact .task-title{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;flex-shrink:0!important;min-width:auto!important;width:100%!important;font-size:1rem!important;line-height:1.3!important}.task-list-compact .task-metadata{width:100%!important;justify-content:flex-start!important}}.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 .2s cubic-bezier(.4,0,.2,1);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}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#4a6a8e;color:#fff;font-size:.75rem;font-weight:400;line-height:1.3;white-space:nowrap;padding:.3rem .6rem;border-radius:var(--radius-sm, 4px);pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:9999;box-shadow:0 2px 6px #00000026}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.btn:active:before{width:300px;height:300px}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none}.btn:disabled:hover{transform:none;box-shadow:none}.btn-sm{padding:.375rem .75rem;font-size:.875rem;min-height:32px;min-width:32px}.btn-md{padding:.5rem 1rem;font-size:.9375rem;min-height:40px}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;min-height:48px;font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:before{background:#fff6}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background:#1e40af}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:before{background:#2563eb1a}.btn-secondary:hover:not(:disabled){background-color:var(--color-hover-background);border-color:var(--color-primary)}.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:before{background:#fff6}.btn-danger:hover:not(:disabled){background-color:#a85e64;box-shadow:var(--shadow-md)}.btn-danger:active:not(:disabled){background-color:#a85e64}.btn-success{background-color:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:before{background:#fff6}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-text-primary);border:none;box-shadow:none}.btn-ghost:before{background:#2563eb1a}.btn-ghost:hover:not(:disabled){background-color:var(--color-hover-background);box-shadow:none}.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:40px;width:40px;height:40px;border-radius:50%}.btn-icon.btn-sm{padding:.375rem;min-width:32px;width:32px;height:32px}.btn-icon.btn-lg{padding:.75rem;min-width:48px;width:48px;height:48px}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}.adp{position:relative;display:inline-block}.adp-label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.35rem}.adp-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface, #FDFCFA);color:var(--color-text-muted);font-size:.875rem;cursor:pointer;white-space:nowrap;width:100%;text-align:left;min-height:40px;transition:border-color .15s,box-shadow .15s,background .15s}.adp-trigger:hover{border-color:var(--color-border-strong);background:#f7f6f3}.adp-trigger:focus-visible{outline:2px solid transparent;border-color:var(--color-primary);box-shadow:0 0 0 3px #5b7fa61f}.adp-trigger--has-value{color:var(--color-text-primary)}.adp-trigger__icon{flex-shrink:0;font-size:.9375rem}.adp-trigger__text{flex:1}.adp-trigger__chevron{flex-shrink:0;font-size:.5rem;color:var(--color-text-muted);margin-left:.25rem}.adp-popup{position:absolute;top:calc(100% + 6px);z-index:1000;background:var(--color-surface, #FDFCFA);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:0 4px 20px #2c2a271a;padding:1rem 1rem .75rem;min-width:288px;animation:adp-fade-in .12s ease}.adp-popup--left{left:0}.adp-popup--right{right:0}.adp-popup--center{left:50%;transform:translate(-50%)}@keyframes adp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.adp-popup__footer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end}.adp-clear-btn{background:none;border:none;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color .12s,background .12s}.adp-clear-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-secondary)}.adp-cal{width:100%}.adp-cal__months{display:flex}.adp-cal__month{width:100%}.adp-cal__caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.adp-cal__caption-label{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.adp-cal__nav{display:flex;gap:.25rem}.adp-cal__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:none;cursor:pointer;color:var(--color-text-secondary);font-size:.75rem;transition:background .12s,border-color .12s}.adp-cal__nav-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.adp-cal__grid{width:100%;border-collapse:collapse}.adp-cal__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.25rem}.adp-cal__weekday{text-align:center;font-size:.6875rem;font-weight:600;color:var(--color-text-muted);padding:.3rem 0;text-transform:uppercase;letter-spacing:.04em}.adp-cal__week{display:grid;grid-template-columns:repeat(7,1fr)}.adp-cal__day{text-align:center;padding:2px}.adp-cal__day-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:background .12s,color .12s}.adp-cal__day-btn:hover{background:var(--color-bg-secondary)}.adp-cal__day--today .adp-cal__day-btn{font-weight:700;border-color:var(--color-primary);color:var(--color-primary)}.adp-cal__day--selected .adp-cal__day-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.adp-cal__day--selected.adp-cal__day--today .adp-cal__day-btn{background:var(--color-primary);border-color:transparent;color:#fff}.adp-cal__day--outside .adp-cal__day-btn{color:var(--color-text-muted);opacity:.5}.adp-cal__day--disabled .adp-cal__day-btn{color:var(--color-text-muted);opacity:.35;cursor:default;pointer-events:none}.adp--filter{flex:1;min-width:0}.filter-panel__date-sep{flex-shrink:0;color:var(--color-text-muted);font-size:.85rem}.adp-popup--up{top:auto;bottom:calc(100% + 6px)}.adp--heading{position:relative;display:inline-flex;align-items:center}.adp-trigger--heading{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);line-height:1.3;width:auto;min-height:unset;justify-content:flex-start;transition:background .15s ease}.adp-trigger--heading:hover,.adp-trigger--heading-open{background:var(--color-bg-secondary)}.adp-heading-chevron{font-size:.6rem;opacity:.45;transform:translateY(1px);display:inline-block;line-height:1}.adp--chip{position:relative;display:inline-flex;align-items:center}.adp-trigger--chip{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--color-text-muted);font-size:.85rem;padding:.3rem .5rem;border-radius:var(--radius-sm);width:auto;min-height:unset;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.adp-trigger--chip:hover{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.adp-trigger--chip-set{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle, var(--color-border));border-radius:999px;padding:.2rem .55rem .2rem .65rem;color:var(--color-text-secondary)}.adp-trigger--chip-set:hover{border-color:var(--color-border)}.adp-chip-icon{font-size:.85rem;line-height:1}.adp-chip-date{font-size:.82rem;font-weight:500;color:var(--color-text-primary)}.adp-chip-placeholder{font-size:.84rem;color:var(--color-text-muted)}.adp-chip-clear{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.95rem;line-height:1;padding:0 .1rem;margin-left:.15rem;border-radius:50%;width:1.2rem;height:1.2rem;transition:color .15s ease,background .15s ease;flex-shrink:0}.adp-chip-clear:hover{color:var(--color-text-primary);background:var(--color-hover-background, var(--color-border))}.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:200}.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}.nav-user-actions{display:flex;align-items:center;gap:.75rem}.nav-profile-menu{position:relative}.nav-profile-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.9rem;font-weight:600;border:none;cursor:pointer;flex-shrink:0;transition:background .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-sm);line-height:1}.nav-profile-trigger:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.nav-profile-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.nav-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;max-width:calc(100vw - 2rem);background:var(--color-surface, #FDFCFA);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:0 4px 20px #2c2a271f;padding:.5rem 0;z-index:200;animation:adp-fade-in .12s ease;display:flex;flex-direction:column;box-sizing:border-box}.nav-profile-email{display:block;padding:.55rem 1rem .65rem;font-size:.8rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-profile-item{display:block;width:100%;padding:.55rem 1rem;font-size:.875rem;color:var(--color-text-primary);text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;border-radius:0;transition:background .12s ease;white-space:nowrap}.nav-profile-item:hover{background:var(--color-hover-background)}.nav-profile-signout{color:var(--color-text-secondary);margin-top:.2rem;border-top:1px solid var(--color-border-subtle);padding-top:.65rem}.nav-profile-signout:hover{color:var(--color-danger);background:var(--color-hover-background)}@media (max-width: 639px){.nav-header{width:100%}.nav-actions{width:100%;justify-content:flex-end}.nav-user-actions{gap:.5rem}.nav-profile-dropdown{right:0;left:auto;max-width:calc(100vw - 1rem)}.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);overflow:visible}.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{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);opacity:0}.collapsible-content.collapsed{max-height:0;opacity:0;pointer-events:none;overflow:hidden}.collapsible-content.expanded{max-height:10000px;opacity:1;pointer-events:auto;overflow:visible}.collapsible-content>div{overflow:visible}.add-task-new-section{margin-top:.25rem}.add-task-new-toggle{display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary);padding:.25rem .35rem;border-radius:var(--radius-sm);transition:color .13s ease,background .13s ease;-webkit-tap-highlight-color:transparent}.add-task-new-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.add-task-new-toggle__icon{font-size:.65rem;line-height:1;color:var(--color-text-muted)}.add-task-new-body{margin-top:1rem}@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,#c0737a,#a85e64);box-shadow:0 4px 12px #c0737a4d}.priority-badge--high:hover{box-shadow:0 6px 16px #c0737a66}.priority-badge--medium{background:linear-gradient(135deg,#c4964a,#ad8040);box-shadow:0 4px 12px #c4964a4d}.priority-badge--medium:hover{box-shadow:0 6px 16px #c4964a66}.priority-badge--low{background:linear-gradient(135deg,#6b9ec4,#5b8bad);box-shadow:0 4px 12px #6b9ec44d}.priority-badge--low:hover{box-shadow:0 6px 16px #6b9ec466}.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(192,115,122,.1) 0%,transparent 100%);border-left:3px solid var(--color-priority-high);padding-left:calc(.75rem - 3px)}.priority-menu__option--medium:hover{background:linear-gradient(90deg,rgba(196,150,74,.1) 0%,transparent 100%);border-left:3px solid var(--color-priority-medium);padding-left:calc(.75rem - 3px)}.priority-menu__option--low:hover{background:linear-gradient(90deg,rgba(107,158,196,.1) 0%,transparent 100%);border-left:3px solid var(--color-priority-low);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)}.label-selector-v2{display:flex;flex-direction:column;gap:1.25rem}.label-selector-v2__search{position:sticky;top:0;z-index:10;background:var(--color-surface);padding-bottom:.5rem}.search-input-group{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;font-size:1rem;pointer-events:none;opacity:.5}.search-input{width:100%;padding:.625rem 2.5rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:.95rem;transition:all .2s ease;background:var(--color-background)}.search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #3b82f61a}.search-clear{position:absolute;right:.5rem;padding:.25rem .5rem;background:transparent;border:none;cursor:pointer;opacity:.5;transition:opacity .15s}.search-clear:hover{opacity:1}.label-selector-v2__section{display:flex;flex-direction:column;gap:.75rem}.label-selector-v2__section--compact{gap:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.btn-text-sm{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-md);transition:background .15s}.btn-text-sm:hover{background:#3b82f61a}.label-chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.label-chips-row{display:flex;flex-wrap:wrap;gap:.5rem}.label-chip-v2{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;border:1.5px solid;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none}.label-chip-v2--interactive{cursor:pointer}.label-chip-v2--interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;filter:brightness(1.05)}.label-chip-v2--animated{animation:labelSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes labelSlideIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.label-chip-v2--removable{padding-right:.5rem}.label-chip-v2--preview{font-size:1rem;padding:.625rem 1rem}.label-chip-v2--removing{animation:labelSlideOut .2s ease-out forwards}@keyframes labelSlideOut{to{opacity:0;transform:scale(.8) translateY(-10px)}}.label-icon{font-size:1em;line-height:1}.label-name{line-height:1}.label-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:.25rem;background:transparent;border:none;border-radius:50%;cursor:pointer;font-size:.75rem;opacity:.6;transition:all .15s}.label-remove:hover{opacity:1;background:#0000001a;transform:scale(1.1)}.btn-create-label{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:transparent;border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-create-label:hover{border-color:var(--color-primary);color:var(--color-primary);background:#3b82f60d}.btn-icon{font-size:1.25rem;line-height:1}.label-create-card{border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;background:var(--color-background);box-shadow:var(--shadow-md);animation:cardSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.btn-icon-only{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.btn-icon-only:hover{background:var(--color-hover-background);color:var(--color-text-primary)}.label-preview{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:1rem}.preview-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-field{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .875rem;border:1.5px solid var(--color-input-border);border-radius:var(--radius-md);font-size:.95rem;transition:all .2s;background:var(--color-surface)}.form-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.form-input--emoji{text-align:center;font-size:1.5rem;padding:.5rem}.form-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.card-actions{display:flex;gap:.75rem;margin-top:1.25rem;justify-content:flex-end}.color-picker-v2{display:flex;flex-direction:column;gap:.75rem}.color-picker-v2__swatches{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch{position:relative;width:40px;height:40px;border:3px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background-clip:padding-box}.color-swatch:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.color-swatch.active{border-color:var(--color-text-primary);transform:scale(1.15);box-shadow:0 4px 12px #00000040}.color-swatch--custom{background:linear-gradient(135deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);display:flex;align-items:center;justify-content:center}.gradient-icon{font-size:1.25rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.check-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.custom-color-section{padding:.75rem;background:var(--color-background);border-radius:var(--radius-md);animation:fadeIn .2s ease}.custom-color-inputs{display:flex;gap:.5rem;align-items:center}.color-input-native{width:50px;height:40px;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.hex-input{flex:1;padding:.625rem .875rem;border:1.5px solid var(--color-input-border);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:.95rem;transition:all .2s}.hex-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #3b82f61a}.empty-state-compact{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center}.empty-icon{font-size:2.5rem;opacity:.5}.empty-text{font-size:.95rem;color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.label-chips-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.color-picker-v2__swatches{justify-content:center}.card-actions{flex-direction:column}.card-actions button{width:100%}}.filter-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.5rem;margin-bottom:0;background:var(--color-surface);overflow:visible}.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}.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:#c4964a;transform:scale(1.2)}.preset-card__favorite.active{color:#c4964a}.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,#4a9e7c,#3d8a6a);color:#fff;border-color:#3d8a6a}.preset-action-btn.load:hover{box-shadow:0 4px 12px #4a9e7c59}.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:#c0737a0f}.preset-action-btn.save{background:linear-gradient(135deg,#6b9ec4,#5b7fa6);color:#fff;border-color:#5b7fa6}.preset-action-btn.save:hover{box-shadow:0 4px 12px #6b9ec459}.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,#c0737a,#a85e64);color:#fff;border-color:var(--color-priority-high);box-shadow:0 4px 12px #c0737a4d}.priority-selector__button.high.selected{background:linear-gradient(135deg,#c0737a,#a85e64);color:#fff;border-color:var(--color-priority-high);box-shadow:0 4px 12px #c0737a59}.priority-selector__button.medium{border-color:var(--color-priority-medium);color:var(--color-priority-medium)}.priority-selector__button.medium:hover{background:linear-gradient(135deg,#c4964a,#ad8040);color:#fff;border-color:var(--color-priority-medium);box-shadow:0 4px 12px #c4964a4d}.priority-selector__button.medium.selected{background:linear-gradient(135deg,#c4964a,#ad8040);color:#fff;border-color:var(--color-priority-medium);box-shadow:0 4px 12px #c4964a59}.priority-selector__button.low{border-color:var(--color-priority-low);color:var(--color-priority-low)}.priority-selector__button.low:hover{background:linear-gradient(135deg,#6b9ec4,#5b8bad);color:#fff;border-color:var(--color-priority-low);box-shadow:0 4px 12px #6b9ec44d}.priority-selector__button.low.selected{background:linear-gradient(135deg,#6b9ec4,#5b8bad);color:#fff;border-color:var(--color-priority-low);box-shadow:0 4px 12px #6b9ec459}.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}.task-form-add-details{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:4px 0;margin-bottom:12px;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:color .15s ease;line-height:1}.task-form-add-details:hover{color:var(--color-primary)}.task-form-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease;overflow:hidden}.task-form-details__inner{min-height:0;overflow:hidden}.task-form-details--open{grid-template-rows:1fr}.task-form-details--open .task-form-details__inner{overflow:visible}.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}.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:#5b7fa6}.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,#5b7fa6,#4a6a8e);border:none;box-shadow:0 4px 12px #5b7fa640,0 2px 4px #00000014;cursor:pointer;z-index:99;transition:all .3s ease}.floating-action-button:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 16px #5b7fa659,0 4px 8px #0000001a}.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%}.feedback-fab{display:none;position:fixed;bottom:148px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--color-bg-elevated, #fff);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000001f;cursor:pointer;z-index:98;transition:transform .2s ease,box-shadow .2s ease;align-items:center;justify-content:center}.feedback-fab:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 4px 12px #0000002e}.feedback-fab:active{transform:scale(.95)}.feedback-fab-icon{font-size:20px;display:flex;align-items:center;justify-content:center;height:100%}@media (min-width: 601px){.feedback-fab{display:flex;bottom:24px;right:24px;width:44px;height:44px}}.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:#4a9e7c}.swipe-hint-delete{right:20px;color:#c0737a}.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}.feedback-fab{display:flex}.navigation.navigation-logged-out{display:none}.navigation .nav-links,.navigation .workspace-settings-link,.navigation .user-email,.navigation .sign-out-btn{display:none!important}.navigation{padding:.75rem 1rem}.navigation .nav-brand .nav-title{font-size:1.1rem}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:#fdf4f4;color:#c0737a}.task-item.dragging{opacity:.5;cursor:grabbing}.task-item.drag-over{border-top:2px solid #5B7FA6}}@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 #4A9E7C}.toast-success .toast-icon{background:#d8f0e7;color:#4a9e7c}.toast-error{border-left:4px solid #C0737A}.toast-error .toast-icon{background:#f5e0e1;color:#c0737a}.toast-warning{border-left:4px solid #C4964A}.toast-warning .toast-icon{background:#f5ecda;color:#c4964a}.toast-info{border-left:4px solid #5B7FA6}.toast-info .toast-icon{background:#dce8f2;color:#5b7fa6}.toast-message{flex:1;font-size:14px;color:#2c2a27;line-height:1.5}.toast-close{background:transparent;border:none;color:#9e9c97;font-size:18px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease;flex-shrink:0}.toast-close:hover{color:#2c2a27}.toast-with-action{display:flex;align-items:center;gap:12px;width:100%}.toast-retry-button{background:#c0737a;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap;flex-shrink:0}.toast-retry-button:hover{background:#a85e64}.toast-retry-button:active{transform:scale(.95)}.autosave-indicator{position:fixed;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid var(--color-neutral-300);border-radius:8px;font-size:.875rem;color:var(--color-neutral-700);box-shadow:0 4px 6px #0000001a;z-index:1000;transition:all .2s ease}.autosave-indicator.saving{border-color:var(--color-primary, #2196f3);color:var(--color-primary, #2196f3)}.autosave-indicator.saved{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.autosave-indicator.error{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.autosave-indicator.pending{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.autosave-indicator svg{width:16px;height:16px;flex-shrink:0}.autosave-indicator .icon-check{color:var(--color-success, #10b981)}.autosave-indicator .icon-alert{color:var(--color-danger, #ef4444)}.autosave-indicator .icon-clock{color:var(--color-warning, #f59e0b)}.autosave-indicator .time-ago{color:var(--color-neutral-500, #6b7280);font-size:.75rem;margin-left:.25rem}.autosave-indicator .retry-button{background:var(--color-danger, #ef4444);color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background .2s;white-space:nowrap}.autosave-indicator .retry-button:hover{background:var(--color-danger-dark, #dc2626)}.autosave-indicator .offline-indicator{font-size:.75rem;color:var(--color-neutral-500, #6b7280);font-style:italic;margin-left:.5rem}.spinner-small{width:16px;height:16px;border:2px solid var(--color-primary, #2196f3);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.autosave-indicator{position:static;display:inline-flex;margin-top:.5rem;font-size:.8rem;padding:.4rem .6rem;box-shadow:none}}.skeleton-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-item-skeleton>*{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.task-list-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:0}.task-item-skeleton{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem;background:#fff}.skeleton-checkbox{width:20px;height:20px;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-title{height:18px;max-width:400px}.skeleton-meta{display:flex;gap:.5rem;align-items:center}.skeleton-label{width:60px;height:20px}.skeleton-date{width:80px;height:16px}.skeleton-actions{display:flex;gap:.5rem}.skeleton-icon{width:32px;height:32px;border-radius:4px}.smart-loader{width:100%;margin:2rem 0}.loading-message{text-align:center;margin-bottom:1.5rem;color:var(--color-text-muted, #6b7280);font-size:.95rem}.slow-loading-hint{display:block;margin-top:.5rem;font-size:.85rem;color:var(--color-warning, #f59e0b);font-style:italic}.smart-loader-timeout{text-align:center;padding:3rem 2rem;max-width:500px;margin:2rem auto}.timeout-icon{font-size:4rem;margin-bottom:1rem}.smart-loader-timeout h3{font-size:1.5rem;color:var(--color-text-primary, #111827);margin-bottom:.5rem}.smart-loader-timeout p{color:var(--color-text-muted, #6b7280);margin-bottom:2rem;line-height:1.6}.timeout-actions{display:flex;gap:1rem;justify-content:center}.timeout-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.timeout-actions .btn-primary{background:var(--color-primary, #2196f3);color:#fff;border:none}.timeout-actions .btn-primary:hover{background:var(--color-primary-dark, #1976d2)}.timeout-actions .btn-secondary{background:#fff;color:var(--color-text-primary, #111827);border:1px solid #e5e7eb}.timeout-actions .btn-secondary:hover{background:#f9fafb}@media (max-width: 768px){.task-item-skeleton{padding:.75rem;gap:.75rem}.skeleton-actions{display:none}.smart-loader-timeout{padding:2rem 1rem}.timeout-actions{flex-direction:column;width:100%}.timeout-actions .btn{width:100%}}@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 #4A9E7C;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-exit{opacity:1;transform:translate(0);transition:all .3s ease-out}.task-item-exit-active{opacity:0;transform:translate(-20px)}.task-item-enter{opacity:0;transform:translate(-20px);transition:all .3s ease-out}.task-item-enter-active{opacity:1;transform:translate(0)}.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,#5b7fa6,#6b9ec4);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}.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}}.beta-badge{position:fixed;top:8px;right:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:4px;box-shadow:0 2px 8px #667eea4d;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.beta-badge{font-size:11px;padding:5px 12px;top:10px;right:10px}}@media (max-width: 480px){.beta-badge{font-size:9px;padding:3px 8px;top:6px;right:6px}}.markdown-editor{width:100%;border-radius:var(--radius-md);overflow:hidden}.markdown-editor .w-md-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none}.markdown-editor .w-md-editor-toolbar{background:var(--color-hover-background);border-bottom:1px solid var(--color-border);padding:8px}.markdown-editor .w-md-editor-toolbar button{color:var(--color-text-secondary);transition:all .2s ease}.markdown-editor .w-md-editor-toolbar button:hover,.markdown-editor .w-md-editor-toolbar button.active{color:var(--color-primary);background:#2563eb1a}.markdown-editor .w-md-editor-text-pre,.markdown-editor .w-md-editor-text-input{font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;color:var(--color-text-primary)}.markdown-editor .w-md-editor-text{background:var(--color-surface)}.markdown-editor .w-md-editor-preview{background:var(--color-surface);color:var(--color-text-primary);padding:16px}.markdown-editor .wmde-markdown{background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-sans)}.markdown-editor .wmde-markdown h1{color:var(--color-text-primary);border-bottom:2px solid var(--color-border)}.markdown-editor .wmde-markdown h2{color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.markdown-editor .wmde-markdown h3,.markdown-editor .wmde-markdown h4,.markdown-editor .wmde-markdown h5,.markdown-editor .wmde-markdown h6{color:var(--color-text-primary)}.markdown-editor .wmde-markdown code{background:var(--color-hover-background);color:var(--color-danger)}.markdown-editor .wmde-markdown pre{background:var(--color-hover-background)}.markdown-editor .wmde-markdown pre code{color:var(--color-text-primary)}.markdown-editor .wmde-markdown blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-secondary)}.markdown-editor .wmde-markdown a{color:var(--color-primary)}.markdown-editor .wmde-markdown a:hover{color:var(--color-primary-hover)}.markdown-editor .wmde-markdown table th,.markdown-editor .wmde-markdown table td{border:1px solid var(--color-border)}.markdown-editor .wmde-markdown table th{background:var(--color-hover-background)}.markdown-editor__footer{padding:8px 12px;background:var(--color-hover-background);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);display:flex;justify-content:flex-end}.markdown-editor__char-count{font-size:12px;color:var(--color-text-secondary)}.markdown-editor__footer.warning .markdown-editor__char-count{color:var(--color-warning);font-weight:600}@media (max-width: 768px){.markdown-editor .w-md-editor-toolbar{flex-wrap:wrap}.markdown-editor .w-md-editor-text-pre,.markdown-editor .w-md-editor-text-input{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-fullscreen{width:100%;max-width:95vw;height:90vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200, var(--color-border));flex-shrink:0}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--color-neutral-500, var(--color-text-secondary));cursor:pointer;padding:var(--spacing-xs);line-height:1;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close:hover{background:var(--color-neutral-100, var(--color-hover-background));color:var(--color-neutral-700, var(--color-text-primary))}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-200, var(--color-border));flex-shrink:0}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-sm)}.modal-small,.modal-medium,.modal-large{max-width:100%}.modal-fullscreen{max-width:100%;max-height:100%;height:100%;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal{animation:none}.modal{opacity:1;transform:none}}.empty-invitations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.invitations-list{display:flex;flex-direction:column}.invitation-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;transition:background-color .15s}.invitation-item:last-child{border-bottom:none}.invitation-item:hover{background-color:#f9fafb}.invitation-info{display:flex;flex-direction:column;gap:.25rem}.invitation-workspace-name{margin:0;font-size:1rem;font-weight:600;color:#111827}.invitation-meta{display:flex;flex-direction:column;font-size:.875rem;color:#6b7280;gap:.125rem}.invitation-role strong{color:#4b5563}.invitation-actions{display:flex;gap:.5rem;margin-left:1rem}@media (max-width: 640px){.invitation-item{flex-direction:column;align-items:flex-start;gap:1rem}.invitation-actions{margin-left:0;width:100%;justify-content:flex-end}.invitation-actions button{flex:1}}.billing-page,.billing-success-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:2rem 1rem;background-color:var(--color-background)}.billing-page-card,.billing-success-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:480px;width:100%;box-shadow:0 1px 4px #0000000f}.billing-page-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem}.billing-page-loading{color:var(--color-text-muted);font-size:.9rem}.billing-status-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.billing-status-label{font-size:.875rem;color:var(--color-text-secondary)}.billing-status-badge{font-size:.8125rem;font-weight:500;padding:.2em .6em;border-radius:var(--radius-full)}.billing-status-active{background:#e8f5ee;color:#2a7a51}.billing-status-trialing{background:#edf2f9;color:#3a5f8a}.billing-status-trial_expired,.billing-status-expired,.billing-status-canceled{background:#fdf0f0;color:#8a3a3a}.billing-page-trial-info{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.25rem}.billing-page-error{font-size:.875rem;color:var(--color-danger);margin-bottom:1rem}.billing-page-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.billing-page-help{font-size:.8125rem;color:var(--color-text-muted);margin-top:1.5rem;text-align:center}.billing-page-help a{color:var(--color-primary);text-decoration:none}.billing-page-help a:hover{text-decoration:underline}.billing-success-card{text-align:center}.billing-success-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.billing-success-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.billing-success-body{font-size:.9rem;color:var(--color-text-secondary);margin:0}@media (max-width: 600px){.billing-page-card,.billing-success-card{padding:1.5rem 1rem}}.feedback-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.25rem}.feedback-field{display:flex;flex-direction:column;gap:.35rem}.feedback-field-checkbox{flex-direction:row;align-items:center;gap:.6rem}.feedback-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.feedback-label-checkbox{font-weight:400;cursor:pointer}.feedback-contact-email{color:var(--color-text-secondary);font-size:.8rem}.feedback-input,.feedback-select,.feedback-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;color:var(--color-text-primary);background:var(--color-bg-primary);transition:border-color .15s;box-sizing:border-box}.feedback-input:focus,.feedback-select:focus,.feedback-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.feedback-input-error{border-color:var(--color-danger, #e53e3e)}.feedback-textarea{resize:vertical;min-height:140px}.feedback-checkbox{width:1rem;height:1rem;cursor:pointer;flex-shrink:0}.feedback-error{font-size:.8rem;color:var(--color-danger, #e53e3e)}.feedback-char-count{font-size:.75rem;color:var(--color-text-secondary);text-align:right}.feedback-actions{margin-top:.5rem}.feedback-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1rem 0;outline:none}.feedback-success-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);font-size:1.5rem;font-weight:700}@media (max-width: 600px){.feedback-input,.feedback-select,.feedback-textarea{font-size:1rem}}.trial-banner{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:#edf2f7;border-bottom:1px solid #CBD5E0;font-size:.875rem;color:var(--color-text-primary, #1A202C);position:sticky;top:0;z-index:100}.trial-banner--urgent{background:#fff5f5;border-bottom-color:#feb2b2;color:#742a2a}.trial-banner__message{flex:1}.trial-banner__cta{font-weight:600;color:var(--color-primary, #5B7FA6);text-decoration:none;white-space:nowrap}.trial-banner--urgent .trial-banner__cta{color:#c53030}.trial-banner__cta:hover{text-decoration:underline}.trial-banner__dismiss{background:none;border:none;cursor:pointer;font-size:.875rem;color:inherit;opacity:.6;padding:.125rem .25rem;line-height:1;flex-shrink:0}.trial-banner__dismiss:hover{opacity:1}.free-preview-banner{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:#ebf8f0;border-bottom:1px solid #B2DFCC;font-size:.875rem;color:#1a4731;position:sticky;top:0;z-index:100}.free-preview-banner__message{flex:1}.free-preview-banner__dismiss{background:none;border:none;cursor:pointer;font-size:.875rem;color:inherit;opacity:.6;padding:.125rem .25rem;line-height:1;flex-shrink:0}.free-preview-banner__dismiss:hover{opacity:1}.subscription-expired-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-background, #F7F6F3);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.subscription-expired-card{background:var(--color-surface, #FDFCFA);border:1px solid var(--color-border, #E8E3DC);border-radius:16px;padding:3rem 2.5rem;max-width:480px;width:100%;text-align:center;box-shadow:0 4px 24px #00000014}.subscription-expired-icon{font-size:2.5rem;margin-bottom:1rem}.subscription-expired-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #1A1A1A);margin:0 0 .875rem;line-height:1.3}.subscription-expired-reassurance{font-size:.9375rem;color:var(--color-text-secondary, #6B7280);margin:0 0 2rem;line-height:1.6}.subscription-expired-cta{display:inline-block;background:var(--color-primary, #5B7FA6);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:10px;padding:.8rem 1.75rem;cursor:pointer;transition:background .15s ease,transform .1s ease;text-decoration:none}.subscription-expired-cta:hover{background:#4a6b8f;transform:translateY(-1px)}.subscription-expired-cta:active{transform:translateY(0)}.subscription-expired-support{margin:1.5rem 0 0;font-size:.8125rem;color:var(--color-text-tertiary, #9CA3AF)}.subscription-expired-support-link{color:var(--color-primary, #5B7FA6);text-decoration:none}.subscription-expired-support-link:hover{text-decoration:underline}@media (max-width: 600px){.subscription-expired-card{padding:2rem 1.25rem}.subscription-expired-title{font-size:1.25rem}}.plans-page{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 60px);padding:3rem 1rem 2rem;background-color:var(--color-background)}.plans-page-inner{width:100%;max-width:680px;text-align:center}.plans-page-title{font-size:1.625rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.plans-page-subtitle{font-size:.9375rem;color:var(--color-text-secondary);margin:0 0 2rem}.plans-page-error{font-size:.875rem;color:var(--color-danger);margin-bottom:1.25rem}.plans-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.75rem}.plans-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem 1.5rem 1.5rem;text-align:left;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:.5rem}.plans-card--featured{border-color:var(--color-primary, #5B7FA6);box-shadow:0 2px 8px #5b7fa62e}.plans-card__badge{display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--color-primary, #5B7FA6);color:#fff;padding:.2em .55em;border-radius:var(--radius-full);margin-bottom:.25rem;align-self:flex-start}.plans-card__name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.plans-card__billing{font-size:.8125rem;color:var(--color-text-muted);margin:0}.plans-card__desc{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .75rem;flex:1}.plans-card__cta{width:100%;margin-top:auto}.plans-page-back{background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);padding:0;margin-bottom:1.25rem}.plans-page-back:hover{color:var(--color-text-primary);text-decoration:underline}.plans-page-help{font-size:.8125rem;color:var(--color-text-muted);margin-top:.5rem}.plans-page-help a{color:var(--color-primary);text-decoration:none}.plans-page-help a:hover{text-decoration:underline}@media (max-width: 560px){.plans-cards{grid-template-columns:1fr}.plans-page-title{font-size:1.375rem}}