.app{flex:1;min-width:var(--app-min-width);overflow-x:auto;margin-left:var(--sidebar-width);padding:var(--spacing-xl);min-height:100vh;transition:margin-left var(--transition-base)}.app--no-padding{padding:0}.app--loading{pointer-events:none}.app__nav-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--color-primary);font-size:2rem}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-card-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-base),background var(--transition-base);z-index:var(--z-header);overflow:hidden}.sidebar__logo{display:flex;align-items:center;font-size:var(--font-size-xl);font-weight:600;cursor:pointer;border-radius:var(--radius-md);padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs));transition:background-color var(--transition-fast)}.sidebar__logo:hover{background-color:var(--color-surface-hover)}.sidebar__logo-icon{margin-right:var(--spacing-sm);width:2rem;height:2rem;color:var(--color-primary)}.sidebar__logo-text{color:var(--color-text)}.sidebar__scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:transparent transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);transition:scrollbar-color var(--transition-fast)}.sidebar__scroll-container::-webkit-scrollbar{width:6px}.sidebar__scroll-container::-webkit-scrollbar-track{background:transparent}.sidebar__scroll-container::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background var(--transition-fast)}.sidebar:hover .sidebar__scroll-container{scrollbar-color:var(--color-border) transparent}.sidebar:hover .sidebar__scroll-container::-webkit-scrollbar-thumb{background:var(--color-border)}.sidebar:hover .sidebar__scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sidebar__nav{list-style:none;padding:var(--spacing-sm) 0 var(--spacing-xs)}.sidebar__nav-item{margin-bottom:var(--spacing-xs)}.sidebar__nav-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border-left:3px solid transparent}.sidebar__nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.sidebar__nav-link--active{background-color:var(--color-primary-bg);color:var(--color-primary);border-left-color:var(--color-primary)}.sidebar__nav-icon{margin-right:var(--spacing-sm);width:20px;text-align:center;transition:color var(--transition-fast)}.sidebar__nav-link:hover .sidebar__nav-icon{color:var(--color-primary)}.sidebar__nav-icon.aer-icon{width:22px;height:22px;filter:grayscale(1);opacity:.6;transition:filter var(--transition-fast),opacity var(--transition-fast)}.sidebar__nav-link:hover .sidebar__nav-icon.aer-icon,.sidebar__nav-link--active .sidebar__nav-icon.aer-icon{filter:drop-shadow(0 1px 2px rgba(var(--color-shadow-rgb),.25));opacity:1}.sidebar__nav-text{font-size:var(--font-size-base)}.sidebar__user{border-top:1px solid var(--color-border);padding:var(--spacing-md);flex-shrink:0;margin-top:auto;background:var(--color-surface)}.sidebar__user-info{display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.sidebar__avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:var(--spacing-sm);overflow:hidden;flex-shrink:0}.sidebar__avatar--clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sidebar__avatar--clickable:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--color-primary)}.sidebar__avatar-img{width:100%;height:100%;object-fit:cover}.sidebar__user-details{flex:1;min-width:0}.sidebar__user-name{font-weight:500;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);max-height:1.4em;line-height:1.4}.sidebar__user-name--hidden{display:none}.sidebar__user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.sidebar__action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:var(--font-family);font-size:var(--font-size-base)}.sidebar__action-btn:hover{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.sidebar__action-btn--logout:hover{background-color:var(--color-danger);border-color:var(--color-danger)}.sidebar__action-btn i{font-size:var(--font-size-base)}.sidebar__section-label{padding:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.sidebar__section-label-text{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar__section-icon{flex-shrink:0;margin-right:var(--spacing-sm);width:.85rem;font-size:.7rem;text-align:center;color:var(--color-text-muted);opacity:.8}.sidebar__nav--custom{min-height:0;padding:0;margin:0;overflow:hidden;max-height:500px;transition:max-height var(--transition-base),opacity var(--transition-base)}.sidebar__nav--custom.sidebar__nav--collapsed{max-height:0;opacity:0}.sidebar__section-label--collapsible{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.sidebar__section-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:0}.sidebar__section-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar__section-toggle i{font-size:.6rem;transition:transform var(--transition-base)}.sidebar__section-label--collapsed .sidebar__section-toggle i{transform:rotate(-90deg)}.sidebar__nav-item--dragging{opacity:.45}.sidebar__nav-item--empty{padding:var(--spacing-xs) var(--spacing-lg);margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.sidebar__categories--dragging .sidebar__nav-item--empty{opacity:.7}.sidebar__nav-empty-text{display:block;padding:4px 0;border:1px dashed var(--color-border);border-radius:var(--radius-sm);text-align:center}.sidebar__section-label--draggable{cursor:grab}.sidebar__section-label--dragging{opacity:.5}.sidebar__drop-indicator{display:block;list-style:none;height:2px;margin:2px var(--spacing-md);padding:0;background:var(--color-primary);border-radius:2px;pointer-events:none;box-shadow:0 0 6px rgba(var(--color-primary-rgb),.55)}.sidebar__section-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.sidebar__section-action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast)}.sidebar__section-action i{font-size:.65rem}.sidebar__section-label:hover .sidebar__section-action{opacity:1}.sidebar__section-action:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar__section-action--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.sidebar__add-group{padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-md)}.sidebar__add-group-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:6px var(--spacing-sm);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;transition:all var(--transition-fast)}.sidebar__add-group-btn:hover{border-color:rgba(var(--color-primary-rgb),.4);color:var(--color-primary);background:var(--color-primary-bg)}.sidebar__add-group-btn i{font-size:.7rem}.sidebar__inline-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:4px var(--spacing-sm);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-input-bg)}.sidebar__inline-icon{color:var(--color-text-muted);font-size:.75rem}.sidebar__inline-input{flex:1;min-width:0;padding:2px 0;border:none;background:transparent;color:var(--color-input-text);font-family:inherit;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sidebar__inline-input:focus{outline:none}.sidebar__inline-input--inline{flex:1;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-primary)}.sidebar__inline-picker{flex-shrink:0;width:auto}.sidebar__inline-picker .icon-picker__trigger{gap:0;padding:2px 4px;border-radius:var(--radius-sm);font-size:.75rem}.sidebar__inline-picker .icon-picker__label,.sidebar__inline-picker .icon-picker__arrow{display:none}.sidebar__inline-picker .icon-picker__preview{font-size:.85rem}.sidebar--collapsed .sidebar__section-actions,.sidebar--collapsed .sidebar__nav-item--empty,.sidebar--collapsed .sidebar__add-group{display:none}@media(prefers-reduced-motion:reduce){.sidebar__section-action,.sidebar__nav-item--empty,.sidebar__add-group-btn{transition:none}}.sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar__collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar__collapse-btn i{font-size:.75rem;transition:transform var(--transition-base)}.page-container{width:100%;height:100%}.connection-status{position:fixed;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-default);transition:all var(--transition-base);z-index:var(--z-header)}.connection-status--connected{background:var(--color-success);color:var(--color-on-success);border-color:var(--color-success)}.connection-status--disconnected{background:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-warning);animation:pulse 2s infinite}.connection-status--hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;height:var(--sidebar-header-height);box-sizing:border-box}[data-theme=dark] .sidebar{background:var(--color-surface);border-right-color:var(--color-border)}.sidebar.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.app--sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}body:has(.app--sidebar-collapsed) .tasks,body:has(.app--sidebar-collapsed) .lists,body:has(.app--sidebar-collapsed) .timesheet-grid,body:has(.app--sidebar-collapsed) .timesheet-page,body:has(.app--sidebar-collapsed) .retainer-matrix{width:calc(100vw - var(--sidebar-collapsed-width));left:var(--sidebar-collapsed-width)}.sidebar--collapsed .sidebar__logo-text,.sidebar--collapsed .sidebar__nav-text,.sidebar--collapsed .sidebar__user-details,.sidebar--collapsed .sidebar__section-label-text,.sidebar--collapsed .sidebar__section-icon{display:none}.sidebar--collapsed .sidebar__logo{justify-content:center}.sidebar--collapsed .sidebar__logo-icon{margin-right:0}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--spacing-md)}.sidebar--collapsed .sidebar__nav-link{justify-content:center;padding:var(--spacing-md);border-left:none;border-radius:var(--radius-md);margin:var(--spacing-xs) var(--spacing-sm);position:relative}.sidebar--collapsed .sidebar__nav-link--active{background-color:var(--color-primary-bg);border-left:none}.sidebar--collapsed .sidebar__nav-icon{margin-right:0;font-size:1.1rem}.sidebar--collapsed .sidebar__nav-icon.aer-icon{width:24px;height:24px}.sidebar--collapsed .sidebar__nav-link:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--color-text);color:var(--color-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-popover);pointer-events:none}.sidebar--collapsed .sidebar__nav-link:hover:after{opacity:1;visibility:visible}.sidebar--collapsed .sidebar__section-label{padding:0 var(--spacing-sm);margin:var(--spacing-sm) 0;border-top:none}.sidebar--collapsed .sidebar__section-label:after{content:"";display:block;height:1px;background:var(--color-border);margin:0 var(--spacing-xs)}.sidebar--collapsed .sidebar__section-toggle{display:none}.sidebar--collapsed .sidebar__user{padding:var(--spacing-sm)}.sidebar--collapsed .sidebar__user-info{justify-content:center;margin-bottom:var(--spacing-sm)}.sidebar--collapsed .sidebar__avatar{margin-right:0;width:36px;height:36px;font-size:var(--font-size-sm)}.sidebar--collapsed .sidebar__user-actions{flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.sidebar--collapsed .sidebar__action-btn{padding:var(--spacing-xs)}@media(max-width:1260px){.sidebar{width:var(--sidebar-width-responsive)}.app{margin-left:var(--sidebar-width-responsive)}.sidebar__logo-text,.sidebar__user-details{display:none}.sidebar__logo{justify-content:center}.sidebar__logo-icon{margin-right:0}.sidebar__nav-link{flex-direction:column;justify-content:center;height:var(--sidebar-nav-item-height);padding:var(--spacing-sm)}.sidebar__nav-icon{margin-right:0;margin-bottom:var(--spacing-xs)}.sidebar__nav-text{font-size:var(--font-size-xs);text-align:center}.sidebar__user-info{flex-direction:column;align-items:center;margin-bottom:var(--spacing-md)}.sidebar__avatar{margin-right:0;margin-bottom:var(--spacing-sm)}.sidebar__user-actions{flex-direction:column}.sidebar__section-toggle{display:none}}.avatar-modal__body{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg)}.avatar-modal__preview{position:relative;width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.avatar-modal__image{width:100%;height:100%;object-fit:cover}.avatar-modal__initials{font-size:3rem;font-weight:600;color:var(--color-on-primary)}.avatar-modal__overlay{position:absolute;inset:0;background:var(--color-modal-overlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.avatar-modal__overlay i{font-size:1.5rem;color:var(--color-on-primary)}.avatar-modal__preview:hover .avatar-modal__overlay{opacity:1}.avatar-modal__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.avatar-modal__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.sidebar__nav-item--skeleton{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);pointer-events:none}.sidebar__skeleton-icon,.sidebar__skeleton-text{background:linear-gradient(90deg,var(--color-skeleton) 25%,var(--color-skeleton-highlight) 50%,var(--color-skeleton) 75%);background-size:200% 100%;animation:sidebar-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.sidebar__skeleton-icon{width:16px;height:16px;flex-shrink:0}.sidebar__skeleton-text{height:10px;flex:1;max-width:120px}.sidebar__nav-item--skeleton:nth-child(1) .sidebar__skeleton-icon,.sidebar__nav-item--skeleton:nth-child(1) .sidebar__skeleton-text{animation-delay:0s}.sidebar__nav-item--skeleton:nth-child(2) .sidebar__skeleton-icon,.sidebar__nav-item--skeleton:nth-child(2) .sidebar__skeleton-text{animation-delay:.1s}.sidebar__nav-item--skeleton:nth-child(3) .sidebar__skeleton-icon,.sidebar__nav-item--skeleton:nth-child(3) .sidebar__skeleton-text{animation-delay:.2s}@keyframes sidebar-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.sidebar__skeleton-icon,.sidebar__skeleton-text{animation:none;background:var(--color-skeleton);opacity:.7}}.sidebar--collapsed .sidebar__skeleton-text{display:none}.sidebar__pinned-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);border-top:1px solid var(--color-border)}.sidebar__pinned-error-icon{color:var(--color-warning);font-size:.8rem;flex-shrink:0}.sidebar__pinned-error-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__pinned-error-retry{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar__pinned-error-retry:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary)}.sidebar__pinned-error-retry i{font-size:.65rem}.sidebar--collapsed .sidebar__pinned-error-text,.sidebar--collapsed .sidebar__pinned-error-retry{display:none}.sidebar__action-btn.btn--loading:after{border-color:var(--color-text-secondary);border-top-color:transparent}.modal{position:fixed;inset:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-high);padding:var(--spacing-xl)}.modal--top{align-items:flex-start;padding-top:5vh}.modal__dialog{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated);border:1px solid var(--color-border);resize:both;overflow:hidden;min-width:320px;min-height:200px}.modal__dialog--sm{max-width:480px}.modal__dialog--md{max-width:720px}.modal__dialog--lg{max-width:960px}.modal__dialog--extra-large{max-width:1400px;width:98%}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);position:relative}.modal__title{margin:0;font-size:var(--font-size-xl);font-weight:600}.modal__corner-action{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-lg);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px}.modal__corner-action:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.modal__header--with-corner-action .modal__title{margin-left:50px}.modal__header--with-actions{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;gap:0 var(--spacing-sm);align-items:start}.modal__header--with-actions .modal__title{grid-column:1 / 3;grid-row:1;align-self:center}.modal__header--with-actions .modal__close{grid-column:3;grid-row:1;align-self:center}.modal__header--with-actions .modal__header-meta{grid-column:1;grid-row:2;justify-self:start;margin-top:4px}.modal__header--with-actions .modal__header-actions{grid-column:2 / 4;grid-row:2;justify-self:end;margin-top:4px}.modal__header-meta{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:11px}.modal__header-meta-item{display:flex;align-items:center;gap:4px}.modal__header-meta-item i{color:var(--color-text-muted);font-size:.8em}.modal__header-meta-divider{width:3px;height:3px;background:var(--color-border);border-radius:50%}.modal__header-actions{display:flex;align-items:center;gap:4px}.modal__header-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.modal__header-action-btn:hover{background:var(--color-card-bg);border-color:var(--color-primary);color:var(--color-primary)}.modal__header-action-btn i{font-size:.8rem}.modal__header-action-btn[data-action=times]:hover{border-color:var(--color-primary);color:var(--color-primary)}.modal__header-action-btn[data-action=bill]:hover{border-color:var(--color-success);color:var(--color-success)}.modal__header-action-btn[data-action=checklist]:hover{border-color:var(--color-info);color:var(--color-info)}.modal__header-action-btn[data-action=activity]:hover{border-color:var(--color-warning);color:var(--color-warning)}.modal__header-action-btn[data-action=convert]:hover{border-color:var(--color-pink);color:var(--color-pink)}.modal__close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg)}.modal__body{padding:var(--spacing-xl);overflow-y:auto;flex:1;display:flex;flex-direction:column}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border)}.modal__loading-overlay{position:absolute;inset:0;background:var(--color-modal-bg);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-popover);border-radius:var(--radius-lg)}.modal__loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.modal__loading-spinner i{font-size:2rem;color:var(--color-primary);animation:spin 1s linear infinite}.modal__loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}@keyframes modal-skeleton-pulse{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.modal-skeleton{width:100%;min-height:200px}.modal-skeleton__line,.modal-skeleton__icon,.modal-skeleton__avatar,.modal-skeleton__input,.modal-skeleton__box{background:var(--color-border);border-radius:var(--radius-sm);animation:modal-skeleton-pulse 1.5s ease-in-out infinite}.modal-skeleton__line{height:12px;margin-bottom:8px}.modal-skeleton__line:last-child{margin-bottom:0}.modal-skeleton__line--xs{height:8px;width:40%}.modal-skeleton__line--sm{height:12px;width:60%}.modal-skeleton__line--md{height:14px;width:70%}.modal-skeleton__line--lg{height:16px;width:85%}.modal-skeleton__line--full{width:100%}.modal-skeleton__icon{width:24px;height:24px;border-radius:var(--radius-xs);flex-shrink:0}.modal-skeleton__avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.modal-skeleton__input{height:38px;width:100%}.modal-skeleton__box{height:120px;width:100%}.modal-skeleton--grid{display:flex;gap:var(--spacing-md)}.modal-skeleton--grid .modal-skeleton__main{flex:1}.modal-skeleton--grid .modal-skeleton__cards{display:grid;grid-template-columns:repeat(var(--columns, 2),1fr);gap:var(--spacing-sm)}.modal-skeleton--grid .modal-skeleton__card{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.modal-skeleton--grid .modal-skeleton__card-content{flex:1;display:flex;flex-direction:column;gap:4px}.modal-skeleton--grid .modal-skeleton__card-content .modal-skeleton__line{margin-bottom:0}.modal-skeleton--with-sidebar .modal-skeleton__sidebar{width:220px;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.modal-skeleton--list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal-skeleton__list-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.modal-skeleton__list-content{flex:1;display:flex;flex-direction:column;gap:6px}.modal-skeleton__list-content .modal-skeleton__line{margin-bottom:0}.modal-skeleton--form{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-skeleton__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-skeleton__field .modal-skeleton__line--xs{width:80px}.modal-skeleton--detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-skeleton__header-block{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.modal-skeleton__section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-skeleton--spinner{display:flex;align-items:center;justify-content:center;min-height:200px}.modal-skeleton__spinner-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.modal-skeleton__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.modal-skeleton__message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modal-skeleton--error{display:flex;align-items:center;justify-content:center;min-height:200px}.modal-skeleton__error-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.modal-skeleton__error-container i{font-size:2.5rem;color:var(--color-danger)}.modal-skeleton__error-message{color:var(--color-text-secondary);font-size:var(--font-size-base)}.modal-skeleton__error-close{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);transition:all .15s ease}.modal-skeleton__error-close:hover{background:var(--color-card-bg);border-color:var(--color-text-muted)}.modal-confirm{position:fixed;inset:0;background:rgba(var(--color-shadow-rgb),.5);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal-high) + 10);padding:var(--spacing-xl);animation:modalConfirmFadeIn .15s ease-out}@keyframes modalConfirmFadeIn{0%{opacity:0}to{opacity:1}}.modal-confirm__dialog{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-overlay);border:1px solid var(--color-border);animation:modalConfirmSlideIn .15s ease-out}@keyframes modalConfirmSlideIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-confirm__header{padding:var(--spacing-lg) var(--spacing-xl) 0}.modal-confirm__title{margin:0;font-size:var(--font-size-lg);font-weight:600}.modal-confirm__body{padding:var(--spacing-md) var(--spacing-xl)}.modal-confirm__message{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.modal-confirm__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg)}.rich-text{display:flex;flex-direction:column;flex:1;min-height:0}.rich-text__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.rich-text__btn{min-width:28px;height:28px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);transition:background var(--transition-fast),color var(--transition-fast)}.rich-text__btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.rich-text__btn-label{font-weight:700;font-size:var(--font-size-xs)}.rich-text__btn-label--small{font-size:var(--font-size-2xs)}.rich-text__separator{width:1px;height:18px;background:var(--color-border-light);margin:0 4px}.rich-text__hint{margin-left:auto;font-size:var(--font-size-2xs);color:var(--color-text-muted);opacity:.5}.rich-text__editor{flex:1;padding:var(--spacing-md);background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);font-size:14px;font-family:var(--font-family);line-height:1.5;overflow-y:auto;min-height:150px;max-height:320px;outline:none;word-break:break-word}.rich-text__editor:focus{border-color:var(--color-primary)}.rich-text__editor:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}.rich-text__editor code,.rich-text__code{padding:1px 5px;background:rgba(var(--color-shadow-rgb),.06);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.85em}.rich-text__editor h1{font-size:1.25em;font-weight:700;margin:var(--spacing-sm) 0 var(--spacing-xs)}.rich-text__editor h2{font-size:1.08em;font-weight:600;margin:var(--spacing-sm) 0 var(--spacing-xs)}.rich-text__editor blockquote{margin:var(--spacing-xs) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--color-primary);background:rgba(var(--color-primary-rgb),.06);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.rich-text__editor hr{border:none;border-top:1px dashed rgba(var(--color-shadow-rgb),.15);margin:var(--spacing-sm) 0}.rich-text__editor img{display:block;max-width:100%;height:auto;margin:var(--spacing-sm) 0;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.rich-text__editor ul,.rich-text__editor ol{margin:var(--spacing-xs) 0;padding-left:var(--spacing-xl)}.rich-text__editor li{margin-bottom:2px}.multi-select{position:relative;width:100%}.multi-select[data-disabled=true]{opacity:.6;pointer-events:none}.multi-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:6px 12px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.multi-select__trigger:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.multi-select__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.multi-select__value{flex:1;display:flex;flex-wrap:wrap;gap:6px;min-height:24px;align-items:center}.multi-select__placeholder{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.multi-select__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.multi-select__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.multi-select__clear:hover{background:var(--color-danger);color:var(--color-on-danger);transform:scale(1.1)}.multi-select__arrow{display:flex;align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.multi-select__trigger--open .multi-select__arrow{transform:rotate(180deg)}.multi-select__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:500;transition:all var(--transition-fast);animation:chipSlideIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes chipSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.multi-select__chip:hover{background:var(--color-primary);color:var(--color-on-primary)}.multi-select__chip-label{line-height:1}.multi-select__chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:currentColor;cursor:pointer;border-radius:50%;transition:all var(--transition-fast);font-size:10px}.multi-select__chip-remove:hover{background:#fff3;transform:scale(1.2)}.multi-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown);animation:dropdownSlideIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.multi-select__dropdown-inner{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);overflow:hidden}.multi-select__search{padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.multi-select__list{overflow-y:auto;padding:8px}.multi-select__list::-webkit-scrollbar{width:6px}.multi-select__list::-webkit-scrollbar-track{background:transparent}.multi-select__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.multi-select__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.multi-select__option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;position:relative}.multi-select__option:hover,.multi-select__option--focused{background:var(--color-surface-hover);transform:translate(2px)}.multi-select__option--selected{background:var(--color-primary-bg);border-color:var(--color-primary)}.multi-select__option--selected:hover{background:var(--color-primary-bg)}.multi-select__option-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.multi-select__option--selected .multi-select__option-checkbox{color:var(--color-primary);animation:checkboxPulse .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkboxPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.multi-select__option-check{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-size:10px;animation:checkSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkSlideIn{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}.multi-select__option-content{flex:1;display:flex;flex-direction:column;gap:2px;padding-right:30px}.multi-select__option-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);line-height:1.4;transition:color var(--transition-fast)}.multi-select__option--selected .multi-select__option-label{color:var(--color-primary);font-weight:600}.multi-select__option-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}.multi-select__empty{padding:20px 12px;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.multi-select__footer{display:flex;gap:8px;padding:8px 12px;background:var(--color-surface);border-top:1px solid var(--color-border)}.multi-select__footer>.btn{flex:1;justify-content:center}@media(max-width:768px){.multi-select__dropdown-inner{max-height:60vh}.multi-select__list{max-height:40vh}.multi-select__option{padding:12px}.multi-select__chip{padding:5px 10px;font-size:11px}}[data-theme=dark] .multi-select__dropdown-inner{box-shadow:0 10px 40px -10px rgba(var(--color-shadow-rgb),.5)}[data-theme=sage] .multi-select__chip{border-color:#7fb58e4d}.data-grid{--dg-row-height: 40px;--dg-header-height: 38px;--dg-checkbox-width: 40px;--dg-cell-padding-v: 8px;--dg-cell-padding-h: 12px;--dg-icon-size-sm: 16px;display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;background:var(--color-card-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;position:relative;box-sizing:border-box;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.04),0 4px 12px rgba(var(--color-shadow-rgb),.03)}.data-grid__footer{max-width:100%;width:100%;overflow:hidden}.data-grid__container{flex:1;position:relative;overflow-x:auto;overflow-y:auto;width:100%;min-width:0;display:block;background:var(--color-card-bg)}.data-grid__table{border-collapse:separate;border-spacing:0;table-layout:fixed;position:relative;display:table;background:var(--color-card-bg);margin-right:auto}.data-grid__header{background:var(--color-surface)}.data-grid__header-row{position:sticky;top:0;z-index:var(--z-sticky-header);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.05),0 1px rgba(var(--color-shadow-rgb),.03)}[data-theme=dark] .data-grid__header-row{box-shadow:0 1px 4px rgba(var(--color-shadow-rgb),.2),0 1px 0 var(--color-border)}.data-grid__header-cell{position:relative;padding:var(--dg-cell-padding-v) var(--dg-cell-padding-h);text-align:left;font-weight:600;font-size:var(--font-size-data-grid-header);color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border);border-right:none;user-select:none;height:var(--dg-header-height);line-height:22px;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;font-size:.7rem;transition:background .2s ease,color .2s ease}.data-grid__header-cell:after{content:"";position:absolute;right:0;top:30%;height:40%;width:1px;background:var(--color-border);opacity:.4}.data-grid__header-cell:last-child:after{display:none}.data-grid__header-cell:last-child{border-right:1px solid var(--color-border)}.data-grid__cell:last-child{border-right:1px solid var(--color-border)}.data-grid__header-cell[draggable=true]{cursor:grab;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease}.data-grid__header-cell[draggable=true]:hover{background:var(--color-surface-hover)}.data-grid__header-cell[draggable=true]:active{cursor:grabbing}.data-grid__header-cell--dragging{opacity:.4;background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));box-shadow:inset 0 0 0 2px var(--color-primary)}.data-grid__drop-indicator{pointer-events:none;animation:drop-indicator-pulse .8s ease-in-out infinite}@keyframes drop-indicator-pulse{0%,to{opacity:1}50%{opacity:.6}}.data-grid__header .data-grid__header-cell--checkbox,.data-grid__table .data-grid__header-cell--checkbox{width:var(--dg-checkbox-width);min-width:var(--dg-checkbox-width);max-width:var(--dg-checkbox-width);padding:var(--spacing-sm);text-align:center;background:var(--color-surface)}.data-grid__header-content{display:flex;align-items:center;gap:2px;width:100%;position:relative}.data-grid__header-text{flex:1 1 auto;min-width:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:36px}.data-grid__header-icons{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:1px}.data-grid__sort-icon{color:var(--color-text-muted);font-size:var(--font-size-xs)}.data-grid__sort-icon--active{color:var(--color-primary)}.data-grid__sort-icon--inactive{opacity:.5}.data-grid__sort-btn,.data-grid__filter-btn{display:flex;align-items:center;justify-content:center;padding:1px 2px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast);border-radius:var(--radius-sm);font-size:9px;flex-shrink:0;width:16px;height:16px}.data-grid__sort-btn:hover,.data-grid__filter-btn:hover{opacity:1;color:var(--color-primary);background:var(--color-surface-hover)}.data-grid__sort-btn:has(.data-grid__sort-icon--active){opacity:1;color:var(--color-primary)}.data-grid__filter-btn--active{opacity:1;color:var(--color-primary)}.data-grid__cell.data-grid__cell--wrapped{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;vertical-align:top;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.data-grid__row:has(.data-grid__cell--wrapped){height:auto;min-height:40px;max-height:none}.data-grid__cell--wrapped span,.data-grid__cell--wrapped div{white-space:normal;overflow:visible;text-overflow:clip}.data-grid__resize-handle{position:absolute;top:0;right:-6px;width:12px;height:100%;cursor:col-resize;background:transparent;z-index:10}.data-grid__resize-handle:before{content:"";position:absolute;left:50%;top:20%;height:60%;width:2px;margin-left:-1px;background:var(--color-border);opacity:0;transition:opacity .15s ease,background-color .15s ease,width .15s ease,height .15s ease;border-radius:2px}.data-grid__header-cell:hover .data-grid__resize-handle:before{opacity:.5}.data-grid__resize-handle:hover:before{opacity:1;background:var(--color-primary);width:3px;margin-left:-1.5px;height:70%;top:15%;box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 50%,transparent)}.data-grid__resize-handle:active:before,.data-grid--resizing .data-grid__resize-handle:before{opacity:1;background:var(--color-primary);width:2px;height:100%;top:0;box-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 60%,transparent)}.data-grid--resizing{user-select:none}.data-grid--resizing,.data-grid--resizing .data-grid__header-cell,.data-grid--resizing .data-grid__header-cell[draggable=true],.data-grid--resizing .data-grid__header-cell[draggable=true]:active,.data-grid--resizing .data-grid__cell,.data-grid--resizing .data-grid__cell--editable,.data-grid--resizing .data-grid__cell--focused.data-grid__cell--editable{cursor:col-resize}[data-theme=dark] .data-grid__header-cell:hover .data-grid__resize-handle:before{opacity:.4;background:var(--color-border-light)}[data-theme=dark] .data-grid__resize-handle:hover:before{opacity:1;background:var(--color-primary);box-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 60%,transparent)}.data-grid__body{background:var(--color-card-bg);opacity:1}.data-grid__row{transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);height:var(--dg-row-height);background:var(--color-card-bg);opacity:1;position:relative}.data-grid__row:hover{background:var(--color-surface-hover);opacity:1;box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.06),0 0 0 1px rgba(var(--color-shadow-rgb),.03);z-index:1}[data-theme=dark] .data-grid__row:hover{box-shadow:0 2px 12px rgba(var(--color-shadow-rgb),.25),0 0 0 1px var(--color-border)}.data-grid__row:hover .data-grid__cell{background:var(--color-surface-hover)}.data-grid__table .data-grid__header-cell--sticky-left,.data-grid__table .data-grid__cell--sticky-left{position:sticky;background:var(--color-card-bg);z-index:var(--z-sticky-cell)}.data-grid__table .data-grid__header-cell--sticky-left{background:var(--color-surface);z-index:2;top:0}.data-grid__header-cell--sticky-left:not(:has(+.data-grid__header-cell--sticky-left)),.data-grid__cell--sticky-left:not(:has(+.data-grid__cell--sticky-left)){box-shadow:2px 0 4px rgba(var(--color-shadow-rgb),.06),1px 0 0 var(--color-border-light)}[data-theme=dark] .data-grid__header-cell--sticky-left:not(:has(+.data-grid__header-cell--sticky-left)),[data-theme=dark] .data-grid__cell--sticky-left:not(:has(+.data-grid__cell--sticky-left)){box-shadow:2px 0 6px rgba(var(--color-shadow-rgb),.2),1px 0 0 var(--color-border)}.data-grid__row:hover .data-grid__cell--sticky-left{background:var(--color-surface-hover)}.data-grid__row--selected .data-grid__cell--sticky-left{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-card-bg))}.data-grid__row--selected:hover .data-grid__cell--sticky-left{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-card-bg))}[data-theme=dark] .data-grid__row--selected .data-grid__cell--sticky-left{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-card-bg))}[data-theme=dark] .data-grid__row--selected:hover .data-grid__cell--sticky-left{background:color-mix(in srgb,var(--color-primary) 20%,var(--color-card-bg))}.data-grid__table .data-grid__header-cell--sticky-right,.data-grid__table .data-grid__cell--sticky-right{position:sticky;right:0;background:var(--color-card-bg)}.data-grid__table .data-grid__cell--sticky-right{z-index:var(--z-sticky-cell)}.data-grid__table .data-grid__header-cell--sticky-right{z-index:2;position:sticky;right:0;top:0;background:var(--color-surface)}.data-grid__header-cell--sticky-right:not(:has(~.data-grid__header-cell--sticky-right)),.data-grid__cell--sticky-right:not(:has(~.data-grid__cell--sticky-right)){box-shadow:-2px 0 4px rgba(var(--color-shadow-rgb),.06),-1px 0 0 var(--color-border-light)}[data-theme=dark] .data-grid__header-cell--sticky-right:not(:has(~.data-grid__header-cell--sticky-right)),[data-theme=dark] .data-grid__cell--sticky-right:not(:has(~.data-grid__cell--sticky-right)){box-shadow:-2px 0 6px rgba(var(--color-shadow-rgb),.2),-1px 0 0 var(--color-border)}.data-grid__row:hover .data-grid__cell--sticky-right{background:var(--color-surface-hover)}.data-grid__row--selected .data-grid__cell--sticky-right{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-card-bg))}.data-grid__row--selected:hover .data-grid__cell--sticky-right{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-card-bg))}[data-theme=dark] .data-grid__row--selected .data-grid__cell--sticky-right{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-card-bg))}[data-theme=dark] .data-grid__row--selected:hover .data-grid__cell--sticky-right{background:color-mix(in srgb,var(--color-primary) 20%,var(--color-card-bg))}.data-grid__table .data-grid__header-cell--actions,.data-grid__table .data-grid__cell--actions{min-width:100px;width:100px}.data-grid__container::-webkit-scrollbar{height:10px;width:10px}.data-grid__container::-webkit-scrollbar-track{background:var(--color-surface);border-radius:4px}.data-grid__container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;border:2px solid var(--color-surface)}.data-grid__container::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.data-grid__container::-webkit-scrollbar-corner{background:var(--color-surface)}.data-grid__table tr{height:var(--dg-row-height);max-height:var(--dg-row-height)}.data-grid__table td,.data-grid__table th{vertical-align:middle}.data-grid:focus{outline:none}.data-grid:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.data-grid__cell--focused.data-grid__cell--editable{cursor:text}@media(max-width:768px){.data-grid__page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.data-grid__title-section{justify-content:center}.data-grid-toolbar{flex-wrap:wrap;justify-content:center}.data-grid-toolbar__search{max-width:none;width:100%}.data-grid__tabs{padding:8px var(--spacing-md) 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.data-grid__tab{padding:8px 12px;font-size:var(--font-size-xs)}.data-grid__tab span{display:none}}.data-grid .hidden{display:none}.data-grid__row--selected{background:var(--color-primary-bg);opacity:1;z-index:2}.data-grid__row--selected .data-grid__cell{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-card-bg))}.data-grid__row--selected:hover,.data-grid__row--selected:hover .data-grid__cell{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-card-bg))}[data-theme=dark] .data-grid__row--selected,[data-theme=dark] .data-grid__row--selected .data-grid__cell{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-card-bg))}[data-theme=dark] .data-grid__row--selected:hover,[data-theme=dark] .data-grid__row--selected:hover .data-grid__cell{background:color-mix(in srgb,var(--color-primary) 20%,var(--color-card-bg))}.data-grid__row--empty{height:auto;min-height:280px}.data-grid__cell{padding:var(--dg-cell-padding-v) var(--dg-cell-padding-h);border-bottom:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);border-right:none;font-size:var(--font-size-data-grid-cell);color:var(--color-text);height:var(--dg-row-height);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--color-card-bg);opacity:1;transition:background .2s cubic-bezier(.4,0,.2,1)}.data-grid__body .data-grid__cell--checkbox,.data-grid__table .data-grid__cell--checkbox{width:var(--dg-checkbox-width);min-width:var(--dg-checkbox-width);max-width:var(--dg-checkbox-width);padding:var(--spacing-sm);text-align:center;background:var(--color-card-bg)}.data-grid__row:hover .data-grid__cell--checkbox{background:var(--color-surface-hover)}.data-grid__row--selected .data-grid__cell--checkbox{background:var(--color-primary-bg)}.data-grid__cell--empty{text-align:center;padding:var(--spacing-2xl)}.data-grid__cell--editable{cursor:pointer;position:relative}.data-grid--show-edit-indicators .data-grid__cell--editable{transition:all .2s ease}.data-grid--show-edit-indicators .data-grid__cell--editable:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-card-bg));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:4px}.data-grid--show-edit-indicators .data-grid__cell--editable:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:var(--font-size-data-grid-badge);color:var(--color-primary);opacity:0;transition:opacity .2s ease,transform .2s ease}.data-grid--show-edit-indicators .data-grid__cell--editable:hover:after{opacity:.6;transform:translateY(-50%) scale(1.1)}.data-grid--show-edit-indicators .data-grid__cell--editing.data-grid__cell--editable:after{display:none}.data-grid--show-edit-indicators .data-grid__row--selected .data-grid__cell--editable:hover{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-card-bg));box-shadow:inset 0 0 0 2px var(--color-primary)}.data-grid__checkbox{cursor:pointer}.data-grid__editor{width:100%;padding:3px 6px;border:1px solid var(--color-primary);border-radius:0;font-size:var(--font-size-data-grid-header);font-family:inherit;background:transparent;color:inherit;outline:none;box-sizing:border-box;margin:0}.data-grid__editor--text,.data-grid__editor--date{height:22px;padding:0 4px}.data-grid__editor--date{background:var(--color-input-bg);color:var(--color-text)}.data-grid__editor--date:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.data-grid__actions{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.data-grid__action-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .15s ease,color .15s ease}.data-grid__action-btn:hover{background:var(--color-surface-hover);color:var(--color-primary)}.data-grid__action-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.3)}.data-grid__action-btn--primary:hover{color:var(--color-primary)}.data-grid__action-btn--danger:hover{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.data-grid__action-btn--warning:hover{background:color-mix(in srgb,var(--color-warning) 14%,transparent);color:var(--color-warning)}.data-grid__action-btn--success:hover{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.data-grid__date-editor{position:absolute;inset:0;display:flex;align-items:center;padding:0 12px;gap:4px;background:transparent}.data-grid__date-editor-input{flex:1;min-width:0;padding:0;border:none;background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--font-size-data-grid-cell);line-height:20px;outline:none}.data-grid__date-editor-input::placeholder{color:var(--color-text-muted);opacity:.6}.data-grid__date-editor-picker{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.data-grid__date-editor-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.data-grid__date-editor-btn:hover{background:var(--color-surface-hover);color:var(--color-primary)}.data-grid__date-editor-btn:active{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.data-grid__date-editor-btn i{font-size:.75rem}.data-grid__cell--editing:has(.data-grid__date-editor){padding:0;box-shadow:inset 0 0 0 1.5px var(--color-primary);border-radius:2px}[data-theme=dark] .data-grid__date-editor-btn:hover{background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.data-grid__editor--dropdown{height:24px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:3px 24px 3px 6px;background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:12px}.data-grid__editor--dropdown:focus{background:var(--color-input-bg)}.data-grid__dropdown-wrapper{position:relative;width:100%;display:inline-block}.data-grid__dropdown-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;font-size:var(--font-size-data-grid-header)}.data-grid__editor--dropdown:focus+.data-grid__dropdown-icon{color:var(--color-primary)}.data-grid__editor--checkbox{width:auto;cursor:pointer}.data-grid__editor--text:focus{background:var(--color-input-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.data-grid__editor--dropdown option{padding:var(--spacing-sm);background:var(--color-input-bg);color:var(--color-input-text)}.data-grid__table .data-grid__cell--editing{padding:0;position:relative}.data-grid__cell--editing .data-grid__editor{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0}.data-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;min-height:240px}.data-grid__empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:color-mix(in srgb,var(--color-text-muted) 8%,transparent);margin-bottom:var(--spacing-sm);transition:all .3s ease}.data-grid__empty-icon{font-size:2rem;color:var(--color-text-muted);opacity:.7;transition:all .3s ease}.data-grid__empty:hover .data-grid__empty-icon-wrapper{background:color-mix(in srgb,var(--color-primary) 10%,transparent);transform:scale(1.05)}.data-grid__empty:hover .data-grid__empty-icon{color:var(--color-primary);opacity:.9}.data-grid__empty-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.data-grid__empty-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);max-width:320px;line-height:1.5}.data-grid__empty-action{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:10px 20px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px color-mix(in srgb,var(--color-primary) 25%,transparent)}.data-grid__empty-action:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px color-mix(in srgb,var(--color-primary) 30%,transparent)}.data-grid__empty-action:active{transform:translateY(0);box-shadow:0 2px 4px color-mix(in srgb,var(--color-primary) 20%,transparent)}.data-grid__empty-action--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:none}.data-grid__empty-action--secondary:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-muted);box-shadow:0 2px 6px rgba(var(--color-shadow-rgb),.08)}.data-grid__empty-action--secondary:active{background:var(--color-surface)}[data-theme=dark] .data-grid__empty-icon-wrapper{background:color-mix(in srgb,var(--color-text-muted) 12%,transparent)}[data-theme=dark] .data-grid__empty:hover .data-grid__empty-icon-wrapper{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}[data-theme=dark] .data-grid__empty-action--secondary{border-color:var(--color-border-light)}[data-theme=dark] .data-grid__empty-action--secondary:hover{background:color-mix(in srgb,var(--color-text-muted) 15%,transparent);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.2)}.data-grid__badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-on-primary)}.data-grid__badge--default{background:var(--color-text-muted)}.data-grid__badge--primary{background:var(--color-primary)}.data-grid__badge--success{background:var(--color-success)}.data-grid__badge--warning{background:var(--color-warning)}.data-grid__badge--danger{background:var(--color-danger)}.data-grid__badge--info{background:var(--color-info)}.data-grid__badge--text{padding:0;background:transparent;border-radius:0}.data-grid__badge--text.data-grid__badge--default{background:transparent;color:var(--color-text-muted)}.data-grid__badge--text.data-grid__badge--primary{background:transparent;color:var(--color-primary)}.data-grid__badge--text.data-grid__badge--success{background:transparent;color:var(--color-success)}.data-grid__badge--text.data-grid__badge--warning{background:transparent;color:var(--color-warning)}.data-grid__badge--text.data-grid__badge--danger{background:transparent;color:var(--color-danger)}.data-grid__badge--text.data-grid__badge--info{background:transparent;color:var(--color-info)}.data-grid__badge--tint{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;line-height:1.4;letter-spacing:.01em;white-space:nowrap}.data-grid__badge--tint.data-grid__badge--default{background:color-mix(in srgb,var(--color-text-muted) 15%,transparent);color:var(--color-text-muted)}.data-grid__badge--tint.data-grid__badge--primary{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.data-grid__badge--tint.data-grid__badge--success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.data-grid__badge--tint.data-grid__badge--warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.data-grid__badge--tint.data-grid__badge--danger{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.data-grid__badge--tint.data-grid__badge--info{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.data-grid__toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .15s ease}.data-grid__toggle i{font-size:.8125rem}.data-grid__toggle--on{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.data-grid__footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--color-border);background:var(--color-surface);width:100%;box-sizing:border-box;flex-shrink:0;max-width:100%;overflow:hidden;position:sticky;bottom:0;z-index:5;box-shadow:0 -1px 3px rgba(var(--color-shadow-rgb),.03)}.data-grid__info{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.data-grid__count{font-weight:500;color:var(--color-text)}.data-grid__selected{padding:4px 10px;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-card-bg));color:var(--color-primary);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-xs);letter-spacing:.02em}.data-grid__pagination{display:flex;align-items:center;gap:4px}.data-grid__page-btn{min-width:32px;height:32px;padding:0 var(--spacing-sm);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.data-grid__page-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.data-grid__page-btn--active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 4px color-mix(in srgb,var(--color-primary) 30%,transparent)}.data-grid__page-btn--active:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-on-primary)}.data-grid__page-btn:disabled{opacity:.5;cursor:not-allowed}.data-grid__page-ellipsis{padding:0 var(--spacing-sm);color:var(--color-text-muted)}.data-grid__row--group{background:var(--color-surface);font-weight:600}.data-grid__cell--group{padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--color-border);overflow:visible}.data-grid__table .data-grid__cell--group.data-grid__cell--sticky-left{background:var(--color-surface)}.data-grid__group-header{display:flex;align-items:center;cursor:pointer}.data-grid__group-header-inner{display:inline-flex;align-items:center;gap:var(--spacing-sm);position:sticky;left:var(--spacing-md)}.data-grid__group-icon{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.data-grid__group-icon--collapsed{transform:rotate(-90deg)}.data-grid__group-name{font-weight:600;color:var(--color-text)}.data-grid__group-count{color:var(--color-text-secondary);font-weight:400;font-size:var(--font-size-sm)}.data-grid__row--grouped{padding-left:var(--spacing-lg)}.data-grid__cell--group-loading{padding:var(--spacing-sm) var(--spacing-md);overflow:visible}.data-grid__group-loading-inner{display:inline-flex;align-items:center;gap:var(--spacing-sm);position:sticky;left:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.data-grid__cell--group-load-more{padding:var(--spacing-sm) var(--spacing-md);overflow:visible;background:var(--color-row-alt)}.data-grid__group-load-more-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);position:sticky;left:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.data-grid__group-load-more-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary-hover)}.data-grid__group-load-more-btn i{font-size:var(--font-size-xs)}.data-grid__group-load-more-remaining{color:var(--color-text-secondary);font-size:var(--font-size-xs)}[data-theme=dark] .data-grid__editor{background:transparent;color:inherit;border-color:var(--color-primary)}[data-theme=dark] .data-grid__editor--text:focus{background:var(--color-bg)}[data-theme=dark] .data-grid__editor--dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .data-grid__editor--dropdown:focus{background:var(--color-bg)}[data-theme=dark] .data-grid__editor--text:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.3)}[data-theme=dark] .data-grid__editor--dropdown option{background:var(--color-bg);color:var(--color-text)}@keyframes data-grid-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.data-grid__skeleton-row{display:flex;align-items:center;height:var(--dg-row-height);padding:0 var(--dg-cell-padding-h);border-bottom:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);gap:12px}.data-grid__skeleton-row:nth-child(2n){background:var(--color-row-alt)}.data-grid__skeleton-cell{background:linear-gradient(90deg,var(--color-skeleton) 25%,var(--color-skeleton-highlight) 50%,var(--color-skeleton) 75%);background-size:200% 100%;animation:data-grid-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);height:14px}.data-grid__skeleton-cell--checkbox{width:16px;min-width:16px;height:16px;border-radius:3px;flex-shrink:0}.data-grid__skeleton-cell--actions{display:flex;gap:8px;flex-shrink:0}.data-grid__skeleton-cell--icon{width:24px;min-width:24px;height:24px;border-radius:var(--radius-sm)}.data-grid__skeleton-row:nth-child(1) .data-grid__skeleton-cell{animation-delay:0s}.data-grid__skeleton-row:nth-child(2) .data-grid__skeleton-cell{animation-delay:.05s}.data-grid__skeleton-row:nth-child(3) .data-grid__skeleton-cell{animation-delay:.1s}.data-grid__skeleton-row:nth-child(4) .data-grid__skeleton-cell{animation-delay:.15s}.data-grid__skeleton-row:nth-child(5) .data-grid__skeleton-cell{animation-delay:.2s}.data-grid__skeleton-row:nth-child(6) .data-grid__skeleton-cell{animation-delay:.25s}.data-grid__skeleton-row:nth-child(7) .data-grid__skeleton-cell{animation-delay:.3s}.data-grid__skeleton-row:nth-child(8) .data-grid__skeleton-cell{animation-delay:.35s}.data-grid__skeleton-row:nth-child(9) .data-grid__skeleton-cell{animation-delay:.4s}.data-grid__skeleton-row:nth-child(10) .data-grid__skeleton-cell{animation-delay:.45s}.data-grid__skeleton-header{display:flex;align-items:center;height:38px;padding:0 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:12px}.data-grid__skeleton-header .data-grid__skeleton-cell{height:10px;opacity:.7}@media(prefers-reduced-motion:reduce){.data-grid__skeleton-cell{animation:none;background:var(--color-skeleton);opacity:.7}@keyframes data-grid-skeleton-fade{0%,to{opacity:.5}50%{opacity:.8}}.data-grid__skeleton-row{animation:data-grid-skeleton-fade 2s ease-in-out infinite}.data-grid__skeleton-row:nth-child(1){animation-delay:0s}.data-grid__skeleton-row:nth-child(2){animation-delay:.15s}.data-grid__skeleton-row:nth-child(3){animation-delay:.3s}.data-grid__skeleton-row:nth-child(4){animation-delay:.45s}.data-grid__skeleton-row:nth-child(5){animation-delay:.6s}.data-grid__skeleton-row:nth-child(6){animation-delay:.75s}.data-grid__skeleton-row:nth-child(7){animation-delay:.9s}.data-grid__skeleton-row:nth-child(8){animation-delay:1.05s}.data-grid__skeleton-row:nth-child(9){animation-delay:1.2s}.data-grid__skeleton-row:nth-child(10){animation-delay:1.35s}}[data-theme=dark] .data-grid__skeleton-cell{background:linear-gradient(90deg,var(--color-skeleton) 20%,var(--color-skeleton-highlight) 50%,var(--color-skeleton) 80%);background-size:200% 100%}.data-grid__filter-popover{position:fixed;width:280px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);overflow:hidden;animation:filter-popover-enter .15s ease-out}@keyframes filter-popover-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.data-grid__filter-popover-header{padding:10px 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.data-grid__filter-popover-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.data-grid__filter-popover-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.data-grid__filter-popover-row{display:flex;flex-direction:column;gap:6px}.data-grid__filter-popover-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.data-grid__filter-popover-select,.data-grid__filter-popover-input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-input-bg);transition:border-color .2s ease,box-shadow .2s ease}.data-grid__filter-popover-select:focus,.data-grid__filter-popover-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.data-grid__filter-popover-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px}.data-grid__filter-popover-footer{display:flex;gap:8px;padding:10px 14px;background:var(--color-surface);border-top:1px solid var(--color-border)}.data-grid__filter-popover-footer>.btn{flex:1;justify-content:center}[data-theme=dark] .data-grid__filter-popover-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .data-grid__filter-popover{box-shadow:0 4px 20px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-border)}.data-grid__filter-btn--active{opacity:1;color:var(--color-primary);position:relative}.data-grid__filter-btn--active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--color-primary);border-radius:50%}.data-grid__context-menu{position:fixed;min-width:160px;max-height:calc(100vh - 20px);overflow-y:auto;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);padding:4px 0;z-index:var(--z-dropdown);animation:context-menu-enter .12s ease-out}@keyframes context-menu-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.data-grid__context-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.data-grid__context-menu-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.data-grid__context-menu-item:active{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface-hover))}.data-grid__context-menu-item i{width:16px;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:color .15s ease}.data-grid__context-menu-item:hover i{color:var(--color-primary)}[data-theme=dark] .data-grid__context-menu{box-shadow:0 4px 16px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-border)}.data-grid__context-menu-separator{height:1px;margin:4px 0;background:var(--color-border-light)}.data-grid__context-menu-label{padding:6px 12px 2px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-secondary)}.data-grid__context-menu-scope{display:flex;margin:2px 10px 0}.data-grid__context-menu-scope .toggle-group__btn{flex:1}.data-grid__context-menu-swatches{display:flex;align-items:center;gap:6px;padding:6px 10px 10px}.data-grid__context-menu-swatch{width:22px;height:22px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--swatch-color, transparent);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.data-grid__context-menu-swatch-fill{display:block;width:100%;height:100%;border-radius:inherit}.data-grid__context-menu-swatch:hover:not(:disabled){transform:scale(1.08);border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}.data-grid__context-menu-swatch.is-active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.35)}.data-grid__context-menu-swatch--clear{background:var(--color-surface);font-size:10px}.data-grid__context-menu-swatch--clear:disabled,.data-grid__context-menu-swatch.is-disabled{opacity:.4;cursor:not-allowed}.data-grid__toolbar-container{background:var(--color-card-bg);border-bottom:1px solid var(--color-border)}.data-grid-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);gap:var(--spacing-md)}.data-grid-toolbar__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.data-grid-toolbar__search{position:relative;flex:1;max-width:400px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease}.data-grid-toolbar__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.data-grid-toolbar__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:13px;pointer-events:none}.data-grid-toolbar__search-input{width:100%;padding:8px 30px 8px 32px;border:none;background:transparent;color:var(--color-text);font-size:13px;height:36px}.data-grid-toolbar__search-input::placeholder{color:var(--color-text-tertiary)}.data-grid-toolbar__search-input:focus{outline:none}.data-grid-toolbar__search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);font-size:11px;transition:color .15s ease,background .15s ease;padding:0}.data-grid-toolbar__search-clear:hover{color:var(--color-text);background:var(--color-surface-hover)}.data-grid-toolbar__icon-group{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-card-bg)}.data-grid-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;width:36px;height:36px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;position:relative}.data-grid-toolbar__btn:hover{background:var(--color-surface-hover);color:var(--color-primary)}.data-grid-toolbar__btn--active{background:var(--color-primary-bg);color:var(--color-primary)}.data-grid-toolbar__btn--active:hover{background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.data-grid-toolbar__btn--primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary);padding:0 var(--spacing-sm);width:auto}.data-grid-toolbar__btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3);color:var(--color-on-primary)}.data-grid-toolbar__btn--warning{background:var(--color-warning);color:var(--color-on-primary);border:1px solid var(--color-warning);padding:0 var(--spacing-sm);width:auto}.data-grid-toolbar__btn--warning:hover{background:var(--color-warning-hover, color-mix(in srgb, var(--color-warning) 85%, black));border-color:var(--color-warning-hover, color-mix(in srgb, var(--color-warning) 85%, black));color:var(--color-on-primary)}.data-grid-toolbar__menu{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);min-width:220px;max-height:400px;overflow-y:auto;animation:toolbar-menu-enter .15s ease-out}@keyframes toolbar-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.data-grid-toolbar__menu-header{padding:10px 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.data-grid-toolbar__menu-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.data-grid-toolbar__menu-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.data-grid-toolbar__menu-body--no-padding{padding:0}.data-grid-toolbar__menu-footer{display:flex;gap:8px;padding:10px 14px;background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:flex-end}.data-grid-toolbar__column-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 0;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);transition:color .15s ease}.data-grid-toolbar__column-item:hover{color:var(--color-primary)}.data-grid-toolbar__column-checkbox{cursor:pointer;accent-color:var(--color-primary)}.data-grid-toolbar__group-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:10px 14px;border:none;background:transparent;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left}.data-grid-toolbar__group-option:hover{background:var(--color-surface-hover);color:var(--color-primary)}.data-grid-toolbar__group-option i{width:16px;color:var(--color-text-secondary)}.data-grid-toolbar__group-option:hover i{color:var(--color-primary)}.data-grid-toolbar__group-option--active{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.data-grid-toolbar__pin-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:10px 14px;border:none;background:transparent;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease;text-align:left}.data-grid-toolbar__pin-option:hover{background:var(--color-surface-hover)}.data-grid-toolbar__pin-option i{width:16px;flex-shrink:0;transition:color .15s ease,transform .15s ease}.data-grid-toolbar__pin-option span{flex:1}.data-grid-toolbar__pin-option--active{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}[data-theme=dark] .data-grid-toolbar__menu{box-shadow:0 4px 20px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-border)}.data-grid-toolbar .hidden{display:none}.data-grid__page-header .data-grid-toolbar{flex:1;justify-content:flex-end}.data-grid__page-header .data-grid-toolbar__actions{display:inline-flex;padding:4px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-card-bg)}.data-grid__page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;flex-shrink:0;border-bottom:1px solid var(--color-border);background:var(--color-card-bg);margin:0;padding:0 var(--spacing-xl);position:sticky;top:0;z-index:var(--z-popover);height:var(--sidebar-header-height);min-height:var(--sidebar-header-height);box-sizing:border-box}.data-grid__title-section{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.data-grid__title{display:flex;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;white-space:nowrap}.data-grid__title i{color:var(--color-primary);font-size:24px}.data-grid__tabs{display:flex;gap:0;padding:10px var(--spacing-md) 0;background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-surface) 100%);border-bottom:2px solid var(--color-border);flex-shrink:0;margin:0;align-items:flex-end}.data-grid__tabs::-webkit-scrollbar{display:none}.data-grid__tab{position:relative;display:inline-flex;align-items:center;padding:10px 16px;gap:7px;background:linear-gradient(180deg,var(--color-card-bg) 0%,rgba(var(--color-primary-rgb),.03) 100%);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;margin-bottom:-2px;margin-left:-1px}.data-grid__tab:first-child{margin-left:0}.data-grid__tab:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.06),rgba(var(--color-primary-rgb),.02));border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:0;transition:opacity .2s ease;pointer-events:none}.data-grid__tab:before{content:"";position:absolute;bottom:-3px;left:50%;right:50%;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:0}.data-grid__tab i{font-size:12px;opacity:.7;transition:all .2s ease}.data-grid__tab:hover:not(.data-grid__tab--active){color:var(--color-text);transform:translateY(-1px);border-color:rgba(var(--color-primary-rgb),.2)}.data-grid__tab:hover:after{opacity:1}.data-grid__tab:hover i{opacity:1}.data-grid__tab--active{color:var(--color-primary);background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-primary-bg) 100%);border:1px solid rgba(var(--color-primary-rgb),.2);border-bottom:none;font-weight:700;transform:translateY(-2px);box-shadow:0 -2px 8px rgba(var(--color-primary-rgb),.1),inset 0 1px color-mix(in srgb,var(--color-on-primary) 20%,transparent)}.data-grid__tab--active:before{opacity:1;left:0;right:0}.data-grid__tab--active i{opacity:1}[data-theme=dark] .data-grid__tabs{background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-surface) 100%)}[data-theme=dark] .data-grid__tab{background:linear-gradient(180deg,rgba(var(--color-surface-rgb),.9),rgba(var(--color-primary-rgb),.08))}[data-theme=dark] .data-grid__tab--active{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-primary-bg) 100%)}.data-grid__currency{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.data-grid__cell-muted{color:var(--color-text-muted)}.data-grid__cell--right-align{text-align:right}.billing-col__cell{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end}.billing-col__hours{font-weight:500;font-variant-numeric:tabular-nums}.billing-col__info-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;opacity:.6;flex-shrink:0}.billing-col__info-btn:hover{background:var(--color-surface-hover);color:var(--color-primary);opacity:1}.billing-col__info-btn:active{transform:scale(.95)}.data-grid__editable{width:100%;padding:.375rem .5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text);font-family:inherit;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.data-grid__editable:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.data-grid__editable:focus{outline:none;background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.data-grid__editable:disabled,.data-grid__editable[readonly]{opacity:.6;cursor:not-allowed}.data-grid__editable-currency{display:flex;align-items:center;gap:.25rem;width:100%}.data-grid__editable-currency-symbol{font-size:.8125rem;font-weight:500;color:var(--color-text-muted);flex-shrink:0}.data-grid__editable--currency{flex:1;text-align:right;font-variant-numeric:tabular-nums}.data-grid__editable--date{cursor:pointer}.data-grid__editable-select{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='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .375rem center;padding-right:1.25rem;font-weight:500;cursor:pointer}.data-grid__editable--saving{background:var(--color-warning-bg);border-color:var(--color-warning)}.data-grid__editable--saved{background:var(--color-success-bg);border-color:var(--color-success)}.data-grid__editable--error{background:var(--color-danger-bg);border-color:var(--color-danger)}.data-grid__editable--saving:focus,.data-grid__editable--saved:focus,.data-grid__editable--error:focus{box-shadow:none}.tasks,.lists,.clients{display:flex;flex-direction:column;height:100vh;height:100dvh;left:var(--sidebar-width);right:0;padding:0;gap:0;background:var(--color-bg);box-sizing:border-box;overflow:hidden;position:fixed;top:0;transition:left var(--transition-base),right var(--transition-base)}@media(max-width:1260px){.tasks,.lists,.clients{left:var(--sidebar-collapsed-width)}}.tasks__header,.lists__header,.clients__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;flex-shrink:0;border-bottom:1px solid var(--color-border);background:var(--color-card-bg);margin:0;padding:0 var(--spacing-xl);position:sticky;top:0;z-index:var(--z-popover);height:var(--sidebar-header-height);min-height:var(--sidebar-header-height);box-sizing:border-box}.tasks__title,.lists__title,.clients__title{display:flex;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.tasks__title-icon,.lists__title-icon,.clients__title i{color:var(--color-primary);font-size:24px}.tasks__header-actions,.lists__header-actions,.clients__header-actions{display:flex;flex-wrap:nowrap;gap:var(--spacing-sm);align-items:center;justify-content:flex-end;margin-left:auto}.tasks__active-filters,.lists__active-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;margin:0;position:sticky;top:calc(var(--sidebar-header-height) + 52px);z-index:calc(var(--z-popover) - 2)}.tasks__grid-container,.lists__grid-container,.clients__grid-container{flex:1 1 auto;min-height:0;max-height:100%;max-width:100%;width:100%;background:var(--color-card-bg);border:none;border-radius:0;overflow:hidden;position:relative;display:flex;flex-direction:column;margin:0}.tasks__grid-container::-webkit-scrollbar,.lists__grid-container::-webkit-scrollbar,.clients__grid-container::-webkit-scrollbar{width:12px;height:12px}.tasks__grid-container::-webkit-scrollbar-track,.lists__grid-container::-webkit-scrollbar-track,.clients__grid-container::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.tasks__grid-container::-webkit-scrollbar-thumb,.lists__grid-container::-webkit-scrollbar-thumb,.clients__grid-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);border:2px solid var(--color-surface)}.tasks__grid-container::-webkit-scrollbar-thumb:hover,.lists__grid-container::-webkit-scrollbar-thumb:hover,.clients__grid-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.tasks__grid-container::-webkit-scrollbar-corner,.lists__grid-container::-webkit-scrollbar-corner,.clients__grid-container::-webkit-scrollbar-corner{background:var(--color-surface)}.tasks .tasks__grid-container .data-grid,.lists .lists__grid-container .data-grid,.clients .clients__grid-container .data-grid{display:flex;flex-direction:column;height:100%}.tasks .tasks__grid-container .data-grid__container,.lists .lists__grid-container .data-grid__container,.clients .clients__grid-container .data-grid__container{flex:1;overflow:auto;min-height:0;min-width:0;max-width:100%;position:relative}.tasks .tasks__grid-container .data-grid__table,.lists .lists__grid-container .data-grid__table,.clients .clients__grid-container .data-grid__table{position:relative;table-layout:fixed;width:100%}.tasks .tasks__grid-container .data-grid__container::-webkit-scrollbar,.lists .lists__grid-container .data-grid__container::-webkit-scrollbar,.clients .clients__grid-container .data-grid__container::-webkit-scrollbar{width:12px;height:12px}.tasks .tasks__grid-container .data-grid__container::-webkit-scrollbar-track,.lists .lists__grid-container .data-grid__container::-webkit-scrollbar-track,.clients .clients__grid-container .data-grid__container::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.tasks .tasks__grid-container .data-grid__container::-webkit-scrollbar-thumb,.lists .lists__grid-container .data-grid__container::-webkit-scrollbar-thumb,.clients .clients__grid-container .data-grid__container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);border:2px solid var(--color-surface)}.tasks .tasks__grid-container .data-grid__container::-webkit-scrollbar-thumb:hover,.lists .lists__grid-container .data-grid__container::-webkit-scrollbar-thumb:hover,.clients .clients__grid-container .data-grid__container::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.tasks .tasks__grid-container .data-grid__container::-webkit-scrollbar-corner,.lists .lists__grid-container .data-grid__container::-webkit-scrollbar-corner,.clients .clients__grid-container .data-grid__container::-webkit-scrollbar-corner{background:var(--color-surface)}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .tasks__header,[data-theme=dark] .lists__header{background:linear-gradient(135deg,var(--color-bg) 0%,rgba(255,255,255,.02) 100%)}@media print{.tasks__header-actions,.lists__header-actions{display:none}.tasks__grid-container,.lists__grid-container{border:1px solid var(--color-text)}}[data-theme=dark] .tasks__tabs,[data-theme=dark] .lists__tabs{background:var(--color-card-bg)}[data-theme=dark] .tasks__tab,[data-theme=dark] .lists__tab{color:var(--color-text-secondary)}[data-theme=dark] .tasks__tab:hover,[data-theme=dark] .lists__tab:hover,[data-theme=dark] .tasks__tab--active,[data-theme=dark] .lists__tab--active{color:var(--color-primary)}.tasks__search-container,.lists__search-container,.clients__search-container{position:relative;flex:1;max-width:400px;margin:0 var(--spacing-lg);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease}.tasks__search-container:focus-within,.lists__search-container:focus-within,.clients__search-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.tasks__search-icon,.lists__search-icon,.clients__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:13px;pointer-events:none}.tasks__search-input,.lists__search-input,.clients__search-input{width:100%;padding:8px 12px 8px 32px;border:none;background:transparent;color:var(--color-text);font-size:13px;height:36px}.tasks__search-input::placeholder,.lists__search-input::placeholder,.clients__search-input::placeholder{color:var(--color-text-tertiary)}.tasks__search-input:focus,.lists__search-input:focus,.clients__search-input:focus{outline:none}.tasks__btn,.lists__btn,.clients__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-card-bg);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;min-width:36px;height:36px}.tasks__btn:hover,.lists__btn:hover,.clients__btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.tasks__btn--filter,.tasks__btn--columns,.tasks__btn--group,.lists__btn--filter,.lists__btn--columns,.lists__btn--group,.clients__btn--filter,.clients__btn--columns,.clients__btn--group{padding:0;width:36px;height:36px}.tasks__btn--filter.tasks__btn--active,.lists__btn--filter.lists__btn--active,.clients__btn--filter.clients__btn--active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.tasks__filter-badge,.lists__filter-badge,.clients__filter-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:var(--color-danger);color:var(--color-on-primary);border-radius:var(--radius-full);font-size:var(--font-size-data-grid-badge);font-weight:700;display:flex;align-items:center;justify-content:center}.tasks__btn--add,.lists__btn--add,.clients__btn--add{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);padding:8px 14px;width:auto;font-weight:600}.tasks__btn--add:hover,.lists__btn--add:hover,.clients__btn--add:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.tasks__btn--bulk,.lists__btn--bulk{background:var(--color-warning);color:var(--color-on-primary);border-color:var(--color-warning);padding:var(--spacing-sm) var(--spacing-md);width:auto}.tasks__bulk-count,.lists__bulk-count{font-weight:700}.tasks__btn--primary,.lists__btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.tasks__btn--primary:hover,.lists__btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.tasks__icon-group,.lists__icon-group{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-card-bg)}.tasks__icon-group .tasks__btn,.lists__icon-group .lists__btn{margin:0;box-shadow:none}.tasks__icon-group .tasks__btn:not(.tasks__btn--add):not(.tasks__btn--bulk),.lists__icon-group .lists__btn:not(.lists__btn--add):not(.lists__btn--bulk){width:36px;height:36px;padding:0;border:none;background:transparent}.tasks__icon-group .tasks__btn:not(.tasks__btn--add):not(.tasks__btn--bulk):hover,.lists__icon-group .lists__btn:not(.lists__btn--add):not(.lists__btn--bulk):hover{background:var(--color-surface-hover)}.tasks__icon-group .tasks__btn.tasks__btn--bulk,.tasks__icon-group .tasks__btn.tasks__btn--add,.lists__icon-group .lists__btn.lists__btn--bulk,.lists__icon-group .lists__btn.lists__btn--add{height:36px;padding:0 var(--spacing-sm)}.tasks__btn--wrap-toggle.tasks__btn--active,.lists__btn--wrap-toggle.lists__btn--active{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.tasks__btn--wrap-toggle.tasks__btn--active i,.lists__btn--wrap-toggle.lists__btn--active i{color:var(--color-primary)}.tasks__btn--pin,.lists__btn--pin{position:relative}.tasks__btn--pin i,.lists__btn--pin i{transition:transform .2s ease}.tasks__filters-chips,.lists__filters-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);min-height:32px}.tasks__filter-chip,.lists__filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);animation:chipIn var(--transition-normal) ease-out}.tasks__filter-chip-label,.lists__filter-chip-label{color:var(--color-primary);font-weight:500}.tasks__filter-chip-remove,.lists__filter-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--color-primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs)}.tasks__filter-chip-remove:hover,.lists__filter-chip-remove:hover{background:var(--color-danger);color:var(--color-on-danger);transform:scale(1.1)}.tasks__filters-clear,.lists__filters-clear{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:transparent;color:var(--color-danger);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.tasks__filters-clear:hover,.lists__filters-clear:hover{background:var(--color-danger);color:var(--color-on-danger)}[data-theme=dark] .tasks__filter-chip,[data-theme=dark] .lists__filter-chip{background:rgba(var(--color-primary-rgb),.1)}.data-grid__header-cell--checkbox,.data-grid__cell--checkbox{box-shadow:2px 0 4px rgba(var(--color-shadow-rgb),.06),1px 0 0 var(--color-border-light)}[data-theme=dark] .data-grid__header-cell--checkbox,[data-theme=dark] .data-grid__cell--checkbox{box-shadow:2px 0 6px rgba(var(--color-shadow-rgb),.2),1px 0 0 var(--color-border)}.data-grid__header-cell--sticky-left[data-column=actions],.data-grid__cell--sticky-left[data-column=actions]{box-shadow:2px 0 4px rgba(var(--color-shadow-rgb),.06),1px 0 0 var(--color-border-light)}[data-theme=dark] .data-grid__header-cell--sticky-left[data-column=actions],[data-theme=dark] .data-grid__cell--sticky-left[data-column=actions]{box-shadow:2px 0 6px rgba(var(--color-shadow-rgb),.2),1px 0 0 var(--color-border)}.data-grid__cell--sticky-left[data-column=actions]{padding:4px 1px 4px 6px}.data-grid__header-cell--sticky-left[data-column=actions]{padding:var(--spacing-xs) 2px var(--spacing-xs) 8px}.data-grid__header-cell--sticky-left[data-column=actions] .data-grid__header-content{gap:0}.data-grid__header-cell--sticky-left[data-column=actions] .data-grid__header-icons{display:none}.tasks__actions-wrapper{gap:2px}.data-grid__cell[data-column=status]{overflow:hidden}.tasks__status-wrapper,.lists__status-wrapper{display:inline-flex;align-items:center;max-width:100%;overflow:hidden}.tasks__status-wrapper--clickable .tasks__status,.lists__status-wrapper--clickable .lists__status{cursor:pointer}.tasks__status,.lists__status{display:inline-flex;align-items:center;gap:10px;padding:4px 12px 4px 6px;border-radius:20px;font-size:var(--font-size-data-grid-cell);font-weight:500;white-space:nowrap;position:relative;background:var(--color-status-badge-bg);border:none;color:var(--color-text);transition:all .25s cubic-bezier(.4,0,.2,1);max-width:100%;overflow:hidden}.tasks__status:before,.lists__status:before{content:"";width:12px;height:12px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--status-color, #6b7280) 50%,white),var(--status-color, #6b7280) 50%,color-mix(in srgb,var(--status-color, #6b7280) 80%,black));box-shadow:0 0 6px color-mix(in srgb,var(--status-color, #6b7280) 60%,transparent),0 0 12px color-mix(in srgb,var(--status-color, #6b7280) 30%,transparent),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.3),inset 0 1px 2px #fff6;transition:all .25s cubic-bezier(.4,0,.2,1)}.tasks__status--default,.lists__status--default{color:var(--color-text-secondary)}.tasks__status--default:before,.lists__status--default:before{--status-color: var(--color-text-muted);box-shadow:0 0 4px rgba(var(--color-shadow-rgb),.2),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px #fff3}.tasks__status--empty,.lists__status--empty{color:var(--color-text-tertiary);font-style:italic}.tasks__status--empty:before,.lists__status--empty:before{--status-color: var(--color-text-muted);opacity:.5;box-shadow:0 0 3px rgba(var(--color-shadow-rgb),.15),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.15),inset 0 1px 2px #ffffff26}.tasks__status-wrapper--clickable:hover .tasks__status--empty,.lists__status-wrapper--clickable:hover .lists__status--empty{color:var(--color-text-secondary)}.tasks__status-wrapper--clickable:hover .tasks__status--empty:before,.lists__status-wrapper--clickable:hover .lists__status--empty:before{opacity:.7}.tasks__status-wrapper:hover .tasks__status:before,.lists__status-wrapper:hover .lists__status:before{box-shadow:0 0 8px color-mix(in srgb,var(--status-color, #6b7280) 70%,transparent),0 0 16px color-mix(in srgb,var(--status-color, #6b7280) 40%,transparent),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.3),inset 0 1px 2px #fff6;transform:scale(1.1)}.data-grid__row--selected .tasks__status,.data-grid__row--selected .lists__status{color:var(--color-text)}.tasks__status-wrapper--clickable:hover .tasks__status:before,.lists__status-wrapper--clickable:hover .lists__status:before{transform:scale(1.2);box-shadow:0 0 10px color-mix(in srgb,var(--status-color, #6b7280) 80%,transparent),0 0 20px color-mix(in srgb,var(--status-color, #6b7280) 50%,transparent),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.3),inset 0 1px 2px #fff6}.tasks__status-wrapper--clickable:active .tasks__status:before,.lists__status-wrapper--clickable:active .lists__status:before{transform:scale(.95)}.tasks__status-text,.lists__status-text{line-height:1.3;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis}.tasks__assignee-wrapper,.lists__assignee-wrapper{display:inline-flex;align-items:center}.tasks__assignee-wrapper--clickable .tasks__assignee,.lists__assignee-wrapper--clickable .lists__assignee{cursor:pointer}.tasks__assignee,.lists__assignee{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-data-grid-cell);white-space:nowrap;transition:opacity .15s ease}.tasks__assignee-wrapper--clickable:hover .tasks__assignee,.lists__assignee-wrapper--clickable:hover .lists__assignee{opacity:.75}.tasks__assignee--empty,.lists__assignee--empty{color:var(--color-text-tertiary);font-style:italic}.tasks__assignee-avatar,.lists__assignee-avatar{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);color:var(--color-on-primary);font-size:.55rem;font-weight:700;flex-shrink:0;box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.12);transition:transform .15s ease,box-shadow .15s ease}.tasks__assignee-wrapper--clickable:hover .tasks__assignee-avatar,.lists__assignee-wrapper--clickable:hover .lists__assignee-avatar{transform:scale(1.1);box-shadow:0 0 8px color-mix(in srgb,var(--avatar-color, var(--color-primary)) 60%,transparent),inset 0 -2px 3px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px #ffffff40}.tasks__assignee-wrapper--clickable:hover .tasks__assignee-avatar--img,.lists__assignee-wrapper--clickable:hover .lists__assignee-avatar--img{box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 50%,transparent),0 2px 4px rgba(var(--color-shadow-rgb),.15)}img.tasks__assignee-avatar,img.lists__assignee-avatar,.tasks__assignee-avatar--img,.lists__assignee-avatar--img{object-fit:cover}.tasks__assignee-avatar--unassigned,.lists__assignee-avatar--unassigned{background:var(--color-text-muted)}.tasks__assignee-cell,.lists__assignee-cell{display:flex;align-items:center;gap:4px;overflow:hidden}.tasks__assignee-name,.lists__assignee-name{font-size:var(--font-size-data-grid-cell);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks__assignee-dynamic,.lists__assignee-dynamic{flex-shrink:0;font-size:.78em;color:var(--color-text-muted);opacity:.85}.tasks__pm-short{font-size:var(--font-size-data-grid-cell);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks__pm-short--empty{color:var(--color-text-muted);font-weight:400}.tasks__date-wrapper,.lists__date-wrapper{display:flex;align-items:center}.tasks__date-wrapper--clickable,.lists__date-wrapper--clickable{cursor:pointer}.tasks__date,.lists__date,.tasks__due-date,.lists__due-date{display:inline-block;font-size:var(--font-size-data-grid-cell);font-weight:400;color:var(--color-text);white-space:nowrap}.tasks__date-wrapper--clickable:hover .tasks__date,.lists__date-wrapper--clickable:hover .lists__date,.tasks__due-date--clickable:hover,.lists__due-date--clickable:hover{opacity:.8}.tasks__date--empty,.lists__date--empty{color:var(--color-text-secondary);font-weight:400}.tasks__date--overdue,.lists__date--overdue,.tasks__due-date--overdue,.lists__due-date--overdue{color:var(--color-danger)}.tasks__date--today,.lists__date--today,.tasks__due-date--today,.lists__due-date--today,.tasks__date--soon,.lists__date--soon,.tasks__due-date--soon,.lists__due-date--soon{color:var(--color-warning)}.tasks__actions,.lists__actions{display:flex;gap:2px;justify-content:flex-start;align-items:center;height:100%;padding-left:2px}.tasks__action-btn,.lists__action-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:var(--font-size-xs);position:relative}.tasks__action-btn span,.lists__action-btn span{display:none}.tasks__action-btn:hover,.lists__action-btn:hover{transform:scale(1.15);color:var(--color-text)}.tasks__action-btn:active,.lists__action-btn:active{transform:scale(.95)}.tasks__action-btn i,.lists__action-btn i{font-size:10px;transition:inherit}.tasks__action-btn--view,.lists__action-btn--view{width:22px;height:22px;background:var(--color-card-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .15s ease}.tasks__action-btn--view i,.lists__action-btn--view i{font-size:11px}.tasks__action-btn--view:hover,.lists__action-btn--view:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);transform:none}.tasks__action-btn--notes:hover,.lists__action-btn--notes:hover{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.tasks__action-btn--checklist:hover,.lists__action-btn--checklist:hover{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.tasks__action-btn--timesheet:hover,.lists__action-btn--timesheet:hover{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.tasks__action-btn--edit:hover,.lists__action-btn--edit:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.tasks__action-btn--delete:hover,.lists__action-btn--delete:hover{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.tasks__action-btn--serviceNotes,.lists__action-btn--serviceNotes{border-radius:4px}.tasks__action-btn--serviceNotes.tasks__action-btn--no-notes,.lists__action-btn--serviceNotes.lists__action-btn--no-notes{color:var(--color-text-muted);background:transparent}.tasks__action-btn--serviceNotes.tasks__action-btn--no-notes:hover,.lists__action-btn--serviceNotes.lists__action-btn--no-notes:hover{color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-text-muted) 10%,transparent)}.tasks__action-btn--serviceNotes.tasks__action-btn--has-notes,.lists__action-btn--serviceNotes.lists__action-btn--has-notes{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 8%,transparent)}.tasks__action-btn--serviceNotes.tasks__action-btn--has-notes:hover,.lists__action-btn--serviceNotes.lists__action-btn--has-notes:hover{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.tasks__cell-icon,.lists__cell-icon{color:var(--color-text-tertiary);margin-right:4px;font-size:calc(var(--font-size-data-grid-badge) - .0625rem)}.tasks__cell-error,.lists__cell-error{color:var(--color-warning);font-size:var(--font-size-data-grid-cell);font-weight:500;display:inline-flex;align-items:center;gap:4px}.tasks__cell-muted,.lists__cell-muted{color:var(--color-text-muted)}.tasks__cell-bold,.lists__cell-bold{font-weight:500}.tasks__cell-italic,.lists__cell-italic{font-style:italic}.tasks__cell-icon--success,.lists__cell-icon--success{color:var(--color-success)}.tasks__cell-icon--muted,.lists__cell-icon--muted{color:var(--color-text-muted)}.tasks__cell-icon--primary,.lists__cell-icon--primary{color:var(--color-primary)}.tasks__name-cell,.lists__name-cell{display:flex;align-items:center;gap:4px;height:100%;min-width:0;width:100%;flex:1;overflow:visible}.tasks__name,.lists__name{font-weight:400;color:var(--color-text);font-size:var(--font-size-data-grid-cell);flex:1;max-width:100%;display:block;white-space:normal;line-height:1.4}.tasks__indicator,.lists__indicator{font-size:var(--font-size-data-grid-badge);flex-shrink:0}.tasks__indicator--danger,.lists__indicator--danger{color:var(--color-danger)}.tasks__indicator--warning,.lists__indicator--warning{color:var(--color-warning)}.tasks__indicator--info,.lists__indicator--info{color:var(--color-info)}.tasks__indicator--success,.lists__indicator--success{color:var(--color-success)}.tasks__client,.lists__client{color:var(--color-text);font-size:var(--font-size-data-grid-cell);white-space:normal;line-height:1.4}.tasks__service,.lists__service{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--color-text);font-size:var(--font-size-data-grid-cell)}.tasks__empty,.lists__empty{color:var(--color-text-tertiary);font-style:italic}.lists__progress{display:flex;align-items:center;gap:10px;width:100%}.lists__progress-bar{flex:1;height:6px;background:color-mix(in srgb,var(--color-border) 50%,var(--color-card-bg));border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(var(--color-shadow-rgb),.06)}.lists__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 80%,white) 100%);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);min-width:0;box-shadow:0 0 4px color-mix(in srgb,var(--color-primary) 40%,transparent)}.data-grid__row:hover .lists__progress-fill{box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 50%,transparent)}.lists__progress-text{font-size:calc(var(--font-size-data-grid-cell) - .0625rem);font-weight:600;color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.tasks__comment-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:36px;height:20px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.tasks__comment-btn:hover,.tasks__comment-btn--has-comments{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-card-bg));border-color:var(--color-primary);color:var(--color-primary)}.tasks__comment-btn--has-comments:hover{background:var(--color-primary);color:var(--color-on-primary)}.tasks__comment-btn i{font-size:9px}.tasks__comment-count{font-size:9px;font-weight:600}.tasks__actions-wrapper{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow:hidden;max-width:100%}.tasks__count,.lists__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 6px;border-radius:10px;font-size:var(--font-size-xs);font-weight:600;font-variant-numeric:tabular-nums;background:var(--color-surface);color:var(--color-text)}.tasks__count--warning,.lists__count--warning{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-card-bg));color:var(--color-warning)}.tasks__count--danger,.lists__count--danger{background:color-mix(in srgb,var(--color-danger) 15%,var(--color-card-bg));color:var(--color-danger)}.tasks__count--success,.lists__count--success{background:color-mix(in srgb,var(--color-success) 15%,var(--color-card-bg));color:var(--color-success)}.tasks__schedule-cell{font-weight:500;font-size:.82rem}.tasks__schedule-cell--na{color:var(--color-text-muted);opacity:.5;font-style:italic}.tasks__schedule-cell--tbd{color:var(--color-warning);font-weight:600}.tasks__schedule-cell--multiple{color:var(--color-warning);font-weight:500}.tasks__schedule-cell--scheduled{color:var(--color-text-secondary)}.tasks__schedule-cell--confirmed{color:var(--color-primary)}.tasks__schedule-cell--completed{color:var(--color-success)}.tasks__muted{color:var(--color-text-muted)}.tasks__muted--italic{font-style:italic}.tasks__event-status{font-weight:500}.event-date-range__icon{margin-right:.375rem}.event-date-range__icon--multi{color:var(--color-primary)}.event-date-range__icon--timed{color:var(--color-info)}.tasks__attendees-stack{display:flex;align-items:center}.tasks__attendee-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);color:var(--color-on-primary);font-size:.55rem;font-weight:700;flex-shrink:0;border:2px solid var(--color-surface);box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.12);object-fit:cover}.tasks__attendee-avatar+.tasks__attendee-avatar,.tasks__attendee-avatar+.tasks__attendee-more{margin-left:-6px}.tasks__attendee-more{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-text-muted);color:var(--color-on-primary);font-size:.6rem;font-weight:700;flex-shrink:0;border:2px solid var(--color-surface)}.tasks__location-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:var(--font-size-data-grid-badge);font-weight:500;color:var(--color-text);cursor:pointer}.tasks__location-badge i{font-size:.7rem;color:var(--color-text-muted)}.tasks__product-badge{display:inline-block;padding:2px 8px;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-card-bg));color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:var(--radius-sm);font-size:calc(var(--font-size-data-grid-badge) - .0625rem);font-weight:600;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;transition:all .15s ease}.tasks__product-badge+.tasks__product-badge{margin-left:4px}.data-grid__cell:hover .tasks__product-badge{background:color-mix(in srgb,var(--color-primary) 16%,var(--color-card-bg))}.tasks__linked-task-badge{display:inline-block;padding:2px 8px;background:color-mix(in srgb,var(--color-info) 10%,var(--color-card-bg));color:var(--color-info);border:1px solid color-mix(in srgb,var(--color-info) 20%,transparent);border-radius:var(--radius-sm);font-size:var(--font-size-data-grid-badge);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .15s ease}.tasks__linked-task-badge+.tasks__linked-task-badge{margin-left:4px}.data-grid__cell:hover .tasks__linked-task-badge{background:color-mix(in srgb,var(--color-info) 16%,var(--color-card-bg))}.tasks__linked-hours{font-size:var(--font-size-data-grid-cell);font-weight:500;font-variant-numeric:tabular-nums;color:var(--color-text)}.data-grid__notice{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm)}.data-grid__notice-icon{flex-shrink:0;color:var(--color-primary)}.tasks__status-floating-dropdown{position:fixed;z-index:var(--z-modal-high);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1)}.tasks__status-dropdown-inner{min-width:240px;max-width:300px;background:var(--color-card-bg);border:1px solid rgba(var(--color-shadow-rgb),.08);border-radius:10px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.3),0 0 0 1px rgba(var(--color-shadow-rgb),.05),0 0 24px rgba(var(--color-shadow-rgb),.08);overflow:hidden;backdrop-filter:blur(12px)}.tasks__status-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(to bottom,var(--color-surface),transparent);border-bottom:1px solid rgba(var(--color-shadow-rgb),.06)}.tasks__status-dropdown-title{font-size:12px;font-weight:600;color:var(--color-text);letter-spacing:.3px}.tasks__status-dropdown-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:11px}.tasks__status-dropdown-search{position:relative;padding:6px 10px;background:var(--color-surface);border-bottom:1px solid rgba(var(--color-shadow-rgb),.06)}.tasks__status-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:11px;opacity:.5}.tasks__status-search-input{width:100%;padding:6px 10px 6px 28px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-input-text);font-size:12px;transition:all .2s ease}.tasks__status-dropdown-list{max-height:300px;overflow-y:auto;padding:4px}.tasks__status-option{display:flex;align-items:center;gap:8px;padding:6px 10px;margin:2px 6px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:13px;background:transparent;position:relative;border:1px solid transparent}.tasks__status-option:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;border-radius:2px;background:var(--status-color, var(--color-border));transition:all .15s ease}.tasks__status-option-color{width:16px;height:16px;border-radius:4px;flex-shrink:0;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.2),inset 0 1px #fff3;transition:all .15s ease}.tasks__status-option--current{background:color-mix(in srgb,var(--status-color, var(--color-border)) 10%,var(--color-surface));border-color:color-mix(in srgb,var(--status-color, var(--color-border)) 25%,transparent)}.tasks__status-option--current:before{width:4px;height:85%}.tasks__status-option-check{font-size:11px;color:var(--status-color, var(--color-primary));margin-left:auto;flex-shrink:0}.tasks__status-option:hover{background:color-mix(in srgb,var(--status-color, var(--color-border)) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--status-color, var(--color-border)) 20%,transparent);transform:translate(2px)}.tasks__status-option:hover:before{width:4px;height:85%}.tasks__status-option:hover .tasks__status-option-color{transform:scale(1.1);box-shadow:0 2px 6px rgba(var(--color-shadow-rgb),.25),inset 0 1px #ffffff4d}.tasks__status-option-info{flex:1;min-width:0}.tasks__status-option-name{font-size:12.5px;font-weight:500;color:var(--color-text);margin-bottom:1px;line-height:1.3}.tasks__status-option-desc{font-size:10.5px;color:var(--color-text-secondary);line-height:1.2;opacity:.8}.floating-dropdown--compact .tasks__status-dropdown-inner{min-width:0;max-width:none;border-radius:8px}.floating-dropdown--compact .tasks__status-dropdown-header{padding:6px 10px}.floating-dropdown--compact .tasks__status-option{padding:5px 8px;margin:1px 4px;font-size:12px}.floating-dropdown--compact .tasks__status-option-color{width:12px;height:12px}.floating-dropdown--compact .tasks__select-dropdown-inner{min-width:0;max-width:none;border-radius:8px}.floating-dropdown--compact .tasks__select-option{padding:5px 8px;font-size:12px}.tasks__assignee-floating-dropdown,.tasks__assignee-dropdown,.lists__assignee-floating-dropdown{position:fixed;z-index:var(--z-modal-high);filter:drop-shadow(0 24px 48px rgba(var(--color-shadow-rgb),.18));transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1)}.tasks__assignee-dropdown-inner,.lists__assignee-dropdown-inner{min-width:300px;max-width:360px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.28),0 0 0 1px #ffffff0d inset;overflow:hidden;backdrop-filter:blur(16px)}.tasks__assignee-option{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:3px 0;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid transparent;background:transparent}.tasks__assignee-option:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.03),rgba(var(--color-primary-rgb),.08));opacity:0;transition:opacity .25s ease}.tasks__assignee-option:hover{background:var(--color-surface);transform:translate(4px) scale(1.01);border-color:var(--color-border);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.06)}.tasks__assignee-option:hover:before{opacity:1}.tasks__assignee-option:active{transform:translate(2px) scale(.99)}.tasks__assignee-option--selected{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.12));border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1),0 4px 12px rgba(var(--color-primary-rgb),.15)}.tasks__assignee-option--selected:before{opacity:0}.tasks__assignee-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.tasks__assignee-option:hover .tasks__assignee-avatar{transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.12),0 0 0 3px var(--color-card-bg)}.tasks__assignee-visual{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;color:var(--color-text-secondary);flex-shrink:0;background:var(--color-surface);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.08),0 0 0 2px var(--color-card-bg);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.tasks__assignee-option:hover .tasks__assignee-visual{transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.12),0 0 0 3px var(--color-card-bg)}.tasks__assignee-option--selected .tasks__assignee-visual{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2),0 4px 12px rgba(var(--color-primary-rgb),.2)}.tasks__assignee-visual--unassigned{background:var(--color-surface);color:var(--color-text-tertiary)}.tasks__assignee-initials{font-size:.875rem;font-weight:700;color:var(--color-on-primary);text-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.15);letter-spacing:.02em}.tasks__assignee-content{flex:1;display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}.tasks__assignee-label{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.3;transition:color .2s ease}.tasks__assignee-check{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--color-success),color-mix(in srgb,var(--color-success) 80%,black));color:var(--color-on-success);display:flex;align-items:center;justify-content:center;font-size:.6875rem;box-shadow:0 2px 8px rgba(var(--color-success-rgb),.3);position:relative;z-index:1;animation:checkBounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.floating-dropdown--compact.tasks__assignee-dropdown .tasks__assignee-dropdown-inner,.floating-dropdown--compact.tasks__assignee-floating-dropdown .tasks__assignee-dropdown-inner,.floating-dropdown--compact.lists__assignee-floating-dropdown .lists__assignee-dropdown-inner{min-width:0;max-width:none;border-radius:10px}.floating-dropdown--compact .tasks__assignee-dropdown-header{padding:8px 10px 6px}.floating-dropdown--compact .tasks__assignee-dropdown-title{font-size:.8125rem}.floating-dropdown--compact .tasks__assignee-dropdown-close{width:22px;height:22px;font-size:.75rem}.floating-dropdown--compact .tasks__assignee-dropdown-search{padding:6px 8px}.floating-dropdown--compact .tasks__assignee-search-input{padding:6px 10px 6px 30px;font-size:.75rem;border-width:1px}.floating-dropdown--compact .tasks__assignee-search-icon{left:20px;font-size:.75rem}.floating-dropdown--compact .tasks__assignee-dropdown-list{padding:4px}.floating-dropdown--compact .tasks__assignee-option{gap:8px;padding:6px 8px;margin:1px 0;border-radius:6px;border-width:1px}.floating-dropdown--compact .tasks__assignee-avatar,.floating-dropdown--compact .tasks__assignee-visual{width:26px;height:26px}.floating-dropdown--compact .tasks__assignee-initials{font-size:.6875rem}.floating-dropdown--compact .tasks__assignee-label{font-size:.75rem}.floating-dropdown--compact .tasks__assignee-check{width:16px;height:16px;font-size:.5rem}.tasks__comments-popover{position:fixed;z-index:var(--z-modal-high);transition:opacity .2s ease}.tasks__comments-popover-inner{width:352px;max-height:450px;background:var(--color-card-bg);border:1px solid rgba(var(--color-shadow-rgb),.08);border-radius:10px;box-shadow:0 12px 40px -8px rgba(var(--color-shadow-rgb),.25),0 0 0 1px rgba(var(--color-shadow-rgb),.05);overflow:hidden;display:flex;flex-direction:column}.tasks__comments-popover-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.tasks__comments-popover-title{font-size:12px;font-weight:600;color:var(--color-text)}.tasks__comments-popover-header-actions{display:flex;align-items:center;gap:2px}.tasks__comments-popover-reminder,.tasks__comments-popover-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease;font-size:11px}.tasks__comments-popover-close:hover{background:var(--color-border);color:var(--color-text)}.tasks__comments-popover-reminder:hover{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.tasks__comments-popover-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.tasks__comments-popover-loading{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--color-text-tertiary)}.tasks__comments-popover-list{flex:1;overflow-y:auto;padding:8px;min-height:100px;max-height:320px}.tasks__comments-popover-list::-webkit-scrollbar{width:6px}.tasks__comments-popover-list::-webkit-scrollbar-track{background:transparent}.tasks__comments-popover-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tasks__comments-popover-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.tasks__comments-popover-empty{padding:16px;text-align:center;color:var(--color-text-tertiary);font-size:12px}.tasks__comments-popover-item{display:flex;gap:8px;padding:6px;border-radius:6px;margin-bottom:4px}.tasks__comments-popover-item:hover{background:var(--color-surface)}.tasks__comments-popover-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex-shrink:0;text-transform:uppercase}.tasks__comments-popover-avatar--img{object-fit:cover}.tasks__comments-popover-content{flex:1;min-width:0}.tasks__comments-popover-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px;flex-wrap:nowrap}.tasks__comments-popover-author{font-size:11px;font-weight:600;color:var(--color-text)}.tasks__comments-popover-time{font-size:10px;color:var(--color-text-tertiary)}.tasks__comments-popover-text{font-size:11px;color:var(--color-text-secondary);line-height:1.4;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tasks__comments-popover-text--expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.tasks__comments-popover-show-more{display:none;background:none;border:none;padding:0;margin-top:2px;font-size:10px;color:var(--color-primary);cursor:pointer;font-weight:500}.tasks__comments-popover-show-more:hover{text-decoration:underline}.tasks__comments-popover-show-more--visible{display:inline-block}.tasks__comments-popover-input-area{display:flex;gap:6px;padding:8px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.tasks__comments-popover-input{flex:1;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:12px;background:var(--color-card-bg);color:var(--color-text)}.tasks__comments-popover-input:focus{outline:none;border-color:var(--color-primary)}.tasks__comments-popover-submit{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:none;border-radius:6px;color:var(--color-on-primary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.tasks__comments-popover-submit:hover{background:var(--color-primary-dark)}.tasks__comments-popover-submit:disabled{opacity:.6;cursor:not-allowed}.tasks__comments-popover-submit i{font-size:11px}.tasks__select-floating-dropdown{position:fixed;z-index:var(--z-modal-high);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.tasks__select-dropdown-inner{min-width:200px;max-width:280px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 16px 48px -12px rgba(var(--color-shadow-rgb),.25),0 0 0 1px rgba(var(--color-shadow-rgb),.05),0 0 20px rgba(var(--color-shadow-rgb),.06);overflow:hidden;backdrop-filter:blur(12px)}.tasks__select-dropdown-list{max-height:280px;overflow-y:auto;padding:6px}.tasks__select-dropdown-list::-webkit-scrollbar{width:6px}.tasks__select-dropdown-list::-webkit-scrollbar-track{background:transparent}.tasks__select-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tasks__select-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.tasks__select-option{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:13px;background:transparent;position:relative;border:1px solid transparent}.tasks__select-option:hover{background:color-mix(in srgb,var(--option-color, var(--color-primary)) 10%,var(--color-surface));border-color:color-mix(in srgb,var(--option-color, var(--color-primary)) 25%,transparent);transform:translate(2px)}.tasks__select-option--selected{background:color-mix(in srgb,var(--option-color, var(--color-primary)) 12%,var(--color-surface));border-color:color-mix(in srgb,var(--option-color, var(--color-primary)) 30%,transparent)}.tasks__select-option-color{width:14px;height:14px;border-radius:4px;flex-shrink:0;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.15),inset 0 1px #ffffff26;transition:transform .15s ease}.tasks__select-option:hover .tasks__select-option-color{transform:scale(1.1)}.tasks__select-option-name{flex:1;font-size:12.5px;font-weight:500;color:var(--color-text);line-height:1.3}.tasks__select-option-check{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--color-success),color-mix(in srgb,var(--color-success) 80%,black));box-shadow:0 2px 6px rgba(var(--color-success-rgb),.3);animation:checkBounce .3s cubic-bezier(.34,1.56,.64,1)}.tasks__select-option--empty{color:var(--color-text-secondary);font-style:italic}.tasks__select-option--empty .tasks__select-option-color{background:var(--color-border);opacity:.5}.tasks__empty,.lists__empty,.clients__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);height:100%;text-align:center}.tasks__empty i,.lists__empty i,.clients__empty-state i{font-size:4rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.tasks__empty p,.lists__empty p,.clients__empty-state p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}.tasks__empty button,.lists__empty button,.clients__empty-state button{margin-top:var(--spacing-md)}.tasks__loading-skeleton,.lists__loading-skeleton,.clients__loading-skeleton{display:flex;flex-direction:column;height:100%;background:var(--color-card-bg);border-radius:var(--radius-md);overflow:hidden}.skeleton-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.skeleton-header-cell{height:12px;width:80px;background:var(--color-border);border-radius:var(--radius-sm)}.skeleton-header-cell--wide{width:160px}.skeleton-header-cell--short{width:50px}.skeleton-body{flex:1;overflow:hidden}.skeleton-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);animation:skeletonFade 1.5s ease-in-out infinite}.skeleton-row:nth-child(1){animation-delay:0s}.skeleton-row:nth-child(2){animation-delay:.1s}.skeleton-row:nth-child(3){animation-delay:.2s}.skeleton-row:nth-child(4){animation-delay:.3s}.skeleton-row:nth-child(5){animation-delay:.4s}.skeleton-row:nth-child(6){animation-delay:.5s}.skeleton-row:nth-child(7){animation-delay:.6s}.skeleton-row:nth-child(8){animation-delay:.7s}.skeleton-cell{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-cell--checkbox{width:18px;height:18px;border-radius:4px;flex-shrink:0}.skeleton-cell--status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.skeleton-cell--text{height:14px;width:100px}.skeleton-cell--text.skeleton-cell--wide{width:200px;flex:1;max-width:300px}.skeleton-cell--text.skeleton-cell--short{width:60px}.skeleton-cell--badge{height:22px;width:70px;border-radius:11px}.skeleton-cell--avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonFade{0%,to{opacity:1}50%{opacity:.6}}.tasks__loading-initial,.lists__loading-initial{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);height:300px}.tasks__loading-anim{display:flex;align-items:flex-end;gap:var(--spacing-lg);height:48px}.tasks__loading-icon{font-size:22px;color:var(--color-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:task-icon-bounce 1.4s ease-in-out infinite}.tasks__loading-icon--1{animation-delay:0s}.tasks__loading-icon--2{font-size:26px;animation-delay:.2s}.tasks__loading-icon--3{animation-delay:.4s}.tasks__loading-text{font-size:13px;color:var(--color-text-muted);letter-spacing:.3px;animation:task-text-pulse 2s ease-in-out infinite}@keyframes task-icon-bounce{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-14px) scale(1.1);opacity:1}}@keyframes task-text-pulse{0%,to{opacity:.5}50%{opacity:1}}.tasks__loading,.lists__loading,.clients__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);height:100%;text-align:center}.tasks__loading .spinner,.lists__loading .spinner,.clients__loading .spinner{margin-bottom:var(--spacing-xl)}.tasks__loading p,.lists__loading p,.clients__loading p{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}.tasks__error,.lists__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);height:100%;text-align:center}.tasks__error i,.lists__error i{font-size:4rem;color:var(--color-danger);margin-bottom:var(--spacing-xl)}.tasks__error p,.lists__error p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px}.tasks__error button,.lists__error button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger);color:var(--color-on-danger);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tasks__error button:hover,.lists__error button:hover{background:transparent;color:var(--color-danger)}.sidebar__user-resources{display:flex;gap:4px;margin-top:2px}.resource-icons__btn{min-width:24px;height:18px;border-radius:var(--radius-sm);border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;background:transparent;padding:0 3px;font-family:var(--font-family)}.resource-icons__btn-label{font-size:.6rem;font-weight:700;letter-spacing:.02em;line-height:1;text-transform:uppercase}.resource-icons__btn--available{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-bg)}.resource-icons__btn--available:hover{background:var(--color-success);color:var(--color-on-success);box-shadow:0 0 8px rgba(var(--color-success-rgb),.4)}.resource-icons__btn--yours{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-bg)}.resource-icons__btn--yours:hover{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.4)}.resource-icons__btn--taken{color:var(--color-resource-taken);border-color:var(--color-resource-taken);background:rgba(var(--color-resource-taken-rgb),.1)}.resource-icons__btn--taken:hover{background:var(--color-resource-taken);color:var(--color-on-danger);box-shadow:0 0 8px rgba(var(--color-resource-taken-rgb),.4)}.resource-popover{position:fixed;z-index:var(--z-sidebar-panel);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px -4px rgba(var(--color-shadow-rgb),.15),0 4px 12px -2px rgba(var(--color-shadow-rgb),.08);min-width:200px;max-width:260px;overflow:hidden;animation:resource-popover-in .15s ease-out}@keyframes resource-popover-in{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.resource-popover__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.resource-popover__res-icon{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.resource-popover__res-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.resource-popover__status{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.resource-popover__status--available{color:var(--color-success)}.resource-popover__status--available i{font-size:.75rem}.resource-popover__status--yours{color:var(--color-primary)}.resource-popover__status--yours i{font-size:.75rem}.resource-popover__user{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.resource-popover__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-resource-taken),rgba(var(--color-resource-taken-rgb),.7));color:var(--color-on-danger);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;flex-shrink:0;overflow:hidden}.resource-popover__avatar-img{width:100%;height:100%;object-fit:cover}.resource-popover__user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.resource-popover__duration{font-size:var(--font-size-xs);color:var(--color-text-muted)}.resource-popover__actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-surface)}.resource-popover__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:6px var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.resource-popover__btn:disabled{opacity:.5;cursor:not-allowed}.resource-popover__btn i{font-size:.7rem}.resource-popover__btn--claim{background:var(--color-success);color:var(--color-on-success)}.resource-popover__btn--claim:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 2px 8px rgba(var(--color-success-rgb),.4)}.resource-popover__btn--release{background:var(--color-text-secondary);color:var(--color-card-bg)}.resource-popover__btn--release:hover:not(:disabled){background:var(--color-text)}.resource-popover__btn--kick{background:rgba(var(--color-resource-taken-rgb),.15);color:var(--color-resource-taken)}.resource-popover__btn--kick:hover:not(:disabled){background:var(--color-resource-taken);color:var(--color-on-danger)}[data-theme=dark] .resource-popover{box-shadow:0 12px 32px -4px rgba(var(--color-shadow-rgb),.4),0 4px 12px -2px rgba(var(--color-shadow-rgb),.3)}@media(prefers-reduced-motion:reduce){.resource-popover{animation:none}}.icon-picker{position:relative;width:100%}.icon-picker__trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.icon-picker__trigger:hover{border-color:var(--color-primary);background:var(--color-card-bg)}.icon-picker__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.icon-picker__preview-wrap{display:inline-flex;align-items:center}.icon-picker__preview{font-size:1.125rem;color:var(--color-primary)}.icon-picker__label{flex:1;text-align:left}.icon-picker__arrow{margin-left:auto;font-size:.75rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}.icon-picker__trigger--open .icon-picker__arrow{transform:rotate(180deg)}.icon-picker__dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.1);z-index:1000;max-height:400px;overflow:hidden;display:none}.icon-picker__dropdown--open{display:block;animation:iconPickerFadeIn .2s ease-out}@keyframes iconPickerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.icon-picker__search{padding:.75rem;border-bottom:1px solid var(--color-border)}.icon-picker__search-input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-input-text);font-size:.875rem}.icon-picker__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.icon-picker__search-input::placeholder{color:var(--color-text-muted)}.icon-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.375rem;padding:.75rem;max-height:350px;overflow-y:auto}.icon-picker__grid::-webkit-scrollbar{width:8px}.icon-picker__grid::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.icon-picker__grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.icon-picker__grid::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.icon-picker__option{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;color:var(--color-text-secondary);content-visibility:auto;contain-intrinsic-size:auto 72px}.icon-picker__option:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.icon-picker__option--selected{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.icon-picker__option i,.icon-picker__option .aer-icon{font-size:1.25rem}.icon-picker__section-label{grid-column:1 / -1;padding:.5rem .25rem .125rem;font-size:.688rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.icon-picker__option span{text-align:center;word-break:break-word;font-size:.688rem;line-height:1.2}.icon-picker__empty{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.icon-picker--inline{width:auto}.icon-picker--inline .icon-picker__dropdown{min-width:300px}.icon-picker__trigger--card{width:100%;padding:.75rem 1rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.icon-picker__trigger--card:hover{border-color:var(--color-border-hover);background:var(--color-bg)}.icon-picker__trigger--card .icon-picker__preview{font-size:1.125rem;color:var(--color-primary)}.icon-picker__trigger--card .icon-picker__label{flex:1;text-align:left;color:var(--color-text-secondary);font-size:.875rem;font-weight:500}[data-theme=dark] .icon-picker__trigger--card{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .icon-picker__trigger--card:hover{border-color:var(--color-border-hover);background:var(--color-secondary-bg)}[data-theme=dark] .icon-picker__trigger--card .icon-picker__label{color:var(--color-text-muted)}[data-theme=dark] .icon-picker__dropdown{background:var(--color-secondary-bg);border-color:var(--color-border)}[data-theme=dark] .icon-picker__search{border-bottom-color:var(--color-border)}[data-theme=dark] .icon-picker__search-input{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .icon-picker__option:hover{background:var(--color-border);border-color:var(--color-border-hover)}[data-theme=dark] .icon-picker__option--selected{background:var(--color-primary-bg);border-color:var(--color-primary)}@media(max-width:768px){.icon-picker__grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.icon-picker__option{padding:.5rem .25rem}.icon-picker__option i{font-size:1rem}}.notifications-bell-container{position:relative;flex:1}.notifications-bell{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.notifications-bell:hover{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.notifications-bell i{font-size:1rem}.notifications-bell__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--color-error);color:var(--color-on-danger);font-size:.625rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;animation:notification-badge-pop .3s cubic-bezier(.175,.885,.32,1.275)}.notifications-bell__badge--hidden{display:none}@keyframes notification-badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notifications-panel{position:fixed;bottom:80px;left:var(--spacing-md);width:380px;max-height:520px;background:var(--color-card-bg);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);opacity:0;visibility:hidden;transform:translateY(8px) scale(.96);transform-origin:bottom left;transition:opacity .25s cubic-bezier(.34,1.56,.64,1),visibility .25s,transform .25s cubic-bezier(.34,1.56,.64,1);z-index:var(--z-modal);overflow:hidden;display:flex;flex-direction:column}.notifications-panel--open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.notifications-panel__accent{height:2px;flex-shrink:0;background:linear-gradient(90deg,var(--color-primary),var(--color-info),var(--color-primary))}.notifications-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;gap:var(--spacing-xs)}.notifications-panel__tabs{display:flex;align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px;gap:2px;flex:1;min-width:0}.notifications-panel__tab{display:flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;white-space:nowrap}.notifications-panel__tab:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.notifications-panel__tab--active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.12)}.notifications-panel__tab--active:hover{background:var(--color-primary);color:var(--color-on-primary)}.notifications-panel__tab i{font-size:.65rem}.notifications-panel__tab-badge{font-size:.6rem;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.notifications-panel__tab--active .notifications-panel__tab-badge{background:#ffffff40;color:var(--color-on-primary)}.notifications-panel__tab-badge--hidden{display:none}.notifications-panel__header-actions{display:flex;align-items:center;gap:2px}.notifications-panel__header-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease;font-size:var(--font-size-xs)}.notifications-panel__header-btn:hover{background:var(--color-surface-hover);color:var(--color-primary)}.notifications-panel__header-btn--add{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm)}.notifications-panel__header-btn--add:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.notifications-panel__list{flex:1;overflow-y:auto;max-height:420px}.notifications-panel__list::-webkit-scrollbar{width:5px}.notifications-panel__list::-webkit-scrollbar-track{background:transparent}.notifications-panel__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.notifications-panel__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.notifications-panel__empty,.notifications-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xl) var(--spacing-md);color:var(--color-text-tertiary);text-align:center;min-height:180px}.notifications-panel__empty i,.notifications-panel__loading i{font-size:2rem;opacity:.4;animation:empty-pulse 2.5s ease-in-out infinite}.notifications-panel__empty-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.notifications-panel__empty-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@keyframes empty-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.notifications-panel__item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color .15s ease;position:relative;border-bottom:1px solid var(--color-border)}.notifications-panel__item:last-child{border-bottom:none}.notifications-panel__item:hover{background:var(--color-surface-hover)}.notifications-panel__item--unread{background:var(--color-primary-bg)}.notifications-panel__item--unread:hover{background:color-mix(in srgb,var(--color-primary-bg) 70%,var(--color-surface-hover) 30%)}.notifications-panel__unread-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);border-radius:0 2px 2px 0}.notifications-panel__item--nested{padding-left:calc(var(--spacing-md) + 4px)}.notifications-panel__icon{width:32px;height:32px;border-radius:50%;color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.notifications-panel__icon i{font-size:.75rem}.notifications-panel__icon--comment{background:linear-gradient(135deg,var(--color-info),var(--color-cyan))}.notifications-panel__icon--assigned{background:linear-gradient(135deg,var(--color-success),var(--color-teal))}.notifications-panel__icon--unassigned{background:linear-gradient(135deg,var(--color-amber),var(--color-warning))}.notifications-panel__icon--leave{background:linear-gradient(135deg,var(--color-primary),var(--color-info))}.notifications-panel__icon--approved{background:linear-gradient(135deg,var(--color-success),var(--color-teal))}.notifications-panel__icon--rejected{background:linear-gradient(135deg,var(--color-danger),var(--color-error))}.notifications-panel__icon--reaction{background:linear-gradient(135deg,var(--color-danger),var(--color-amber))}.notifications-panel__icon--client,.notifications-panel__icon--budget,.notifications-panel__icon--default{background:linear-gradient(135deg,var(--color-primary),var(--color-info))}.notifications-panel__icon--title-unlocked{background:linear-gradient(135deg,var(--color-warning),var(--color-amber))}.notifications-panel__icon--reminder{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.notifications-panel__item-content{flex:1;min-width:0;line-height:1.35;overflow:hidden}.notifications-panel__item-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifications-panel__item-message{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.notifications-panel__item-quote{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;padding-left:var(--spacing-xs);border-left:2px solid var(--color-border)}.notifications-panel__item-context{font-size:.65rem;color:var(--color-text-tertiary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.notifications-panel__item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;padding-top:2px}.notifications-panel__item-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.notifications-panel__item-link{font-size:.55rem;color:var(--color-text-tertiary);transition:color .15s ease,transform .15s ease;opacity:0}.notifications-panel__item:hover .notifications-panel__item-link{color:var(--color-primary);opacity:1;transform:translate(2px)}.notifications-panel__dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0;box-shadow:0 0 6px rgba(var(--color-primary-rgb),.4)}.notifications-panel__group{border-bottom:1px solid var(--color-border)}.notifications-panel__group:last-child{border-bottom:none}.notifications-panel__group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color .15s ease}.notifications-panel__group-header:hover{background:var(--color-surface-hover)}.notifications-panel__group--has-unread .notifications-panel__group-header{background:var(--color-primary-bg)}.notifications-panel__group--has-unread .notifications-panel__group-header:hover{background:color-mix(in srgb,var(--color-primary-bg) 70%,var(--color-surface-hover) 30%)}.notifications-panel__group-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.notifications-panel__group-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.notifications-panel__group-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notifications-panel__group-chevron{font-size:.6rem;color:var(--color-text-tertiary);transition:transform .2s ease;flex-shrink:0}.notifications-panel__group-chevron--expanded{transform:rotate(90deg)}.notifications-panel__group-items{border-top:1px solid var(--color-border);background:var(--color-surface)}.notifications-panel__group-items .notifications-panel__item:last-child{border-bottom:none}.notifications-panel__load-more-wrapper{padding:var(--spacing-xs) var(--spacing-sm)}.notifications-panel__load-more{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-family);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.notifications-panel__load-more:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.notifications-panel__load-more:disabled{opacity:.6;cursor:not-allowed}.notifications-panel__footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:color .15s ease;flex-shrink:0;user-select:none}.notifications-panel__footer:hover{color:var(--color-primary)}.notifications-panel__footer i{font-size:.65rem}.notifications-panel__reminders{flex:1;overflow-y:auto;max-height:420px}.notifications-panel__reminders::-webkit-scrollbar{width:5px}.notifications-panel__reminders::-webkit-scrollbar-track{background:transparent}.notifications-panel__reminders::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.notifications-panel__reminder-group{padding:var(--spacing-xs) 0}.notifications-panel__reminder-group:not(:last-child){border-bottom:1px solid var(--color-border)}.notifications-panel__reminder-group-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;gap:5px}.notifications-panel__reminder-group-label i{font-size:.55rem}.notifications-panel__reminder{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;transition:background-color .15s ease;position:relative}.notifications-panel__reminder:hover{background:var(--color-surface-hover)}.notifications-panel__reminder--overdue{background:rgba(var(--color-danger-rgb, 239, 68, 68),.05)}.notifications-panel__reminder--overdue:hover{background:rgba(var(--color-danger-rgb, 239, 68, 68),.1)}.notifications-panel__reminder--today{background:rgba(var(--color-warning-rgb, 245, 158, 11),.05)}.notifications-panel__reminder--today:hover{background:rgba(var(--color-warning-rgb, 245, 158, 11),.1)}.notifications-panel__reminder-date{font-size:var(--font-size-xs);font-weight:600;min-width:44px;text-align:center;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.notifications-panel__reminder--overdue .notifications-panel__reminder-date{background:var(--color-danger-bg, rgba(239, 68, 68, .1));color:var(--color-danger)}.notifications-panel__reminder--today .notifications-panel__reminder-date{background:var(--color-warning-bg, rgba(245, 158, 11, .1));color:var(--color-warning)}.notifications-panel__reminder-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.notifications-panel__reminder-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifications-panel__reminder-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;overflow:hidden}.notifications-panel__reminder-context{padding:0 5px;background:var(--color-surface);border-radius:3px;font-size:.65rem;max-width:120px;overflow:hidden;text-overflow:ellipsis}.notifications-panel__reminder-delete{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;font-size:var(--font-size-xs);border-radius:var(--radius-sm);opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease;flex-shrink:0}.notifications-panel__reminder:hover .notifications-panel__reminder-delete{opacity:1}.notifications-panel__reminder-delete:hover{color:var(--color-danger);background:var(--color-danger-bg, rgba(239, 68, 68, .1))}[data-theme=dark] .notifications-panel{box-shadow:0 8px 32px rgba(var(--color-shadow-rgb),.5)}[data-theme=dark] .notifications-panel__item--unread,[data-theme=dark] .notifications-panel__group--has-unread .notifications-panel__group-header{background:rgba(var(--color-primary-rgb),.15)}@media(prefers-reduced-motion:reduce){.notifications-panel{transition:opacity .15s}.notifications-panel__item,.notifications-panel__group-chevron{transition:none}.notifications-panel__empty i,.notifications-bell__badge{animation:none}}.mention-autocomplete{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);max-height:280px;overflow-y:auto;padding:var(--spacing-xs)}.mention-autocomplete__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .1s ease}.mention-autocomplete__item:hover,.mention-autocomplete__item--selected{background:var(--color-primary-bg)}.mention-autocomplete__avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-xs);color:var(--color-on-primary);text-transform:uppercase}.mention-autocomplete__avatar--img{object-fit:cover}.mention-autocomplete__avatar--initials{background:var(--color-primary)}.mention-autocomplete__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mention-autocomplete__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-autocomplete__shortname{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-mention{display:inline;color:var(--color-primary);font-weight:600;background:rgba(var(--color-primary-rgb),.12);padding:1px 5px;border-radius:var(--radius-sm);font-size:inherit;letter-spacing:.01em;white-space:nowrap}.floating-dropdown__assignee-dropdown{position:fixed;z-index:var(--z-modal-high);filter:drop-shadow(0 24px 48px rgba(var(--color-shadow-rgb),.18));transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1)}.floating-dropdown__assignee-dropdown--inline{position:relative;filter:none;opacity:1;pointer-events:auto}.floating-dropdown__assignee-dropdown-inner{min-width:280px;max-width:340px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.28),0 0 0 1px #ffffff0d inset;overflow:hidden;backdrop-filter:blur(16px)}.floating-dropdown__assignee-dropdown--inline .floating-dropdown__assignee-dropdown-inner{min-width:100%;max-width:none;box-shadow:none;border-radius:10px}.floating-dropdown__assignee-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-card-bg) 100%);border-bottom:1px solid var(--color-border)}.floating-dropdown__assignee-dropdown-title{font-size:.875rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.floating-dropdown__assignee-dropdown-title:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--color-primary);font-size:.8125rem}.floating-dropdown__assignee-dropdown-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.8125rem}.floating-dropdown__assignee-dropdown-close:hover{background:var(--color-danger);color:var(--color-on-danger);transform:rotate(90deg) scale(1.05);box-shadow:0 4px 12px rgba(var(--color-danger-rgb),.3)}.floating-dropdown__assignee-dropdown-search{position:relative;padding:10px 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.floating-dropdown__assignee-search-icon{position:absolute;left:26px;top:50%;transform:translateY(-50%);color:var(--color-primary);font-size:.8125rem;transition:all .3s ease;z-index:2}.floating-dropdown__assignee-search-input{width:100%;padding:9px 12px 9px 34px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card-bg);color:var(--color-text);font-size:.8125rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.05)}.floating-dropdown__assignee-search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-card-bg);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.12),0 4px 12px rgba(var(--color-shadow-rgb),.08);transform:translateY(-1px)}.floating-dropdown__assignee-dropdown-search:focus-within .floating-dropdown__assignee-search-icon{color:var(--color-primary);transform:translateY(-50%) scale(1.1)}.floating-dropdown__assignee-search-input::placeholder{color:var(--color-text-secondary);opacity:.6;font-weight:400}.floating-dropdown__assignee-dropdown-list{max-height:320px;overflow-y:auto;padding:6px;background:var(--color-card-bg)}.floating-dropdown__assignee-dropdown-list::-webkit-scrollbar{width:8px}.floating-dropdown__assignee-dropdown-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.floating-dropdown__assignee-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px;border:2px solid var(--color-card-bg);transition:background .2s ease}.floating-dropdown__assignee-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.floating-dropdown__assignee-option{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid transparent;background:transparent}.floating-dropdown__assignee-option:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.03),rgba(var(--color-primary-rgb),.08));opacity:0;transition:opacity .25s ease}.floating-dropdown__assignee-option:hover{background:var(--color-surface);transform:translate(3px) scale(1.01);border-color:var(--color-border);box-shadow:0 3px 10px rgba(var(--color-shadow-rgb),.06)}.floating-dropdown__assignee-option:hover:before{opacity:1}.floating-dropdown__assignee-option:active{transform:translate(2px) scale(.99)}.floating-dropdown__assignee-option--selected{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.12));border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1),0 4px 12px rgba(var(--color-primary-rgb),.15)}.floating-dropdown__assignee-option--selected:before{opacity:0}.floating-dropdown__assignee-option--empty{text-align:center;padding:20px 14px;color:var(--color-text-secondary);font-size:.8125rem;opacity:.7}.floating-dropdown__assignee-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.floating-dropdown__assignee-option:hover .floating-dropdown__assignee-avatar{transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.12),0 0 0 3px var(--color-card-bg)}.floating-dropdown__assignee-visual{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0;background:var(--color-surface);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.08),0 0 0 2px var(--color-card-bg);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.floating-dropdown__assignee-visual--unassigned{background:var(--color-surface);color:var(--color-text-tertiary)}.floating-dropdown__assignee-option:hover .floating-dropdown__assignee-visual{transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.12),0 0 0 3px var(--color-card-bg)}.floating-dropdown__assignee-option--selected .floating-dropdown__assignee-visual{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2),0 4px 12px rgba(var(--color-primary-rgb),.2)}.floating-dropdown__assignee-initials{font-size:.8125rem;font-weight:700;color:var(--color-on-primary);text-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.15);letter-spacing:.02em}.floating-dropdown__assignee-content{flex:1;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;min-width:0}.floating-dropdown__assignee-label{font-size:.8125rem;font-weight:600;color:var(--color-text);line-height:1.3;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-dropdown__assignee-option:hover .floating-dropdown__assignee-label{color:var(--color-primary)}.floating-dropdown__assignee-check{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--color-success),#16a34a);color:var(--color-on-success);display:flex;align-items:center;justify-content:center;font-size:.625rem;box-shadow:0 2px 8px rgba(var(--color-success-rgb),.3);position:relative;z-index:1;animation:floatingDropdownCheckBounce .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}@keyframes floatingDropdownCheckBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.floating-dropdown__list-dropdown{position:fixed;z-index:var(--z-modal-high);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.floating-dropdown__list-dropdown-inner{min-width:200px;max-width:280px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 16px 48px -12px rgba(var(--color-shadow-rgb),.25),0 0 0 1px rgba(var(--color-shadow-rgb),.05),0 0 20px rgba(var(--color-shadow-rgb),.06);overflow:hidden;backdrop-filter:blur(12px)}.floating-dropdown__list-dropdown-header{padding:10px 14px;background:linear-gradient(to bottom,var(--color-surface),transparent);border-bottom:1px solid rgba(var(--color-shadow-rgb),.06)}.floating-dropdown__list-dropdown-title{font-size:.75rem;font-weight:600;color:var(--color-text);letter-spacing:.3px}.floating-dropdown__list-dropdown-search{position:relative;padding:6px 10px;background:var(--color-surface);border-bottom:1px solid rgba(var(--color-shadow-rgb),.06)}.floating-dropdown__list-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.6875rem;opacity:.5}.floating-dropdown__list-search-input{width:100%;padding:6px 10px 6px 28px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-input-text);font-size:.75rem;transition:all .2s ease}.floating-dropdown__list-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.floating-dropdown__list-search-input::placeholder{color:var(--color-text-secondary);opacity:.5}.floating-dropdown__list-dropdown-list{max-height:280px;overflow-y:auto;padding:6px}.floating-dropdown__list-dropdown-list::-webkit-scrollbar{width:6px}.floating-dropdown__list-dropdown-list::-webkit-scrollbar-track{background:transparent}.floating-dropdown__list-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.floating-dropdown__list-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.floating-dropdown__list-option{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.8125rem;background:transparent;position:relative;border:1px solid transparent}.floating-dropdown__list-option:hover{background:color-mix(in srgb,var(--item-color, var(--color-primary)) 10%,var(--color-surface));border-color:color-mix(in srgb,var(--item-color, var(--color-primary)) 25%,transparent);transform:translate(2px)}.floating-dropdown__list-option--selected{background:color-mix(in srgb,var(--item-color, var(--color-primary)) 12%,var(--color-surface));border-color:color-mix(in srgb,var(--item-color, var(--color-primary)) 30%,transparent)}.floating-dropdown__list-option--empty{text-align:center;padding:16px;color:var(--color-text-secondary);font-size:.8125rem;cursor:default}.floating-dropdown__list-option--empty:hover{background:transparent;transform:none}.floating-dropdown__list-option-color{width:14px;height:14px;border-radius:4px;flex-shrink:0;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.15),inset 0 1px #ffffff26;transition:transform .15s ease}.floating-dropdown__list-option:hover .floating-dropdown__list-option-color{transform:scale(1.1)}.floating-dropdown__list-option-icon{width:16px;font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.floating-dropdown__list-option-label{flex:1;font-size:.78125rem;font-weight:500;color:var(--color-text);line-height:1.3}.floating-dropdown__list-option-check{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-success),#16a34a);color:var(--color-on-success);display:flex;align-items:center;justify-content:center;font-size:.5625rem;box-shadow:0 2px 6px rgba(var(--color-success-rgb),.3);animation:floatingDropdownCheckBounce .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.floating-dropdown--compact .floating-dropdown__assignee-dropdown-inner{min-width:0;max-width:none;border-radius:10px}.floating-dropdown--compact .floating-dropdown__assignee-dropdown-header{padding:8px 10px 6px}.floating-dropdown--compact .floating-dropdown__assignee-dropdown-title{font-size:.75rem}.floating-dropdown--compact .floating-dropdown__assignee-dropdown-close{width:22px;height:22px;font-size:.6875rem}.floating-dropdown--compact .floating-dropdown__assignee-dropdown-search{padding:6px 8px}.floating-dropdown--compact .floating-dropdown__assignee-search-input{padding:6px 10px 6px 28px;font-size:.75rem;border-width:1px}.floating-dropdown--compact .floating-dropdown__assignee-search-icon{left:20px;font-size:.6875rem}.floating-dropdown--compact .floating-dropdown__assignee-dropdown-list{padding:4px}.floating-dropdown--compact .floating-dropdown__assignee-option{gap:8px;padding:6px 8px;margin:1px 0;border-radius:6px;border-width:1px}.floating-dropdown--compact .floating-dropdown__assignee-avatar,.floating-dropdown--compact .floating-dropdown__assignee-visual{width:26px;height:26px}.floating-dropdown--compact .floating-dropdown__assignee-initials{font-size:.6875rem}.floating-dropdown--compact .floating-dropdown__assignee-label{font-size:.75rem}.floating-dropdown--compact .floating-dropdown__assignee-check{width:16px;height:16px;font-size:.5rem}.floating-dropdown--compact .floating-dropdown__list-dropdown-inner{min-width:0;max-width:none;border-radius:8px}.floating-dropdown--compact .floating-dropdown__list-dropdown-header{padding:6px 10px}.floating-dropdown--compact .floating-dropdown__list-option{gap:8px;padding:6px 8px;font-size:.75rem}.tasks__tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;letter-spacing:.01em}.tasks__tab i{font-size:12px;opacity:.7;transition:all .2s ease}.tasks__tab:hover{color:var(--color-primary);background:transparent}.tasks__tab:hover i{opacity:1}.tasks__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.tasks__tab--active i{opacity:1}.tasks__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-border);color:var(--color-text-secondary);font-size:11px;font-weight:600;border-radius:10px;transition:all .2s ease}.tasks__tab--active .tasks__tab-count{background:var(--color-primary);color:var(--color-on-primary)}.tasks__tab:hover .tasks__tab-count{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.tasks__tab--active:hover .tasks__tab-count{background:var(--color-primary);color:var(--color-on-primary)}.tasks__active-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;margin:0 -var(--spacing-md);position:sticky;top:99px;z-index:calc(var(--z-popover) - 2);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.05)}.tasks__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);height:100%;text-align:center}.tasks__empty-icon{font-size:4rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.tasks__empty-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.tasks__empty-text{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}.tasks__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);height:100%;text-align:center}.tasks__error-icon{font-size:4rem;color:var(--color-danger);margin-bottom:var(--spacing-xl)}.tasks__error-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.tasks__error-text{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px}.tasks__error-retry{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger);color:var(--color-on-danger);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tasks__error-retry:hover{background:transparent;color:var(--color-danger)}.tasks__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);height:100%;text-align:center}.tasks__loading-spinner{margin-bottom:var(--spacing-xl)}.tasks__loading-icon{font-size:3rem;color:var(--color-primary);animation:spin 1s linear infinite}.tasks__loading-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.tasks__loading-text{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}[data-theme=dark] .tasks__header{background:linear-gradient(135deg,var(--color-bg) 0%,rgba(255,255,255,.02) 100%)}@media print{.tasks__header-actions{display:none}}.tasks__bulk-count{font-weight:700}.tasks__icon-group{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-card-bg)}.tasks__icon-group .tasks__btn{margin:0;box-shadow:none}.tasks__icon-group .tasks__btn:not(.tasks__btn--add):not(.tasks__btn--bulk){width:36px;height:36px;padding:0;border:none;background:transparent}.tasks__icon-group .tasks__btn:not(.tasks__btn--add):not(.tasks__btn--bulk):hover{background:var(--color-surface-hover)}.tasks__icon-group .tasks__btn.tasks__btn--bulk,.tasks__icon-group .tasks__btn.tasks__btn--add{height:32px;padding:0 var(--spacing-sm)}.tasks__filters-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-top:var(--spacing-md);animation:slideDown var(--transition-normal) ease-out;flex-shrink:0}.tasks__filters-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.tasks__filters-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.tasks__filters-clear{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:transparent;color:var(--color-danger);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.tasks__filters-clear:hover{background:var(--color-danger);color:var(--color-on-danger)}.tasks__filters-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);min-height:32px}.tasks__filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);animation:chipIn var(--transition-fast) ease-out}.tasks__filter-chip-label{color:var(--color-primary);font-weight:500}.tasks__filter-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.tasks__filter-chip-remove:hover{background:var(--color-danger);transform:scale(1.1)}.tasks__filters-add{display:flex;gap:var(--spacing-sm);align-items:center}.tasks__filter-type{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);min-width:150px}.tasks__filter-value{display:flex;gap:var(--spacing-sm);align-items:center;flex:1}.tasks__filter-select,.tasks__filter-input{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);flex:1}.tasks__filter-apply{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:var(--color-success);color:var(--color-on-success);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tasks__filter-apply:hover{background:var(--color-success-hover)}.tasks__stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin:var(--spacing-md) 0;flex-shrink:0}.tasks__stat{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all var(--transition-fast)}.tasks__stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:currentColor}.tasks__stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-default)}.tasks__stat--overdue{color:var(--color-danger)}.tasks__stat--today{color:var(--color-warning)}.tasks__stat--active{color:var(--color-info)}.tasks__stat--completed{color:var(--color-success)}.tasks__stat i{font-size:1.25rem}.tasks__stat-value{font-size:var(--font-size-xl);font-weight:700}.tasks__stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .tasks__stat:before{opacity:.5}[data-theme=dark] .tasks__filter-chip{background:rgba(var(--color-primary-rgb),.1)}.aggregate-cell{display:flex;align-items:center;width:100%;gap:0}.aggregate-cell__amount{flex:1;padding-left:6px}.aggregate-cell__info{display:flex;align-items:center;justify-content:center;width:24px;height:100%;min-height:24px;margin:-4px 0 -4px -8px;padding:0;border:none;border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);border-radius:0;background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:10px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.aggregate-cell__info:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.aggregate-cell__info:active{background:var(--color-primary-dark)}.aggregate-cell__info i{font-size:10px}@media print{.tasks__filters-panel,.tasks__actions{display:none}.tasks__stats-bar{grid-template-columns:repeat(4,1fr);page-break-after:avoid}}.add-task-form{padding:var(--spacing-md)}.add-task-form__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--spacing-md) var(--spacing-md)}.add-task-form__section{margin-bottom:var(--spacing-lg)}.add-task-form__row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.add-task-form__field{grid-column:span 12;min-width:0;gap:0;margin-bottom:0}.add-task-form__field--half{grid-column:span 6}.add-task-form__field--third{grid-column:span 4}.add-task-form__field--full{grid-column:span 12}@media(max-width:640px){.add-task-form__field--half,.add-task-form__field--third{grid-column:span 12}}.add-task-form__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);color:var(--color-text)}.add-task-form__label-hint{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-muted)}.add-task-form__required{color:var(--color-danger);margin-left:2px}.add-task-form__input,.add-task-form__select,.add-task-form__textarea{font-size:var(--font-size-sm)}.add-task-form__input:disabled{background-color:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}.add-task-form__input--error{border-color:var(--color-danger)}.add-task-form__input--error:focus{box-shadow:0 0 0 3px rgba(var(--color-danger-rgb),.1)}.add-task-form__input--date{padding-right:var(--spacing-sm)}.add-task-form__hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.add-task-form__hint--success{color:var(--color-success);animation:fadeIn var(--transition-base)}.add-task-form__hint--error{color:var(--color-danger)}.add-task-form__autocomplete{position:relative}.add-task-form__suggestions{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-default);z-index:var(--z-header)}.add-task-form__suggestion{padding:var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.add-task-form__suggestion:last-child{border-bottom:none}.add-task-form__suggestion:hover{background-color:var(--color-surface-hover)}.add-task-form__suggestion-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.add-task-form__suggestion-info{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.add-task-form__no-results{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.add-task-form__loading{padding:var(--spacing-md);text-align:center;color:var(--color-primary);font-size:var(--font-size-sm);font-style:italic}.add-task-form__date-wrapper{display:flex;gap:var(--spacing-xs)}[data-theme=dark] .add-task-form__input,[data-theme=dark] .add-task-form__select,[data-theme=dark] .add-task-form__textarea,[data-theme=dark] .add-task-form__suggestions{background-color:var(--color-surface);border-color:var(--color-border)}.add-task-form__products{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-task-form__product-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s}.add-task-form__product-item:hover{background-color:var(--color-surface-hover)}.add-task-form__product-item:has(input:checked){background-color:var(--color-primary-light);border-color:var(--color-primary)}.add-task-form__product-checkbox{flex-shrink:0}.add-task-form__product-name{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.add-task-form__product-price{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.add-task-form__product-code{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.03em;color:var(--color-text-muted);background-color:var(--color-surface);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.add-task-form__products-empty{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.add-task-form__products-empty i{color:var(--color-text-secondary)}.add-task-form__period{display:flex;align-items:stretch;gap:var(--spacing-sm);flex-wrap:wrap}.add-task-form__period-chip{display:inline-flex;align-items:center;padding:0 var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:nowrap}.add-task-form__period-input,.add-task-form__period-year,.add-task-form__period-description,.add-task-form__period-select{flex:1 1 140px;min-width:0}.add-task-form__period-year{flex:0 0 110px;font-variant-numeric:tabular-nums}.add-task-form__period-select{flex:0 0 120px}.add-task-form__period-description{flex:2 1 240px}.add-task-form__period-input{font-variant-numeric:tabular-nums}.add-task-form__add-product{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);background-color:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;justify-content:center}.add-task-form__add-product:hover:not(:disabled){background-color:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary);border-style:solid}.add-task-form__add-product:disabled{color:var(--color-text-muted);cursor:not-allowed}.add-task-form__add-product--active{border-style:solid;border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.08)}.add-task-form__add-product i{font-size:var(--font-size-xs)}.add-task-form__new-product{margin-top:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.add-task-form__new-product-row{display:grid;grid-template-columns:100px 1fr 120px auto auto;gap:var(--spacing-sm);align-items:center}@media(max-width:640px){.add-task-form__new-product-row{grid-template-columns:1fr 1fr}.add-task-form__new-product-row>:nth-child(2){grid-column:span 2}}.add-task-form__input--compact{font-variant-numeric:tabular-nums}.search-dropdown{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-default);z-index:var(--z-dropdown, 1000);display:none;margin-top:-1px}.search-dropdown__item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.search-dropdown__item:last-child{border-bottom:none}.search-dropdown__item:hover{background-color:var(--color-surface-hover)}.search-dropdown__item--selected{background-color:var(--color-surface-hover);outline:none}.search-dropdown__item--selected:hover{background-color:var(--color-surface-hover)}.search-dropdown__item-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.search-dropdown__item-info{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.search-dropdown__item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.search-dropdown__empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.search-dropdown__loading{padding:var(--spacing-md);text-align:center;color:var(--color-primary);font-size:var(--font-size-sm);font-style:italic}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[data-theme=dark] .search-dropdown{background-color:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .search-dropdown__item:hover,[data-theme=dark] .search-dropdown__item--selected{background-color:var(--color-surface-hover)}.search-dropdown__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tasks__status-floating-dropdown{position:fixed;z-index:var(--z-modal-high);transform-origin:top left;animation:dropdownExpand .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes dropdownExpand{0%{opacity:0;transform:scaleY(.8) scaleX(.95)}to{opacity:1;transform:scaleY(1) scaleX(1)}}.tasks__status-dropdown-inner{min-width:280px;max-width:360px;background:var(--color-card-bg);border:1px solid rgba(var(--color-shadow-rgb),.08);border-radius:12px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.3),0 0 0 1px rgba(var(--color-shadow-rgb),.05),0 0 24px rgba(var(--color-shadow-rgb),.08);overflow:hidden;backdrop-filter:blur(12px)}.tasks__status-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(to bottom,var(--color-surface),transparent);border-bottom:1px solid rgba(var(--color-shadow-rgb),.06)}.tasks__status-dropdown-title{font-size:var(--font-size-data-grid-cell);font-weight:600;color:var(--color-text);letter-spacing:.3px}.tasks__status-dropdown-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.tasks__status-dropdown-close:hover{background:var(--color-danger);color:var(--color-on-danger);transform:rotate(90deg)}.tasks__status-dropdown-search{position:relative;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid rgba(var(--color-shadow-rgb),.06)}.tasks__status-search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:var(--font-size-data-grid-cell);opacity:.5}.tasks__status-search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-data-grid-cell);transition:all .2s ease}.tasks__status-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.tasks__status-search-input::placeholder{color:var(--color-text-secondary);opacity:.5}.tasks__status-badge{font-size:calc(var(--font-size-data-grid-badge) - .0625rem);font-weight:700;padding:2px 6px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-on-primary);border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.tasks__status-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:var(--z-header);min-width:240px;max-width:320px;background:var(--color-card-bg);border:1px solid rgba(var(--color-shadow-rgb),.08);border-radius:16px;box-shadow:0 20px 40px -12px rgba(var(--color-shadow-rgb),.25),0 0 0 1px var(--color-overlay-light) inset;overflow:hidden;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px)}.tasks__status-dropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--color-card-bg);border:1px solid rgba(var(--color-shadow-rgb),.08);border-bottom:none;border-right:none}.tasks__status-dropdown-list{max-height:280px;overflow-y:auto;padding:8px}.tasks__status-dropdown-list::-webkit-scrollbar{width:6px}.tasks__status-dropdown-list::-webkit-scrollbar-track{background:transparent}.tasks__status-dropdown-list::-webkit-scrollbar-thumb{background:rgba(var(--color-shadow-rgb),.1);border-radius:3px}.tasks__status-option{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:3px 8px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:var(--font-size-data-grid-cell);position:relative;overflow:hidden;background:transparent;border:1.5px solid transparent}.tasks__status-option:before{content:"";position:absolute;inset:0;border-radius:9px;background:linear-gradient(135deg,transparent,var(--color-overlay-light));opacity:0;transition:opacity .2s ease}.tasks__status-option:hover{background:var(--color-surface);transform:translate(4px);border-color:rgba(var(--color-shadow-rgb),.06)}.tasks__status-option:hover:before{opacity:1}.tasks__status-option--selected{background:linear-gradient(135deg,var(--color-surface),var(--color-surface-hover));border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.15)}.tasks__status-option--selected .tasks__status-check{opacity:1;transform:scale(1)}.tasks__status-visual{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;background:linear-gradient(135deg,color-mix(in srgb,var(--status-color, var(--color-text-muted)) 15%,transparent),color-mix(in srgb,var(--status-color, var(--color-text-muted)) 30%,transparent))}.tasks__status-option:hover .tasks__status-visual{transform:scale(1.15) rotate(3deg)}.tasks__status-icon{width:10px;height:10px;border-radius:50%;background:var(--status-color, var(--color-text-muted));box-shadow:0 2px 6px rgba(var(--color-shadow-rgb),.3);position:relative;z-index:var(--z-base)}.tasks__status-content{flex:1;display:flex;flex-direction:column;gap:2px}.tasks__status-label{font-weight:500;color:var(--color-text);line-height:1.2}.tasks__status-check{width:20px;height:20px;border-radius:50%;background:var(--color-success);color:var(--color-on-success);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-data-grid-badge);opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.4,0,.2,1)}.tasks__status-cell-editor{position:relative;display:flex;align-items:center;gap:8px;padding:2px 4px 2px 2px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:8px;cursor:pointer;font-size:var(--font-size-data-grid-cell);min-height:24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tasks__status-cell-editor:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.08)}.tasks__status-cell-editor--active{border-color:var(--color-primary);background:var(--color-card-bg);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.tasks__status-current{display:flex;align-items:center;gap:6px;flex:1}.tasks__status-current-badge{display:flex;align-items:center;gap:4px;padding:2px 6px 2px 3px;border-radius:6px;font-size:var(--font-size-data-grid-cell);font-weight:500;background:var(--color-surface)}.tasks__status-current-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tasks__status-dropdown-arrow{color:var(--color-text-secondary);font-size:calc(var(--font-size-data-grid-badge) - .0625rem);transition:transform .2s ease;opacity:.5}.tasks__status-cell-editor:hover .tasks__status-dropdown-arrow{opacity:1}.tasks__status-cell-editor--active .tasks__status-dropdown-arrow{transform:rotate(180deg);color:var(--color-primary);opacity:1}.tasks__assignee-floating-dropdown{position:fixed;z-index:var(--z-modal-high);filter:drop-shadow(0 24px 48px rgba(var(--color-shadow-rgb),.18));transform-origin:top left;animation:dropdownExpand .2s cubic-bezier(.4,0,.2,1) forwards}.tasks__assignee-dropdown-inner{min-width:300px;max-width:360px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.28),0 0 0 1px var(--color-overlay-light) inset;overflow:hidden;backdrop-filter:blur(16px)}.tasks__assignee-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-card-bg) 100%);border-bottom:1px solid var(--color-border)}.tasks__assignee-dropdown-title{font-size:.9375rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.tasks__assignee-dropdown-title:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--color-primary);font-size:.875rem}.tasks__assignee-dropdown-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.875rem}.tasks__assignee-dropdown-close:hover{background:var(--color-danger);color:var(--color-on-danger);transform:rotate(90deg) scale(1.05);box-shadow:0 4px 12px rgba(var(--color-danger-rgb),.3)}.tasks__assignee-dropdown-search{position:relative;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.tasks__assignee-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--color-primary);font-size:.875rem;transition:all .3s ease;z-index:2}.tasks__assignee-search-input{width:100%;padding:10px 14px 10px 38px;border:2px solid var(--color-border);border-radius:10px;background:var(--color-card-bg);color:var(--color-text);font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.05)}.tasks__assignee-search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-card-bg);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.12),0 4px 12px rgba(var(--color-shadow-rgb),.08);transform:translateY(-1px)}.tasks__assignee-dropdown-search:focus-within .tasks__assignee-search-icon{color:var(--color-primary);transform:translateY(-50%) scale(1.1)}.tasks__assignee-search-input::placeholder{color:var(--color-text-secondary);opacity:.6;font-weight:400}.tasks__assignee-dropdown-list{max-height:340px;overflow-y:auto;padding:8px;background:var(--color-card-bg)}.tasks__assignee-dropdown-list::-webkit-scrollbar{width:8px}.tasks__assignee-dropdown-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.tasks__assignee-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px;border:2px solid var(--color-card-bg);transition:background .2s ease}.tasks__assignee-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.tasks__assignee-option{display:flex;align-items:center;gap:10px;padding:6px 10px;margin:2px 0;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid transparent;background:transparent}.tasks__assignee-option:hover{background:var(--color-surface-hover)}.tasks__assignee-option--selected{background:var(--color-primary-bg)}.tasks__assignee-visual{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-on-primary);flex-shrink:0;transition:all .2s ease}.tasks__assignee-option:hover .tasks__assignee-visual{transform:scale(1.05)}.tasks__assignee-option--selected .tasks__assignee-visual{box-shadow:0 0 0 2px var(--color-primary)}.tasks__assignee-initials{font-size:11px;font-weight:600;color:var(--color-on-primary)}.tasks__assignee-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;transition:all .2s ease}.tasks__assignee-option:hover .tasks__assignee-avatar{transform:scale(1.05)}.tasks__assignee-option--selected .tasks__assignee-avatar{box-shadow:0 0 0 2px var(--color-primary)}.tasks__assignee-content{flex:1;min-width:0}.tasks__assignee-label{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks__assignee-option:hover .tasks__assignee-label{color:var(--color-primary)}.tasks__assignee-email{font-size:.75rem;color:var(--color-text-secondary);opacity:.8;line-height:1.3;font-weight:500}.tasks__assignee-check{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));color:var(--color-on-success);display:flex;align-items:center;justify-content:center;font-size:.6875rem;box-shadow:0 2px 8px rgba(var(--color-success-rgb),.3);position:relative;z-index:var(--z-base);animation:checkBounce .4s cubic-bezier(.34,1.56,.64,1)}.tasks__assignee-option--empty{text-align:center;padding:24px 16px;color:var(--color-text-secondary);font-size:.875rem;opacity:.7}.tasks__date-picker{border:2px solid var(--color-primary);border-radius:8px;padding:4px 8px;font-size:var(--font-size-data-grid-cell);background:var(--color-card-bg);color:var(--color-text);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.15)}.tasks__date-picker:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.tasks__column-selector{padding:var(--spacing-md)}.tasks__column-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.tasks__column-group h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.tasks__column-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition-fast)}.tasks__column-item:hover{background:var(--color-surface-hover)}.tasks__column-item--required{opacity:.6;cursor:not-allowed}.tasks__bulk-menu{position:fixed;z-index:var(--z-modal-high);animation:bulkMenuFadeIn .2s ease}@keyframes bulkMenuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tasks__bulk-menu-inner{min-width:220px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.3),0 0 0 1px rgba(var(--color-shadow-rgb),.05);overflow:hidden;backdrop-filter:blur(12px)}.tasks__bulk-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(to bottom,var(--color-surface),transparent);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:600;color:var(--color-text-secondary)}.tasks__bulk-menu-actions{padding:8px}.tasks__bulk-action{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;color:var(--color-text);font-size:13px;font-weight:500;text-align:left;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative}.tasks__bulk-action i:first-child{width:16px;font-size:13px;color:var(--color-text-secondary);transition:color .15s ease}.tasks__bulk-action span{flex:1}.tasks__bulk-action-chevron{font-size:10px;color:var(--color-text-tertiary);transition:all .15s ease}.tasks__bulk-action:hover{background:var(--color-primary);color:var(--color-on-primary)}.tasks__bulk-action:hover i:first-child,.tasks__bulk-action:hover .tasks__bulk-action-chevron{color:var(--color-on-primary)}.tasks__bulk-action:hover .tasks__bulk-action-chevron{transform:translate(2px)}.tasks__bulk-action--danger:hover{background:var(--color-danger)}.tasks__bulk-empty{padding:16px;text-align:center;color:var(--color-text-tertiary);font-size:13px}.tasks__bulk-submenu{position:fixed;z-index:var(--z-modal-high);animation:bulkSubmenuSlideIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes bulkSubmenuSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tasks__bulk-submenu-inner{min-width:280px;max-width:340px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.3),0 0 0 1px rgba(var(--color-shadow-rgb),.05);overflow:hidden;backdrop-filter:blur(12px)}.tasks__bulk-submenu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-card-bg) 100%);border-bottom:1px solid var(--color-border)}.tasks__bulk-submenu-header span{font-size:14px;font-weight:600;color:var(--color-text)}.tasks__bulk-submenu-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px}.tasks__bulk-submenu-close:hover{background:var(--color-danger);color:var(--color-on-danger);transform:rotate(90deg)}.tasks__bulk-submenu-body{display:flex;flex-direction:column}.tasks__bulk-submenu-search{position:relative;padding:10px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.tasks__bulk-submenu-search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:12px;opacity:.6}.tasks__bulk-submenu-search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card-bg);color:var(--color-text);font-size:13px;transition:all .2s ease}.tasks__bulk-submenu-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.tasks__bulk-submenu-search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.tasks__bulk-submenu-options{max-height:280px;overflow-y:auto;padding:8px}.tasks__bulk-submenu-options--no-search{padding-top:12px}.tasks__bulk-submenu-options::-webkit-scrollbar{width:6px}.tasks__bulk-submenu-options::-webkit-scrollbar-track{background:transparent}.tasks__bulk-submenu-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tasks__bulk-submenu-options::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.tasks__bulk-submenu-option{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:2px;border:1px solid transparent;background:transparent;color:var(--color-text);font-size:13px;text-align:left;border-radius:8px;cursor:pointer;transition:all .15s ease}.tasks__bulk-submenu-option:hover{background:var(--color-surface-hover);border-color:var(--color-border);transform:translate(2px)}.tasks__bulk-submenu-option--unassign{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);margin-bottom:8px;padding-bottom:10px;border-radius:8px 8px 0 0}.tasks__bulk-submenu-option--unassign:hover{color:var(--color-text)}.tasks__bulk-submenu-option-color{width:14px;height:14px;border-radius:4px;flex-shrink:0;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.2)}.tasks__bulk-submenu-option-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.tasks__bulk-submenu-option-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--color-on-primary);flex-shrink:0;transition:all .15s ease}.tasks__bulk-submenu-option-avatar--empty{background:var(--color-surface);color:var(--color-text-secondary)}.tasks__bulk-submenu-option:hover .tasks__bulk-submenu-option-avatar{transform:scale(1.05)}img.tasks__bulk-submenu-option-avatar{object-fit:cover}.tasks__bulk-submenu-option-label{flex:1;font-weight:500}.tasks__bulk-submenu-empty{padding:20px;text-align:center;color:var(--color-text-tertiary);font-size:13px}.tasks__bulk-submenu-date-section{padding:16px}.tasks__bulk-submenu-date-label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.tasks__bulk-submenu-date-input{width:100%;padding:10px 12px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card-bg);color:var(--color-text);font-size:14px;font-weight:500;transition:all .2s ease}.tasks__bulk-submenu-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.tasks__bulk-submenu-date-presets{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px}.tasks__bulk-submenu-preset{padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.tasks__bulk-submenu-preset:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.tasks__bulk-submenu-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface);border-top:1px solid var(--color-border)}.tasks__bulk-submenu-count{font-size:12px;color:var(--color-text-secondary)}.tasks__bulk-submenu-apply{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;background:var(--color-primary);color:var(--color-on-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.tasks__bulk-submenu-apply:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.tasks__bulk-submenu-apply i{font-size:11px}.tasks__bulk-actions{padding:var(--spacing-md)}.tasks__bulk-actions p{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary)}.tasks__bulk-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tasks__bulk-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left}.tasks__bulk-option:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.tasks__bulk-option--danger:hover{background:var(--color-danger);border-color:var(--color-danger)}.tasks__detail{padding:var(--spacing-md)}.tasks__detail h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.tasks__detail p{margin:var(--spacing-sm) 0;color:var(--color-text-secondary)}.tasks__detail strong{color:var(--color-text)}.tasks__column-selector-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;justify-content:center}.tasks__reset-columns-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.tasks__reset-columns-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.tasks__reset-columns-btn:active{transform:translateY(1px)}.tasks__reset-columns-btn i{font-size:.75rem}.tasks__profile-multiselect-dropdown{position:fixed;z-index:var(--z-modal-high);filter:drop-shadow(0 24px 48px rgba(var(--color-shadow-rgb),.18));transform-origin:top left;animation:dropdownExpand .2s cubic-bezier(.4,0,.2,1) forwards}.tasks__profile-multiselect-inner{min-width:300px;max-width:360px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.28),0 0 0 1px var(--color-overlay-light) inset;overflow:hidden;backdrop-filter:blur(16px)}.tasks__profile-multiselect-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-card-bg) 100%);border-bottom:1px solid var(--color-border)}.tasks__profile-multiselect-title{font-size:.875rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.tasks__profile-multiselect-count{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);padding:4px 10px;border-radius:12px;transition:all .2s ease}.tasks__profile-multiselect-count--max{background:var(--color-warning-bg);color:var(--color-warning)}.tasks__profile-multiselect-search{position:relative;padding:10px 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.tasks__profile-multiselect-search-icon{position:absolute;left:26px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.8125rem;opacity:.6}.tasks__profile-multiselect-search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card-bg);color:var(--color-text);font-size:.8125rem;transition:all .2s ease}.tasks__profile-multiselect-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.tasks__profile-multiselect-search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.tasks__profile-multiselect-list{max-height:280px;overflow-y:auto;padding:8px}.tasks__profile-multiselect-list::-webkit-scrollbar{width:6px}.tasks__profile-multiselect-list::-webkit-scrollbar-track{background:transparent}.tasks__profile-multiselect-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tasks__profile-multiselect-option{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:2px 0;border-radius:8px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;background:transparent}.tasks__profile-multiselect-option:hover{background:var(--color-surface-hover)}.tasks__profile-multiselect-option--selected{background:var(--color-primary-bg);border-color:rgba(var(--color-primary-rgb),.2)}.tasks__profile-multiselect-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.tasks__profile-multiselect-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--color-on-primary);flex-shrink:0;transition:all .15s ease}.tasks__profile-multiselect-avatar--img{object-fit:cover}.tasks__profile-multiselect-option:hover .tasks__profile-multiselect-avatar{transform:scale(1.05)}.tasks__profile-multiselect-option--selected .tasks__profile-multiselect-avatar{box-shadow:0 0 0 2px var(--color-primary)}.tasks__profile-multiselect-name{flex:1;font-size:.8125rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks__profile-multiselect-option--empty{text-align:center;padding:24px 16px;color:var(--color-text-secondary);font-size:.8125rem}.tasks__profile-multiselect-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface);border-top:1px solid var(--color-border);gap:10px}.tasks__profile-multiselect-clear{padding:8px 14px;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.tasks__profile-multiselect-clear:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.tasks__profile-multiselect-done{padding:8px 20px;border:none;border-radius:6px;background:var(--color-primary);color:var(--color-on-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tasks__profile-multiselect-done:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.tasks__profile-multiselect{display:flex;align-items:center;gap:4px;padding:2px 0}.tasks__profile-multiselect--clickable{cursor:pointer}.tasks__profile-multiselect--clickable:hover .tasks__profile-chip{transform:scale(1.05)}.tasks__profile-multiselect-empty{color:var(--color-text-tertiary);font-size:.75rem;font-style:italic}.tasks__profile-chip{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-on-primary);flex-shrink:0;transition:all .15s ease;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.15);margin-left:-6px;border:2px solid var(--color-card-bg)}.tasks__profile-chip:first-child{margin-left:0}.tasks__profile-chip--img{object-fit:cover}.tasks__profile-chip--unknown{background:var(--color-text-tertiary);font-size:12px}.tasks__profile-chip--more{background:var(--color-surface);color:var(--color-text-secondary);font-size:9px;font-weight:700}.tasks__products-dropdown{position:fixed;z-index:var(--z-modal-high);filter:drop-shadow(0 24px 48px rgba(var(--color-shadow-rgb),.18))}.tasks__products-dropdown-inner{min-width:280px;max-width:340px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tasks__products-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border-light)}.tasks__products-dropdown-title{font-size:.875rem;font-weight:600;color:var(--color-text)}.tasks__products-dropdown-count{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);padding:2px 8px;border-radius:var(--radius-full)}.tasks__products-dropdown-list{max-height:260px;overflow-y:auto;padding:8px}.tasks__products-dropdown-list::-webkit-scrollbar{width:6px}.tasks__products-dropdown-list::-webkit-scrollbar-track{background:transparent}.tasks__products-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tasks__products-dropdown-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;border:1px solid transparent}.tasks__products-dropdown-option:hover{background:var(--color-surface-hover)}.tasks__products-dropdown-option--selected{background:var(--color-primary-bg);border-color:rgba(var(--color-primary-rgb),.2)}.tasks__products-dropdown-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.tasks__products-dropdown-code{display:inline-block;padding:2px 6px;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-card-bg));color:var(--color-primary);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;flex-shrink:0}.tasks__products-dropdown-name{flex:1;font-size:.8125rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks__products-dropdown-footer{display:flex;align-items:center;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--color-border-light)}.tasks__products-dropdown-done{padding:8px 20px;border:none;border-radius:6px;background:var(--color-primary);color:var(--color-on-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tasks__products-dropdown-done:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.tasks__linked-tasks-dropdown{position:fixed;z-index:var(--z-modal-high);filter:drop-shadow(0 24px 48px rgba(var(--color-shadow-rgb),.18))}.tasks__linked-tasks-dropdown-inner{min-width:300px;max-width:380px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tasks__linked-tasks-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border-light)}.tasks__linked-tasks-dropdown-title{font-size:.875rem;font-weight:600;color:var(--color-text)}.tasks__linked-tasks-dropdown-count{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);padding:2px 8px;border-radius:var(--radius-full)}.tasks__linked-tasks-current{padding:8px 12px;max-height:140px;overflow-y:auto}.tasks__linked-tasks-current::-webkit-scrollbar{width:6px}.tasks__linked-tasks-current::-webkit-scrollbar-track{background:transparent}.tasks__linked-tasks-current::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tasks__linked-tasks-empty{font-size:.8125rem;color:var(--color-text-muted);padding:8px 4px;text-align:center}.tasks__linked-tasks-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px;border-radius:var(--radius-sm);transition:background .15s ease}.tasks__linked-tasks-item:hover{background:var(--color-surface-hover)}.tasks__linked-tasks-item .tasks__linked-task-badge{flex:1;min-width:0}.tasks__linked-tasks-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:all .15s ease}.tasks__linked-tasks-remove:hover{background:color-mix(in srgb,var(--color-danger) 12%,var(--color-card-bg));color:var(--color-danger)}.tasks__linked-tasks-divider{height:1px;background:var(--color-border-light);margin:0 12px}.tasks__linked-tasks-search{display:flex;align-items:center;gap:8px;padding:8px 12px}.tasks__linked-tasks-search-icon{color:var(--color-text-muted);font-size:.75rem;flex-shrink:0}.tasks__linked-tasks-search-input{flex:1;border:none;outline:none;background:transparent;color:var(--color-text);font-size:.8125rem;padding:4px 0}.tasks__linked-tasks-search-input::placeholder{color:var(--color-text-muted)}.tasks__linked-tasks-available{max-height:200px;overflow-y:auto;padding:0 8px 8px}.tasks__linked-tasks-available::-webkit-scrollbar{width:6px}.tasks__linked-tasks-available::-webkit-scrollbar-track{background:transparent}.tasks__linked-tasks-available::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tasks__linked-tasks-no-results{font-size:.8125rem;color:var(--color-text-muted);padding:12px 4px;text-align:center}.tasks__linked-tasks-group{margin-bottom:4px}.tasks__linked-tasks-group-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:8px 12px 4px}.tasks__linked-tasks-add-option{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-size:.8125rem;color:var(--color-text)}.tasks__linked-tasks-add-option:hover{background:var(--color-surface-hover)}.tasks__linked-tasks-add-option i{font-size:.6875rem;color:var(--color-primary);flex-shrink:0}.tasks__linked-tasks-dropdown-footer{display:flex;align-items:center;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--color-border-light)}.tasks__linked-tasks-dropdown-done{padding:8px 20px;border:none;border-radius:6px;background:var(--color-primary);color:var(--color-on-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tasks__linked-tasks-dropdown-done:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.tasks__task-events-popover{position:fixed;z-index:var(--z-modal-high);filter:drop-shadow(0 24px 48px rgba(var(--color-shadow-rgb),.22));transform-origin:top left;animation:dropdownExpand .2s cubic-bezier(.4,0,.2,1) forwards}.tasks__task-events-popover-inner{width:380px;max-width:90vw;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px -12px rgba(var(--color-shadow-rgb),.28),0 0 0 1px var(--color-overlay-light) inset;overflow:hidden;backdrop-filter:blur(16px)}.tasks__task-events-popover-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-card-bg) 100%);border-bottom:1px solid var(--color-border)}.tasks__task-events-popover-title{font-size:.9375rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.tasks__task-events-popover-title i{color:var(--color-primary);font-size:.875rem}.tasks__task-events-popover-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.875rem}.tasks__task-events-popover-close:hover{background:var(--color-danger);color:var(--color-on-danger);transform:rotate(90deg) scale(1.05);box-shadow:0 4px 12px rgba(var(--color-danger-rgb),.3)}.tasks__task-events-popover-body{max-height:400px;overflow-y:auto}.tasks__task-events-popover-body::-webkit-scrollbar{width:6px}.tasks__task-events-popover-body::-webkit-scrollbar-track{background:transparent}.tasks__task-events-popover-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tasks__task-events-popover-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-primary);font-size:1.25rem}.tasks__task-events-popover-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:var(--color-text-secondary);text-align:center}.tasks__task-events-popover-empty i{font-size:1.5rem;opacity:.5}.tasks__task-events-popover-empty span{font-size:.875rem}.tasks__task-events-popover-list{padding:8px}.tasks__task-event-item{padding:12px;margin-bottom:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;transition:all .15s ease}.tasks__task-event-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.1)}.tasks__task-event-item:last-child{margin-bottom:0}.tasks__task-event-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tasks__task-event-item-date{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--color-text)}.tasks__task-event-item-date i{color:var(--color-primary);font-size:.75rem}.tasks__task-event-item-status{padding:3px 10px;border-radius:12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:color-mix(in srgb,var(--status-color) 15%,transparent);color:var(--status-color);border:1px solid color-mix(in srgb,var(--status-color) 30%,transparent)}.tasks__task-event-item-location{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:8px}.tasks__task-event-item-location i{font-size:.6875rem;opacity:.7}.tasks__task-event-item-members{display:flex;align-items:center;margin-bottom:8px}.tasks__task-event-item-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--color-on-primary);flex-shrink:0;margin-left:-6px;border:2px solid var(--color-surface);transition:all .15s ease}.tasks__task-event-item-avatar:first-child{margin-left:0}.tasks__task-event-item-avatar--img{object-fit:cover}.tasks__task-event-item-avatar--more{background:var(--color-card-bg);color:var(--color-text-secondary);font-size:8px;font-weight:700;border:2px solid var(--color-border)}.tasks__task-event-item-notes{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4;padding:8px;background:var(--color-card-bg);border-radius:6px;margin-bottom:8px;font-style:italic}.tasks__task-event-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding-top:8px;border-top:1px solid var(--color-border)}.tasks__task-event-item-edit,.tasks__task-event-item-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all .15s ease;font-size:.75rem}.tasks__task-event-item-edit:hover{background:var(--color-primary);color:var(--color-on-primary)}.tasks__task-event-item-delete:hover{background:var(--color-danger);color:var(--color-on-danger)}.tasks__task-events-popover-add-section{padding:12px;background:var(--color-surface);border-top:1px solid var(--color-border)}.tasks__task-events-popover-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:2px dashed var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.tasks__task-events-popover-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.tasks__task-events-popover-add-btn i{font-size:.75rem}.tasks__task-event-form{display:flex;flex-direction:column}.tasks__task-event-form-header{padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:600;color:var(--color-text)}.tasks__task-event-form-body{padding:16px;display:flex;flex-direction:column;gap:14px}.tasks__task-event-form-field{display:flex;flex-direction:column;gap:6px}.tasks__task-event-form-field label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.tasks__task-event-form-field input[type=text],.tasks__task-event-form-field input[type=date],.tasks__task-event-form-field select,.tasks__task-event-form-field textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card-bg);color:var(--color-text);font-size:.8125rem;transition:all .15s ease}.tasks__task-event-form-field input:focus,.tasks__task-event-form-field select:focus,.tasks__task-event-form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.tasks__task-event-form-field textarea{min-height:70px;resize:vertical}.tasks__task-event-form-members{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto;padding:4px}.tasks__task-event-form-member{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-card-bg);cursor:pointer;transition:all .15s ease;font-size:.75rem;color:var(--color-text)}.tasks__task-event-form-member:hover,.tasks__task-event-form-member--selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.tasks__task-event-form-member input[type=checkbox]{display:none}.tasks__task-event-form-member-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:var(--color-on-primary);flex-shrink:0;object-fit:cover}.tasks__task-event-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;background:var(--color-surface);border-top:1px solid var(--color-border)}.tasks__task-event-form-cancel{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.tasks__task-event-form-cancel:hover{background:var(--color-surface-hover);border-color:var(--color-text-secondary);color:var(--color-text)}.tasks__task-event-form-save{padding:8px 20px;border:none;border-radius:6px;background:var(--color-primary);color:var(--color-on-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tasks__task-event-form-save:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.tasks__task-event-form-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.tasks__task-event-form-conflicts{padding:0 16px}.tasks__task-event-form-conflict-warning{background:linear-gradient(135deg,rgba(var(--color-danger-rgb),.08),rgba(var(--color-danger-rgb),.12));border:1px solid rgba(var(--color-danger-rgb),.25);border-radius:10px;padding:12px;margin-top:8px}.tasks__task-event-form-conflict-header{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--color-danger);margin-bottom:10px}.tasks__task-event-form-conflict-header i{font-size:.875rem}.tasks__task-event-form-conflict-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:rgba(var(--color-card-bg-rgb),.5);border-radius:6px;margin-bottom:6px;font-size:.75rem;color:var(--color-text-secondary)}.tasks__task-event-form-conflict-item:last-child{margin-bottom:0}.tasks__task-event-form-conflict-item i{color:var(--color-warning);font-size:.75rem;margin-top:2px;flex-shrink:0}.tasks__task-event-form-conflict-item strong{color:var(--color-text);font-weight:600}.tasks__task-event-form-conflict-details{margin-top:4px;padding-left:8px;border-left:2px solid rgba(var(--color-danger-rgb),.2);font-size:.6875rem;color:var(--color-text-tertiary);line-height:1.4}.tasks__task-event-form-conflict-details strong{color:var(--color-text-secondary)}.tasks__task-event-form-member--conflict{border-color:var(--color-warning);background:rgba(var(--color-warning-rgb),.08)}.tasks__task-event-form-member--conflict:hover{border-color:var(--color-warning);background:rgba(var(--color-warning-rgb),.12)}.tasks__task-event-form-member-conflict{color:var(--color-warning);font-size:.75rem;margin-left:auto;flex-shrink:0}.tasks__task-event-form-member-conflict i{animation:pulse 1.5s ease-in-out infinite}.tasks__task-event-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:none;background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .15s ease}.tasks__task-event-btn:hover,.tasks__task-event-btn--has-items{background:var(--color-primary-bg);color:var(--color-primary)}.tasks__task-event-btn i{font-size:.6875rem}.tasks__task-event-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-primary);color:var(--color-on-primary);font-size:.625rem;font-weight:700}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.tasks__grid-container,.tasks__status,.tasks__filter-chip{border-width:.5px}}@media(hover:hover){.tasks__btn:hover{background:var(--color-surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.tasks__stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-default)}.tasks__status--clickable:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.1)}}@media(prefers-reduced-motion:reduce){.tasks__filter-chip,.tasks__stat,.tasks__btn,.tasks__status,.tasks__status-dropdown,.tasks__assignee-dropdown,.tasks__filters-panel{animation:none;transition:none}.tasks__status-dot{animation:none}@keyframes dropdownSlideIn{0%,to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes dropdownFadeIn{0%,to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}}.task-page{display:flex;flex-direction:column;height:100%;background:var(--color-bg);overflow:hidden}.task-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-secondary)}.task-page__error i{font-size:2.5rem;color:var(--color-warning)}.task-page__error h2{margin:0;color:var(--color-text)}.task-page__btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s ease}.task-page__btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.task-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);gap:var(--spacing-lg);flex-shrink:0;min-height:72px}.task-page__header--compact{height:var(--sidebar-header-height);min-height:var(--sidebar-header-height);padding:0 var(--spacing-xl);gap:var(--spacing-md)}.task-page__header--compact .task-page__back{width:36px;height:36px}.task-page__header--compact .task-page__breadcrumb{font-size:15px;font-weight:500;color:var(--color-text)}.task-page__header--compact .task-page__breadcrumb-link{font-weight:600}.task-page__header--compact .task-page__header-status{padding:6px 14px;font-size:11px;margin-left:var(--spacing-lg)}.task-page__header-left{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;min-width:0}.task-page__header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.task-page__delete-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.task-page__delete-btn:hover{background:color-mix(in srgb,var(--color-danger) 10%,transparent);border-color:color-mix(in srgb,var(--color-danger) 30%,transparent);color:var(--color-danger)}.task-page__write-off-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.task-page__write-off-btn:hover{background:color-mix(in srgb,var(--color-warning) 12%,transparent);border-color:color-mix(in srgb,var(--color-warning) 35%,transparent);color:var(--color-warning)}.task-page__write-off-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.task-page__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.task-page__back:hover{background:var(--color-card-bg);border-color:var(--color-primary);color:var(--color-text)}.task-page__header-identity{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.task-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--color-text-muted)}.task-page__breadcrumb-link{color:var(--color-primary);text-decoration:none;transition:all .15s ease}.task-page__breadcrumb-link:hover{text-decoration:underline}.task-page__breadcrumb-sep{font-size:9px;opacity:.5}.task-page__title-row{display:flex;align-items:center;gap:var(--spacing-md)}.task-page__title{margin:0;font-size:20px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}.task-page__header-status{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:rgba(var(--color-primary-rgb),.1);color:var(--status-color, var(--color-primary));border:1px solid var(--status-color, var(--color-primary));box-shadow:0 0 16px rgba(var(--color-primary-rgb),.2);flex-shrink:0}.task-page__header-status:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.3)}.task-page__header-status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color, var(--color-primary));animation:statusPulse 2s infinite}.task-page__header-status-text{color:inherit}.task-page__header-status-chevron{font-size:10px;margin-left:4px;opacity:.7}.task-page__header-billed{display:inline-flex;align-items:center;gap:4px;margin-left:var(--spacing-sm);padding:4px 10px;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:none}.task-page__layout{display:flex;flex:1 1 0;overflow:hidden;min-height:0}.task-page__main{display:flex;flex-direction:column;flex:1 1 0;overflow:hidden;background:transparent;min-height:0;max-height:100%}.task-page__tabs{display:flex;align-items:center;background:var(--color-card-bg);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-xl);flex-shrink:0;overflow-x:auto;overflow-y:hidden;gap:0}.task-page__tabs::-webkit-scrollbar{height:0}.task-page__tabs-phases{display:contents}.task-page__tab{display:flex;align-items:center;gap:8px;padding:16px 20px;background:none;border:none;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}.task-page__tab:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:2px;background:var(--color-primary);transition:all .25s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:2px 2px 0 0}.task-page__tab:hover{color:var(--color-text)}.task-page__tab:hover:after{width:24px}.task-page__tab--active{color:var(--color-primary);font-weight:600}.task-page__tab--active:after{width:calc(100% - 16px)}.task-page__tab i{font-size:12px;opacity:.7}.task-page__tab--active i{opacity:1}.task-page__tab-badge{font-size:10px;font-weight:600;padding:2px 8px;background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text-muted);transition:all .2s ease;min-width:20px;text-align:center}.task-page__tab--active .task-page__tab-badge{background:var(--color-primary-bg);color:var(--color-primary)}.task-page__tab-content{flex:1 1 0;overflow-y:auto;padding:var(--spacing-lg);position:relative;display:flex;flex-direction:column;min-height:0}.task-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted);gap:var(--spacing-sm)}.task-page__empty i{font-size:1.75rem;opacity:.3}.task-page__loading-small{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.task-page__spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.task-page__overview{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-page__status-row{display:flex;align-items:stretch;gap:var(--spacing-md);flex-shrink:0}.task-page__status-card{flex:1;display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:all .2s ease;position:relative;overflow:hidden}.task-page__status-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--status-color, var(--color-primary));border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.task-page__status-card:hover{border-color:rgba(var(--color-primary-rgb),.2);box-shadow:var(--shadow-default)}.task-page__status-indicator{display:none}.task-page__status-info{flex-shrink:0;display:flex;flex-direction:column;gap:4px}.task-page__status-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.task-page__status-select{padding:10px 36px 10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;min-width:140px;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.task-page__status-select:hover{border-color:var(--color-primary);background-color:var(--color-card-bg)}.task-page__status-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.task-page__status-note{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.task-page__status-note-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.task-page__status-note-input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:13px;transition:all .2s ease}.task-page__status-note-input:hover{border-color:var(--color-text-muted);background:var(--color-card-bg)}.task-page__status-note-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-card-bg);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.task-page__status-note-input::placeholder{color:var(--color-text-muted)}.task-page__content-row{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-lg);flex:1 1 0;min-height:0;overflow:hidden}@media(max-width:1000px){.task-page__content-row{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.task-page__left-panel{display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;padding-right:var(--spacing-xs)}.task-page__summary-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.task-page__linked-tasks{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-subtle)}.task-page__linked-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:600;color:var(--color-text-secondary)}.task-page__linked-header i{color:var(--color-primary);font-size:11px}.task-page__linked-count{margin-left:auto;background:var(--color-primary);color:var(--color-on-primary);font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.task-page__linked-list{display:flex;flex-direction:column}.task-page__linked-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:12px var(--spacing-md);text-decoration:none;border-bottom:1px solid var(--color-border-light);transition:all .15s ease}.task-page__linked-item:last-child{border-bottom:none}.task-page__linked-item:hover{background:var(--color-surface)}.task-page__linked-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-page__linked-item:hover .task-page__linked-name{color:var(--color-primary)}.task-page__linked-service{font-size:11px;color:var(--color-text-muted);background:var(--color-surface);padding:3px 10px;border-radius:var(--radius-full);flex-shrink:0}.task-page__details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);align-content:start}@media(min-width:1400px){.task-page__details{grid-template-columns:repeat(3,1fr)}}.task-page__detail{display:flex;flex-direction:column;gap:8px;padding:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease;box-shadow:var(--shadow-subtle)}.task-page__detail:hover{border-color:rgba(var(--color-primary-rgb),.25);box-shadow:var(--shadow-default)}.task-page__detail label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.task-page__detail label i{font-size:10px;opacity:.7}.task-page__detail-select,.task-page__detail-input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.04);width:100%}.task-page__detail-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.task-page__detail-select:hover,.task-page__detail-input:hover{border-color:var(--color-primary);background:var(--color-surface)}.task-page__detail-select:focus,.task-page__detail-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);background:var(--color-card-bg)}.task-page__detail-value{font-size:14px;font-weight:600;color:var(--color-text);padding:6px 0}.task-page__detail-value--highlight{color:var(--color-warning);font-weight:700}.task-page__billing-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:14px;font-size:11px;font-weight:600;letter-spacing:.3px}.task-page__billing-badge--not-yet-billed{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.task-page__billing-badge--billing-prepared{background:var(--color-warning-bg);color:var(--color-warning)}.task-page__billing-badge--billing-approved{background:var(--color-primary-bg);color:var(--color-primary)}.task-page__billing-badge--invoiced{background:var(--color-success-bg);color:var(--color-success)}.task-page__timeline{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-subtle);flex:1 1 0;min-height:0;max-height:100%}.task-page__timeline-header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--spacing-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:13px;font-weight:600;color:var(--color-text);flex-shrink:0}.task-page__timeline-header i{margin-right:8px;color:var(--color-primary)}.task-page__timeline-controls{display:flex;align-items:center;gap:var(--spacing-md)}.task-page__timeline-list{flex:1 1 0;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:4px;min-height:0;max-height:100%}.task-page__tl-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all .15s ease}.task-page__tl-item--highlighted{animation:comment-highlight 3s ease-out}@keyframes comment-highlight{0%,20%{background:var(--color-primary-bg);box-shadow:0 0 0 2px var(--color-primary)}to{background:transparent;box-shadow:none}}.task-page__tl-item--comment{background:transparent;padding:8px 0;border:none;position:relative;margin:2px 0}.task-page__tl-item--comment .task-page__tl-avatar{width:32px;height:32px;font-size:10px;flex-shrink:0;align-self:flex-start;margin-top:2px}.task-page__tl-item--comment .task-page__tl-content{background:var(--color-surface);padding:10px 14px;border-radius:4px 14px 14px;max-width:85%;position:relative;border:1px solid var(--color-border-light)}.task-page__tl-item--comment .task-page__tl-meta{margin-bottom:4px;gap:var(--spacing-sm)}.task-page__tl-item--comment .task-page__tl-author{font-size:12px;font-weight:600;color:var(--color-text)}.task-page__tl-item--comment .task-page__tl-time{font-size:11px;color:var(--color-text-muted)}.task-page__tl-item--comment .task-page__tl-text{font-size:13px;line-height:1.5;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.task-page__tl-item--comment:hover .task-page__tl-content{background:var(--color-surface-hover);border-color:var(--color-border)}.task-page__tl-item--activity{align-items:center;padding:6px var(--spacing-sm);opacity:.6;border-left:2px solid transparent;margin-left:14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.task-page__tl-item--activity:hover{opacity:1;background:var(--color-surface);border-left-color:var(--color-primary)}.task-page__tl-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-subtle);letter-spacing:.5px}.task-page__tl-icon{width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--icon-color) 12%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.task-page__tl-item--activity:hover .task-page__tl-icon{transform:scale(1.05);background:color-mix(in srgb,var(--icon-color) 20%,transparent)}.task-page__tl-icon i{font-size:9px;color:var(--icon-color)}.task-page__tl-content{flex:1;min-width:0}.task-page__tl-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:4px;flex-wrap:nowrap}.task-page__tl-author{font-size:13px;font-weight:600;color:var(--color-text)}.task-page__tl-time{font-size:11px;color:var(--color-text-muted)}.task-page__tl-text{font-size:13px;color:var(--color-text);line-height:1.5}.task-page__tl-desc{font-size:12px;color:var(--color-text-muted)}.task-page__tl-item--activity .task-page__tl-content{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.task-page__phase{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.task-page__phase-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);flex-shrink:0}.task-page__phase-header h3{margin:0;font-size:14px;font-weight:600;color:var(--color-text)}.task-page__phase-content{flex:1 1 0;overflow-y:auto;min-height:0;padding-right:var(--spacing-xs)}.task-page__phase-content::-webkit-scrollbar{width:6px}.task-page__phase-content::-webkit-scrollbar-track{background:transparent}.task-page__phase-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.task-page__phase-content:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-secondary) 40%,transparent)}.task-page__phase-stats{font-size:12px;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);padding:2px 8px;border-radius:10px}.task-page__phase-bar{flex:1;max-width:140px;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.task-page__phase-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .4s ease}.task-page__phase-services{display:flex;gap:6px;padding:0 16px 12px;border-bottom:1px solid var(--color-border);margin-bottom:12px}.task-page__phase-svc-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.task-page__phase-svc-btn:hover{color:var(--color-text);border-color:var(--color-primary)}.task-page__phase-svc-btn--active{color:var(--color-primary);background:var(--color-primary-bg);border-color:var(--color-primary);font-weight:600}.task-page__phase-svc-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);background:var(--color-surface)}.task-page__phase-svc-btn--active .task-page__phase-svc-badge{background:rgba(var(--color-primary-rgb, 59, 130, 246),.15)}.task-page__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.task-page__section-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.task-page__action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.25)}.task-page__action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.35)}.task-page__time-summary{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.task-page__time-summary strong{color:var(--color-text)}.task-page__time-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--color-card-bg);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.task-page__time-table th,.task-page__time-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.task-page__time-table th{font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.task-page__time-table tbody tr{transition:background .15s ease}.task-page__time-table tbody tr:hover{background:var(--color-surface)}.task-page__time-table tbody tr:last-child td{border-bottom:none}.task-page__time-table tfoot{background:var(--color-surface);border-top:2px solid var(--color-border)}.task-page__time-table tfoot td{font-weight:600;border-bottom:none;padding:var(--spacing-sm) var(--spacing-md)}.task-page__time-service-section{margin-bottom:var(--spacing-lg)}.task-page__time-service-title{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:6px;padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-border)}.task-page__time-service-title i{color:var(--color-text-muted);font-size:12px}.task-page__time-service-meta{margin-left:auto;font-size:12px;font-weight:500;color:var(--color-text-muted)}.task-page__time-cell--date{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:13px}.task-page__time-cell--desc{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-page__time-row--billed{opacity:.6}.task-page__budget{display:flex;flex-direction:column;flex:1;min-height:0}.task-page__budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.task-page__budget-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.04)}.task-page__budget-card:hover{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.06)}.task-page__budget-card label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.task-page__budget-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:20px;font-weight:600;transition:all .2s ease}.task-page__budget-input:hover{border-color:var(--color-primary)}.task-page__budget-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.task-page__budget-value{font-size:28px;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.task-page__billing-tab{flex:1 1 0;overflow-y:auto;min-height:0}.task-page__billing-tab::-webkit-scrollbar{width:6px}.task-page__billing-tab::-webkit-scrollbar-track{background:transparent}.task-page__billing-tab::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.task-page__billing-tab:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-secondary) 40%,transparent)}.task-page__billing-info{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.04)}.task-page__billing-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);transition:background .15s ease}.task-page__billing-row:hover{background:var(--color-surface)}.task-page__billing-row:last-child{border-bottom:none}.task-page__billing-row span:first-child{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.task-page__timeline-list::-webkit-scrollbar{width:6px}.task-page__timeline-list::-webkit-scrollbar-track{background:transparent}.task-page__timeline-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.task-page__timeline-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.task-page__timeline-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-secondary) 40%,transparent)}.task-page__timeline-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.task-page__checklist{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-page__checklist-item{padding:var(--spacing-sm) 12px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .15s ease}.task-page__checklist-item:hover{border-color:rgba(var(--color-primary-rgb),.25)}.task-page__checklist-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;user-select:none}.task-page__checklist-checkbox input[type=checkbox]{display:none}.task-page__checklist-check{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;background:var(--color-card-bg)}.task-page__checklist-check:after{content:"";font-family:"Font Awesome 6 Pro","Font Awesome 6 Free";font-weight:900;font-size:9px;color:var(--color-on-primary);opacity:0;transform:scale(.5);transition:all .15s ease}.task-page__checklist-checkbox input:checked+.task-page__checklist-check{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.25)}.task-page__checklist-checkbox input:checked+.task-page__checklist-check:after{opacity:1;transform:scale(1)}.task-page__checklist-checkbox:hover .task-page__checklist-check{border-color:var(--color-primary)}.task-page__checklist-label{font-size:13px;color:var(--color-text);line-height:1.3}.task-page__checklist-checkbox input:checked~.task-page__checklist-label{color:var(--color-text-secondary)}.task-page__checklist-group{padding:10px 12px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.task-page__checklist-group-label{display:block;font-size:12px;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm);padding-bottom:6px;border-bottom:1px solid var(--color-border)}.task-page__checklist-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-page__checklist-field{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-sm) 12px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.task-page__checklist-field label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.task-page__checklist-input,.task-page__checklist-select{padding:var(--spacing-sm) 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:13px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.04);width:100%}.task-page__checklist-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.task-page__checklist-input:hover,.task-page__checklist-select:hover{border-color:var(--color-primary);background:var(--color-surface)}.task-page__checklist-input:focus,.task-page__checklist-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);background:var(--color-card-bg)}.task-page__checklist-textarea{padding:var(--spacing-sm) 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:14px;font-family:inherit;resize:vertical;min-height:60px;transition:all .2s ease}.task-page__checklist-textarea:hover{border-color:var(--color-primary)}.task-page__checklist-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.task-page__checklist-field--single{grid-column:1 / -1}.task-page__checklist-field--single .task-page__checklist-textarea{min-height:80px}.task-page__field-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:6px}.task-page__expand-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.task-page__expand-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.task-page__expand-btn i{font-size:10px}.task-page__checklist-field--expanded{background:var(--color-card-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.12)}.task-page__checklist-field--expanded .task-page__checklist-textarea{min-height:200px}.task-page__field-group--single-item .task-page__field-group-children{grid-template-columns:1fr}.task-page__field-group--expandable .task-page__field-group-children{padding:var(--spacing-md)}.task-page__field-group{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.task-page__field-group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:pointer;user-select:none}.task-page__field-group-header:hover{background:var(--color-surface-hover)}.task-page__field-group-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;flex-shrink:0}.task-page__field-group-toggle:hover{background:var(--color-border);color:var(--color-text)}.task-page__field-group-toggle i{transition:transform .2s ease}.task-page__field-group--collapsed .task-page__field-group-toggle i{transform:rotate(-90deg)}.task-page__field-group-title{font-size:13px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.3px;flex:1}.task-page__field-group-value{font-size:14px;font-weight:700;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);padding:4px 10px;border-radius:12px}.task-page__field-group-progress{font-size:11px;font-weight:600;color:var(--color-text);background:var(--color-surface);padding:3px 8px;border-radius:10px;white-space:nowrap}.task-page__field-group-progress:not([data-completed="0"]):not([data-total="0"]){color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.task-page__field-group-children{padding:var(--spacing-sm);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}@media(max-width:600px){.task-page__field-group-children{grid-template-columns:1fr}}.task-page__field-group--collapsed .task-page__field-group-children{display:none}.task-page__field-group--collapsed .task-page__field-group-header{border-bottom:none}.task-page__field-group--empty .task-page__field-group-header{cursor:default;border-bottom:none}.task-page__field-group--empty .task-page__field-group-toggle{visibility:hidden}.task-page__field-group--empty .task-page__field-group-children,.task-page__field-group--empty .task-page__field-group-progress{display:none}.task-page__field-group-children .task-page__checklist-item,.task-page__field-group-children .task-page__checklist-field{border:none;background:var(--color-surface);border-radius:var(--radius-sm)}.task-page__yes-no--header,.task-page__checklist-checkbox--header{margin-left:auto}.task-page__checklist-section-header{padding:var(--spacing-sm) 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-column:1 / -1}.task-page__checklist-section-header-title{font-size:12px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.task-page__checklist-item--yesno{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);grid-column:1 / -1}.task-page__yes-no{display:flex;gap:2px;background:var(--color-border);border-radius:var(--radius-sm);padding:2px}.task-page__yes-no--three{min-width:140px}.task-page__yes-no-btn{padding:6px 14px;border:none;background:transparent;color:var(--color-text);font-size:12px;font-weight:600;cursor:pointer;border-radius:calc(var(--radius-sm) - 2px);transition:all .15s ease}.task-page__yes-no-btn:hover{background:color-mix(in srgb,var(--color-card-bg) 80%,transparent);color:var(--color-text)}.task-page__yes-no-btn--active{background:var(--color-success);color:var(--color-on-success);box-shadow:0 1px 3px rgba(var(--color-success-rgb),.3)}.task-page__yes-no-btn--active.task-page__yes-no-btn--no{background:var(--color-error);box-shadow:0 1px 3px rgba(var(--color-danger-rgb),.3)}.task-page__yes-no-btn--active.task-page__yes-no-btn--na{background:var(--color-text-muted);box-shadow:0 1px 3px color-mix(in srgb,var(--color-text-secondary) 30%,transparent)}.task-page__checklist-item--reason{flex-direction:column;align-items:stretch;grid-column:1 / -1}.task-page__checklist-item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.task-page__reason-container{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-border)}.task-page__reason-input{width:100%;padding:var(--spacing-sm) 12px;border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-text);font-size:13px;transition:all .2s ease}.task-page__reason-input:focus{outline:none;border-color:var(--color-warning);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb),.15)}.task-page__checklist-item--yesno-na{display:flex;flex-direction:column;align-items:stretch;grid-column:1 / -1}.task-page__checklist-item--yesno-na .task-page__checklist-item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.task-page__yesno-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.task-page__note-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.task-page__note-toggle:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.task-page__note-toggle--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.task-page__note-toggle--has-content{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-success)}.task-page__note-toggle--has-content:hover{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-success);opacity:.9}.task-page__checklist-item--with-reason{grid-column:1 / -1}.task-page__reason-input--filled{border-color:var(--color-success);background:var(--color-success-bg)}.task-page__reason-input--filled:focus{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(var(--color-success-rgb),.15)}.task-page__checklist-field--calculated{flex-direction:row;align-items:center;justify-content:space-between;background:var(--color-primary-bg)}.task-page__calculated-value{font-size:16px;font-weight:700;color:var(--color-primary)}.task-page__field-required{color:var(--color-error);font-weight:700;margin-left:2px}.task-page__fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}@media(max-width:600px){.task-page__fields-grid{grid-template-columns:1fr}}.task-page__budget-value--negative{color:var(--color-error)}.task-page__detail--combined{min-height:70px}.task-page__detail-combined-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.task-page__detail-combined-col{display:flex;flex-direction:column;gap:2px}.task-page__detail-via{font-size:12px;color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm)}.task-page__detail-subvalue{font-size:12px;color:var(--color-text-muted);font-weight:500}.task-page__notes-popover{position:absolute;top:100%;left:0;right:0;z-index:var(--z-popover);margin-top:4px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(var(--color-shadow-rgb),.12),0 4px 8px rgba(var(--color-shadow-rgb),.08);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.task-page__notes-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-warning-bg);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:700;color:var(--color-warning);flex-shrink:0}.task-page__notes-popover-add{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.task-page__notes-popover-add:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.task-page__notes-popover-add i{font-size:9px}.task-page__notes-popover-list{padding:var(--spacing-sm);overflow-y:auto;display:flex;flex-direction:column;gap:6px}.task-page__notes-popover-item{padding:10px 12px;background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-warning)}.task-page__notes-popover-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:6px;font-size:11px}.task-page__notes-popover-author{font-weight:600;color:var(--color-text)}.task-page__notes-popover-time{color:var(--color-text-muted)}.task-page__notes-popover-badge{margin-left:auto;padding:2px 6px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-sm);font-size:9px;font-weight:600}.task-page__notes-popover-text{font-size:13px;line-height:1.45;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.task-page__loading-screen{display:flex;align-items:center;justify-content:center;height:100%;background:var(--color-bg)}.task-page__loading-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(var(--color-shadow-rgb),.06)}.task-page__loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:taskLoadingSpin .8s linear infinite}.task-page__loading-text{font-size:14px;font-weight:500;color:var(--color-text-secondary)}@keyframes taskLoadingSpin{to{transform:rotate(360deg)}}[data-theme=dark] .task-page__detail-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .task-page__checklist-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.add-note-modal__info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);font-size:13px}.add-note-modal__client{font-weight:600;color:var(--color-text)}.add-note-modal__service{color:var(--color-text-secondary)}.add-note-modal__service:before{content:"/";margin-right:var(--spacing-sm);color:var(--color-border)}.add-note-modal__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-note-modal__label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.add-note-modal__categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.add-note-modal__checkbox{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.add-note-modal__checkbox:has(input:checked){background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.add-note-modal__checkbox input{display:none}.add-note-modal__content-header{display:flex;align-items:center;justify-content:space-between}.add-note-modal__char-count{font-size:11px;color:var(--color-text-muted)}.add-note-modal__textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;transition:all .2s ease}.add-note-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.add-note-modal__textarea::placeholder{color:var(--color-text-muted)}.task-page__status-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;min-width:140px;transition:all .2s ease}.task-page__status-btn:hover{border-color:var(--color-primary);background:var(--color-card-bg)}.task-page__status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.task-page__status-text{flex:1;text-align:left}.task-page__status-chevron{font-size:10px;color:var(--color-text-muted);transition:transform .2s ease}.task-page__assignee-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;width:100%;transition:all .2s ease;box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.04)}.task-page__assignee-btn:hover{border-color:var(--color-primary);background:var(--color-surface)}.task-page__assignee-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.task-page__assignee-initials{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--color-on-primary);flex-shrink:0}.task-page__assignee-initials--empty{background:var(--color-border);color:var(--color-text-muted)}.task-page__assignee-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-page__assignee-name--empty{color:var(--color-text-muted)}.task-page__assignee-chevron{font-size:10px;color:var(--color-text-muted)}.task-page__dropdown-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.task-page__dropdown-modal--visible{opacity:1;pointer-events:auto}.task-page__dropdown-backdrop{position:absolute;inset:0;background:var(--color-modal-overlay)}.task-page__dropdown-content{position:relative;width:100%;max-width:300px;max-height:400px;background:var(--color-modal-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);transition:transform .2s ease}.task-page__dropdown-modal--visible .task-page__dropdown-content{transform:scale(1)}.task-page__dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border)}.task-page__dropdown-title{font-size:14px;font-weight:600;color:var(--color-text)}.task-page__dropdown-close{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.task-page__dropdown-close:hover{background:var(--color-danger);color:var(--color-on-primary)}.task-page__dropdown-search{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}.task-page__dropdown-search i{font-size:12px}.task-page__dropdown-search-input{flex:1;border:none;background:transparent;color:var(--color-text);font-size:14px;outline:none}.task-page__dropdown-search-input::placeholder{color:var(--color-text-muted)}.task-page__dropdown-list{flex:1;overflow-y:auto;padding:8px}.task-page__dropdown-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.task-page__dropdown-option:hover{background:var(--color-surface-hover)}.task-page__dropdown-option--selected,.task-page__dropdown-option--selected:hover{background:var(--color-primary-bg)}.task-page__dropdown-option-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.task-page__dropdown-option-label{flex:1;font-size:14px;font-weight:500;color:var(--color-text)}.task-page__dropdown-option-check{font-size:12px;color:var(--color-primary)}.task-page__dropdown-assignee-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--color-on-primary)}.task-page__dropdown-assignee-avatar--empty{background:var(--color-border);color:var(--color-text-muted)}@media(max-width:640px){.task-page__dropdown-content{max-width:calc(100vw - 40px);max-height:70vh}}.task-page__task-events{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);overflow:hidden}.task-page__task-events-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg);border-bottom:1px solid var(--color-border);font-weight:600;font-size:14px;color:var(--color-text)}.task-page__task-events-header i{color:var(--color-primary)}.task-page__task-events-count{margin-left:auto;padding:2px 8px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-sm);font-size:12px;font-weight:600}.task-page__task-events-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-page__task-event-type{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.task-page__task-event-type-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);font-weight:500;font-size:13px;color:var(--color-text-secondary)}.task-page__task-event-type-header i{color:var(--color-text-muted)}.task-page__task-event-type-count{margin-left:auto;padding:1px 6px;background:var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:11px;font-weight:600}.task-page__task-event-add-btn{padding:4px 8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;font-size:11px}.task-page__task-event-add-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.task-page__task-event-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:13px;font-style:italic}.task-page__task-event-items{display:flex;flex-direction:column}.task-page__task-event-item{padding:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.task-page__task-event-item:hover{background:var(--color-surface-hover)}.task-page__task-event-item-main{display:flex;align-items:center;gap:var(--spacing-md)}.task-page__task-event-item-date{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;font-weight:500;color:var(--color-text)}.task-page__task-event-item-date i{color:var(--color-text-muted);font-size:12px}.task-page__task-event-item-status{padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:color-mix(in srgb,var(--status-color) 15%,transparent);color:var(--status-color)}.task-page__task-event-item-title{font-size:13px;font-weight:500;color:var(--color-text)}.task-page__task-event-item-location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--color-text-secondary)}.task-page__task-event-item-location i{color:var(--color-text-muted);font-size:11px}.task-page__task-event-members{display:flex;align-items:center;gap:-4px;margin-top:var(--spacing-xs)}.task-page__task-event-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-on-primary);border:2px solid var(--color-card-bg);margin-left:-4px}.task-page__task-event-avatar:first-child{margin-left:0}.task-page__task-event-avatar--more{background:var(--color-text-muted);font-size:9px}.task-page__task-event-item-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);opacity:.6;transition:opacity .15s ease}.task-page__task-event-item:hover .task-page__task-event-item-actions{opacity:1}.task-page__task-event-item-btn{padding:6px 8px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;font-size:12px}.task-page__task-event-item-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.task-page__task-event-item-btn--danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.task-page__task-event-modal{max-width:500px}.task-page__task-event-members-select{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);max-height:180px;overflow-y:auto;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.task-page__task-event-member-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;font-size:13px}.task-page__task-event-member-option input[type=checkbox]{display:none}.task-page__task-event-member-option:hover{background:var(--color-surface-hover)}.task-page__task-event-member-option--selected{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.task-page__task-event-member-option--conflict{border-color:var(--color-warning)}.task-page__task-event-member-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-on-primary);object-fit:cover}.task-page__task-event-member-conflict{color:var(--color-warning);margin-left:auto}.task-page__task-event-form-conflicts{margin-bottom:var(--spacing-md)}.task-page__task-event-conflict-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-md)}.task-page__task-event-conflict-header{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-warning-text);margin-bottom:var(--spacing-sm)}.task-page__task-event-conflict-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:13px;color:var(--color-text-secondary)}.task-page__task-event-conflict-item i{color:var(--color-warning);margin-top:2px}.task-page__task-event-conflict-details{margin-top:var(--spacing-xs);font-size:12px;color:var(--color-text-muted)}.task-page__overview--dashboard{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:100%}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.overview-dashboard__top-row{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg);align-items:start;flex:1;min-height:0}@media(max-width:1100px){.overview-dashboard__top-row{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.overview-dashboard__metrics-column{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}.overview-dashboard__activity-column{display:flex;flex-direction:column;position:sticky;top:var(--spacing-lg);align-self:start;max-height:calc(100vh - var(--sidebar-header-height) - var(--spacing-xl) * 2 - 48px);min-height:400px}.overview-dashboard__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);flex-shrink:0}.overview-dashboard__metrics--three{grid-template-columns:repeat(3,1fr)}.overview-dashboard__metrics--two{grid-template-columns:repeat(2,1fr)}@media(max-width:1200px){.overview-dashboard__metrics,.overview-dashboard__metrics--three,.overview-dashboard__metrics--two{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.overview-dashboard__metrics,.overview-dashboard__metrics--three,.overview-dashboard__metrics--two{grid-template-columns:1fr}}.overview-metric{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default}.overview-metric:hover{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:var(--shadow-elevated)}.overview-metric--budget{cursor:pointer}.overview-metric--budget:hover{border-color:var(--color-success);box-shadow:0 0 20px rgba(var(--color-success-rgb),.15)}.overview-metric--urgent{border-color:var(--color-danger)}.overview-metric--warning{border-color:var(--color-warning)}.overview-metric__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.overview-metric__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.overview-metric__icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:12px}.overview-metric__icon--green{background:var(--color-success-bg);color:var(--color-success)}.overview-metric__icon--blue{background:var(--color-primary-bg);color:var(--color-primary)}.overview-metric__icon--purple{background:var(--color-purple-bg);color:var(--color-purple)}.overview-metric__icon--yellow{background:var(--color-warning-bg);color:var(--color-warning)}.overview-metric__icon--red{background:var(--color-danger-bg);color:var(--color-danger)}.overview-metric__icon--cyan{background:var(--color-cyan-bg);color:var(--color-cyan)}.overview-metric__value{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:22px;font-weight:700;color:var(--color-text);line-height:1.1;margin-bottom:2px}.overview-metric__value--muted{color:var(--color-text-muted)}.overview-metric--prior:hover{border-color:var(--color-cyan);box-shadow:0 0 20px rgba(var(--color-info-rgb),.15)}.overview-metric--budget-prior{cursor:pointer}.overview-metric--budget-prior:hover{border-color:var(--color-success);box-shadow:0 0 20px rgba(var(--color-success-rgb),.15)}.overview-metric__dual-values{display:flex;align-items:stretch;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.overview-metric__dual-item{flex:1;display:flex;flex-direction:column;gap:2px}.overview-metric__dual-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted)}.overview-metric__dual-value{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:16px;font-weight:700;color:var(--color-text);line-height:1.2}.overview-metric__dual-value--muted{color:var(--color-text-muted)}.overview-metric__dual-divider{width:1px;background:var(--color-border);align-self:stretch}.overview-metric__dual-progress{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-sm)}.overview-metric__progress-row{display:flex;align-items:center;gap:var(--spacing-sm)}.overview-metric__progress-label{font-size:10px;font-weight:500;color:var(--color-text-muted);width:40px;flex-shrink:0}.overview-metric__progress-track{flex:1;min-width:0}.overview-metric__progress-percent{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:10px;font-weight:600;color:var(--color-text-secondary);width:32px;text-align:right;flex-shrink:0}.overview-metric__progress-fill--cyan{background:linear-gradient(90deg,#39d5ff,#67e8f9)}.overview-metric--combined{cursor:default}.overview-metric__combined-values{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:2px}.overview-metric__primary-value{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:18px;font-weight:700;color:var(--color-text);line-height:1.1}.overview-metric__value-divider{width:4px;height:4px;background:var(--color-text-muted);border-radius:50%;opacity:.5}.overview-metric__secondary-value{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;font-weight:600;color:var(--color-text-secondary);line-height:1.1}.overview-metric--has-breakdown{cursor:pointer;position:relative;overflow:visible}.overview-metric--has-breakdown:hover{border-color:var(--color-primary);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.15)}.overview-metric__breakdown-popover{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:var(--z-popover);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);min-width:240px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;pointer-events:none}.overview-metric--breakdown-active .overview-metric__breakdown-popover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.overview-metric__breakdown-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.overview-metric__breakdown-header:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.overview-metric__breakdown-list{padding:var(--spacing-sm);max-height:240px;overflow-y:auto}.overview-metric__breakdown-person{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-sm);border-radius:var(--radius-sm);transition:background .15s ease}.overview-metric__breakdown-person:hover{background:var(--color-surface)}.overview-metric__breakdown-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-on-primary);flex-shrink:0}.overview-metric__breakdown-name{flex:1;font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-metric__breakdown-hours{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;font-weight:600;color:var(--color-primary);min-width:45px;text-align:right}.overview-metric__breakdown-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-top:1px solid var(--color-border);font-size:12px;font-weight:600;color:var(--color-text);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.overview-metric__breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px var(--spacing-sm);font-size:13px;color:var(--color-text);border-radius:var(--radius-sm)}.overview-metric__breakdown-row:hover{background:var(--color-surface)}.overview-metric__breakdown-row span:last-child{font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:600;color:var(--color-primary)}.overview-metric__breakdown-row--over span:last-child{color:var(--color-danger)}.overview-metric__breakdown-row--under span:last-child{color:var(--color-success)}.overview-metric__breakdown-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:12px;font-style:italic}.overview-metric__subtext{font-size:11px;color:var(--color-text-muted)}.overview-metric__subtext--date{margin-top:var(--spacing-sm);display:flex;align-items:center;gap:6px}.overview-metric__subtext--date i{font-size:11px}.overview-metric__progress{margin-top:var(--spacing-sm)}.overview-metric__progress-bar{height:4px;background:var(--color-surface);border-radius:2px;overflow:hidden}.overview-metric__progress-fill{height:100%;border-radius:2px;transition:width .5s ease}.overview-metric__progress-fill--green{background:linear-gradient(90deg,var(--color-success),#4ade80)}.overview-metric__progress-fill--blue{background:linear-gradient(90deg,var(--color-primary),#93c5fd)}.overview-metric__progress-fill--yellow{background:linear-gradient(90deg,var(--color-warning),#fcd34d)}.overview-metric__progress-fill--red{background:linear-gradient(90deg,var(--color-danger),#fca5a5)}.overview-metric__progress-labels{display:flex;justify-content:space-between;margin-top:2px;font-size:10px;color:var(--color-text-muted)}.overview-metric__trend{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);margin-top:var(--spacing-xs)}.overview-metric__trend--up{background:var(--color-success-bg);color:var(--color-success)}.overview-metric__trend--down{background:var(--color-danger-bg);color:var(--color-danger)}.overview-metric__trend--neutral{background:var(--color-surface);color:var(--color-text-secondary)}.overview-metric__countdown{display:flex;align-items:baseline;gap:var(--spacing-sm)}.overview-metric__countdown-number{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:36px;font-weight:700;line-height:1}.overview-metric__countdown-number--safe{color:var(--color-success)}.overview-metric__countdown-number--warning{color:var(--color-warning)}.overview-metric__countdown-number--urgent{color:var(--color-danger)}.overview-metric__countdown-number--neutral{color:var(--color-text-secondary)}.overview-metric__countdown-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.overview-metric__mini-chart{margin-top:var(--spacing-md)}.overview-metric__chart-bars{display:flex;height:20px;border-radius:4px;overflow:hidden;background:var(--color-surface)}.overview-metric__chart-bar{height:100%;transition:width .3s ease}.overview-metric__chart-bar--billable{background:var(--color-success)}.overview-metric__chart-bar--non-billable{background:var(--color-primary)}.overview-metric__chart-bar--empty{width:100%;background:var(--color-surface)}.overview-metric__chart-legend{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.overview-metric__legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary)}.overview-metric__legend-dot{width:8px;height:8px;border-radius:2px}.overview-metric__legend-dot--billable{background:var(--color-success)}.overview-metric__legend-dot--non-billable{background:var(--color-primary)}.overview-metric--assignee{cursor:pointer}.overview-metric--assignee:hover{border-color:var(--color-purple);box-shadow:0 0 20px #8b5cf626}.overview-metric__assignee-display{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.overview-metric__assignee-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--color-on-primary);flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-purple, #a855f7))}.overview-metric__assignee-avatar--img{object-fit:cover;border:2px solid var(--color-border);background:none}.overview-metric__assignee-avatar--empty{background:var(--color-surface);color:var(--color-text-muted);border:2px dashed var(--color-border)}.overview-metric__assignee-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.overview-metric__assignee-name{font-size:15px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-metric__assignee-name--empty{color:var(--color-text-muted)}.overview-metric__assignee-role{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.overview-dashboard__detail-value--due{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.overview-dashboard__detail-value--warning{color:var(--color-warning)}.overview-dashboard__detail-value--urgent{color:var(--color-danger)}.overview-dashboard__days-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.overview-dashboard__days-badge--safe{background:var(--color-success-bg);color:var(--color-success)}.overview-dashboard__days-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.overview-dashboard__days-badge--urgent{background:var(--color-danger-bg);color:var(--color-danger)}.overview-dashboard__days-badge--neutral{background:var(--color-surface);color:var(--color-text-secondary)}.overview-dashboard__panel{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-subtle)}.overview-dashboard__panel--overflow-visible{overflow:visible}.overview-dashboard__panel--activity{display:flex;flex-direction:column}.overview-dashboard__panel--activity-full{flex:1;min-height:0;display:flex;flex-direction:column;height:100%}.overview-dashboard__panel--activity-full .overview-dashboard__activity-feed{flex:1;min-height:0;max-height:none;overflow-y:auto}.overview-dashboard__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.overview-dashboard__panel-title{font-size:13px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.overview-dashboard__panel-title i{color:var(--color-primary);font-size:12px}.overview-dashboard__panel-action{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.overview-dashboard__panel-action:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.overview-dashboard__panel-action i{font-size:10px}.overview-dashboard__panel-count{background:var(--color-primary);color:var(--color-on-primary);font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full)}.overview-dashboard__panel-body{padding:var(--spacing-lg) var(--spacing-xl);overflow:visible}.overview-dashboard__panel-body--compact{padding:var(--spacing-md)}.overview-dashboard__panel-body--no-padding{padding:0}.overview-dashboard__details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg) var(--spacing-xl);overflow:visible}@media(max-width:900px){.overview-dashboard__details-grid{grid-template-columns:1fr}}.overview-dashboard__detail-item{display:flex;flex-direction:column;gap:6px}.overview-dashboard__detail-value-row{font-size:14px;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm);height:36px}.overview-dashboard__detail-value-row i{color:var(--color-text-muted);font-size:12px}.overview-dashboard__detail-item--clickable{cursor:pointer;padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm));border-radius:var(--radius-md);transition:all .15s ease}.overview-dashboard__detail-item--clickable:hover{background:var(--color-surface)}.overview-dashboard__detail-item--notes{position:relative;grid-column:span 2}.overview-dashboard__detail-item--notes .overview-dashboard__detail-label i{color:var(--color-warning)}.overview-dashboard__detail-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px;min-height:20px}.overview-dashboard__detail-label i{font-size:10px}.overview-dashboard__detail-value{font-size:14px;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.overview-dashboard__detail-value i{font-size:12px;color:var(--color-text-muted)}.overview-dashboard__detail-link{font-size:14px;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm);transition:color .15s ease}.overview-dashboard__detail-link:hover{text-decoration:underline}.overview-dashboard__detail-link i{font-size:12px}.overview-dashboard__group-manager{display:flex;flex-direction:column;gap:4px}.overview-dashboard__manager-name{font-size:13px;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.overview-dashboard__manager-name i{font-size:11px;color:var(--color-text-muted)}.overview-dashboard__detail-editable{position:relative}.overview-dashboard__date-row{display:flex;align-items:center;gap:var(--spacing-sm);height:36px}.overview-dashboard__date-input{padding:0 12px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .15s ease;flex:1;min-width:0;box-sizing:border-box}.overview-dashboard__date-input:hover{border-color:var(--color-primary)}.overview-dashboard__date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.overview-dashboard__assignee-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;width:100%}.overview-dashboard__assignee-card:hover{border-color:var(--color-primary);background:var(--color-card-bg)}.overview-dashboard__assignee-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.overview-dashboard__assignee-initials{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--color-on-primary);flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-purple, #a855f7))}.overview-dashboard__assignee-initials--empty{background:var(--color-surface);color:var(--color-text-muted);border:2px dashed var(--color-border)}.overview-dashboard__assignee-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.overview-dashboard__assignee-name{font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-dashboard__assignee-name--empty{color:var(--color-text-muted)}.overview-dashboard__assignee-dynamic,.overview-metric__assignee-dynamic{font-size:.8em;font-weight:500;color:var(--color-text-muted)}.overview-dashboard__assignee-dynamic--locked{color:var(--color-warning)}.overview-dashboard__assignee-lock{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:2px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:11px;cursor:pointer;transition:background .15s ease,color .15s ease}.overview-dashboard__assignee-lock:hover{background:var(--color-surface-hover);color:var(--color-text)}.overview-dashboard__assignee-lock--on{color:var(--color-warning)}.overview-dashboard__assignee-lock[aria-busy=true]{opacity:.5;pointer-events:none}.overview-dashboard__assignee-role{font-size:12px;color:var(--color-text-secondary)}.overview-dashboard__assignee-action{color:var(--color-text-muted);font-size:12px;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all .15s ease}.overview-dashboard__assignee-card:hover .overview-dashboard__assignee-action{color:var(--color-primary);background:var(--color-primary-bg)}.overview-dashboard__billing-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.overview-dashboard__billing-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:14px;font-size:11px;font-weight:600;letter-spacing:.3px}.overview-dashboard__billing-badge--not-yet-billed{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.overview-dashboard__billing-badge--billing-prepared{background:var(--color-warning-bg);color:var(--color-warning)}.overview-dashboard__billing-badge--billing-approved{background:var(--color-primary-bg);color:var(--color-primary)}.overview-dashboard__billing-badge--invoiced,.overview-dashboard__billing-badge--billed{background:var(--color-success-bg);color:var(--color-success)}.overview-dashboard__billing-via{font-size:12px;color:var(--color-text-muted)}.overview-dashboard__assignee-inline{display:flex;align-items:center;gap:var(--spacing-sm)}.overview-dashboard__assignee-avatar-sm{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-on-primary);flex-shrink:0}.overview-dashboard__assignee-avatar-sm--img{object-fit:cover}.overview-dashboard__assignee-avatar-sm--empty{background:var(--color-surface);color:var(--color-text-muted);border:1px dashed var(--color-border)}.overview-dashboard__edit-icon{font-size:10px;color:var(--color-text-muted);margin-left:auto;opacity:0;transition:opacity .15s ease}.overview-dashboard__detail-item--clickable:hover .overview-dashboard__edit-icon{opacity:1;color:var(--color-primary)}.overview-dashboard__detail-value--muted{color:var(--color-text-muted)}.overview-dashboard__notes-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:var(--color-warning);color:var(--color-on-warning);border-radius:9px;font-size:10px;font-weight:700}.overview-dashboard__notes-inline{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.overview-dashboard__notes-inline--empty{justify-content:space-between}.overview-dashboard__notes-inline--has-notes{background:var(--color-warning-bg);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--color-warning);cursor:pointer;position:relative}.overview-dashboard__notes-add-inline{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.overview-dashboard__notes-add-inline:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.overview-dashboard__notes-preview{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.overview-dashboard__notes-preview-text{font-size:13px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-dashboard__notes-preview-meta{font-size:11px;color:var(--color-text-muted)}.overview-dashboard__notes-inline--has-notes .task-page__notes-popover{position:absolute;top:100%;left:0;right:0;z-index:var(--z-popover);margin-top:4px;min-width:320px}.overview-dashboard__notes-inline--has-notes:hover .task-page__notes-popover{opacity:1;visibility:visible;transform:translateY(0)}.overview-dashboard__notes-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-muted);font-size:13px}.overview-dashboard__notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-muted);font-size:13px}.overview-dashboard__notes-empty i{font-size:24px;opacity:.4}.overview-dashboard__notes-list{display:flex;flex-direction:column}.overview-dashboard__note-item{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);border-left:3px solid var(--color-primary);transition:background .15s ease}.overview-dashboard__note-item:last-child{border-bottom:none}.overview-dashboard__note-item:hover{background:var(--color-surface)}.overview-dashboard__note-item--important{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.overview-dashboard__note-text{font-size:13px;color:var(--color-text);line-height:1.5;white-space:pre-wrap;word-break:break-word}.overview-dashboard__note-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:11px;color:var(--color-text-muted)}.overview-dashboard__linked-list{display:flex;flex-direction:column}.overview-dashboard__linked-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);border-bottom:1px solid var(--color-border-light);transition:all .15s ease}.overview-dashboard__linked-item:last-child{border-bottom:none}.overview-dashboard__linked-item:hover{background:var(--color-surface)}.overview-dashboard__linked-name{font-size:13px;font-weight:500;color:var(--color-text)}.overview-dashboard__linked-service{font-size:11px;color:var(--color-text-muted);background:var(--color-surface);padding:3px 10px;border-radius:var(--radius-full);flex-shrink:0}.overview-dashboard__panel-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.overview-dashboard__linked-add-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all .15s ease}.overview-dashboard__linked-add-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.overview-dashboard__linked-info{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex:1;min-width:0;text-decoration:none}.overview-dashboard__linked-info:hover .overview-dashboard__linked-name{color:var(--color-primary)}.overview-dashboard__linked-unlink{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:10px;cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0}.overview-dashboard__linked-item:hover .overview-dashboard__linked-unlink{opacity:1}.overview-dashboard__linked-unlink:hover{background:var(--color-danger-bg);color:var(--color-danger)}.overview-dashboard__linked-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.overview-dashboard__linked-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:10px;cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0}.overview-dashboard__linked-item:hover .overview-dashboard__linked-action{opacity:1}.overview-dashboard__linked-action:hover{background:var(--color-warning-bg);color:var(--color-warning-text)}.overview-dashboard__linked-badge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;color:var(--color-warning-text);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.overview-dashboard__linked-badge i{font-size:9px}.delink-modal{padding:4px 2px}.delink-modal__message,.delink-modal__intro{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--color-text)}.delink-modal__hint{margin:0 0 4px;font-size:12px;color:var(--color-text-muted);line-height:1.5}.delink-modal__options{display:flex;flex-direction:column;gap:8px}.delink-modal__option{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.delink-modal__option:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.delink-modal__option--selected{border-color:var(--color-primary);background:var(--color-primary-bg, var(--color-surface-hover));box-shadow:0 0 0 1px var(--color-primary)}.delink-modal__radio{margin-top:3px;flex-shrink:0;accent-color:var(--color-primary)}.delink-modal__option-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.delink-modal__option-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text)}.delink-modal__option-desc{font-size:12px;color:var(--color-text-secondary);line-height:1.45}.delink-modal__badge{padding:1px 7px;font-size:10px;font-weight:600;color:var(--color-success-text);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.overview-dashboard__linked-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);color:var(--color-text-muted);font-size:12px;font-style:italic}.link-task-modal{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:200px;max-height:400px}.link-task-modal__search-wrapper{position:relative;display:flex;align-items:center}.link-task-modal__search-icon{position:absolute;left:12px;color:var(--color-text-muted);font-size:13px;pointer-events:none}.link-task-modal__search{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:13px;outline:none;transition:border-color .15s ease}.link-task-modal__search:focus{border-color:var(--color-primary)}.link-task-modal__list{overflow-y:auto;flex:1;border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.link-task-modal__item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:10px var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background .15s ease}.link-task-modal__item:last-child{border-bottom:none}.link-task-modal__item:hover{background:var(--color-surface)}.link-task-modal__item-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.link-task-modal__item-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-task-modal__item:hover .link-task-modal__item-name{color:var(--color-primary)}.link-task-modal__item-period{font-size:11px;color:var(--color-text-muted);flex-shrink:0}.link-task-modal__item-service{font-size:11px;color:var(--color-text-muted);background:var(--color-surface);padding:3px 10px;border-radius:var(--radius-full);flex-shrink:0;white-space:nowrap}.link-task-modal__empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:13px;font-style:italic}.overview-dashboard__activity-controls{display:flex;align-items:center;gap:var(--spacing-md)}.overview-dashboard__activity-toggle{background:var(--color-card-bg)}.overview-dashboard__toggle-btn{font-size:11px;font-weight:600}.overview-dashboard__activity-count{min-width:22px;height:22px;padding:0 8px;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.overview-dashboard__activity-feed{overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:4px;min-height:200px;max-height:400px}.overview-dashboard__comment-box{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.overview-dashboard__comment-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:13px;font-family:inherit;resize:none;transition:all .15s ease}.overview-dashboard__comment-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.overview-dashboard__comment-input::placeholder{color:var(--color-text-muted)}.overview-dashboard__comment-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-on-primary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.overview-dashboard__comment-btn:hover{filter:brightness(1.1)}[data-theme=dark] .overview-dashboard__status-badge{box-shadow:0 0 16px rgba(var(--color-primary-rgb),.25)}[data-theme=dark] .overview-metric--budget:hover{box-shadow:0 0 24px rgba(var(--color-success-rgb),.2)}[data-theme=dark] .overview-metric__progress-bar,[data-theme=dark] .overview-metric__chart-bars{background:var(--color-border)}.task-page__history{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-page__history-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-page__history-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .15s ease}.task-page__history-item:hover{border-color:rgba(var(--color-primary-rgb),.2);background:var(--color-surface)}.task-page__history-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:rgba(var(--icon-color, var(--color-primary-rgb)),.1);color:var(--icon-color, var(--color-primary));flex-shrink:0;font-size:12px}.task-page__history-content{flex:1;min-width:0}.task-page__history-desc{font-size:13px;color:var(--color-text);line-height:1.4;margin-bottom:4px}.task-page__history-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:11px;color:var(--color-text-muted)}.task-page__history-user{font-weight:600;color:var(--color-text-secondary)}.task-page__history-date{color:var(--color-text-muted)}.task-page__events{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-page__events-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--color-text-muted);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.task-page__events-empty i{font-size:2rem;margin-bottom:var(--spacing-md);opacity:.4}.task-page__events-empty-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.task-page__events-empty-text{font-size:13px}.task-page__write-off-banner{display:flex;align-items:center;gap:16px;padding:14px 24px;background:linear-gradient(90deg,rgba(var(--color-danger-rgb),.14),rgba(var(--color-danger-rgb),.06));border-bottom:2px solid var(--color-danger);color:var(--color-text);position:sticky;top:0;z-index:6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.task-page__write-off-banner-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-danger);color:var(--color-on-danger);flex-shrink:0;box-shadow:0 0 0 4px rgba(var(--color-danger-rgb),.18)}.task-page__write-off-banner-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.task-page__write-off-banner-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-danger)}.task-page__write-off-banner-date{font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:none;color:var(--color-text-secondary)}.task-page__write-off-banner-reason{font-size:13px;line-height:1.4;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-page__write-off-banner-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-card-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.task-page__write-off-banner-btn:hover{background:var(--color-danger);color:var(--color-on-danger)}.task-page__write-off-banner-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.task-page__locked-banner{display:flex;align-items:center;gap:16px;padding:12px 24px;background:linear-gradient(90deg,rgba(var(--color-success-rgb),.14),rgba(var(--color-success-rgb),.05));border-bottom:2px solid var(--color-success);color:var(--color-text);position:sticky;top:0;z-index:6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.task-page__locked-banner-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-success);color:var(--color-on-success);flex-shrink:0;box-shadow:0 0 0 4px rgba(var(--color-success-rgb),.18)}.task-page__locked-banner-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.task-page__locked-banner-title{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-success)}.task-page__locked-banner-text{font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.task-page__header-status--locked{cursor:not-allowed;opacity:.85}.task-page__header-status--locked:hover{background:inherit}.task-page__header-billed--paid{color:var(--color-success)}.write-off-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.write-off-modal__warning{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:rgba(var(--color-danger-rgb),.08);border:1px solid rgba(var(--color-danger-rgb),.25);border-radius:var(--radius-sm);font-size:13px;line-height:1.5;color:var(--color-text)}.write-off-modal__warning i{color:var(--color-danger);font-size:18px;margin-top:1px}.write-off-modal__warning strong{display:block;margin-bottom:4px;color:var(--color-danger)}.write-off-modal__summary{padding:10px 12px;background:var(--color-surface);border-left:3px solid var(--color-danger);border-radius:4px;font-size:13px;color:var(--color-text);font-weight:500}.write-off-modal__label{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:-6px}.write-off-modal__required{color:var(--color-danger);margin-left:2px}.write-off-modal__reason{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-text);font-family:inherit;font-size:13px;line-height:1.4;resize:vertical;min-height:100px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.write-off-modal__reason:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.write-off-modal__reason--invalid,.write-off-modal__reason--invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb),.15)}.write-off-modal__error{font-size:12px;color:var(--color-danger);min-height:16px}.write-off-modal__error:empty{min-height:0}.write-off-modal__message{margin:0;font-size:13px;line-height:1.5;color:var(--color-text)}.write-off-modal__meta{font-size:12px;color:var(--color-text-secondary)}.write-off-modal__reason-display{padding:10px 12px;background:var(--color-surface);border-left:3px solid var(--color-danger);border-radius:4px;font-size:13px;color:var(--color-text)}.write-off-modal__reason-display strong{color:var(--color-danger)}.comment-reactions{display:inline-flex;align-items:center;gap:3px;margin-left:auto;opacity:.85;transition:opacity .15s ease}.comment-reactions:hover{opacity:1}.comment-reactions--empty{opacity:0}.comment-reactions--empty:hover,.tasks__comments-popover-item:hover .comment-reactions--empty,.task-comments__item:hover .comment-reactions--empty{opacity:1}.comment-reactions__display{display:inline-flex;flex-wrap:nowrap;gap:2px}.comment-reactions__pill{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.625rem;transition:all .15s ease;user-select:none}.comment-reactions__pill:hover{background:var(--color-surface-hover);transform:scale(1.1)}.comment-reactions__pill--active,.comment-reactions__pill--active:hover{background:var(--color-primary-bg)}.comment-reactions__emoji{font-size:.6875rem;line-height:1}.comment-reactions__count{font-size:.5625rem;font-weight:600;color:var(--color-text-tertiary)}.comment-reactions__pill--active .comment-reactions__count{color:var(--color-primary)}.comment-reactions__pill{position:relative}.comment-reactions__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.95);opacity:0;visibility:hidden;transition:all .15s ease;z-index:var(--z-popover);pointer-events:none}.comment-reactions__pill:hover .comment-reactions__tooltip{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.comment-reactions__tooltip-content{background:var(--color-tooltip-bg, var(--color-card-bg));border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);padding:6px 10px;white-space:nowrap;max-width:200px}.comment-reactions__tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-tooltip-bg, var(--color-card-bg))}.comment-reactions__tooltip-content:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-border);margin-top:1px}.comment-reactions__tooltip-name{font-size:var(--font-size-xs);color:var(--color-text);padding:2px 0;overflow:hidden;text-overflow:ellipsis;max-width:180px}.comment-reactions__tooltip-name:not(:last-child){border-bottom:1px solid var(--color-border-light);padding-bottom:4px;margin-bottom:2px}.comment-reactions__tooltip--bottom{bottom:auto;top:calc(100% + 6px)}.comment-reactions__tooltip--bottom .comment-reactions__tooltip-content:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color-tooltip-bg, var(--color-card-bg))}.comment-reactions__tooltip--bottom .comment-reactions__tooltip-content:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color-border);margin-top:0;margin-bottom:1px}.comment-reactions__add-container{position:relative;opacity:0;transition:opacity .15s ease}.tasks__comments-popover-item:hover .comment-reactions__add-container,.task-comments__item:hover .comment-reactions__add-container,.comment-reactions:hover .comment-reactions__add-container{opacity:1}.comment-reactions__add-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);font-size:.625rem;transition:all .15s ease}.comment-reactions__add-btn:hover{background:var(--color-surface-hover);color:var(--color-primary);transform:scale(1.15)}.comment-reactions__picker{position:absolute;bottom:calc(100% + 4px);right:0;transform:scale(.9);transform-origin:bottom right;display:flex;gap:1px;padding:4px 5px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);opacity:0;visibility:hidden;transition:all .15s ease;z-index:var(--z-popover)}.comment-reactions__picker:after{content:"";position:absolute;top:100%;right:4px;border:4px solid transparent;border-top-color:var(--color-card-bg)}.comment-reactions__picker:before{content:"";position:absolute;top:100%;right:3px;border:5px solid transparent;border-top-color:var(--color-border)}.comment-reactions__picker--visible{opacity:1;visibility:visible;transform:scale(1)}.comment-reactions__picker--bottom{bottom:auto;top:calc(100% + 4px);transform-origin:top right}.comment-reactions__picker--bottom:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color-card-bg)}.comment-reactions__picker--bottom:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color-border)}.comment-reactions__picker-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;transition:all .12s ease}.comment-reactions__picker-btn:hover{background:var(--color-surface-hover);transform:scale(1.2)}.comment-reactions__picker-btn--active,.comment-reactions__picker-btn--active:hover{background:var(--color-primary-bg)}.comment-reactions__animating{animation:reaction-pop .2s ease}@keyframes reaction-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}[data-theme=dark] .comment-reactions__picker{box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.3)}.schedule-event-modal__section{background:var(--color-bg);border-radius:8px;padding:1rem}.schedule-event-modal__section-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.75rem}.schedule-event-modal__section-label i{color:var(--color-primary)}.schedule-event-modal__tasks-preview{display:flex;flex-direction:column;gap:.375rem}.schedule-event-modal__task-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-card-bg);border-radius:6px;font-size:.8125rem}.schedule-event-modal__task-name{font-weight:500;color:var(--color-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-event-modal__task-client{color:var(--color-text-secondary);margin-left:.75rem;flex-shrink:0}.schedule-event-modal__more-tasks{text-align:center;font-size:.75rem;color:var(--color-text-muted);padding:.5rem}.schedule-event-modal__field{display:flex;flex-direction:column;gap:.5rem}.schedule-event-modal__field--flex{flex:1}.schedule-event-modal__row{display:flex;gap:1rem}.schedule-event-modal__label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.schedule-event-modal__label .required{color:var(--color-danger)}.schedule-event-modal__input,.schedule-event-modal__select,.schedule-event-modal__textarea{padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background:var(--color-input-bg);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.schedule-event-modal__input:focus,.schedule-event-modal__select:focus,.schedule-event-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.schedule-event-modal__input--error{border-color:var(--color-danger)}.schedule-event-modal__textarea{resize:vertical;min-height:80px}.schedule-event-modal__members{display:flex;flex-wrap:wrap;gap:.5rem;max-height:160px;overflow-y:auto;padding:.5rem;background:var(--color-bg);border-radius:8px;border:1px solid var(--color-border)}.schedule-event-modal__member{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.schedule-event-modal__member:hover{background:var(--color-bg-hover)}.schedule-event-modal__member--selected{background:var(--color-primary-bg);border-color:var(--color-primary-light)}.schedule-event-modal__member-cb{display:none}.schedule-event-modal__member-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--color-on-primary)}.schedule-event-modal__member-name{font-size:.8125rem;color:var(--color-text)}.schedule-event-modal__no-staff{padding:1rem;text-align:center;color:var(--color-text-muted);font-size:.8125rem;width:100%}.schedule-event-modal__mode-toggle{display:flex;gap:.5rem;background:var(--color-bg);border-radius:8px;padding:.25rem;border:1px solid var(--color-border)}.schedule-event-modal__mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.schedule-event-modal__mode-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.schedule-event-modal__mode-btn--active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.1)}.schedule-event-modal__mode-btn--active:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.schedule-event-modal__mode-btn i{font-size:.875rem}.schedule-event-modal__hint{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:var(--color-info-bg);border-radius:6px;font-size:.75rem;color:var(--color-info-text)}.schedule-event-modal__hint i{color:var(--color-info);flex-shrink:0}@media(max-width:480px){.schedule-event-modal__row{flex-direction:column}}.modal__form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.modal__row{display:flex;gap:var(--spacing-md)}.modal__field{flex:1;display:flex;flex-direction:column;gap:6px}.modal__field--full{flex:1 0 100%}.modal__field--client,.modal__field--task{flex:2}.modal__field--amount{flex:1;min-width:120px}.modal__label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.modal__input{padding:var(--spacing-sm) 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background:var(--color-input-bg);color:var(--color-input-text);transition:border-color var(--transition-fast)}.modal__input:focus{outline:none;border-color:var(--color-primary)}.modal__input--textarea{resize:vertical;min-height:60px}.modal__input-group{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.modal__input-group:focus-within{border-color:var(--color-primary)}.modal__input-prefix{padding:var(--spacing-sm) 12px;background:var(--color-surface);border-right:1px solid var(--color-border);font-size:14px;font-weight:600;color:var(--color-text-secondary)}.modal__input-group .modal__input{border:none;flex:1}.modal__divider{height:1px;background:var(--color-border);margin:12px 0}.modal__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal__section-header{display:flex;justify-content:space-between;align-items:center}.modal__section-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.modal__allocations{display:flex;flex-direction:column;gap:12px}.modal__allocation{background:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.modal__allocation-row{display:flex;gap:12px;align-items:flex-end}.modal__btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.modal__btn--small{padding:6px 12px;font-size:13px}.modal__btn--primary{background:var(--color-primary);color:var(--white)}.modal__btn--primary:hover{background:var(--color-primary-dark)}.modal__btn--danger{background:var(--color-error);color:var(--white)}.modal__btn--danger:hover{opacity:.9}.modal__btn--icon{padding:var(--spacing-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.modal__search-wrapper{position:relative;width:100%}.modal__search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-card-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:200px;overflow-y:auto;z-index:var(--z-header);box-shadow:var(--shadow-default)}.modal__search-result{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-fast)}.modal__search-result:hover{background:var(--color-surface)}.modal__search-result-name{font-size:14px;color:var(--color-text)}.modal__search-result-code{font-size:12px;color:var(--color-text-secondary);font-weight:600}.modal__search-no-results{padding:12px;text-align:center;color:var(--color-text-secondary);font-size:14px}.billing-modal{padding:0}.billing-modal__layout{display:flex;flex-direction:column;gap:var(--spacing-xl)}.billing-modal__tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin:0 -20px;padding:0 20px}.billing-modal__tab{padding:12px var(--spacing-xl);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:15px;font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm);transition:color var(--transition-fast),background-color var(--transition-fast),border-bottom-color var(--transition-fast);position:relative;margin-bottom:-2px}.billing-modal__tab:hover{color:var(--color-primary);background:var(--color-surface)}.billing-modal__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-card-bg)}.billing-modal__tab i{font-size:16px}.billing-modal__tab-content{position:relative}.billing-modal__tab-panel{display:none;animation:fadeIn .3s ease-in-out}.billing-modal__tab-panel--active{display:block}.billing-modal__header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.billing-modal__info{display:flex;gap:32px}.billing-modal__info-item{display:flex;gap:var(--spacing-sm);align-items:center}.billing-modal__info-item label{font-weight:600;color:var(--color-text-secondary)}.billing-modal__info-item span{color:var(--color-text)}.billing-modal__section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.billing-modal__section-title{margin:0 0 var(--spacing-md) 0;font-size:18px;font-weight:600;color:var(--color-text);display:flex;justify-content:space-between;align-items:center}.billing-modal__table{width:100%;border-collapse:collapse;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.billing-modal__table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.billing-modal__table th{padding:12px;text-align:left;font-weight:600;font-size:13px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.billing-modal__table td{padding:12px;border-bottom:1px solid var(--color-border-light);font-size:14px}.billing-modal__table tbody tr:last-child td{border-bottom:none}.billing-modal__table tbody tr:hover{background:var(--color-surface-hover)}.billing-modal__prior-column{background:var(--color-surface);color:var(--color-text-secondary);opacity:.7}.billing-modal__budget-column{background:var(--color-warning-bg);color:var(--color-warning);font-weight:500}.billing-modal__total-row{background:var(--color-surface);border-top:2px solid var(--color-border)}.billing-modal__total-row td{font-weight:600;color:var(--color-text);padding:14px 12px}.billing-modal__variance-warning{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);display:flex;gap:12px}.billing-modal__variance-warning i{color:var(--color-warning);font-size:20px}.billing-modal__variance-content{flex:1}.billing-modal__variance-content strong{color:var(--color-warning);display:block;margin-bottom:var(--spacing-sm)}.billing-modal__variance-reason{margin-top:12px}.billing-modal__variance-reason label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-warning)}.billing-modal__variance-input{width:100%;padding:10px;border:1px solid var(--color-warning);border-radius:var(--radius-md);font-family:var(--font-family);font-size:14px;resize:vertical;background:var(--color-input-bg);color:var(--color-input-text)}.billing-modal__costs{min-height:100px}.billing-modal__no-costs{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.billing-modal__add-cost-btn{background:var(--color-primary);color:var(--white);border:none;padding:6px 12px;border-radius:var(--radius-md);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--transition-fast)}.billing-modal__add-cost-btn:hover{background:var(--color-primary-hover)}.billing-modal__costs-table{width:100%;border-collapse:collapse;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.billing-modal__costs-table thead{background:var(--color-surface)}.billing-modal__costs-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:13px;color:var(--color-text-secondary)}.billing-modal__costs-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-light)}.billing-modal__remove-cost{background:var(--color-danger);color:var(--white);border:none;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:background var(--transition-fast)}.billing-modal__remove-cost:hover{opacity:.9}.billing-modal__final-amount,.billing-modal__cost-final{width:120px;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;text-align:right}.billing-modal__final-amount:focus,.billing-modal__cost-final:focus{outline:none;border-color:var(--color-primary)}.billing-modal__review-controls{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);padding:20px}.billing-modal__adjustment{margin-top:var(--spacing-md)}.billing-modal__adjustment label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.billing-modal__adjustment-options{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-md)}.billing-modal__adjustment-options label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:400;cursor:pointer}.billing-modal__adjustment-input{display:flex;align-items:center;gap:12px}.billing-modal__adjustment-input label{margin:0}.billing-modal__adjustment-input input{width:150px;padding:var(--spacing-sm) 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px}.billing-modal__apply-adjustment{background:var(--color-primary);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:background var(--transition-fast)}.billing-modal__apply-adjustment:hover{background:var(--color-primary-hover)}.billing-modal__final-total{margin-top:20px;padding-top:20px;border-top:2px solid var(--color-info);display:flex;justify-content:space-between;align-items:center;font-size:18px}.billing-modal__final-total label{font-weight:600;color:var(--color-text)}.billing-modal__final-total span{font-size:24px;font-weight:700;color:var(--color-primary)}.billing-modal__invoice-form{background:var(--color-surface);padding:20px;border-radius:var(--radius-lg);margin-bottom:20px}.billing-modal__form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.billing-modal__form-row:last-child{margin-bottom:0}.billing-modal__form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.billing-modal__form-group label{font-weight:500;color:var(--color-text);font-size:14px}.billing-modal__input,.billing-modal__select,.billing-modal__textarea{padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-family);background:var(--color-input-bg);color:var(--color-input-text)}.billing-modal__input:focus,.billing-modal__select:focus,.billing-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.billing-modal__invoice-summary{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.billing-modal__summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:15px}.billing-modal__summary-item span:first-child{color:var(--color-text-secondary)}.billing-modal__summary-item span:last-child{font-weight:500;color:var(--color-text)}.billing-modal__summary-divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.billing-modal__summary-item--total{font-size:18px;font-weight:600}.billing-modal__summary-item--total span:first-child{color:var(--color-text)}.billing-modal__summary-item--total span:last-child{color:var(--color-primary);font-size:20px}.billing-modal__invoice-notes{margin-top:20px}.billing-modal__invoice-notes label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text);font-size:14px}.billing-modal__textarea{width:100%;resize:vertical}.billing-section{padding:16px 16px 32px;max-width:900px;margin:0 auto}.billing-section__pre-billing-products{margin-top:24px}.billing-section--loading,.billing-section--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--color-text-muted)}.billing-section--error{color:var(--color-danger)}.billing-section__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:billing-spin .8s linear infinite}@keyframes billing-spin{to{transform:rotate(360deg)}}.billing-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.billing-section__title{font-size:16px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.billing-section__title-icon{color:var(--color-primary);font-size:14px}.billing-section__subtitle{font-size:13px;color:var(--color-text-muted);margin-top:4px}.billing-section__rejection{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-left-width:4px;border-radius:var(--radius-md);color:var(--color-text)}.billing-section__rejection-icon{color:var(--color-danger);font-size:var(--font-size-base);margin-top:2px;flex-shrink:0}.billing-section__rejection-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.billing-section__rejection-label{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.3px}.billing-section__rejection-text{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.4;white-space:pre-wrap;word-break:break-word}.billing-section__warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-left-width:4px;border-radius:var(--radius-md);color:var(--color-text);box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.04)}.billing-section__warning-icon{color:var(--color-warning);font-size:var(--font-size-base);margin-top:2px;flex-shrink:0}.billing-section__warning-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.billing-section__warning-label{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.3px}.billing-section__warning-text{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.4}.billing-section__notes{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.billing-section__notes--has-content{border-color:rgba(var(--color-primary-rgb),.3)}.billing-section__notes--required{border-color:rgba(var(--color-warning-rgb),.45);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb),.08)}.billing-section__notes-header{display:flex;align-items:center;gap:10px}.billing-section__notes-title{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text)}.billing-section__notes-icon{font-size:13px;color:var(--color-primary)}.billing-section__notes-required,.billing-section__notes-saved,.billing-section__notes-optional{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px}.billing-section__notes-required{color:var(--color-warning);background:rgba(var(--color-warning-rgb),.12)}.billing-section__notes-saved{color:var(--color-success);background:rgba(var(--color-success-rgb),.12)}.billing-section__notes-optional{color:var(--color-text-muted);background:transparent;font-weight:500;text-transform:uppercase;letter-spacing:.4px;font-size:10px}.billing-section__notes-required i,.billing-section__notes-saved i{font-size:11px}.billing-section__notes-textarea{width:100%;min-height:70px;max-height:220px;padding:10px 12px;font-size:13px;font-family:inherit;line-height:1.5;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.billing-section__notes-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.billing-section__notes-textarea::placeholder{color:var(--color-text-muted)}.billing-section__notes--required .billing-section__notes-textarea{border-color:rgba(var(--color-warning-rgb),.5)}.billing-section__notes-readonly{padding:10px 12px;font-size:13px;line-height:1.5;color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-md);white-space:pre-wrap}.billing-section__notes-empty{color:var(--color-text-muted);font-style:italic}.billing-section__staff-table-container{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;display:inline-block;min-width:100%;max-width:100%}.billing-section__staff-table{width:auto;min-width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}.billing-section__staff-table th:first-child,.billing-section__staff-table td:first-child{width:auto;min-width:120px;max-width:200px}.billing-section__staff-table th:nth-child(n+2),.billing-section__staff-table td:nth-child(n+2){width:auto;white-space:nowrap}.billing-section__staff-table th{background:var(--color-surface);padding:8px 10px;text-align:left;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.billing-section__staff-table th:last-child{text-align:right}.billing-section__staff-table td{padding:8px 10px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.billing-section__staff-table tr:last-child td{border-bottom:none}.billing-section__staff-table tbody tr:hover{background:var(--color-surface-hover)}.billing-section__staff-name{font-weight:500;color:var(--color-text)}.billing-section__staff-role{font-size:11px;color:var(--color-text-muted);margin-top:2px}.billing-section__staff-table td.billing-section__cell--numeric{text-align:right;font-variant-numeric:tabular-nums}.billing-section__cell--editable{padding:8px 12px}.billing-section__inline-input{width:70px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;text-align:right;background:var(--color-card-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:textfield}.billing-section__inline-input::-webkit-outer-spin-button,.billing-section__inline-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.billing-section__inline-input:hover{border-color:var(--color-border)}.billing-section__inline-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.billing-section__inline-input--hours{width:60px}.billing-section__inline-input--amount{width:80px}.billing-section__inline-input:disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}.billing-section__cell--computed{color:var(--color-text-muted);font-style:italic}.billing-section__cell--comparison{font-size:12px}.billing-section__comparison-value{display:block}.billing-section__comparison-value--over{color:var(--color-danger)}.billing-section__comparison-value--under{color:var(--color-success)}.billing-section__comparison-na{color:var(--color-text-muted);font-style:italic}.billing-section__staff-table tbody tr.billing-section__row--confirmed{background:var(--color-success-bg)}.billing-section__staff-table tbody tr.billing-section__row--adjusted{background:var(--color-warning-bg)}.billing-section__staff-table tbody tr.billing-section__row--loading{opacity:.7}.billing-section__staff-table tbody tr.billing-section__row--loading td{position:relative}.billing-section__cell--loading{color:var(--color-text-muted)}.billing-section__loading-spinner{margin-right:8px;color:var(--color-primary)}.billing-section__staff-table tfoot td{background:var(--color-surface);font-weight:600;border-top:2px solid var(--color-border);padding:8px 10px}.billing-section__cell--actions{text-align:right;white-space:nowrap}.billing-section__row-action{padding:6px 10px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);font-size:12px}.billing-section__row-action:hover{background:var(--color-surface);color:var(--color-text)}.billing-section__row-action--remove:hover{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.billing-section__costs-container{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px}.billing-section__costs-table{width:100%;border-collapse:collapse;font-size:13px}.billing-section__costs-table th{background:var(--color-surface);padding:12px 16px;text-align:left;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:12px;text-transform:uppercase;letter-spacing:.3px}.billing-section__costs-table th:last-child{text-align:right}.billing-section__costs-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.billing-section__costs-table tr:last-child td{border-bottom:none}.billing-section__costs-table tbody tr:hover{background:var(--color-surface-hover)}.billing-section__costs-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.billing-section__cost-type{display:inline-block;padding:4px 10px;background:var(--color-surface);border-radius:12px;font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase}.billing-section__costs-table tfoot td{background:var(--color-surface);font-weight:600;border-top:2px solid var(--color-border)}.billing-section__costs-empty{text-align:center;padding:24px;color:var(--color-text-muted);font-style:italic}.billing-section__actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--color-border)}.billing-section__header-actions{display:flex;align-items:center;gap:8px}.billing-section__view-entries-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:12px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.billing-section__view-entries-btn:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary);color:var(--color-primary)}.billing-section__view-entries-btn i{font-size:11px}.billing-section__add-staff-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-card-bg);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.billing-section__add-staff-btn:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.billing-section__add-staff-btn:disabled{opacity:.5;cursor:not-allowed}.billing-section__add-staff-btn i{font-size:12px}.billing-section__empty{text-align:center;padding:48px 24px;background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:24px}.billing-section__empty-icon{font-size:48px;color:var(--color-text-muted);margin-bottom:16px}.billing-section__empty-title{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px}.billing-section__empty-text{font-size:14px;color:var(--color-text-muted);margin-bottom:20px}.billing-section__start{text-align:center;padding:48px 24px;background:var(--color-surface);border-radius:var(--radius-lg)}.billing-section__start-icon{font-size:64px;color:var(--color-primary);margin-bottom:20px;opacity:.6}.billing-section__start-title{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:12px}.billing-section__start-text{font-size:14px;color:var(--color-text-muted);margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.billing-section__start-btn{padding:12px 32px;background:var(--color-primary);color:var(--color-card-bg);border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:500;cursor:pointer;transition:background var(--transition-fast);display:inline-flex;align-items:center;gap:8px}.billing-section__start-btn:hover{background:var(--color-primary-hover)}.billing-section__parent-notice{text-align:center;padding:32px 24px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.billing-section__parent-icon{font-size:40px;color:var(--color-text-muted);margin-bottom:16px}.billing-section__parent-text{font-size:14px;color:var(--color-text-muted);margin-bottom:16px}.billing-section__parent-link{color:var(--color-primary);text-decoration:none;font-weight:500}.billing-section__parent-link:hover{text-decoration:underline}.billing-section__variance-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);margin-bottom:24px}.billing-section__variance-icon{color:var(--color-warning);font-size:18px;flex-shrink:0;margin-top:2px}.billing-section__variance-content{flex:1}.billing-section__variance-title{font-size:14px;font-weight:600;color:var(--color-warning-text);margin-bottom:4px}.billing-section__variance-text{font-size:13px;color:var(--color-warning-text)}.billing-section__variance-input{margin-top:12px;width:100%;padding:10px 12px;border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);font-size:13px;background:var(--color-card-bg);resize:vertical;min-height:80px}.billing-section__variance-input:focus{outline:none;border-color:var(--color-warning)}.billing-section__invoice{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px}.billing-section__invoice-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.billing-section__invoice-title{font-size:14px;font-weight:600;color:var(--color-text)}.billing-section__invoice-icon{color:var(--color-primary)}.billing-section__invoice-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.billing-section__invoice-field{display:flex;flex-direction:column;gap:4px}.billing-section__invoice-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.billing-section__invoice-value{font-size:14px;font-weight:500;color:var(--color-text)}.billing-section__refresh-btn{padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:12px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.billing-section__refresh-btn:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.billing-section__refresh-btn--spinning i{animation:billing-spin .8s linear infinite}@media(max-width:1200px){.billing-section__staff-table{font-size:12px}.billing-section__staff-table th,.billing-section__staff-table td{padding:10px 12px}.billing-section__inline-input{width:70px;padding:6px 8px;font-size:12px}.billing-section__inline-input--amount{width:85px}}@media(max-width:768px){.billing-section{padding:12px 12px 24px}.billing-pipeline{padding:8px 12px}.billing-pipeline__track{left:20px;right:20px}.billing-pipeline__marker{width:20px;height:20px;font-size:8px}.billing-pipeline__label{font-size:8px;letter-spacing:0}.billing-pipeline__step{max-width:60px}.billing-section__staff-table-container{overflow-x:auto}.billing-section__staff-table{min-width:900px}.billing-section__totals{padding:16px}.billing-section__actions{flex-direction:column}.billing-section__actions .btn{width:100%;justify-content:center}}@media print{.billing-section{padding:0}.billing-section__actions,.billing-section__add-staff-btn,.billing-section__refresh-btn{display:none}.billing-section__staff-table th,.billing-section__staff-table td{padding:8px 12px}.billing-section__inline-input{border:none;padding:0;background:transparent}}.billing-section__staff-table--compact{font-size:13px}.billing-section__staff-table--compact th{font-size:11px;padding:10px 12px}.billing-section__staff-table th.billing-section__th--numeric{text-align:right}.billing-section__staff-table--compact th:nth-child(n+2),.billing-section__staff-table--compact td:nth-child(n+2){text-align:right}.billing-section__staff-table--compact tfoot td:first-child{text-align:left}.billing-section__cell--cost{min-width:100px}.billing-section__cell--billed{min-width:140px;position:relative}.billing-section__billed-display{font-weight:600;font-variant-numeric:tabular-nums}.billing-section__billed-display--overridden{color:var(--color-warning)}.billing-section__billed-display--hidden,.billing-section__inline-input--hidden{display:none}.billing-section__edit-billed-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px 4px;font-size:10px;opacity:.4;transition:opacity .15s,color .15s;vertical-align:middle;margin-left:4px}.billing-section__edit-billed-btn:hover{opacity:1;color:var(--color-primary)}.billing-section__cell--override{min-width:140px}.billing-section__override-cell{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.billing-section__override-amount{font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-warning)}.billing-section__cost-cell{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.billing-section__cost-amount{font-weight:600;font-variant-numeric:tabular-nums}.billing-section__cost-amount--adjusted{color:var(--color-warning)}.billing-section__cost-amount--negative{color:var(--color-danger)}.billing-section__delta-badges{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.billing-section__delta-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 6px;border-radius:10px;white-space:nowrap;cursor:help}.billing-section__delta-badge--over{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.billing-section__delta-badge--under{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.billing-section__comparison-bar{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 16px;background:var(--color-surface);border-radius:var(--radius-lg);margin-top:12px;border:1px solid var(--color-border)}.billing-section__comparison-item{display:flex;align-items:center;gap:8px}.billing-section__comparison-item--actual{padding:0 16px;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.billing-section__comparison-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-weight:600}.billing-section__comparison-amount{font-size:14px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.billing-section__comparison-item--actual .billing-section__comparison-amount{color:var(--color-primary);font-size:16px}.billing-section__comparison-variance{font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px}.billing-section__comparison-variance--over{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.billing-section__comparison-variance--under{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.billing-section__costs-section{margin-top:12px;padding:8px 10px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.billing-section__costs-section--empty{padding:6px 10px}.billing-section__costs-section--empty .billing-section__costs-header{margin-bottom:0}.billing-section__costs-section--empty .billing-section__costs-content{display:none}.billing-section__costs-section--minimized{padding:6px 10px}.billing-section__costs-section--minimized .billing-section__costs-header{margin-bottom:0}.billing-section__costs-section--minimized .billing-section__costs-content{display:none}.billing-section__costs-header{display:flex;align-items:center;margin-bottom:6px;gap:6px}.billing-section__costs-header .billing-section__title--compact{flex:1;display:flex;align-items:center;gap:6px}.billing-section__costs-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease;flex-shrink:0}.billing-section__costs-toggle:hover{background:var(--color-border);color:var(--color-text)}.billing-section__costs-toggle i{font-size:10px}.billing-section__costs-summary{margin-left:6px;font-size:11px;font-weight:600;color:var(--color-text-secondary)}.billing-section__title--compact{font-size:12px}.billing-section__title--compact .billing-section__title-icon{font-size:11px}.billing-section__add-cost-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-primary);color:var(--color-card-bg);border:none;border-radius:var(--radius-lg);font-size:11px;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.billing-section__add-cost-btn:hover{background:var(--color-primary-hover)}.billing-section__add-cost-btn--compact{padding:6px 10px;font-size:11px;background:transparent;color:var(--color-text-muted);border:1px dashed var(--color-border)}.billing-section__add-cost-btn--compact:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.billing-section__add-cost-btn i{font-size:10px}.billing-section__costs-list{display:flex;flex-direction:column;gap:2px}.billing-section__cost-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:var(--color-card-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.billing-section__cost-desc{font-size:12px;color:var(--color-text)}.billing-section__cost-category{font-weight:600;color:var(--color-text-muted)}.billing-section__cost-item .billing-section__cost-amount{font-weight:600;font-size:12px;font-variant-numeric:tabular-nums;color:var(--color-text)}.billing-section__cost-item--loading{opacity:.7}.billing-section__cost-item--loading .billing-section__cost-amount{color:var(--color-text-muted)}.billing-section__cost-actions-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.billing-section__cost-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:10px;opacity:0;transition:opacity .15s,background .15s,color .15s}.billing-section__cost-item:hover .billing-section__cost-action-btn{opacity:1}.billing-section__cost-action-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.billing-section__cost-action-btn--danger:hover{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.billing-section__costs-total{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 0;margin-top:6px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-muted)}.billing-section__costs-total strong{color:var(--color-text);font-variant-numeric:tabular-nums}.billing-section__costs-empty{text-align:center;padding:24px;color:var(--color-text-muted);font-size:13px;font-style:italic}.billing-totals{margin-top:12px;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.billing-totals__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.billing-totals__breakdown{font-size:12px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.billing-totals__total{display:flex;align-items:center;gap:8px}.billing-totals__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.billing-totals__total strong{font-size:18px;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}.billing-totals__comparison{display:flex;align-items:center;gap:16px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-border);font-size:11px}.billing-totals__comp-item{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.billing-totals__comp-item--over{color:var(--color-danger);font-weight:600}.billing-totals__comp-item--under{color:var(--color-success);font-weight:600}.billing-totals__total--editable{position:relative}.billing-totals__total-inline{display:inline-flex;align-items:center;gap:2px}.billing-totals__input-prefix{font-size:16px;font-weight:600;color:var(--color-text-muted);user-select:none}.billing-totals__input{width:130px;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;background:var(--color-card-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:textfield}.billing-totals__input::-webkit-outer-spin-button,.billing-totals__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.billing-totals__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);color:var(--color-primary)}.billing-section__totals{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:12px;padding:10px 16px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.billing-section__totals-breakdown{display:flex;flex-direction:column;gap:4px;text-align:right}.billing-section__totals-line{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--color-text-muted)}.billing-section__totals-line span:last-child{font-variant-numeric:tabular-nums;min-width:100px}.billing-section__totals-grand{display:flex;align-items:center;gap:10px;padding-left:16px;border-left:2px solid var(--color-primary)}.billing-section__totals-grand span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-weight:600}.billing-section__totals-grand strong{font-size:18px;color:var(--color-primary);font-variant-numeric:tabular-nums}.billing-section--written-off{padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--color-danger-rgb),.04),rgba(var(--color-danger-rgb),.02) 60%,transparent);border-radius:var(--radius-md);border:1px dashed rgba(var(--color-danger-rgb),.35)}.billing-section__write-off{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:520px;text-align:center}.billing-section__write-off-stamp{display:inline-flex;align-items:center;gap:14px;padding:14px 36px;border:3px solid var(--color-danger);border-radius:8px;color:var(--color-danger);font-size:30px;font-weight:900;letter-spacing:4px;text-transform:uppercase;background:rgba(var(--color-danger-rgb),.06);transform:rotate(-3deg);box-shadow:0 1px rgba(var(--color-danger-rgb),.15),0 6px 20px rgba(var(--color-danger-rgb),.18);font-family:Georgia,Times New Roman,serif;user-select:none}.billing-section__write-off-stamp i{font-size:26px}.billing-section__write-off-meta{font-size:13px;color:var(--color-text-secondary);font-weight:500}.billing-section__write-off-meta:empty{display:none}.billing-section__write-off-reason{padding:12px 18px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;line-height:1.5;max-width:100%}.billing-section__write-off-reason strong{color:var(--color-danger);margin-right:4px}.billing-section__write-off-note{margin:0;font-size:12px;color:var(--color-text-muted);font-style:italic;max-width:420px}.linked-billing-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:14px;font-size:13px;line-height:1.4;border:1px solid transparent}.linked-billing-banner__icon{font-size:14px;flex-shrink:0}.linked-billing-banner__text{flex:1;min-width:0}.linked-billing-banner__link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:text-decoration-thickness var(--transition-fast)}.linked-billing-banner__link:hover{text-decoration-thickness:2px}.linked-billing-banner--linked{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text);box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.04)}.linked-billing-banner--primary{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text);box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.04)}.billing-work--combined{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px}.billing-work__block{position:relative;padding:14px 16px 18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.billing-work__block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.35),transparent 60%);opacity:.6}.billing-work__block--products:before{background:linear-gradient(90deg,rgba(var(--color-success-rgb),.35),transparent 60%)}.billing-work__block:hover{box-shadow:var(--shadow-subtle)}.billing-work__head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.billing-work__head-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);font-size:14px;flex-shrink:0}.billing-work__block--products .billing-work__head-icon{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.billing-work__head-title{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text)}.billing-work__head-sub{font-size:11px;color:var(--color-text-muted);margin-left:auto}.billing-work__body>.billing-section__header{margin-top:-2px;margin-bottom:10px}.billing-work__block .billing-section__staff-table-container{background:transparent;border:0;padding:0}@media(min-width:960px){.billing-work--combined{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.billing-section__cell--final strong{font-variant-numeric:tabular-nums}.billing-section__cell--adjusted-up{color:var(--color-warning)}.billing-section__cell--adjusted-down{color:var(--color-success)}.billing-section__row--has-adjustment .billing-section__cell--final{color:var(--color-text)}.billing-section__apportion{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 14px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.billing-section__apportion-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text)}.billing-section__apportion-label i{color:var(--color-primary);font-size:13px}.billing-section__apportion-hint{font-size:11px;color:var(--color-text-muted);flex:1 1 auto}.billing-section__apportion-input-wrap{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-bg);padding:0 8px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.billing-section__apportion-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.billing-section__apportion-prefix{font-size:12px;font-weight:600;color:var(--color-text-muted);padding-right:4px}.billing-section__apportion-input{border:0;outline:none;background:transparent;color:var(--color-text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;padding:6px 4px;width:110px;text-align:right}.billing-section__apportion-input::placeholder{color:var(--color-text-muted);font-weight:400}@media(max-width:640px){.billing-section__apportion-hint{flex-basis:100%}}.billing-pipeline{position:relative;padding:12px 16px;margin-bottom:20px;display:block;width:100%;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:inherit;font:inherit;text-align:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.billing-pipeline:hover{background:rgba(var(--color-primary-rgb),.03);border-color:var(--color-border)}.billing-pipeline:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.18)}.billing-pipeline__track{position:absolute;top:50%;left:32px;right:32px;height:3px;background:var(--color-border);border-radius:2px;transform:translateY(-50%);margin-top:-8px}.billing-pipeline__progress{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-success-light));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.billing-pipeline__progress:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success);opacity:0;animation:pipeline-pulse 2s ease-in-out infinite}@keyframes pipeline-pulse{0%,to{opacity:.4;transform:translate(50%,-50%) scale(1)}50%{opacity:1;transform:translate(50%,-50%) scale(1.2)}}.billing-pipeline__steps{display:flex;justify-content:space-between;position:relative;z-index:1}.billing-pipeline__step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:80px}.billing-pipeline__marker{width:24px;height:24px;border-radius:50%;background:var(--color-card-bg);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--color-text-muted);transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.billing-pipeline__step--complete .billing-pipeline__marker{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-success);transform:scale(1)}.billing-pipeline__step--current .billing-pipeline__marker{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent);transform:scale(1.1)}.billing-pipeline__step--future .billing-pipeline__marker{background:var(--color-card-bg);border-color:var(--color-border);color:var(--color-text-muted)}.billing-pipeline__label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;transition:color .2s ease}.billing-pipeline__step--current .billing-pipeline__label{color:var(--color-primary)}.billing-pipeline__step--complete .billing-pipeline__label{color:var(--color-success)}.billing-pipeline__step:hover .billing-pipeline__marker{transform:scale(1.15)}.billing-pipeline__step--current:hover .billing-pipeline__marker{transform:scale(1.2)}.variance-analysis{margin-top:16px;padding:14px 16px 16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg)}.variance-analysis__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.variance-analysis__title{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-muted)}.variance-analysis__title-icon{font-size:13px;color:var(--color-primary)}.variance-analysis__alert{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning);font-size:11px;font-weight:600}.variance-analysis__alert i{font-size:10px}.variance-analysis__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.variance-analysis__card{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0}.variance-analysis__card--overridden{border-color:rgba(var(--color-primary-rgb),.4);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.04) 0%,var(--color-surface) 70%)}.variance-analysis__edit-btn{position:absolute;top:8px;right:8px;width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:10px;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.variance-analysis__card:hover .variance-analysis__edit-btn,.variance-analysis__edit-btn:focus-visible{opacity:1}.variance-analysis__edit-btn:hover{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.25);color:var(--color-primary)}.variance-analysis__manual-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary);font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.variance-analysis__card-amount--editing{width:100%;padding:2px 6px;border:1px solid rgba(var(--color-primary-rgb),.4);border-radius:var(--radius-sm);background:var(--color-surface);font-size:18px;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.2px;outline:none}.variance-analysis__card-amount--editing:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.variance-analysis__card--current{border-color:rgba(var(--color-primary-rgb),.35);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08) 0%,var(--color-surface) 60%)}.variance-analysis__card--empty{opacity:.7}.variance-analysis__card-label{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted)}.variance-analysis__card-amount{font-size:18px;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.2px}.variance-analysis__card-amount--muted{color:var(--color-text-muted);font-weight:500}.variance-analysis__card-meta{font-size:11px;color:var(--color-text-muted)}.variance-analysis__card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;min-height:22px}.variance-analysis__delta{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.variance-analysis__delta--over{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.variance-analysis__delta--under{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.variance-analysis__delta--over-threshold{background:rgba(var(--color-danger-rgb),.16);color:var(--color-danger);box-shadow:0 0 0 1px rgba(var(--color-danger-rgb),.2) inset}.variance-analysis__delta--under-threshold{background:rgba(var(--color-success-rgb),.16);color:var(--color-success);box-shadow:0 0 0 1px rgba(var(--color-success-rgb),.2) inset}.variance-analysis__card-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.variance-analysis__card-link:hover{color:var(--color-primary-hover);text-decoration:underline}.variance-analysis__card-link i{font-size:9px}.variance-analysis__explanation{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border)}.variance-analysis__explanation--required .variance-analysis__explanation-label{color:var(--color-warning)}.variance-analysis__explanation-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}.variance-analysis__explanation-label i{font-size:12px}.variance-analysis__required{color:var(--color-warning);font-weight:500}.variance-analysis__optional{font-weight:400;opacity:.7}.variance-analysis__textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-family:inherit;background:var(--color-input-bg);color:var(--color-text);resize:vertical;min-height:44px}.variance-analysis__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.variance-analysis__explanation--required .variance-analysis__textarea{border-color:var(--color-warning)}.variance-analysis__explanation--required.variance-analysis__explanation--satisfied .variance-analysis__textarea{border-color:var(--color-success);box-shadow:0 0 0 1px rgba(var(--color-success-rgb),.15)}.variance-analysis__explanation--required.variance-analysis__explanation--satisfied .variance-analysis__explanation-label,.variance-analysis__explanation--required.variance-analysis__explanation--satisfied .variance-analysis__required{color:var(--color-success)}.variance-analysis__explanation-text{font-size:12px;color:var(--color-text);padding:6px 0}.variance-analysis__explanation-text em{color:var(--color-text-muted)}@media(max-width:640px){.variance-analysis__cards{grid-template-columns:1fr}}.billing-type-selector{text-align:center;padding:48px 24px}.billing-type-selector__icon{width:72px;height:72px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border-radius:50%;font-size:28px;color:var(--color-primary)}.billing-type-selector__title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 8px}.billing-type-selector__desc{font-size:14px;color:var(--color-text-muted);margin:0 0 32px}.billing-type-selector__options{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.billing-type-selector__option{display:flex;align-items:flex-start;gap:16px;padding:24px 28px;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);text-align:left;min-width:260px;max-width:320px}.billing-type-selector__option:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.billing-type-selector__option:disabled{opacity:.5;cursor:not-allowed}.billing-type-selector__option:disabled:hover{border-color:var(--color-border);background:var(--color-card-bg)}.billing-type-selector__option:disabled:hover .billing-type-selector__option-icon{background:var(--color-surface);color:var(--color-primary)}.billing-type-selector__option-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;font-size:20px;color:var(--color-primary)}.billing-type-selector__option:hover .billing-type-selector__option-icon{background:var(--color-primary);color:var(--color-card-bg)}.billing-type-selector__option-content{display:flex;flex-direction:column;gap:6px}.billing-type-selector__option-title{font-size:15px;font-weight:600;color:var(--color-text)}.billing-type-selector__option-desc{font-size:13px;color:var(--color-text-muted);line-height:1.4}.product-billing-panel{margin-bottom:24px}.product-billing-panel--loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--color-text-muted)}.product-billing-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.product-billing-panel__title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--color-text);margin:0}.product-billing-panel__title i{color:var(--color-primary)}.product-billing-panel__readonly-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-surface);color:var(--color-text-muted);border-radius:12px;font-size:11px;font-weight:500}.product-billing-panel__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;background:var(--color-surface);border-radius:var(--radius-lg);text-align:center}.product-billing-panel__empty i{font-size:24px;color:var(--color-text-muted)}.product-billing-panel__empty p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.product-billing-panel__empty small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.product-billing-panel__list{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.product-billing-panel__item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--color-card-bg);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.product-billing-panel__item:last-child{border-bottom:none}.product-billing-panel__item--selected{background:var(--color-primary-bg)}.product-billing-panel__checkbox{position:relative;display:flex;align-items:center;cursor:pointer}.product-billing-panel__checkbox-input{position:absolute;opacity:0;cursor:pointer}.product-billing-panel__checkmark{width:20px;height:20px;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.product-billing-panel__checkbox-input:checked+.product-billing-panel__checkmark{background:var(--color-primary);border-color:var(--color-primary)}.product-billing-panel__checkbox-input:checked+.product-billing-panel__checkmark:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:11px;color:var(--color-card-bg)}.product-billing-panel__checkbox-input:disabled+.product-billing-panel__checkmark{opacity:.5;cursor:not-allowed}.product-billing-panel__info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.product-billing-panel__name-row{display:flex;align-items:center;gap:10px}.product-billing-panel__code{font-size:10px;font-weight:600;color:var(--color-text-muted);background:var(--color-surface);padding:2px 6px;border-radius:3px;text-transform:uppercase}.product-billing-panel__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.product-billing-panel__description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.product-billing-panel__quantity{width:70px;text-align:center}.product-billing-panel__qty-input{width:56px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;font-size:13px;font-weight:500}.product-billing-panel__qty-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.product-billing-panel__qty-display{font-size:13px;color:var(--color-text-muted)}.product-billing-panel__price{min-width:100px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.product-billing-panel__unit-price{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.product-billing-panel__line-total{font-size:11px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.product-billing-panel__stale-hint{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--color-warning);font-variant-numeric:tabular-nums;white-space:nowrap}.product-billing-panel__stale-hint i{font-size:10px}.product-billing-panel__item--stale .product-billing-panel__unit-price{color:var(--color-warning)}.product-billing-panel__stale-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:16px;background:rgba(var(--color-warning-rgb),.08);border:1px solid rgba(var(--color-warning-rgb),.25);border-radius:var(--radius-md);font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.product-billing-panel__stale-banner i{color:var(--color-warning);font-size:var(--font-size-md);flex-shrink:0;margin-top:2px}.product-billing-panel__stale-banner strong{color:var(--color-text);font-weight:600}.product-billing-panel__stale-banner-text{flex:1}.product-billing-panel__totals{margin-top:16px;padding:16px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.product-billing-panel__totals-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.product-billing-panel__totals-row span{color:var(--color-text-muted)}.product-billing-panel__totals-row strong{font-size:18px;color:var(--color-primary);font-variant-numeric:tabular-nums}.product-billing-panel__comparison{margin-top:20px;padding:16px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.product-billing-panel__comparison-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text-muted);margin-bottom:16px}.product-billing-panel__comparison-header i{color:var(--color-primary)}.product-billing-panel__comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-billing-panel__comparison-stat{display:flex;flex-direction:column;gap:4px}.product-billing-panel__comparison-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.product-billing-panel__comparison-value{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.product-billing-panel__comparison-value small{font-size:var(--font-size-xs);font-weight:500;color:inherit;opacity:.8}.product-billing-panel__comparison-stat--highlight{padding:8px 12px;border-radius:var(--radius-sm)}.product-billing-panel__comparison-stat--profit{background:rgba(var(--color-success-rgb),.1)}.product-billing-panel__comparison-stat--profit .product-billing-panel__comparison-value{color:var(--color-success)}.product-billing-panel__comparison-stat--loss{background:rgba(var(--color-danger-rgb),.1)}.product-billing-panel__comparison-stat--loss .product-billing-panel__comparison-value{color:var(--color-danger)}.product-billing-panel__staff-breakdown{margin-top:16px}.product-billing-panel__staff-breakdown summary{font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);cursor:pointer;padding:8px 0}.product-billing-panel__staff-breakdown summary:hover{text-decoration:underline}.product-billing-panel__staff-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs);margin-top:8px}.product-billing-panel__staff-table th,.product-billing-panel__staff-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.product-billing-panel__staff-table th{font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:10px;letter-spacing:.5px}.product-billing-panel__staff-table th:nth-child(n+2),.product-billing-panel__staff-table td:nth-child(n+2){text-align:right}.product-billing-panel__comparison-stat--prior{background:rgba(var(--color-primary-rgb),.08);padding:8px 12px;border-radius:var(--radius-sm)}.product-billing-panel__comparison-stat--prior .product-billing-panel__comparison-label,.product-billing-panel__comparison-stat--prior .product-billing-panel__comparison-value{color:var(--color-primary)}.product-billing-panel__time-warning{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;background:rgba(var(--color-warning-rgb),.08);border:1px solid rgba(var(--color-warning-rgb),.2);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.product-billing-panel__time-warning i{color:var(--color-warning);font-size:var(--font-size-sm);flex-shrink:0;margin-top:1px}.product-billing-panel__time-warning strong{color:var(--color-text)}@media(max-width:768px){.billing-type-selector__options{flex-direction:column;align-items:center}.billing-type-selector__option{width:100%;max-width:100%}.product-billing-panel__comparison-grid{grid-template-columns:repeat(2,1fr)}.product-billing-panel__item{flex-wrap:wrap}.product-billing-panel__quantity{width:auto}.product-billing-panel__price{min-width:auto}}@media(max-width:640px){.product-billing-panel__comparison-grid{grid-template-columns:1fr;gap:12px}.product-billing-panel__item{gap:8px}.product-billing-panel__info{min-width:0;flex:1 1 100%}.product-billing-panel__totals{flex-direction:column;align-items:flex-start;gap:8px}}.budget-submit-modal{display:flex;flex-direction:column;gap:16px}.budget-submit-modal__info{text-align:center}.budget-submit-modal__info p{margin:0;color:var(--color-text-secondary);font-size:13px}.budget-submit-modal__task{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:12px;background:var(--color-surface);border-radius:var(--radius-md)}.budget-submit-modal__task strong{color:var(--color-text);font-size:14px}.budget-submit-modal__task small{color:var(--color-text-muted);font-size:12px}.budget-submit-modal__field{display:flex;flex-direction:column;gap:8px}.budget-submit-modal__label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.budget-submit-modal__reviewers{display:flex;flex-direction:column;gap:8px}.budget-submit-modal__reviewer{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.budget-submit-modal__reviewer:hover{background:var(--color-surface);border-color:var(--color-primary)}.budget-submit-modal__reviewer--selected{background:var(--color-primary-bg);border-color:var(--color-primary)}.budget-submit-modal__reviewer input{margin:0}.budget-submit-modal__reviewer-name{font-weight:500;color:var(--color-text);flex:1}.budget-submit-modal__reviewer-email{color:var(--color-text-muted);font-size:12px}.budget-submit-modal__single-reviewer{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface);border-radius:var(--radius-md)}.budget-submit-modal__single-reviewer i{color:var(--color-primary)}.budget-submit-modal__single-reviewer span{font-weight:500;color:var(--color-text)}.budget-submit-modal__single-reviewer small{color:var(--color-text-muted);font-size:12px;margin-left:auto}.budget-submit-modal__note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:12px;color:var(--color-primary)}.budget-submit-modal__note i{margin-top:2px}.budget-workflow-modal{display:flex;flex-direction:column;gap:16px}.budget-workflow-modal__info{text-align:center}.budget-workflow-modal__task{display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--color-surface);border-radius:var(--radius-md);text-align:center}.budget-workflow-modal__task strong{color:var(--color-text);font-size:14px}.budget-workflow-modal__task small{color:var(--color-text-muted);font-size:12px}.budget-workflow-modal__field{display:flex;flex-direction:column;gap:6px}.budget-workflow-modal__label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.budget-workflow-modal__required{color:var(--color-danger)}.budget-workflow-modal__select{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:14px;cursor:pointer}.budget-workflow-modal__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.budget-workflow-modal__textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:13px;font-family:inherit;resize:vertical;min-height:60px}.budget-workflow-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.budget-workflow-modal__textarea::placeholder{color:var(--color-text-muted)}.budget-workflow-modal__message{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);font-size:13px}.budget-workflow-modal__message i{font-size:16px}.budget-workflow-modal__message--success{background:var(--color-success-bg);color:var(--color-success-text)}.budget-workflow-modal__message--danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.budget-workflow-modal__message--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.budget-workflow-modal__message--info{background:var(--color-info-bg);color:var(--color-info-text)}.budget-workflow-modal__note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:12px;color:var(--color-primary)}.budget-workflow-modal__note i{margin-top:2px}.billing-checklist{margin:16px 0;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.billing-checklist--complete{border-color:var(--color-success);background:var(--color-success-bg)}.billing-checklist--exempt{border-color:var(--color-border);background:transparent;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-checklist__header{display:flex;align-items:center;justify-content:space-between}.billing-checklist__title{font-size:13px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:6px}.billing-checklist__title i{color:var(--color-text-muted);font-size:12px}.billing-checklist--complete .billing-checklist__title i{color:var(--color-success)}.billing-checklist__count{font-size:12px;font-weight:600;color:var(--color-text-muted);padding:2px 8px;background:var(--color-bg);border-radius:var(--radius-full)}.billing-checklist__count--done{color:var(--color-success);background:var(--color-success-bg)}.billing-checklist__status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.billing-checklist__status i{color:var(--color-success)}.billing-checklist__progress{margin-top:8px}.billing-checklist__hint{margin-top:6px;font-size:11px;color:var(--color-text-muted);font-style:italic}.billing-checklist__items{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.billing-checklist__item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text)}.billing-checklist__item-icon{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.billing-checklist__item--done .billing-checklist__item-icon{color:var(--color-success)}.billing-checklist__item--done .billing-checklist__item-label{color:var(--color-text-muted);text-decoration:line-through}.billing-checklist__actions{display:flex;justify-content:flex-end;margin-top:10px}.billing-checklist--exempt .billing-checklist__actions{margin-top:0}.billing-completion-combined{margin:16px 0;padding:18px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.billing-completion-combined__top{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.billing-completion-combined__ring{position:relative;width:52px;height:52px;flex-shrink:0}.billing-completion-combined__svg{width:100%;height:100%;transform:rotate(-90deg)}.billing-completion-combined__ring-bg{fill:none;stroke:var(--color-border);stroke-width:3}.billing-completion-combined__ring-fill{fill:none;stroke:var(--color-warning);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .4s ease}.billing-completion-combined--done .billing-completion-combined__ring-fill{stroke:var(--color-success)}.billing-completion-combined--partial .billing-completion-combined__ring-fill{stroke:var(--color-primary)}.billing-completion-combined__ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-text)}.billing-completion-combined__meta{display:flex;flex-direction:column;gap:2px}.billing-completion-combined__label{font-size:13px;font-weight:600;color:var(--color-text)}.billing-completion-combined__count{font-size:12px;color:var(--color-text-muted)}.billing-completion-combined--done .billing-completion-combined__count{color:var(--color-success)}.billing-completion-combined__services{display:flex;flex-direction:column;gap:6px}.billing-completion-svc{padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid transparent;transition:border-color .15s ease,background .15s ease}.billing-completion-svc:hover{border-color:var(--color-border)}.billing-completion-svc--done{background:var(--color-success-bg)}.billing-completion-svc__row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.billing-completion-svc__left{display:flex;align-items:center;gap:8px;min-width:0}.billing-completion-svc__icon{font-size:12px;color:var(--color-text-muted);width:16px;text-align:center;flex-shrink:0;transition:transform .2s ease}.billing-completion-svc--done .billing-completion-svc__icon{color:var(--color-success)}.billing-completion-svc--expanded .billing-completion-svc__icon{transform:rotate(90deg)}.billing-completion-svc__name{font-size:13px;font-weight:500;color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-completion-svc__name:hover{color:var(--color-primary)}.billing-completion-svc__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.billing-completion-svc__bar{width:80px;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.billing-completion-svc__bar-fill{height:100%;background:var(--color-warning);border-radius:var(--radius-full);transition:width .3s ease}.billing-completion-svc__bar-fill--done{background:var(--color-success)}.billing-completion-svc__bar-fill--partial{background:var(--color-primary)}.billing-completion-svc__pct{font-size:11px;font-weight:600;color:var(--color-text-muted);min-width:36px;text-align:right}.billing-completion-svc--done .billing-completion-svc__pct{color:var(--color-success)}.billing-completion-svc__detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.billing-completion{margin:12px 0;padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.billing-completion--complete{border-color:var(--color-success);background:var(--color-success-bg)}.billing-completion__items{display:flex;flex-wrap:wrap;gap:16px}.billing-completion__item{display:flex;align-items:center;gap:6px;font-size:12px}.billing-completion__item--done .billing-completion__icon{color:var(--color-success)}.billing-completion__item--pending .billing-completion__icon{color:var(--color-text-muted);opacity:.4}.billing-completion__item--pending .billing-completion__label{color:var(--color-warning);font-weight:500}.billing-completion__label{color:var(--color-text);font-weight:500}.billing-completion__detail{color:var(--color-text-muted);font-size:11px}.billing-historical{margin:16px 0;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.billing-historical__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;color:var(--color-text)}.billing-historical__header i{color:var(--color-text-muted)}.billing-historical__badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary)}.billing-historical__fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.billing-historical__field{display:flex;flex-direction:column;gap:4px}.billing-historical__label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.billing-historical__input,.billing-historical__select{padding:8px 10px;font-size:13px;background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .15s}.billing-historical__input:focus,.billing-historical__select:focus{border-color:var(--color-primary);outline:none}.billing-approval-modal{display:flex;flex-direction:column;gap:16px}.billing-approval-modal__task-info{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.billing-approval-modal__info-task{font-size:14px;font-weight:600;color:var(--color-text)}.billing-approval-modal__info-meta{font-size:12px;color:var(--color-text-muted)}.billing-approval-modal__info-amount{font-size:15px;font-weight:700;color:var(--color-primary);margin-top:4px}.billing-approval-modal__section-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.billing-approval-modal__checklist{display:flex;flex-direction:column;gap:8px}.billing-approval-modal__checklist-success{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--color-success)}.billing-approval-modal__checklist-success i{font-size:14px}.billing-approval-modal__checklist-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-warning-bg);border-radius:var(--radius-sm);font-size:12px;color:var(--color-warning)}.billing-approval-modal__checklist-warning i{font-size:12px}.billing-approval-modal__item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease}.billing-approval-modal__item--complete{border-color:var(--color-success);background:var(--color-success-bg)}.billing-approval-modal__item-icon{font-size:13px;color:var(--color-text-muted);flex-shrink:0}.billing-approval-modal__item--complete .billing-approval-modal__item-icon{color:var(--color-success)}.billing-approval-modal__item-label{font-size:13px;font-weight:500;color:var(--color-text)}.billing-approval-modal__approver{display:flex;flex-direction:column}.billing-approval-modal__approver-select{padding:10px 32px 10px 12px;font-size:13px;background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.billing-approval-modal__approver-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.billing-approval-modal__approver-select:hover{border-color:var(--color-text-muted)}.billing-approval-modal__notes{display:flex;flex-direction:column}.billing-approval-modal__notes-textarea{padding:10px 12px;font-size:13px;font-family:inherit;line-height:1.5;background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:96px;transition:border-color .15s ease}.billing-approval-modal__notes-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.billing-approval-modal__notes-textarea:hover{border-color:var(--color-text-muted)}.billing-approval-modal__notes-textarea::placeholder{color:var(--color-text-muted)}.billing-dialog{display:flex;flex-direction:column;gap:var(--spacing-md)}.billing-dialog__message{margin:0;line-height:1.5;color:var(--color-text)}.billing-dialog__field--compact{margin-bottom:0}.billing-dialog__input--narrow{max-width:140px}.billing-unbilled-prompt{display:flex;flex-direction:column;gap:var(--spacing-md)}.billing-unbilled-prompt__lead{margin:0;line-height:1.5;color:var(--color-text)}.billing-unbilled-prompt__list{list-style:none;margin:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.billing-unbilled-prompt__row{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px dashed var(--color-border);font-size:var(--font-size-sm);line-height:1.35}.billing-unbilled-prompt__row:last-child{border-bottom:0}.billing-unbilled-prompt__row-meta{color:var(--color-text);font-weight:500}.billing-unbilled-prompt__row-desc{color:var(--color-text-muted);font-size:var(--font-size-xs);word-break:break-word}.billing-unbilled-prompt__row--more{color:var(--color-text-muted);font-style:italic;border-bottom:0;padding-top:2px}.billing-unbilled-prompt__muted{color:var(--color-text-muted);font-style:italic}.billing-unbilled-prompt__choices{display:flex;flex-direction:column;gap:var(--spacing-sm)}.billing-unbilled-prompt__choice{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.4}.billing-unbilled-prompt__choice strong{color:var(--color-text);font-weight:600}.billing-unbilled-prompt__choice span{color:var(--color-text-muted)}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;stroke-width:2;color:currentColor;flex-shrink:0}.billing-summary-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin:0 0 20px;padding:18px 22px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.04) 0%,var(--color-card-bg) 40%);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.billing-summary-strip__hero{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}.billing-summary-strip__label{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-muted)}.billing-summary-strip__amount{font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-.5px;color:var(--color-text);font-variant-numeric:tabular-nums}.billing-summary-strip__stats{display:flex;align-items:center;gap:24px;flex:1 1 auto;justify-content:center;min-width:0}.billing-summary-strip__stats:empty{display:none}.billing-summary-strip__stat{display:flex;flex-direction:column;gap:2px;min-width:0}.billing-summary-strip__stat-label{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:5px}.billing-summary-strip__stat-label .icon{font-size:12px}.billing-summary-strip__stat-value{font-size:15px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.billing-summary-strip__chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:0 0 auto;justify-content:flex-end}.billing-summary-strip__chips:empty{display:none}.billing-summary-strip__chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;letter-spacing:.2px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.billing-summary-strip__chip .icon{font-size:13px}.billing-summary-strip__chip--up{color:var(--color-warning);border-color:rgba(var(--color-warning-rgb),.25);background:rgba(var(--color-warning-rgb),.08)}.billing-summary-strip__chip--down{color:var(--color-success);border-color:rgba(var(--color-success-rgb),.25);background:rgba(var(--color-success-rgb),.08)}.billing-summary-strip__chip--budget-over{color:var(--color-warning);border-color:rgba(var(--color-warning-rgb),.25);background:rgba(var(--color-warning-rgb),.06)}.billing-summary-strip__chip--budget-under{color:var(--color-success);border-color:rgba(var(--color-success-rgb),.22);background:rgba(var(--color-success-rgb),.06)}.billing-summary-strip__chip--strong{font-weight:700;box-shadow:0 0 0 2px rgba(var(--color-warning-rgb),.08)}.billing-summary-strip__chip--budget-under.billing-summary-strip__chip--strong{box-shadow:0 0 0 2px rgba(var(--color-success-rgb),.08)}.billing-summary-strip__chip--invoice{color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.25);background:rgba(var(--color-primary-rgb),.06)}@media(max-width:720px){.billing-summary-strip{flex-direction:column;align-items:flex-start;gap:16px}.billing-summary-strip__stats{justify-content:flex-start;flex-wrap:wrap;gap:20px}.billing-summary-strip__chips{justify-content:flex-start}}.time-entries{display:flex;flex-direction:column;gap:var(--spacing-lg)}.time-entries__intro{margin:0;font-size:13px;color:var(--color-text-muted)}.time-entries__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:var(--spacing-2xl);color:var(--color-text-muted);text-align:center}.time-entries__empty i{font-size:28px;color:var(--color-text-muted);opacity:.6}.time-entries__totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md)}.time-entries__total{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-subtle);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.time-entries__total:hover{box-shadow:var(--shadow-default);transform:translateY(-1px)}.time-entries__total--primary{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.02));border-color:rgba(var(--color-primary-rgb),.25)}.time-entries__total-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted)}.time-entries__total-value{font-size:20px;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.time-entries__total--primary .time-entries__total-value{color:var(--color-primary)}.time-entries__section{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.time-entries__section:hover{border-color:var(--color-border);box-shadow:var(--shadow-subtle)}.time-entries__section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:14px 18px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.time-entries__section[data-collapsible=true] .time-entries__section-header{cursor:pointer;user-select:none}.time-entries__section[data-collapsible=true] .time-entries__section-header:hover{background:var(--color-surface-hover)}.time-entries__section-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.time-entries__section-title{margin:0;font-size:14px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.time-entries__select-all{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--color-text)}.time-entries__select-all input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.time-entries__section-hint{margin:0;font-size:12px;color:var(--color-text-muted)}.time-entries__section-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-md);flex-shrink:0}.time-entries__bulk-btn{white-space:nowrap}.time-entries__section-meta-hours,.time-entries__section-meta-amount{font-size:13px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.time-entries__section-meta-amount{color:var(--color-primary)}.time-entries__section-chevron{font-size:12px;color:var(--color-text-muted);transition:transform .2s ease}.time-entries__section[data-collapsible=true]:not(.time-entries__section--open) .time-entries__section-chevron{transform:rotate(-90deg)}.time-entries__section[data-collapsible=true]:not(.time-entries__section--open) .time-entries__section-body,.time-entries__section[data-collapsible=true]:not(.time-entries__section--open) .time-entries__linked-tasks,.time-entries__section[data-collapsible=true]:not(.time-entries__section--open) .time-entries__section-warning{display:none}.time-entries__section-warning{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--color-warning-bg);color:var(--color-warning-text);border-bottom:1px solid var(--color-border);font-size:12px;line-height:1.4}.time-entries__section-warning i{flex-shrink:0;color:var(--color-warning)}.time-entries__section-body{background:var(--color-card-bg)}.time-entries__empty-row{padding:16px;text-align:center;color:var(--color-text-muted);font-size:13px;font-style:italic}.time-entries__linked-tasks{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.time-entries__linked-task{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:999px;font-size:11px;color:var(--color-text)}.time-entries__linked-task--current{background:rgba(var(--color-primary-rgb),.08);border-color:rgba(var(--color-primary-rgb),.3);color:var(--color-primary);font-weight:600}.time-entries__linked-task-hours{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.time-entries__linked-task--current .time-entries__linked-task-hours{color:inherit}.time-entries__group+.time-entries__group{border-top:1px solid var(--color-border-light)}.time-entries__group-header{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;background:var(--color-surface);font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px}.time-entries__group-name{color:var(--color-text)}.time-entries__group-meta{display:flex;gap:var(--spacing-md);font-variant-numeric:tabular-nums}.time-entries__group-meta span:last-child{color:var(--color-primary)}.time-entries__table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.time-entries__table thead th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.time-entries__th--num,.time-entries__td--num{text-align:right;font-variant-numeric:tabular-nums}.time-entries__table thead th.time-entries__th--select,.time-entries__table tbody td.time-entries__td--select{width:40px;padding-left:18px}.time-entries__th--date,.time-entries__td--date{width:130px}.time-entries__th--action,.time-entries__td--action{width:80px;text-align:right}.time-entries__table tbody td{padding:8px 12px;border-bottom:1px solid var(--color-border-light);vertical-align:middle;color:var(--color-text)}.time-entries__table tbody tr:last-child td{border-bottom:none}.time-entries__row{transition:background var(--transition-fast)}.time-entries__row:hover{background:var(--color-row-alt)}.time-entries__row--locked{opacity:.78}.time-entries__row--estimate{background:var(--color-info-bg)}.time-entries__td--user{font-weight:500;white-space:nowrap}.time-entries__td--service{max-width:200px;color:var(--color-text-muted);font-size:12px}.time-entries__td--desc{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-entries__td--amount{font-weight:600;color:var(--color-primary)}.time-entries__estimate-tag{display:inline-block;padding:2px 8px;background:var(--color-info-bg);color:var(--color-info);border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.time-entries__check{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.time-entries__lock{display:inline-flex;color:var(--color-text-muted);font-size:12px}.time-entries__row:has(.time-entries__check:checked){background:rgba(var(--color-primary-rgb),.06)}.time-entries__row:has(.time-entries__check:checked):hover{background:rgba(var(--color-primary-rgb),.1)}.time-entries__select{width:100%;max-width:200px;padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card-bg);color:var(--color-text);font-size:12px;font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.time-entries__select:hover:not(:disabled){border-color:var(--color-primary)}.time-entries__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.time-entries__select:disabled{cursor:not-allowed;opacity:.65}.time-entries__select--saving{border-color:rgba(var(--color-primary-rgb),.5);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.08)}.time-entries__select--saved{border-color:var(--color-success);background:var(--color-success-bg)}.time-entries__select--error{border-color:var(--color-danger);background:var(--color-danger-bg)}.time-entries__service-text{font-size:12px;color:var(--color-text-muted)}.time-entries__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.time-entries__btn:hover:not(:disabled){transform:translateY(-1px)}.time-entries__btn:disabled{opacity:.5;cursor:not-allowed}.time-entries__btn--primary{border-color:rgba(var(--color-primary-rgb),.4);color:var(--color-primary)}.time-entries__btn--primary:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.time-entries__btn--danger{border-color:var(--color-danger);color:var(--color-danger);padding:6px 8px;background:transparent}.time-entries__btn--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-danger)}@media(max-width:900px){.time-entries__totals{grid-template-columns:1fr}.time-entries__section-header{flex-direction:column}.time-entries__th--date,.time-entries__td--date{width:auto}.time-entries__td--desc{max-width:200px}}.billing-changelog{margin-top:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);overflow:hidden}.billing-changelog__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);cursor:pointer;user-select:none;transition:background .15s ease}.billing-changelog__header:hover{background:var(--color-surface-hover)}.billing-changelog__header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.billing-changelog__chevron{font-size:10px;color:var(--color-text-secondary);transition:transform .2s ease}.billing-changelog__icon{font-size:14px;color:var(--color-text-secondary)}.billing-changelog__title{font-size:13px;font-weight:600;color:var(--color-text)}.billing-changelog__refresh{padding:4px 8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all .15s ease}.billing-changelog__refresh:hover{background:var(--color-card-bg);color:var(--color-primary);border-color:var(--color-primary)}.billing-changelog__refresh:disabled{opacity:.6;cursor:not-allowed}.billing-changelog--collapsed .billing-changelog__content{display:none}.billing-changelog:not(.billing-changelog--collapsed) .billing-changelog__chevron{transform:rotate(90deg)}.billing-changelog__content{border-top:1px solid var(--color-border);max-height:300px;overflow:auto}.billing-changelog__table{width:100%;border-collapse:collapse;font-size:12px}.billing-changelog__thead{position:sticky;top:0;background:var(--color-surface);z-index:1}.billing-changelog__th{padding:8px 10px;text-align:left;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:11px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.billing-changelog__th--date{width:80px}.billing-changelog__th--time{width:60px}.billing-changelog__th--user{width:120px}.billing-changelog__th--action{width:140px}.billing-changelog__th--notes{flex:1;min-width:150px}.billing-changelog__tr{border-bottom:1px solid var(--color-border-light);transition:background .1s ease}.billing-changelog__tr:hover{background:var(--color-surface-hover)}.billing-changelog__tr:last-child{border-bottom:none}.billing-changelog__tr--submitted,.billing-changelog__tr--approved,.billing-changelog__tr--approved_with_changes,.billing-changelog__tr--rejected{background:rgba(var(--color-shadow-rgb),.01)}.billing-changelog__tr--reviewer_modified{background:transparent}.billing-changelog__td{padding:8px 10px;color:var(--color-text);font-size:12px;vertical-align:middle}.billing-changelog__td--notes{color:var(--color-text-secondary);font-style:italic}.billing-changelog__action{display:inline-block;padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.billing-changelog__action--draft_created{background:var(--color-primary);color:var(--color-on-primary)}.billing-changelog__action--submitted{background:var(--color-info);color:var(--color-on-info)}.billing-changelog__action--reviewer_modified{background:var(--color-text-secondary);color:var(--color-on-primary)}.billing-changelog__action--approved,.billing-changelog__action--approved_with_changes{background:var(--color-success);color:var(--color-on-success)}.billing-changelog__action--rejected{background:var(--color-danger);color:var(--color-on-danger)}.billing-changelog__action--invoiced{background:var(--color-primary);color:var(--color-on-primary)}.billing-changelog__action--paid{background:var(--color-success);color:var(--color-on-success)}.billing-changelog__action--refreshed,.billing-changelog__action--settled{background:var(--color-warning);color:var(--color-on-warning)}.billing-changelog__action--deleted{background:var(--color-danger);color:var(--color-on-danger)}.billing-changelog__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:var(--color-text-secondary);gap:8px;font-size:12px}.billing-changelog__loading i{font-size:16px;color:var(--color-primary)}.billing-changelog__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:var(--color-text-secondary);gap:8px;font-size:12px}.billing-changelog__empty i{font-size:20px;opacity:.5}.billing-changelog__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:var(--color-danger);gap:8px;font-size:12px}.billing-changelog__error i{font-size:20px}.billing-changelog__retry{margin-top:4px;padding:4px 12px;background:var(--color-card-bg);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;font-size:11px;transition:all .15s ease}.billing-changelog__retry:hover{background:var(--color-danger);color:var(--color-on-danger)}.billing-changelog__content::-webkit-scrollbar{width:6px;height:6px}.billing-changelog__content::-webkit-scrollbar-track{background:var(--color-surface)}.billing-changelog__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.billing-changelog__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.billing-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.billing-modal__loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:billing-modal-spin .8s linear infinite;margin-bottom:1rem}@keyframes billing-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-modal__loading p{color:var(--color-text-secondary);font-size:.875rem;margin-top:.5rem}.settings-field-manager{padding:16px;min-height:300px}.settings-field-manager__info{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--color-primary-bg);border:1px solid var(--primary-light);border-radius:8px;margin-bottom:20px}.settings-field-manager__info i{color:var(--primary);margin-top:2px}.settings-field-manager__info p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.settings-field-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center}.settings-field-manager__empty-icon{font-size:40px;color:var(--text-secondary);margin-bottom:16px;opacity:.5}.settings-field-manager__empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.settings-field-manager__empty-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 20px}.settings-field-manager__add-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);border:none;border-radius:6px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-on-primary);cursor:pointer;transition:background-color .2s}.settings-field-manager__add-btn:hover{background:var(--primary-dark)}.settings-field-manager__list{display:flex;flex-direction:column;gap:12px}.settings-field-manager__header{display:grid;grid-template-columns:1fr 120px 130px 80px;gap:12px;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-field-manager__items{display:flex;flex-direction:column;gap:8px}.settings-field-manager__item{display:grid;grid-template-columns:1fr 120px 130px 80px;gap:12px;align-items:center;padding:12px;background:var(--color-card-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.settings-field-manager__item:hover{border-color:var(--primary-light);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.05)}.settings-field-manager__item-label{display:flex;align-items:center;gap:10px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.settings-field-manager__item-label i{color:var(--text-secondary);width:16px;text-align:center}.settings-field-manager__badge{padding:2px 8px;background:var(--color-danger-bg);color:var(--color-danger);border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.settings-field-manager__item-type{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.settings-field-manager__options-count{font-size:11px;color:var(--text-secondary);opacity:.7}.settings-field-manager__item-actions{display:flex;gap:6px;justify-content:flex-end}.settings-field-manager__action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.settings-field-manager__action-btn:hover{background:var(--bg-hover);color:var(--primary);border-color:var(--primary)}.settings-field-manager__action-btn--delete:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.settings-field-form{padding:4px 0}.settings-field-form__row{display:flex;gap:16px}.settings-field-form__field{margin-bottom:16px}.settings-field-form__field--half{flex:1}.settings-field-form__label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:8px}.settings-field-form__input,.settings-field-form__select,.settings-field-form__textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:var(--font-size-sm);background:var(--color-input-bg);color:var(--text-primary);transition:border-color .2s}.settings-field-form__input:focus,.settings-field-form__select:focus,.settings-field-form__textarea:focus{outline:none;border-color:var(--primary)}.settings-field-form__textarea{resize:vertical;font-family:Courier New,monospace;font-size:13px;min-height:100px}.settings-field-form__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.settings-field-form__checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.settings-field-form__checkbox span{font-size:var(--font-size-sm);color:var(--text-primary)}.settings-field-manager__item-list-info{display:flex;align-items:center}.settings-field-manager__list-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:var(--font-size-xs);font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-field-manager__list-badge--enabled{background:var(--color-success-bg);color:var(--color-success)}.settings-field-manager__list-badge--enabled i{font-size:10px;opacity:.8}.settings-field-manager__list-badge--disabled{background:var(--bg-secondary);color:var(--text-secondary);opacity:.7}.settings-field-manager__list-badge--disabled i{font-size:var(--font-size-xs)}.settings-field-form__divider{height:1px;background:var(--border-color);margin:20px 0 16px}.settings-field-form__section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.settings-field-form__label-hint{font-weight:400;color:var(--text-secondary);font-size:var(--font-size-xs)}.process-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.process-form__type-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:3px;gap:2px}.process-form__type-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.process-form__type-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.process-form__type-btn--active{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-subtle)}.process-form__type-btn--active:hover{background:var(--color-primary-hover);color:var(--color-white)}.process-form__type-btn i{font-size:var(--font-size-xs)}.process-form__section{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.process-form__section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.process-form__section-header i{font-size:var(--font-size-xs);color:var(--color-primary);width:16px;text-align:center}.process-form__section-body{padding:var(--spacing-md)}.process-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-md)}.process-form__grid--single{grid-template-columns:1fr}.process-form__field{display:flex;flex-direction:column;gap:3px}.process-form__field--full{grid-column:1 / -1}.process-form__label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.process-form__label-required{color:var(--color-danger);font-weight:600}.process-form__label-hint{font-weight:400;color:var(--color-text-muted)}.process-form__input,.process-form__select,.process-form__textarea{padding:6px 10px;font-size:var(--font-size-sm);font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);transition:all var(--transition-fast);width:100%;box-sizing:border-box}.process-form__input:focus,.process-form__select:focus,.process-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.process-form__textarea{resize:vertical;min-height:60px}.process-form__address-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-lg);align-items:start}.process-form__address-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.process-form__address-group-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);margin-bottom:2px}.process-form__services{display:flex;flex-direction:column;gap:var(--spacing-md)}.process-form__service-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.process-form__service-group-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);margin-bottom:2px}.process-form__service-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px var(--spacing-md)}.process-form__service-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:5px var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);user-select:none}.process-form__service-checkbox:hover{background:var(--color-surface-hover)}.process-form__service-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.process-form__service-name{font-size:var(--font-size-sm);color:var(--color-text);flex:1;min-width:0}.process-form__service-code{font-size:var(--font-size-2xs);color:var(--color-text-muted);font-family:monospace;padding:1px 5px;background:var(--color-surface);border-radius:var(--radius-sm);flex-shrink:0}.process-form__auto-link{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-2xs);color:var(--color-primary);background:var(--color-primary-bg);padding:1px 6px;border-radius:var(--radius-full);margin-left:var(--spacing-xs);font-weight:500;white-space:nowrap}.process-form__auto-link i{font-size:8px}.process-form__retainer{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;user-select:none;transition:all var(--transition-fast)}.process-form__retainer:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.process-form__retainer input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.process-form__retainer-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.process-form__retainer-hint{font-size:var(--font-size-2xs);color:var(--color-text-muted);margin-left:auto}.process-form__upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:default;transition:border-color var(--transition-fast),background var(--transition-fast);color:var(--color-text-muted)}.process-form__upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.process-form__upload-zone i{font-size:var(--font-size-xl);opacity:.4}.process-form__upload-zone span{font-size:var(--font-size-sm)}.process-form__upload-zone small{font-size:var(--font-size-2xs);opacity:.6}.process-form__upload-zone--dragover{border-color:var(--color-primary);background:var(--color-primary-bg)}.process-form__upload-zone--dragover i{color:var(--color-primary);opacity:.7}.process-form__upload-browse{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family);text-decoration:underline;padding:0}.process-form__upload-browse:hover{color:var(--color-primary-hover)}.process-form__upload-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-xs)}.process-form__upload-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-xs)}.process-form__upload-item:hover{background:var(--color-surface-hover)}.process-form__upload-item i:first-child{font-size:var(--font-size-sm);color:var(--color-text-muted);width:16px;text-align:center;flex-shrink:0}.process-form__upload-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-form__upload-item-size{font-size:var(--font-size-2xs);color:var(--color-text-muted);flex-shrink:0}.process-form__upload-item-remove{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-fast);flex-shrink:0;padding:0}.process-form__upload-item-remove:hover{background:var(--color-danger-bg);color:var(--color-danger)}.process-form__group-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.process-form__group-row{display:flex;align-items:center;gap:var(--spacing-sm)}.process-form__group-row .process-form__input{flex:1}.process-form__add-group-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.process-form__add-group-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.process-form__add-group-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xs)}.process-form__progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center}.process-form__progress-spinner{font-size:var(--font-size-2xl);color:var(--color-primary);animation:spin 1s linear infinite}.process-form__progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.process-form__progress-step{font-size:var(--font-size-xs);color:var(--color-text-muted)}#leave-request-modal select.form__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.leave-request-modal__type-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.leave-request-modal__type-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.leave-request-modal__type-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text)}.leave-request-modal__type-btn--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.leave-request-modal__type-btn:disabled{opacity:.6;cursor:not-allowed}.leave-request-modal__type-btn i{font-size:var(--font-size-md)}.leave-request-modal__balance-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-info-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-info)}.leave-request-modal__balance-hint--low{background:var(--color-danger-bg);color:var(--color-danger)}.leave-request-modal__balance-hint--loading{background:var(--color-surface);color:var(--color-text-muted)}.leave-request-modal__balance-hint--loading i{margin-right:var(--spacing-xs)}.leave-request-modal__balance-hint strong{font-weight:600}.leave-request-modal__amend-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-warning-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-warning);border-left:3px solid var(--color-warning)}.leave-request-modal__amend-info i{flex-shrink:0}.leave-request-modal__date-summary{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.leave-request-modal__date-summary-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text)}.leave-request-modal__date-summary-info i{color:var(--color-text-muted)}.leave-request-modal__date-range{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap}.leave-request-modal__date-field{flex:1;min-width:140px}.leave-request-modal__date-field .form__label--small{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);color:var(--color-text-muted)}.leave-request-modal__days-display{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-bg);border-radius:var(--radius-md);min-width:60px}.leave-request-modal__days-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);line-height:1}.leave-request-modal__days-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.leave-request-modal__status-row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md)}.leave-request-modal__status{display:flex;flex-direction:column;gap:var(--spacing-xs)}.leave-request-modal__status-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.leave-request-modal__status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.leave-request-modal__status-badge--success{background:var(--color-success-bg);color:var(--color-success)}.leave-request-modal__status-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.leave-request-modal__status-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.leave-request-modal__status-badge--muted{background:var(--color-gray-bg);color:var(--color-gray)}.leave-request-modal__rejection-notes{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-danger-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:3px solid var(--color-danger)}.leave-request-modal__rejection-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--color-danger);text-transform:uppercase}.leave-request-modal__rejection-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.leave-request-modal__employee-info{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:3px solid var(--color-primary)}.leave-request-modal__employee-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.leave-request-modal__employee-name i{color:var(--color-primary)}.leave-request-modal__employee-email{font-size:var(--font-size-sm);color:var(--color-text-muted);padding-left:24px}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.btn--success{background:var(--color-success);color:var(--color-on-success);border:none}.btn--success:hover{background:var(--color-success-hover)}.btn--danger{background:var(--color-danger);color:var(--color-on-danger);border:none}.btn--danger:hover{background:var(--color-danger-hover)}#leave-request-modal .btn:disabled{cursor:not-allowed;opacity:.7}.leave-approval-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.leave-approval-modal__banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.leave-approval-modal__banner i{font-size:var(--font-size-base)}.leave-approval-modal__banner--warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent)}.leave-approval-modal__banner--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid color-mix(in srgb,var(--color-info) 30%,transparent)}.leave-approval-modal__employee{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.leave-approval-modal__employee-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:600;flex-shrink:0}.leave-approval-modal__employee-info{display:flex;flex-direction:column;gap:2px;min-width:0}.leave-approval-modal__employee-name{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.leave-approval-modal__employee-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.leave-approval-modal__details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md)}.leave-approval-modal__detail-row{display:flex;gap:var(--spacing-lg)}.leave-approval-modal__detail{display:flex;flex-direction:column;gap:4px;flex:1}.leave-approval-modal__detail--full{flex:none;width:100%}.leave-approval-modal__detail-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.leave-approval-modal__detail-value{font-size:var(--font-size-sm);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-xs)}.leave-approval-modal__detail-value i{color:var(--color-text-muted);font-size:12px}.leave-approval-modal__detail-value--type{color:var(--color-primary);font-weight:600}.leave-approval-modal__detail-value--type i{color:var(--color-primary)}.leave-approval-modal__detail-value--days{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.leave-approval-modal__detail-value--muted{color:var(--color-text-muted)}.leave-approval-modal__reason{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.leave-approval-modal__reason-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);white-space:pre-wrap}.leave-approval-modal__response{display:flex;flex-direction:column;gap:var(--spacing-xs)}.leave-approval-modal__response-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.leave-approval-modal__response-input{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-input-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:80px;box-sizing:border-box;transition:all var(--transition-fast);font-family:inherit}.leave-approval-modal__response-input:hover{border-color:var(--color-primary)}.leave-approval-modal__response-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.leave-approval-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-md)}.leave-approval-modal__actions .btn{display:flex;align-items:center;gap:var(--spacing-xs)}.leave-approval-modal__actions .btn:disabled{cursor:not-allowed;opacity:.7}#grid-container{margin-bottom:var(--spacing-md)}.leave-request-modal__grid-add-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-bg);border:1px dashed var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.leave-request-modal__grid-add-btn:hover{background:var(--color-primary);color:var(--color-on-primary);border-style:solid}.leave-request-modal__grid-table{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:250px;overflow-y:auto;padding-right:var(--spacing-xs)}.leave-request-modal__grid-header{display:grid;grid-template-columns:1fr 1fr auto auto;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.leave-request-modal__grid-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.leave-request-modal__grid-row:hover{border-color:var(--color-border-hover)}.leave-request-modal__grid-date,.leave-request-modal__grid-type,.leave-request-modal__grid-duration{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-input-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;transition:border-color var(--transition-fast)}.leave-request-modal__grid-date:focus,.leave-request-modal__grid-type:focus,.leave-request-modal__grid-duration:focus{outline:none;border-color:var(--color-primary)}.leave-request-modal__grid-type,.leave-request-modal__grid-duration{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.leave-request-modal__grid-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.leave-request-modal__grid-remove:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.leave-request-modal__grid-total{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.leave-request-modal__grid-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.leave-request-modal__grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.leave-request-modal__grid-empty i{font-size:var(--font-size-xl);opacity:.5}.leave-entries-breakdown{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;margin-bottom:var(--spacing-md);scrollbar-width:thin}.leave-entries-breakdown::-webkit-scrollbar{width:6px}.leave-entries-breakdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.leave-entries-breakdown__header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xs);padding:4px var(--spacing-sm);background:var(--color-surface);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:1}.leave-entries-breakdown__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xs);padding:2px var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text)}.leave-entries-breakdown__row:nth-child(2n){background:var(--color-row-alt)}.leave-entries-breakdown__cell{padding:2px var(--spacing-xs)}.leave-entries-breakdown__half-day{display:inline-flex;align-items:center;padding:1px 6px;background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}@media(max-width:480px){.leave-request-modal__type-buttons{flex-direction:column}.leave-request-modal__type-btn{justify-content:center}.leave-request-modal__date-range{flex-direction:column}.leave-request-modal__date-field{width:100%}.leave-request-modal__days-display{flex-direction:row;gap:var(--spacing-sm);width:100%;justify-content:center}.leave-request-modal__grid-header,.leave-request-modal__grid-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.leave-request-modal__grid-header{display:none}.leave-request-modal__grid-remove{justify-self:end}}.overtime-tab{display:flex;flex-direction:column;min-height:0}.overtime-tab__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.overtime-tab__filters{display:flex;gap:4px}.overtime-tab__filter{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.overtime-tab__filter:hover{background:var(--color-surface-hover);color:var(--color-text)}.overtime-tab__filter--active{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.overtime-tab__request-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.overtime-tab__request-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.overtime-tab__table-wrap{overflow-x:auto}.overtime-tab__table{width:100%;border-collapse:collapse}.overtime-tab__table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.overtime-tab__row{transition:background var(--transition-fast)}.overtime-tab__row:hover{background:var(--color-surface-hover)}.overtime-tab__cell{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text);border-bottom:1px solid var(--color-border-light)}.overtime-tab__cell--hours{font-weight:600;font-variant-numeric:tabular-nums}.overtime-tab__cell--date{color:var(--color-text-secondary);white-space:nowrap}.overtime-tab__cell--actions{width:40px;text-align:center}.overtime-tab__status{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap}.overtime-tab__status--pending-manager{background:var(--color-warning-bg);color:var(--color-warning)}.overtime-tab__status--pending-hr{background:var(--color-info-bg);color:var(--color-info)}.overtime-tab__status--paid{background:var(--color-success-bg);color:var(--color-success)}.overtime-tab__status--rejected{background:var(--color-danger-bg);color:var(--color-danger)}.overtime-tab__status--cancelled{background:var(--color-secondary-bg);color:var(--color-secondary)}.overtime-tab__action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.overtime-tab__action-btn:hover{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.overtime-tab__action-btn--danger:hover{background:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-danger)}.overtime-tab__cell--actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.overtime-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-md);color:var(--color-text-muted);gap:var(--spacing-sm)}.overtime-tab__empty i{font-size:32px;opacity:.4}.overtime-tab__empty p{margin:0;font-size:var(--font-size-sm)}.overtime-tab__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-3xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.overtime-modal__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.overtime-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.overtime-modal__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.overtime-modal__select,.overtime-modal__input,.overtime-modal__textarea{padding:var(--spacing-sm);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-input-text);font-family:var(--font-family);transition:border-color var(--transition-fast)}.overtime-modal__select:focus,.overtime-modal__input:focus,.overtime-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.overtime-modal__textarea{resize:vertical;min-height:60px}.overtime-summary{display:flex;flex-direction:column;gap:var(--spacing-sm)}.overtime-summary__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm)}.overtime-summary__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.overtime-summary__stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1.1}.overtime-summary__stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.overtime-summary__stat--positive .overtime-summary__stat-value{color:var(--color-success)}.overtime-summary__stat--negative .overtime-summary__stat-value{color:var(--color-warning)}.overtime-summary__progress{background:var(--color-surface);border:1px solid var(--color-border)}.overtime-summary__day-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.overtime-summary__day-header,.overtime-summary__day-row{display:grid;grid-template-columns:110px 56px 60px 60px 60px 60px 1fr;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);align-items:center}.overtime-summary__day-cell--name{display:flex;align-items:center}.overtime-summary__day-header{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.overtime-summary__day-row{border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text)}.overtime-summary__day-row:last-child{border-bottom:none}.overtime-summary__day-cell--num{text-align:right;font-variant-numeric:tabular-nums}.overtime-summary__day-cell--target{font-weight:600}.overtime-summary__day-cell--actual{font-weight:600;color:var(--color-text)}.overtime-summary__day-cell--adjust{color:var(--color-info)}.overtime-summary__day-cell--positive{color:var(--color-success)}.overtime-summary__day-cell--negative{color:var(--color-warning)}.overtime-summary__day-cell--note{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overtime-modal__summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--spacing-xs);padding:var(--spacing-sm)}.overtime-modal__summary-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.overtime-modal__summary-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.overtime-modal__status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.overtime-modal__status--pending-manager{background:var(--color-warning-bg);color:var(--color-warning)}.overtime-modal__status--pending-hr{background:var(--color-info-bg);color:var(--color-info)}.overtime-modal__status--paid{background:var(--color-success-bg);color:var(--color-success)}.overtime-modal__status--rejected{background:var(--color-danger-bg);color:var(--color-danger)}.overtime-modal__status--cancelled{background:var(--color-secondary-bg);color:var(--color-secondary)}.overtime-modal__info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.overtime-modal__info-row{display:flex;align-items:baseline;gap:var(--spacing-md)}.overtime-modal__info-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;min-width:100px;flex-shrink:0}.overtime-modal__info-value{font-size:var(--font-size-sm);color:var(--color-text)}.overtime-modal__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.overtime-modal__btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.overtime-modal__btn--primary{background:var(--color-primary);color:var(--white)}.overtime-modal__btn--primary:hover{background:var(--color-primary-hover)}.overtime-modal__btn--approve{background:var(--color-success);color:var(--white)}.overtime-modal__btn--approve:hover{filter:brightness(.9)}.overtime-modal__btn--reject{background:var(--color-danger);color:var(--white)}.overtime-modal__btn--reject:hover{filter:brightness(.9)}.overtime-modal__btn--paid{background:var(--color-success);color:var(--white)}.overtime-modal__btn--paid:hover{filter:brightness(.9)}.overtime-modal__btn--cancel{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.overtime-modal__btn--cancel:hover{background:var(--color-surface-hover)}.overtime-modal__btn:disabled{opacity:.5;cursor:not-allowed}.overtime-modal__reject-confirm{display:none;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-danger-bg);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.overtime-modal__reject-confirm--visible{display:flex}.overtime-modal__reject-confirm-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-danger)}.overtime-modal__timeline{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.overtime-modal__timeline-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.overtime-modal__timeline-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;flex-shrink:0}.overtime-modal__timeline-icon--success{background:var(--color-success-bg);color:var(--color-success)}.overtime-modal__timeline-icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.overtime-modal__timeline-icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.overtime-modal__timeline-icon--info{background:var(--color-info-bg);color:var(--color-info)}.overtime-modal__timeline-content{flex:1;min-width:0}.overtime-modal__timeline-title{font-weight:600;color:var(--color-text)}.overtime-modal__timeline-detail{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.overtime-modal__note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-info-bg);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-info);line-height:1.4}.overtime-modal__note i{margin-top:2px;flex-shrink:0}.overtime-modal__pay-period{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm)}.overtime-modal__section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:var(--spacing-md) 0 var(--spacing-xs)}.overtime-modal__section-title i{color:var(--color-primary)}.overtime-modal__pdf-btn{margin-left:auto;display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-transform:none;letter-spacing:normal}.overtime-modal__pdf-btn:hover:not(:disabled){background:var(--color-primary);color:var(--white);transform:translateY(-1px)}.overtime-modal__pdf-btn:disabled{opacity:.6;cursor:not-allowed}.overtime-summary__day-group{border-bottom:1px solid var(--color-border-light)}.overtime-summary__day-group:last-child{border-bottom:none}.overtime-summary__day-group--expandable .overtime-summary__day-row{cursor:pointer;transition:background var(--transition-fast)}.overtime-summary__day-group--expandable .overtime-summary__day-row:hover{background:var(--color-surface-hover)}.overtime-summary__day-chev{font-size:10px;color:var(--color-text-muted);margin-right:4px;transition:transform var(--transition-fast)}.overtime-summary__day-chev-spacer{display:inline-block;width:14px;margin-right:4px}.overtime-summary__day-group--open .overtime-summary__day-chev{transform:rotate(90deg);color:var(--color-primary)}.overtime-summary__day-label{display:inline-flex;flex-direction:column;gap:1px;line-height:1.2}.overtime-summary__day-abbr{font-weight:600}.overtime-summary__day-date{font-size:10px;color:var(--color-text-muted);font-weight:400}.overtime-summary__entries{display:none;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) 36px;background:var(--color-surface-hover);border-top:1px solid var(--color-border-light);flex-direction:column;gap:var(--spacing-xs)}.overtime-summary__day-group--open .overtime-summary__entries{display:flex}.overtime-summary__entry{display:grid;grid-template-columns:140px 1fr;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.overtime-summary__entry--empty{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-style:italic}.overtime-summary__entry--empty i{font-size:6px}.overtime-summary__entry-time{display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums}.overtime-summary__entry-range{color:var(--color-text);font-weight:600}.overtime-summary__entry-hours{color:var(--color-primary);font-weight:600}.overtime-summary__entry-body{display:flex;flex-direction:column;gap:3px;min-width:0}.overtime-summary__entry-tags{display:flex;flex-wrap:wrap;gap:4px}.overtime-summary__entry-tag{display:inline-flex;padding:1px 6px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-sm);font-size:10px;font-weight:600}.overtime-summary__entry-desc{color:var(--color-text-secondary);line-height:1.3;word-break:break-word}.reminder-form{display:flex;flex-direction:column;gap:14px}.reminder-form__field{display:flex;flex-direction:column;gap:4px}.reminder-form__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.reminder-form__input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-text);font-size:13px;font-family:inherit;box-sizing:border-box}.reminder-form__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246),.15)}.reminder-form__context-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;font-size:12px;color:var(--color-text-secondary)}.reminder-form__context-badge i{font-size:10px;opacity:.6}.reminder-form__recipients-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:4px}.reminder-form__recipients{max-height:160px;overflow-y:auto;border:1px solid var(--color-border);border-radius:6px}.reminder-form__recipient{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer;transition:background .12s}.reminder-form__recipient:hover{background:var(--color-surface-hover)}.reminder-form__recipient--disabled{opacity:.7;cursor:default}.reminder-form__recipient input[type=checkbox]{accent-color:var(--color-primary);flex-shrink:0}.reminder-form__recipient-avatar{width:22px;height:22px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;color:var(--color-on-primary);flex-shrink:0}.reminder-form__recipient-avatar--img{width:22px;height:22px;border-radius:50%;object-fit:cover}.reminder-form__recipient-name{font-size:13px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-popover{position:fixed;z-index:var(--z-modal-high);transition:opacity .2s ease}.notes-popover__inner{width:360px;max-height:420px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 16px 48px -12px rgba(var(--color-shadow-rgb),.25),0 0 0 1px rgba(var(--color-shadow-rgb),.05);overflow:hidden;display:flex;flex-direction:column}.notes-popover__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(to bottom,var(--color-surface),var(--color-card-bg));border-bottom:1px solid var(--color-border);flex-shrink:0}.notes-popover__title{font-size:13px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.notes-popover__title i{color:var(--color-warning);font-size:14px}.notes-popover__header-actions{display:flex;align-items:center;gap:4px}.notes-popover__add-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease;font-size:12px}.notes-popover__add-btn:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.notes-popover__close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.notes-popover__close-btn:hover{background:var(--color-danger);color:var(--color-on-danger);transform:rotate(90deg)}.notes-popover__body{flex:1;overflow:hidden;display:flex;flex-direction:column}.notes-popover__loading{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--color-text-tertiary)}.notes-popover__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;text-align:center;color:var(--color-text-tertiary)}.notes-popover__empty i{font-size:24px;opacity:.5}.notes-popover__empty span{font-size:12px}.notes-popover__list{flex:1;overflow-y:auto;padding:8px;max-height:320px}.notes-popover__list::-webkit-scrollbar{width:6px}.notes-popover__list::-webkit-scrollbar-track{background:transparent}.notes-popover__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.notes-popover__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.notes-popover__item{display:flex;gap:10px;padding:10px;border-radius:8px;margin-bottom:6px;background:var(--color-surface);border:1px solid transparent;transition:all .15s ease}.notes-popover__item:hover{border-color:var(--color-border);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.06)}.notes-popover__item:last-child{margin-bottom:0}.notes-popover__avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0;text-transform:uppercase}.notes-popover__item-content{flex:1;min-width:0}.notes-popover__meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}.notes-popover__author{font-size:11px;font-weight:600;color:var(--color-text)}.notes-popover__time{font-size:10px;color:var(--color-text-tertiary)}.notes-popover__text{font-size:12px;color:var(--color-text-secondary);line-height:1.5;word-break:break-word;white-space:pre-wrap}.notes-popover__text strong{font-weight:700}.notes-popover__text em{font-style:italic}.notes-popover__text del{text-decoration:line-through;opacity:.55}.notes-popover__text .notes__code{padding:1px 4px;background:rgba(var(--color-shadow-rgb),.06);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.85em}.notes-popover__text .notes__bullet{display:block;padding-left:14px;position:relative}.notes-popover__text .notes__bullet:before{content:"•";position:absolute;left:3px;color:var(--color-text-muted)}.notes-popover__text .notes__divider{display:block;height:16px;position:relative}.notes-popover__text .notes__divider:after{content:"";position:absolute;left:10%;right:10%;top:50%;border-top:1px dashed rgba(var(--color-shadow-rgb),.12)}.notes-popover__item-actions{margin-left:auto;display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s ease}.notes-popover__item:hover .notes-popover__item-actions{opacity:1}.notes-popover__action-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;font-size:10px;transition:all .15s ease;position:relative;padding:0}.notes-popover__action-btn:hover{background:color-mix(in srgb,var(--color-text-tertiary) 12%,transparent);color:var(--color-text-secondary)}.notes-popover__action-btn--edit:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.notes-popover__action-btn--delete:hover{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.notes-popover__action-btn--services:hover{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.notes-popover__action-badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;border-radius:7px;background:var(--color-info);color:var(--color-on-primary);font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.notes-popover__edit-form{margin-top:4px}.notes-popover__edit-input{width:100%;padding:6px 8px;border:1px solid var(--color-primary);border-radius:6px;background:var(--color-card-bg);color:var(--color-text);font-size:12px;font-family:inherit;resize:vertical;min-height:48px;max-height:120px;line-height:1.5;box-sizing:border-box;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 15%,transparent)}.notes-popover__edit-input:focus{outline:none}.notes-popover__edit-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.notes-popover__delete-confirm{display:flex;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;border-radius:6px;background:color-mix(in srgb,var(--color-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 25%,transparent);animation:notes-popover-fade-in .15s ease}@keyframes notes-popover-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notes-popover__delete-confirm-text{font-size:11px;color:var(--color-danger);font-weight:500}.notes-popover__footer{padding:8px 12px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.notes-popover__count{font-size:11px;color:var(--color-text-tertiary);font-weight:500}.notes-popover__compose{padding:8px 10px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.notes-popover__compose-input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card-bg);color:var(--color-text);font-size:12px;font-family:inherit;resize:vertical;min-height:56px;max-height:140px;transition:border-color .15s ease;box-sizing:border-box}.notes-popover__compose-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 15%,transparent)}.notes-popover__compose-input::placeholder{color:var(--color-text-tertiary)}.notes-popover__compose-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.notes-popover__services-dropdown{position:fixed;z-index:var(--z-modal-high);animation:notes-popover-fade-in .12s ease}.notes-popover__services-dropdown-inner{width:220px;max-height:240px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 12px 36px -8px rgba(var(--color-shadow-rgb),.2),0 0 0 1px rgba(var(--color-shadow-rgb),.04);overflow:hidden;display:flex;flex-direction:column}.notes-popover__services-dropdown-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);flex-shrink:0}.notes-popover__services-dropdown-list{overflow-y:auto;padding:4px;max-height:200px}.notes-popover__services-dropdown-list::-webkit-scrollbar{width:4px}.notes-popover__services-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.notes-popover__services-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .1s ease;font-size:12px}.notes-popover__services-dropdown-item:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.notes-popover__services-dropdown-item input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.notes-popover__services-dropdown-label{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-popover__services-dropdown-item--saving{opacity:.6;pointer-events:none}.notes-popover__services-dropdown-empty{padding:16px;text-align:center;color:var(--color-text-tertiary);font-size:12px}.manage-cost-types{display:flex;flex-direction:column;gap:14px}.manage-cost-types__add-form{display:flex;gap:8px;align-items:center;padding:10px 12px;background:rgba(var(--color-primary-rgb),.05);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-md)}.manage-cost-types__add-input{flex:1}.manage-cost-types__list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);max-height:360px;overflow-y:auto}.manage-cost-types__row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--color-border-light, var(--color-border));transition:background .12s}.manage-cost-types__row:last-child{border-bottom:none}.manage-cost-types__row:hover{background:var(--color-surface-hover)}.manage-cost-types__row-main{flex:1;display:flex;align-items:center;gap:8px}.manage-cost-types__name-input{flex:1;background:transparent;border:1px solid transparent;padding:6px 8px;border-radius:var(--radius-sm);color:var(--color-text);font-size:.88rem;transition:border-color .15s,background .15s}.manage-cost-types__name-input:hover:not([readonly]){border-color:var(--color-border);background:var(--color-surface)}.manage-cost-types__name-input:focus:not([readonly]){outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.manage-cost-types__name-input[readonly]{color:var(--color-text-secondary);cursor:default}.manage-cost-types__badge{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(var(--color-shadow-rgb),.08);color:var(--color-text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.manage-cost-types__row-actions{display:flex;align-items:center;gap:4px}.manage-cost-types__icon-btn{width:28px;height:28px;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-size:.78rem}.manage-cost-types__icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border)}.manage-cost-types__icon-btn--danger:hover{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);border-color:rgba(var(--color-danger-rgb),.3)}.manage-cost-types__empty{padding:22px 14px;text-align:center;color:var(--color-text-secondary);font-size:.85rem}.manage-cost-types-trigger{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.manage-cost-types-trigger:hover{background:rgba(var(--color-primary-rgb),.06);color:var(--color-primary);border-color:var(--color-primary);border-style:solid}.manage-cost-types-trigger i{font-size:.72rem}.form__label:has(.manage-cost-types-trigger){display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial-viewer{position:fixed;inset:0;z-index:var(--z-modal-high)}.tutorial-viewer-lock{overflow:hidden}.tutorial-viewer__backdrop{position:absolute;inset:0;background:var(--modal-backdrop);opacity:0;transition:opacity var(--transition-base);cursor:pointer}.tutorial-viewer--open .tutorial-viewer__backdrop{opacity:1}.tutorial-viewer__panel{position:absolute;top:0;right:0;height:100%;width:min(560px,100%);display:flex;flex-direction:column;background:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:var(--shadow-overlay);transform:translate(100%);transition:transform var(--transition-base)}.tutorial-viewer--open .tutorial-viewer__panel{transform:translate(0)}.tutorial-viewer__body{display:flex;flex-direction:column;height:100%;min-height:0}.tutorial-viewer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.tutorial-viewer__heading{display:flex;align-items:flex-start;gap:var(--spacing-md)}.tutorial-viewer__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--font-size-lg)}.tutorial-viewer__title{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.tutorial-viewer__summary{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.tutorial-viewer__actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.tutorial-viewer__action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.tutorial-viewer__action:hover{background:var(--color-surface-hover);color:var(--color-text)}.tutorial-viewer__content{flex:1;overflow-y:auto;padding:var(--spacing-lg);color:var(--color-text);font-size:var(--font-size-md);line-height:1.65;word-break:break-word;white-space:pre-line}.tutorial-viewer__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:100%;color:var(--color-text-muted)}.tutorial-viewer__empty{color:var(--color-text-muted);font-style:italic}@media(max-width:640px){.tutorial-viewer__panel{width:100%}}.tutorial-editor{display:flex;flex-direction:column;gap:var(--spacing-md)}.tutorial-editor__row{display:flex;align-items:flex-end;gap:var(--spacing-md)}.tutorial-editor__title-group{flex:1}.tutorial-editor__publish{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;cursor:pointer}.tutorial-editor__optional{font-weight:400;color:var(--color-text-muted)}.tutorial-editor__icon{max-width:280px}.tutorial-editor__content-group{display:flex;flex-direction:column;min-height:260px}.tutorial-editor__hint{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.tutorial-editor__lists{display:flex;flex-direction:column;max-height:180px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.tutorial-editor__list-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.tutorial-editor__list-row:last-child{border-bottom:none}.tutorial-editor__list-row:hover{background:var(--color-surface-hover)}.tutorial-editor__list-name{flex:1}.tutorial-editor__list-flag{font-size:var(--font-size-2xs);color:var(--color-warning)}.tutorial-editor__empty{padding:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.tutorials-mgmt{display:flex;flex-direction:column;gap:var(--spacing-md)}.tutorials-mgmt__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tutorials-mgmt__card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast)}.tutorials-mgmt__card:hover{border-color:var(--color-border-hover)}.tutorials-mgmt__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary-bg);color:var(--color-primary)}.tutorials-mgmt__info{flex:1;min-width:0}.tutorials-mgmt__title{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.tutorials-mgmt__summary{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorials-mgmt__badges{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:4px}.tutorials-mgmt__badge{font-size:var(--font-size-2xs);padding:1px 8px;border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--color-text-muted)}.tutorials-mgmt__badge--published{background:var(--color-success-bg);color:var(--color-success)}.tutorials-mgmt__badge--draft{background:var(--color-warning-bg);color:var(--color-warning)}.tutorials-mgmt__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.tutorials-mgmt__action{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tutorials-mgmt__action:hover{background:var(--color-surface-hover);color:var(--color-text)}.tutorials-mgmt__action--danger:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.tutorials-mgmt__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-muted);text-align:center}.tutorials-mgmt__empty i{font-size:var(--font-size-2xl);opacity:.5}