.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);padding-bottom:0;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.auth-container .app-footer{margin-top:auto;width:100%;background:transparent;border-top:none}.auth-container__title{font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-container__subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--space-xxl)}.auth-form{width:100%;max-width:360px;padding:var(--space-xl);background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.auth-form__title{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xl);text-align:center;letter-spacing:var(--letter-spacing-tight)}.auth-form__error{background:var(--color-danger-light);color:var(--color-danger);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);border-radius:var(--radius-sm);border:1px solid rgba(255,59,48,.15)}.auth-form__warning{color:var(--color-warning);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.auth-form__hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.auth-form__form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form__input{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-md);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid transparent}.auth-form__input:focus{background:var(--color-bg);border-color:var(--color-accent)}.auth-form__submit{padding:var(--space-md) var(--space-lg);background:var(--color-accent);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);margin-top:var(--space-sm);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.auth-form__submit:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.auth-form__submit:active:not(:disabled){transform:scale(.98)}.auth-form__submit:disabled{opacity:.6}.auth-form__google{width:100%;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:#4285f4;color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.auth-form__google:hover{background:#3574e2;box-shadow:var(--shadow-md)}.auth-form__google:active{transform:scale(.98)}.auth-form__toggle{margin-top:var(--space-xl);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-form__toggle-btn{color:var(--color-accent);margin-left:var(--space-xs);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-form__toggle-btn:hover{color:var(--color-accent-hover)}@media(max-width:480px){.auth-container{padding:var(--space-md)}.auth-form{padding:var(--space-lg);max-width:100%}}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.badge--sm{font-size:var(--font-size-xs);padding:2px 8px}.badge--md{font-size:var(--font-size-sm);padding:3px 10px}.badge--default{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge--accent{background:var(--color-accent-light);color:var(--color-accent)}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:#ff95001f;color:var(--color-warning)}.count-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);min-width:20px;text-align:right}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-text-primary);color:var(--color-bg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:toast-slide-up .3s var(--ease-spring)}.toast--error{background:var(--color-danger);color:#fff}.toast--success{background:var(--color-success);color:#fff}.toast--warning{background:var(--color-warning);color:#fff}.toast__message{flex:1}.toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;opacity:.7;border-radius:var(--radius-sm);transition:opacity var(--transition-fast)}.toast__close:hover{opacity:1}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.icon-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.icon-btn:active{transform:scale(.92)}.icon-btn--danger:hover{color:var(--color-danger);background:var(--color-danger-light)}.icon-btn--star:hover{color:var(--color-star);background:#ffb3001a}.icon-btn--star.active{color:var(--color-star)}.spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .6s linear infinite}@media(max-width:480px){.toast{left:var(--space-md);right:var(--space-md);transform:none;max-width:none}}.undo-toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-text-primary);color:var(--color-bg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:toast-slide-up .3s var(--ease-spring);overflow:hidden}.undo-toast__message{flex:1}.undo-toast__button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#ffffff26;color:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.undo-toast__button:hover{background:#ffffff40}.undo-toast__progress{position:absolute;bottom:0;left:0;height:3px;background:#fff6;transition:width 50ms linear}@media(max-width:480px){.undo-toast{left:var(--space-md);right:var(--space-md);transform:none;max-width:none}}.app-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--color-bg)}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-lg);background:var(--color-bg);border-bottom:1px solid var(--color-border-light);flex-shrink:0;gap:var(--space-md);z-index:100}.topbar__left{display:flex;align-items:center;gap:var(--space-md)}.topbar__brand{display:flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.topbar__menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.topbar__menu-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.topbar__add-form{display:flex;align-items:center;gap:var(--space-xs)}.topbar__add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.topbar__add-btn:hover{color:var(--color-accent);background:var(--color-accent-light)}.topbar__add-input{width:140px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border:none;background:transparent;border-radius:var(--radius-sm)}.topbar__add-input:focus{outline:none;background:var(--color-bg-secondary)}.topbar__center{display:flex;align-items:center;gap:var(--space-md);flex:1;justify-content:center}.topbar__pending{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-warning);padding:var(--space-xxs) var(--space-sm);background:#ff95001f;border-radius:var(--radius-full)}.topbar__status{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.topbar__status--syncing{color:var(--color-accent)}.topbar__status--error{color:var(--color-danger)}.topbar__right{display:flex;align-items:center;gap:var(--space-md)}.topbar__network-btn,.topbar__sync-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.topbar__network-btn:hover,.topbar__sync-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.topbar__network-btn--offline{color:var(--color-warning)}.topbar__spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar__user{display:flex;align-items:center;gap:var(--space-md)}.topbar__email{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__signout{font-size:var(--font-size-sm);color:var(--color-text-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.topbar__signout:hover{color:var(--color-danger);background:var(--color-danger-light)}.sidebar-container{width:var(--sidebar-width);height:100%;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;transition:transform .3s var(--ease-in-out)}.sidebar-container__view-toggle{display:flex;padding:var(--space-md);gap:var(--space-xxs);background:var(--color-bg-secondary)}.sidebar-container__toggle-btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sidebar-container__toggle-btn.active{background:var(--color-bg);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.sidebar-container__toggle-btn:hover:not(.active){background:var(--color-bg-hover)}.main-content{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-3xl);background:var(--color-bg);-webkit-overflow-scrolling:touch}.content-wrapper{display:flex;flex:1;overflow:hidden;position:relative}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--color-overlay);z-index:199;opacity:0;transition:opacity .3s var(--ease-in-out);-webkit-tap-highlight-color:transparent}.sidebar-overlay--visible{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:240px;color:var(--color-text-tertiary);text-align:center;padding:var(--space-xl)}.empty-state__icon{margin-bottom:var(--space-lg);opacity:.4;color:var(--color-text-tertiary)}.empty-state__message{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);max-width:280px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:240px;color:var(--color-text-tertiary)}.loading-state__spinner{width:28px;height:28px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .7s linear infinite;margin-bottom:var(--space-lg)}.loading-state__message{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media(max-width:1024px){.main-content{padding:var(--space-xl) var(--space-xl)}.topbar__email{max-width:140px}}@media(max-width:768px){.topbar{padding:0 var(--space-md);gap:var(--space-sm)}.topbar__menu-btn{display:flex}.topbar__email{display:none}.topbar__center{flex:0}.topbar__right{gap:var(--space-xs)}.topbar__sync-btn,.topbar__network-btn{width:36px;height:36px}.sidebar-container{position:fixed;top:var(--topbar-height);left:0;bottom:0;width:280px;max-width:85vw;z-index:200;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar-container--open{transform:translate(0)}.sidebar-overlay{display:block;top:var(--topbar-height);pointer-events:none}.sidebar-overlay--visible{pointer-events:auto}.main-content{padding:var(--space-lg) var(--space-md)}}@media(max-width:480px){.topbar{padding:0 var(--space-sm)}.topbar__signout{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.main-content{padding:var(--space-md) var(--space-sm)}.sidebar-container{width:100%;max-width:100%;border-right:none}.empty-state{padding:var(--space-lg);min-height:180px}.empty-state__message{font-size:var(--font-size-sm)}}.offline-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-lg)}.offline-overlay__content{background:var(--color-bg);padding:var(--space-xxl);border-radius:var(--radius-lg);text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.offline-overlay__content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.offline-overlay__content p{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media(max-width:480px){.offline-overlay__content{padding:var(--space-xl)}.offline-overlay__content h2{font-size:var(--font-size-lg)}.offline-overlay__content p{font-size:var(--font-size-sm)}}.app-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:var(--color-bg);border-top:1px solid var(--color-border-light);flex-shrink:0;flex-wrap:wrap;text-align:center}.app-footer a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.app-footer a:hover{color:var(--color-accent-hover);text-decoration:underline}.app-footer__separator{color:var(--color-border)}@media(max-width:480px){.app-footer{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.app-footer__separator{display:none}}.sidebar-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;color:var(--color-text-primary);border-radius:var(--radius-sm);margin:1px 0;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-item:hover{background:var(--color-bg-hover)}.sidebar-item--selected{background:var(--color-bg-selected);color:var(--color-accent)}.sidebar-item--selected:hover{background:var(--color-bg-selected)}.sidebar-item--indent{padding-left:var(--space-xxl)}.sidebar-item__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-secondary);flex-shrink:0}.sidebar-item--selected .sidebar-item__icon{color:var(--color-accent)}.sidebar-item__label{flex:1;font-size:var(--font-size-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-lists{padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-border-light)}.project-list{padding:var(--space-sm) var(--space-sm);flex:1;overflow-y:auto}.project-list__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-sm);margin-bottom:var(--space-xs)}.project-list__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.project-list__add-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.project-list__add-btn:hover{color:var(--color-accent);background:var(--color-accent-light)}.project-list__form{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.project-list__form input{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.project-list__form-actions{display:flex;gap:var(--space-xs)}.project-list__form-actions button{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);transition:background var(--transition-fast),transform var(--transition-fast)}.project-list__form-actions button:hover{background:var(--color-bg-hover)}.project-list__form-actions button[type=submit]{background:var(--color-accent);color:#fff}.project-list__form-actions button[type=submit]:hover{background:var(--color-accent-hover)}.project-list__form-actions button[type=submit]:disabled{opacity:.5}.project-list__error{font-size:var(--font-size-sm);color:var(--color-danger);padding:var(--space-xs) 0}.project-list__loading,.project-list__empty{padding:var(--space-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.project-list__items,.project-list__project{display:flex;flex-direction:column}.project-list__project-row{display:flex;align-items:center}.project-list__expand-btn{display:flex;align-items:center;justify-content:center;width:22px;height:28px;color:var(--color-text-tertiary);flex-shrink:0;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.project-list__expand-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.project-list__project-btn{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);text-align:left;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.project-list__project-btn:hover{background:var(--color-bg-hover)}.project-list__project-btn--selected,.project-list__project-btn--selected:hover{background:var(--color-bg-selected)}.project-list__project-icon{color:var(--color-accent);fill:var(--color-accent);flex-shrink:0}.project-list__project-name{flex:1;font-size:var(--font-size-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list__lists{display:flex;flex-direction:column;margin-left:var(--space-sm)}.project-list__add-list-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-tertiary);flex-shrink:0;margin-right:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.project-list__add-list-btn:hover{color:var(--color-accent);background:var(--color-accent-light)}.project-list__add-list-form{padding:var(--space-xs) var(--space-sm);padding-left:var(--space-xl)}.project-list__add-list-form input{width:100%;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.project-list__add-list-form input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.project-list__menu-container{position:relative;flex-shrink:0}.project-list__menu-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.project-list__project-row:hover .project-list__menu-btn,.project-list__menu-btn--active{opacity:1}.project-list__menu-btn:hover,.project-list__menu-btn--active{color:var(--color-text-primary);background:var(--color-bg-hover)}.project-list__dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:160px;padding:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:var(--space-xxs)}.project-list__dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.project-list__dropdown-item:hover{background:var(--color-bg-hover)}.project-list__dropdown-item svg{color:var(--color-text-secondary);flex-shrink:0}.project-list__dropdown-item--danger{color:var(--color-danger, #dc2626)}.project-list__dropdown-item--danger:hover{background:var(--color-danger-bg, #fef2f2)}.project-list__dropdown-item--danger svg{color:var(--color-danger, #dc2626)}@media(max-width:768px){.sidebar-item{padding:var(--space-sm) var(--space-md);min-height:40px}.project-list__menu-btn{opacity:1}.project-list__dropdown{min-width:180px}.project-list__dropdown-item{padding:var(--space-sm) var(--space-md);min-height:40px}}.tag-badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:2px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-xs);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.tag-badge--interactive{cursor:pointer}.tag-badge--interactive:hover{background:var(--color-border);color:var(--color-text-primary)}.tag-badge__name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.tag-badge__remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:2px;margin-right:-2px;color:var(--color-text-tertiary);border-radius:var(--radius-xs);transition:color var(--transition-fast),background var(--transition-fast)}.tag-badge__remove:hover{color:var(--color-danger);background:var(--color-danger-light)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.tag-list--clickable{cursor:pointer}.tag-list__overflow{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.tag-picker{position:relative;display:inline-block}.tag-picker__trigger{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.tag-picker__trigger:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.tag-picker__dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:200px;max-width:280px;margin-top:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:tag-picker-appear .15s var(--ease-out)}@keyframes tag-picker-appear{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tag-picker__search{padding:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.tag-picker__input{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary)}.tag-picker__input:focus{border-color:var(--color-accent);background:var(--color-bg);box-shadow:var(--shadow-focus)}.tag-picker__list{max-height:240px;overflow-y:auto;padding:var(--space-xs) 0}.tag-picker__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;border-radius:0;transition:background var(--transition-fast)}.tag-picker__item:hover{background:var(--color-bg-hover)}.tag-picker__item--selected{color:var(--color-accent)}.tag-picker__item--selected .tag-picker__item-name{font-weight:var(--font-weight-medium)}.tag-picker__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-picker__empty{padding:var(--space-lg) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center}.tag-picker__create{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-accent);text-align:left;border-radius:0;border-top:1px solid var(--color-border-light);transition:background var(--transition-fast)}.tag-picker__create:hover{background:var(--color-accent-light)}.duedate-picker{position:relative;display:inline-block}.duedate-picker__trigger{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.duedate-picker__trigger:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.duedate-picker__trigger--active,.duedate-picker__trigger--active:hover{color:var(--color-accent)}.duedate-picker__dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:200px;margin-top:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:duedate-picker-appear .15s var(--ease-out)}@keyframes duedate-picker-appear{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.duedate-picker__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light)}.duedate-picker__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.duedate-picker__clear{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-sm);font-size:var(--font-size-xs);color:var(--color-danger);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.duedate-picker__clear:hover{background:var(--color-danger-light)}.duedate-picker__body{padding:var(--space-md)}.duedate-picker__input{width:100%;padding:var(--space-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary)}.duedate-picker__input:focus{border-color:var(--color-accent);background:var(--color-bg);box-shadow:var(--shadow-focus);outline:none}.duedate-picker__input::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter, none);cursor:pointer}.member-list{display:flex;flex-direction:column;gap:var(--space-xs)}.member-list--empty{font-size:var(--font-size-sm);color:var(--color-text-tertiary);padding:var(--space-sm) 0}.member-list__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.member-list__item:hover,.member-list__item--owner{background:var(--color-bg-tertiary)}.member-list__info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.member-list__email{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list__badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:2px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-warning);background:var(--color-warning-light);border-radius:var(--radius-xs);white-space:nowrap}.member-list__remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.member-list__remove:hover{color:var(--color-danger);background:var(--color-danger-light)}.member-invite{display:flex;flex-direction:column;gap:var(--space-xs)}.member-invite__input-group{display:flex;gap:var(--space-sm)}.member-invite__input{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.member-invite__input:focus{border-color:var(--color-accent);background:var(--color-bg);box-shadow:var(--shadow-focus)}.member-invite__input:disabled{opacity:.6;cursor:not-allowed}.member-invite__button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-bg);background:var(--color-accent);border-radius:var(--radius-sm);white-space:nowrap;transition:background var(--transition-fast),opacity var(--transition-fast)}.member-invite__button:hover:not(:disabled){background:var(--color-accent-hover)}.member-invite__button:disabled{opacity:.5;cursor:not-allowed}.member-invite__error{font-size:var(--font-size-sm);color:var(--color-danger);padding:var(--space-xs) 0}.member-panel{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.member-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.member-panel__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.member-panel__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.member-panel__divider{height:1px;background:var(--color-border-light);margin:var(--space-xs) 0}.make-collaborative{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);text-align:center}.make-collaborative__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.make-collaborative__button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-bg);background:var(--color-accent);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.make-collaborative__button:hover{background:var(--color-accent-hover)}.member-management{max-width:560px;margin:0 auto}.member-management__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.member-management__back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-secondary);border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.member-management__back-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.member-management__title-group{display:flex;flex-direction:column;gap:var(--space-xxs);min-width:0}.member-management__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.member-management__project-name{font-size:var(--font-size-sm);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-management__personal{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xxl) var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.member-management__icon-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.member-management__subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm)}.member-management__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:360px;margin:0 0 var(--space-xl)}.member-management__action-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-bg);background:var(--color-accent);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.member-management__action-btn:hover{background:var(--color-accent-hover)}.member-management__collaborative{display:flex;flex-direction:column;gap:var(--space-xl)}.member-management__section{display:flex;flex-direction:column;gap:var(--space-md)}.member-management__section-header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.member-management__section-header svg{color:var(--color-text-tertiary)}.member-picker{position:relative;display:inline-block}.member-picker__trigger{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.member-picker__trigger:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.member-picker__dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:220px;max-width:300px;margin-top:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:member-picker-appear .15s var(--ease-out)}@keyframes member-picker-appear{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.member-picker__search{padding:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.member-picker__input{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary)}.member-picker__input:focus{border-color:var(--color-accent);background:var(--color-bg);box-shadow:var(--shadow-focus)}.member-picker__list{max-height:240px;overflow-y:auto;padding:var(--space-xs) 0}.member-picker__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;border-radius:0;transition:background var(--transition-fast)}.member-picker__item:hover{background:var(--color-bg-hover)}.member-picker__item--selected{color:var(--color-accent)}.member-picker__item--selected .member-picker__item-name{font-weight:var(--font-weight-medium)}.member-picker__item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.member-picker__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-picker__item-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-picker__empty{padding:var(--space-lg) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center}.assignee-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.assignee-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-xs);white-space:nowrap}.assignee-list__overflow{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}@media(max-width:768px){.member-management{max-width:100%}.member-management__personal{padding:var(--space-xl) var(--space-md)}.member-management__description{max-width:100%}.member-invite__input-group{flex-direction:column}.member-invite__button{width:100%;justify-content:center}}.notes-modal__backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.notes-modal{background:var(--color-bg, #fff);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.notes-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg, #fff)}.notes-modal__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.notes-modal__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:color var(--transition-fast),background var(--transition-fast)}.notes-modal__close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.notes-modal__content{padding:var(--space-md);background:var(--color-bg, #fff)}.notes-modal__textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);resize:vertical;min-height:120px;max-height:300px;box-sizing:border-box}.notes-modal__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.notes-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border-light);background:var(--color-bg, #fff)}.notes-modal__btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.notes-modal__btn--secondary{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.notes-modal__btn--secondary:hover{background:var(--color-border)}.notes-modal__btn--primary{color:#fff;background:var(--color-accent)}.notes-modal__btn--primary:hover{background:var(--color-accent-hover)}@media(max-width:480px){.notes-modal{width:95%;max-width:none}}.task-input{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0}.task-input__btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.task-input__btn:hover:not(:disabled){color:var(--color-accent);background:var(--color-accent-light)}.task-input__btn:disabled{opacity:.3}.task-input__field{flex:1;border:none;padding:var(--space-sm) 0;font-size:var(--font-size-md);background:transparent}.task-input__field:focus{outline:none}.task-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);padding-right:0;border-radius:var(--radius-sm);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.task-item:hover{background:var(--color-bg-hover)}.task-item--completed{opacity:.55}.task-item--starred .task-item__checkbox,.task-item--starred .task-item__checkbox:hover{border-color:var(--color-star)}.task-item__checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;flex-shrink:0;margin-top:2px;border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:transparent;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.task-item__checkbox:hover{border-color:var(--color-accent);transform:scale(1.05)}.task-item__checkbox--checked{background:var(--color-success);border-color:var(--color-success);color:#fff}.task-item__checkbox--checked:hover{background:var(--color-success);border-color:var(--color-success)}.task-item__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.task-item__content{flex:1;min-width:0;cursor:pointer}.task-item__title-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.task-item__title{font-size:var(--font-size-md);line-height:22px;word-break:break-word;color:var(--color-text-primary)}.task-item--completed .task-item__title{text-decoration:line-through;color:var(--color-text-tertiary)}.task-item__indicators{display:flex;align-items:center;gap:2px;flex-shrink:0;height:22px}.task-item__indicator-wrapper{position:relative}.task-item__indicator{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.task-item__indicator-wrapper:not(.task-item__indicator-wrapper--set) .task-item__indicator{color:var(--color-text-tertiary);background:transparent;opacity:.4}.task-item__indicator-wrapper:not(.task-item__indicator-wrapper--set) .task-item__indicator:hover{opacity:1;background:var(--color-bg-tertiary)}.task-item__indicator--set{color:var(--color-sage);background:transparent;opacity:1}.task-item__indicator--set:hover{color:var(--color-sage);background:var(--color-bg-tertiary)}.task-item__indicator--overdue{color:var(--color-danger)!important;background:var(--color-danger-light)!important}.task-item__indicator--overdue:hover{background:#ff3b3026!important}.task-item__notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs);line-height:var(--line-height-relaxed);word-break:break-word}.task-item__project{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-medium);background:var(--color-accent-light);padding:2px 6px;border-radius:var(--radius-xs)}.task-item__location{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-tertiary);background:transparent;border-radius:var(--radius-sm);flex-shrink:0;opacity:.4;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.task-item__location:hover{color:var(--color-accent);background:var(--color-accent-light);opacity:1}.task-item__metadata{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-sm);line-height:1.4;padding-left:var(--space-xs);animation:metadata-appear .15s var(--ease-out)}@keyframes metadata-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.task-item__metadata-item{color:var(--color-text-secondary)}.task-item__metadata-item--assignees{color:var(--color-accent)}.task-item__metadata-item--tags{color:var(--color-text-tertiary)}.task-item__metadata-item--date{color:var(--color-text-secondary)}.task-item__metadata-item--overdue{color:var(--color-danger);font-weight:var(--font-weight-medium)}.task-item__due{display:inline-flex;align-items:center;gap:3px;color:var(--color-text-secondary)}.task-item__due--overdue{color:var(--color-danger);font-weight:var(--font-weight-medium)}.task-item__tags-count{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-xs)}.task-item__actions{display:flex;align-items:center;gap:var(--space-xxs);flex-shrink:0;height:22px}.task-item__star{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);flex-shrink:0;opacity:.4;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.task-item__star:hover{color:var(--color-star);background:#ffb3001a;opacity:1}.task-item__star:active{transform:scale(.9)}.task-item__star--active{color:var(--color-star);opacity:1}.task-item__menu-container{position:relative}.task-item__menu-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);opacity:.4;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.task-item__menu-btn:hover,.task-item--menu-open .task-item__menu-btn{color:var(--color-text-secondary);background:var(--color-bg-hover);opacity:1}.task-item__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:menu-appear .15s var(--ease-out)}@keyframes menu-appear{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.task-item__menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);text-align:left;transition:background var(--transition-fast)}.task-item__menu-item:hover{background:var(--color-bg-hover)}.task-item__menu-item--danger{color:var(--color-danger)}.task-item__menu-item--danger:hover{background:var(--color-danger-light)}.task-item__move-menu{border-top:1px solid var(--color-border-light);padding-top:var(--space-xs);margin-top:var(--space-xs)}.task-item__edit-form{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.task-item__edit-title{font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.task-item__edit-notes{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);resize:vertical;min-height:48px;border-radius:var(--radius-sm)}.task-item__edit-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.task-item__edit-save,.task-item__edit-cancel{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition:background var(--transition-fast),transform var(--transition-fast)}.task-item__edit-save{background:var(--color-accent);color:#fff}.task-item__edit-save:hover{background:var(--color-accent-hover)}.task-item__edit-cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.task-item__edit-cancel:hover{background:var(--color-bg-hover)}.task-list{margin-bottom:var(--space-xl)}.task-list__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;margin-bottom:var(--space-xs)}.task-list__collapse-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-normal)}.task-list__collapse-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.task-list__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:color var(--transition-fast)}.task-list__name:hover{color:var(--color-accent)}.task-list__spacer{flex:1}.task-list__actions{display:flex;gap:var(--space-xxs);opacity:0;transition:opacity var(--transition-normal)}.task-list__header:hover .task-list__actions{opacity:1}.task-list__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.task-list__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.task-list__action-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.task-list__action-btn--danger:hover{color:var(--color-danger);background:var(--color-danger-light)}.task-list__action-btn--add{opacity:1!important;color:var(--color-text-tertiary)}.task-list__action-btn--add:hover{color:var(--color-accent);background:var(--color-accent-light)}.task-list__move-container,.task-list__move-dropdown{position:relative}.task-list__move-menu-title{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.task-list__move-menu-item{display:flex;align-items:center;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);text-align:left;color:var(--color-text-primary);transition:background var(--transition-fast)}.task-list__move-menu-item:hover{background:var(--color-bg-hover)}.task-list__move-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:menu-appear .15s var(--ease-out)}.task-list__move-item{display:flex;align-items:center;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);text-align:left;color:var(--color-text-primary);transition:background var(--transition-fast)}.task-list__move-item:hover{background:var(--color-bg-hover)}.task-list__move-item--disabled{color:var(--color-text-tertiary);cursor:default}.task-list__move-item--disabled:hover{background:transparent}.task-list__add-form{padding:var(--space-sm) 0;margin-bottom:var(--space-sm)}.task-list__add-form input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.task-list__add-form input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.task-list__rename-form{flex:1}.task-list__rename-form input{width:100%;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:0;border:none;border-bottom:2px solid var(--color-accent);border-radius:0;background:transparent}.task-list__rename-form input:focus{box-shadow:none}.task-list__content{padding:var(--space-xs) 0;padding-left:var(--space-xl)}.task-list__items{display:flex;flex-direction:column}.task-list__empty{padding:var(--space-xl);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media(max-width:768px){.task-list__actions{opacity:1}.task-list__content{padding-left:var(--space-md)}.task-item__edit-form{gap:var(--space-md)}.task-item__edit-actions{flex-direction:column}.task-item__edit-save,.task-item__edit-cancel{width:100%;padding:var(--space-md)}.task-list__move-menu{right:auto;left:0;min-width:160px}.task-item__menu{right:auto;left:0}}.project-header{margin-bottom:var(--space-xl)}.project-header__top{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-md)}.project-header__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-md);flex-shrink:0}.project-header__icon svg{fill:var(--color-accent)}.project-header__info{flex:1;min-width:0;padding-top:var(--space-xs)}.project-header__actions{flex-shrink:0;padding-top:var(--space-sm)}.project-header__title{font-family:var(--font-family-display);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0;color:var(--color-text-primary)}.project-header__title--editable{cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xxs) var(--space-xs);margin:calc(-1 * var(--space-xxs)) calc(-1 * var(--space-xs));transition:background var(--transition-fast)}.project-header__title--editable:hover{background:var(--color-bg-hover)}.project-header__title-input{font-family:var(--font-family-display);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xxs) var(--space-xs);margin:calc(-1 * var(--space-xxs)) calc(-1 * var(--space-xs));width:calc(100% + var(--space-sm));outline:none}.project-header__title-input:focus{border-color:var(--color-accent)}.project-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xxs)}.project-header__menu{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.project-header__menu:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.project-header__notes{margin-top:var(--space-md)}.project-header__notes-input{width:100%;padding:var(--space-md);border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text-secondary);resize:none;min-height:32px;line-height:var(--line-height-relaxed);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.project-header__notes-input:focus{outline:none;background:var(--color-bg-secondary)}.project-header__notes-input::placeholder{color:var(--color-text-placeholder)}.filter-tabs{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-lg)}.filter-tabs__list{display:flex;gap:var(--space-xxs)}.filter-tabs__tab{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.filter-tabs__tab:hover{background:var(--color-bg-hover)}.filter-tabs__tab--active{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.filter-tabs__add-list{margin-left:auto;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.filter-tabs__add-list:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.project-view{max-width:800px;width:100%;margin:0 auto}.project-view__add-list-form{display:flex;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.project-view__add-list-form input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-bg);min-width:0}.project-view__add-list-form input:focus{outline:none;border-color:var(--color-accent)}.project-view__add-list-form button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm);white-space:nowrap}.project-view__add-list-form button[type=submit]{background:var(--color-accent);color:#fff}.project-view__add-list-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.project-view__add-list-form button[type=button]{color:var(--color-text-secondary)}.project-view__add-list-form button[type=button]:hover{background:var(--color-bg-hover)}.project-view__section{margin-bottom:var(--space-xl)}.project-view__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.project-view__logged-link{display:block;padding:var(--space-lg) 0;font-size:var(--font-size-sm);color:var(--color-accent);text-align:center;transition:color var(--transition-fast)}.project-view__logged-link:hover{color:var(--color-accent-hover)}@media(max-width:768px){.project-header__title{font-size:var(--font-size-xl)}.filter-tabs__add-list{margin-left:auto}.project-view__add-list-form{flex-direction:column}.project-view__add-list-form button{width:100%;padding:var(--space-md)}}@media(max-width:480px){.project-header{margin-bottom:var(--space-lg)}.project-header__title{font-size:var(--font-size-lg)}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs__list{flex-wrap:nowrap}.filter-tabs__tab{white-space:nowrap;flex-shrink:0}}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.trash-item__content{flex:1;min-width:0}.trash-item__title{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary);text-decoration:line-through;opacity:.7}.trash-item__meta{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xxs)}.trash-item__restore{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-accent);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.trash-item__restore:hover{background:var(--color-accent-light)}.trash-item__disabled{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.filter-icon{position:relative}.filter-icon__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.filter-icon__btn:hover{color:var(--color-text-primary);background:var(--color-border)}.filter-icon__btn--active{color:var(--color-sage);background:var(--color-sage-light)}.filter-icon__btn--active:hover{background:#7c9e7340}.filter-icon__badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;text-align:center;color:#fff;background:var(--color-sage);border-radius:8px}.filter-panel{position:absolute;top:calc(100% + 6px);right:0;width:220px;max-height:400px;overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;animation:filter-panel-appear .15s var(--ease-out)}@keyframes filter-panel-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-panel__section{padding:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.filter-panel__section:last-child{border-bottom:none}.filter-panel__label{display:flex;align-items:center;gap:var(--space-xs);padding-bottom:var(--space-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.filter-panel__clear-section{margin-left:auto;font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-tertiary);text-transform:none;letter-spacing:0}.filter-panel__clear-section:hover{color:var(--color-text-secondary)}.filter-panel__options{display:flex;flex-direction:column;gap:1px}.filter-panel__option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);text-align:left;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.filter-panel__option:hover{background:var(--color-bg-hover)}.filter-panel__option--active{color:var(--color-sage);background:var(--color-sage-light)}.filter-panel__option--active:hover{background:#7c9e7333}.filter-panel__check{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--color-sage)}.filter-panel__footer{padding:var(--space-sm);border-top:1px solid var(--color-border-light)}.filter-panel__clear-all{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.filter-panel__clear-all:hover{color:var(--color-danger);background:var(--color-danger-light)}:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f0f1f3;--color-bg-hover: rgba(0, 0, 0, .04);--color-bg-selected: rgba(0, 122, 255, .08);--color-overlay: rgba(0, 0, 0, .4);--color-text-primary: #1a1d21;--color-text-secondary: #5f6368;--color-text-tertiary: #8a8f98;--color-text-placeholder: #b4b9c1;--color-border: #e1e4e8;--color-border-light: #eef0f2;--color-accent: #0881A6;--color-accent-hover: #075F7A;--color-accent-light: rgba(0, 122, 255, .1);--color-star: #ffb300;--color-success: #34c759;--color-success-light: rgba(52, 199, 89, .1);--color-danger: #ff3b30;--color-danger-light: rgba(255, 59, 48, .1);--color-warning: #ff9500;--color-sage: #7C9E73;--color-sage-light: rgba(124, 158, 115, .15);--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-3xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-family-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 15px;--font-size-xl: 17px;--font-size-xxl: 22px;--font-size-3xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-tight: -.02em;--letter-spacing-normal: -.01em;--sidebar-width: 240px;--topbar-height: 52px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(0, 122, 255, .25);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .12s var(--ease-out);--transition-normal: .2s var(--ease-out);--transition-slow: .3s var(--ease-in-out);--transition-spring: .35s var(--ease-spring);--touch-target-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:var(--letter-spacing-normal)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit;padding:0;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button:active:not(:disabled){transform:scale(.98)}input,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);outline:none;width:100%;border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}input:hover:not(:focus):not(:disabled){border-color:var(--color-text-tertiary)}input:focus,textarea:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder)}ul,ol{list-style:none}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);border:2px solid transparent;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::selection{background:var(--color-accent);color:#fff}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(max-width:768px){input,textarea{font-size:16px}}@supports (-webkit-touch-callout: none){.app-layout{overscroll-behavior:none}.main-content,.sidebar-container{-webkit-overflow-scrolling:touch}}