.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}.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-lg);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}.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__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__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{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-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}.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__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.modal__button--primary{background:var(--color-primary);color:var(--color-on-primary)}.modal__button--primary:hover{background:var(--color-primary-hover)}.modal__button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.modal__button--danger{background:var(--color-danger);color:var(--color-on-primary)}.modal__button--danger:hover{background:var(--color-danger-hover, #dc2626)}.modal__button:disabled{opacity:.6;cursor:not-allowed}.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)}.form{width:100%}.form__group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form__subheading{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.form__input,.form__select,.form__textarea{padding:var(--spacing-sm);font-size:var(--font-size-base);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%}.form__input:focus,.form__select:focus,.form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form__textarea{resize:vertical;min-height:88px}.form__inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}@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)}.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{position:relative;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.multi-select__search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:var(--font-size-xs);opacity:.6;pointer-events:none}.multi-select__search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.multi-select__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.multi-select__search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.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;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.multi-select__footer-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.multi-select__footer-btn:active{transform:scale(.98)}.multi-select__select-all:hover{color:var(--color-success);border-color:var(--color-success)}.multi-select__clear-all:hover{color:var(--color-danger);border-color:var(--color-danger)}@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 *,.data-grid *:before,.data-grid *:after{box-sizing:border-box}.data-grid{--dg-row-height: 36px;--dg-header-height: 38px;--dg-checkbox-width: 40px;--dg-cell-padding-v: 8px;--dg-cell-padding-h: 12px;--dg-icon-size-sm: 16px;--dg-dark-border-subtle: var(--dg-dark-border-subtle);--dg-dark-border-light: var(--dg-dark-border-light);--dg-highlight-subtle: var(--dg-highlight-subtle);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(--dg-dark-border-subtle)}.data-grid__header-cell{position:relative;padding:8px 12px;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--sortable{cursor:pointer}.data-grid__header-cell--sortable:hover{background:var(--color-surface-hover);color:var(--color-text)}.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 .data-grid__cell-content,.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:all .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--sortable,.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:all .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(--dg-dark-border-light)}.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:40px;max-height:40px}.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:8px 12px;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__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:all .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__icon{font-size:var(--font-size-base)}.data-grid__icon--success{color:var(--color-success)}.data-grid__icon--muted{color:var(--color-text-muted)}.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)}.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;gap:var(--spacing-sm);cursor:pointer}.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{flex:1;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__column-dialog{padding:var(--spacing-md)}.data-grid__column-list h4{margin:0 0 var(--spacing-md) 0;color:var(--color-text);font-size:var(--font-size-base)}.data-grid__column-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;cursor:pointer}.data-grid__column-item:hover{background:var(--color-surface-hover)}.data-grid__column-checkbox{cursor:pointer}[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--text{flex:1;max-width:200px}.data-grid__skeleton-cell--text-wide{flex:2;max-width:350px}.data-grid__skeleton-cell--text-short{width:60px;min-width:60px;flex:none}.data-grid__skeleton-cell--badge{width:70px;min-width:70px;height:22px;border-radius:var(--radius-full);flex-shrink:0}.data-grid__skeleton-cell--avatar{width:28px;min-width:28px;height:28px;border-radius:50%;flex-shrink:0}.data-grid__skeleton-cell--date{width:80px;min-width:80px;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-btn{flex:1;padding:8px 12px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.data-grid__filter-popover-btn--clear{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.data-grid__filter-popover-btn--clear:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-muted)}.data-grid__filter-popover-btn--apply{background:var(--color-primary);color:var(--color-on-primary)}.data-grid__filter-popover-btn--apply:hover{background:var(--color-primary-hover)}[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(--dg-dark-border-light)}.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;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-grid__context-menu-divider{height:1px;background:var(--color-border);margin:4px 0}[data-theme=dark] .data-grid__context-menu{box-shadow:0 4px 16px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--dg-dark-border-light)}.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-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:all .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__menu-btn{padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.data-grid-toolbar__menu-btn--secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.data-grid-toolbar__menu-btn--secondary:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-muted)}.data-grid-toolbar__menu-btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.data-grid-toolbar__menu-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.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(--dg-dark-border-light)}.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 0 var(--dg-highlight-subtle)}.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%)}.billing-col__cell{display:flex;align-items:center;gap:var(--spacing-xs)}.billing-col__empty{color:var(--color-text-muted)}.billing-col__hours,.billing-col__amount{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)}.toast-container{position:fixed;top:20px;right:20px;z-index:var(--z-modal-high);pointer-events:none;max-width:380px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast-container .toast{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:0 20px 40px -10px rgba(var(--color-shadow-rgb),.15),0 10px 20px -5px rgba(var(--color-shadow-rgb),.08),0 0 0 1px var(--color-border);pointer-events:auto;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top right;border-left:4px solid var(--color-info)}.toast--enter{opacity:0;transform:translate(100%)}.toast--active{opacity:1;transform:translate(0)}.toast--exit{opacity:0;transform:translate(100%)}.toast__header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--color-info) 0%,var(--color-cyan) 100%);gap:var(--spacing-sm)}.toast__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;color:var(--color-on-info);flex-shrink:0;animation:toast-icon-bounce .5s cubic-bezier(.175,.885,.32,1.275)}.toast__icon i{font-size:.75rem}@keyframes toast-icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toast__title{flex:1;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-on-info)}.toast__close{background:#ffffff26;border:none;border-radius:var(--radius-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--color-on-info);opacity:.8}.toast__close:hover{background:#ffffff4d;opacity:1;transform:scale(1.1)}.toast__body{padding:var(--spacing-md);transition:background-color .2s}.toast__body:hover{background-color:var(--color-surface-hover)}.toast__commenter{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.toast__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-info) 0%,var(--color-cyan) 100%);color:var(--color-on-info);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;flex-shrink:0}.toast__commenter-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.toast__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.toast__message strong{color:var(--color-text);font-weight:600}.toast__subtitle{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-info);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;line-height:1.5;word-break:break-word}.toast__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface);border-top:1px solid var(--color-border);transition:background-color .2s}.toast__footer:hover{background:var(--color-surface-hover)}.toast__action-hint{font-size:var(--font-size-xs);color:var(--color-info);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.toast__action-hint:before{content:"";display:inline-block;width:4px;height:4px;background:var(--color-info);border-radius:50%;animation:toast-pulse 1.5s ease-in-out infinite}@keyframes toast-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.toast__footer-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.toast__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.toast__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-info) 0%,var(--color-cyan) 100%);animation:toast-progress-shrink linear forwards;animation-duration:8s;transform-origin:left}@keyframes toast-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-container .toast:hover{transform:translate(-4px);box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-info)}.toast--assigned{border-left-color:var(--color-success)}.toast--assigned .toast__header{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-teal) 100%)}.toast--assigned .toast__progress{background:linear-gradient(90deg,var(--color-success) 0%,var(--color-teal) 100%)}.toast--assigned .toast__action-hint{color:var(--color-success)}.toast--assigned .toast__action-hint:before{background:var(--color-success)}.toast--assigned:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-success)}.toast--unassigned{border-left-color:var(--color-amber)}.toast--unassigned .toast__header{background:linear-gradient(135deg,var(--color-amber) 0%,var(--color-warning) 100%)}.toast--unassigned .toast__progress{background:linear-gradient(90deg,var(--color-amber) 0%,var(--color-warning) 100%)}.toast--unassigned .toast__action-hint{color:var(--color-amber)}.toast--unassigned .toast__action-hint:before{background:var(--color-amber)}.toast--unassigned:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-amber)}.toast--reaction{border-left-color:var(--color-pink)}.toast--reaction .toast__header{background:linear-gradient(135deg,var(--color-pink) 0%,var(--color-info) 100%)}.toast--reaction .toast__progress{background:linear-gradient(90deg,var(--color-pink) 0%,var(--color-info) 100%)}.toast--reaction .toast__subtitle{border-left-color:var(--color-pink)}.toast--reaction .toast__action-hint{color:var(--color-pink)}.toast--reaction .toast__action-hint:before{background:var(--color-pink)}.toast--reaction:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-pink)}.toast--resource-claim{border-left-color:var(--color-success)}.toast--resource-claim .toast__header{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-teal) 100%)}.toast--resource-claim .toast__progress{background:linear-gradient(90deg,var(--color-success) 0%,var(--color-teal) 100%)}.toast--resource-claim:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-success)}.toast--resource-release{border-left-color:var(--color-text-muted)}.toast--resource-release .toast__header{background:var(--color-text-secondary);color:var(--color-card-bg)}.toast--resource-release .toast__icon,.toast--resource-release .toast__title,.toast--resource-release .toast__close{color:var(--color-card-bg)}.toast--resource-release .toast__progress{background:var(--color-text-secondary)}.toast--resource-release:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-text-secondary)}.toast--field-update{border-left-color:var(--color-primary)}.toast--field-update .toast__header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-info) 100%)}.toast--field-update .toast__progress{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-info) 100%)}.toast--field-update .toast__subtitle{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-sm);font-family:Courier New,monospace;font-style:normal;border-left-color:var(--color-primary)}.toast--field-update:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-primary)}.toast-container .value-old{color:var(--color-danger);text-decoration:line-through;opacity:.7}.toast-container .value-new{color:var(--color-success);font-weight:600}.toast--task-created{border-left-color:var(--color-success)}.toast--task-created .toast__header{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-teal) 100%)}.toast--task-created .toast__progress{background:linear-gradient(90deg,var(--color-success) 0%,var(--color-teal) 100%)}.toast--task-created .toast__message{font-weight:600;color:var(--color-text);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.toast--task-created .toast__subtitle{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-success-bg);border-color:var(--color-success);font-style:normal;font-weight:500;color:var(--color-success)}.toast--task-created:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-success)}.toast--notification{border-left-color:var(--color-primary)}.toast--notification .toast__header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-info) 100%)}.toast--notification .toast__progress{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-info) 100%)}.toast--notification .toast__subtitle{border-left-color:var(--color-primary)}.toast--notification .toast__action-hint{color:var(--color-primary)}.toast--notification .toast__action-hint:before{background:var(--color-primary)}.toast--notification:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.2),0 15px 25px -5px rgba(var(--color-shadow-rgb),.1),0 0 0 1px var(--color-primary)}[data-theme=dark] .toast-container .toast{box-shadow:0 20px 40px -10px rgba(var(--color-shadow-rgb),.4),0 10px 20px -5px rgba(var(--color-shadow-rgb),.3),0 0 0 1px var(--color-border)}[data-theme=dark] .toast-container .toast:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-info)}[data-theme=dark] .toast--assigned:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-success)}[data-theme=dark] .toast--unassigned:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-amber)}[data-theme=dark] .toast--reaction:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-pink)}[data-theme=dark] .toast--resource-claim:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-success)}[data-theme=dark] .toast--resource-release:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-text-secondary)}[data-theme=dark] .toast--field-update:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-primary)}[data-theme=dark] .toast--task-created:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-success)}[data-theme=dark] .toast--notification:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-primary)}[data-theme=dark] .toast__subtitle{background:rgba(var(--color-shadow-rgb),.2)}.toast--title-unlocked{border-left-color:var(--color-warning)}.toast--title-unlocked .toast__header{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-amber) 100%)}.toast--title-unlocked .toast__progress{background:linear-gradient(90deg,var(--color-warning) 0%,var(--color-amber) 100%)}.toast--title-unlocked:hover{box-shadow:0 25px 50px -10px rgba(var(--color-warning-rgb),.25),0 15px 25px -5px rgba(var(--color-warning-rgb),.15),0 0 0 1px var(--color-warning),0 0 20px rgba(var(--color-warning-rgb),.2)}[data-theme=dark] .toast--title-unlocked:hover{box-shadow:0 25px 50px -10px rgba(var(--color-shadow-rgb),.5),0 15px 25px -5px rgba(var(--color-shadow-rgb),.4),0 0 0 1px var(--color-warning),0 0 20px rgba(var(--color-warning-rgb),.3)}.toast__title-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;margin-top:var(--spacing-xs);border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(var(--color-warning-rgb),.15),rgba(var(--color-warning-rgb),.08));border:1px solid rgba(var(--color-warning-rgb),.3);color:var(--color-warning);font-weight:600;font-size:var(--font-size-sm)}.toast__title-badge i{font-size:12px}.toast__confetti{position:absolute;top:0;left:0;width:100%;height:0;pointer-events:none;z-index:1}.toast__confetti-particle{position:absolute;bottom:0;width:6px;height:6px;border-radius:1px;opacity:0;animation:confetti-burst 1.4s cubic-bezier(.22,.61,.36,1) forwards}.toast__confetti-particle:nth-child(odd){background:var(--color-warning);border-radius:50%;width:5px;height:5px}.toast__confetti-particle:nth-child(2n){background:var(--color-amber)}.toast__confetti-particle:nth-child(3n){background:var(--color-primary);width:4px;height:7px}.toast__confetti-particle:nth-child(4n+1){background:var(--color-success)}.toast__confetti-particle:nth-child(5n+2){background:var(--color-pink);border-radius:50%}@keyframes confetti-burst{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translateY(-120px) rotate(var(--confetti-rot, 200deg)) scale(.5)}}.toast__confetti-particle:nth-child(1){--confetti-rot: 140deg}.toast__confetti-particle:nth-child(2){--confetti-rot: -180deg}.toast__confetti-particle:nth-child(3){--confetti-rot: 260deg}.toast__confetti-particle:nth-child(4){--confetti-rot: -120deg}.toast__confetti-particle:nth-child(5){--confetti-rot: 300deg}.toast__confetti-particle:nth-child(6){--confetti-rot: -220deg}.toast__confetti-particle:nth-child(7){--confetti-rot: 170deg}.toast__confetti-particle:nth-child(8){--confetti-rot: -280deg}.toast__confetti-particle:nth-child(9){--confetti-rot: 240deg}.toast__confetti-particle:nth-child(10){--confetti-rot: -160deg}.toast__confetti-particle:nth-child(11){--confetti-rot: 190deg}.toast__confetti-particle:nth-child(12){--confetti-rot: -250deg}.toast__confetti-particle:nth-child(13){--confetti-rot: 310deg}.toast__confetti-particle:nth-child(14){--confetti-rot: -140deg}@media(prefers-reduced-motion:reduce){.toast__confetti{display:none}.toast-container .toast{transition:opacity .2s}.toast--enter,.toast--exit{transform:none}.toast__icon{animation:none}.toast__action-hint:before{animation:none;opacity:1;transform:scale(1)}.toast__progress{animation:none;transform:scaleX(0)}}.toast--simple{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;border-left:none;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast--simple-enter,.toast--simple-exit{opacity:0;transform:translate(100px)}.toast__simple-icon{font-size:var(--font-size-base);flex-shrink:0;display:flex;align-items:center}.toast__simple-text{line-height:1.4}.toast--simple.toast--success{background:var(--color-success);color:var(--color-on-success);border-left:none}.toast--simple.toast--success .toast__simple-icon{color:var(--color-on-success)}.toast--simple.toast--error{background:var(--color-danger);color:var(--color-on-danger);border-left:none}.toast--simple.toast--error .toast__simple-icon{color:var(--color-on-danger)}.toast--simple.toast--warning{background:var(--color-warning);color:var(--color-on-warning);border-left:none}.toast--simple.toast--warning .toast__simple-icon{color:var(--color-on-warning)}.toast--simple.toast--info{background:var(--color-primary);color:var(--color-on-primary);border-left:none}.toast--simple.toast--info .toast__simple-icon{color:var(--color-on-primary)}.toast__undo-btn{margin-left:var(--spacing-sm);padding:2px var(--spacing-sm);background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);color:inherit;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.toast__undo-btn:hover{background:#fff6}@media(max-width:480px){.toast-container{left:var(--spacing-sm);right:var(--spacing-sm);max-width:none}.toast__body{padding:var(--spacing-sm)}.toast__subtitle{font-size:var(--font-size-xs)}}.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}}.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 #0000001f}.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}.clients__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.clients__error i{font-size:var(--font-size-3xl);color:var(--color-warning);margin-bottom:var(--spacing-md)}.clients__error p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-md)}.clients__loading-skeleton{padding:var(--spacing-xl)}.clients__name-link{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .15s ease;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clients__name-link:hover{color:var(--color-primary-hover);text-decoration:underline}.clients__group,.clients__company-type{color:var(--color-text-primary);font-size:var(--font-size-sm)}.clients__pm-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.clients__pm-avatar{width:24px;height:24px;min-width:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-size-2xs);font-weight:600;text-transform:uppercase}.clients__pm-name{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clients__status{display:inline-block;padding:3px var(--spacing-sm);border-radius:12px;font-size:var(--font-size-2xs);font-weight:600;text-transform:capitalize;letter-spacing:.02em}.clients__status--prospect{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.clients__status--active{background:var(--color-success-bg);color:var(--color-success)}.clients__status--inactive{background:var(--color-warning-bg);color:var(--color-warning)}.clients__status--archived{background:var(--color-danger-light);color:var(--color-danger)}.clients__services{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:.01em}.clients__empty{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}.group-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.group-modal__toolbar{display:flex;align-items:center;gap:var(--spacing-md)}.group-modal__toolbar .group-modal__search{flex:1}.group-modal__search{position:relative}.group-modal__search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none}.group-modal__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:36px;font-size:var(--font-size-base);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:border-color var(--transition-fast),box-shadow var(--transition-fast)}.group-modal__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.group-modal__search-input::placeholder{color:var(--color-text-muted)}.group-modal__create-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.group-modal__create-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.group-modal__list{max-height:400px;overflow-y:auto}.group-modal__items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-modal__item{display:flex;align-items:center;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:border-color var(--transition-fast),box-shadow var(--transition-fast)}.group-modal__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-subtle)}.group-modal__item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0}.group-modal__item-icon i{font-size:var(--font-size-base)}.group-modal__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.group-modal__item-name{font-weight:600;color:var(--color-text);font-size:var(--font-size-base)}.group-modal__item-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.group-modal__item-meta i{font-size:var(--font-size-xs);color:var(--color-text-muted)}.group-modal__item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.group-modal__action{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 var(--transition-fast)}.group-modal__action:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.group-modal__action i{font-size:var(--font-size-xs)}.group-modal__action--danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.group-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted);text-align:center}.group-modal__empty i{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);opacity:.4;color:var(--color-primary)}.group-modal__empty h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary)}.group-modal__empty p{margin:0;font-size:var(--font-size-sm);max-width:280px}@media(max-width:768px){.clients__grid-container{padding:var(--spacing-sm) var(--spacing-md)}}.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__tabs,.lists__tabs{display:flex;gap:0;padding:0 var(--spacing-xl);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);flex-shrink:0;margin:0;box-sizing:border-box;position:sticky;top:var(--sidebar-header-height);z-index:calc(var(--z-popover) - 1);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.05)}.tasks__tab,.lists__tab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color .2s ease,border-color .2s ease;position:relative;white-space:nowrap}.tasks__tab i,.lists__tab i{font-size:14px;opacity:.7;transition:opacity .2s ease}.tasks__tab:hover,.lists__tab:hover{color:var(--color-primary)}.tasks__tab:hover i,.lists__tab:hover i{opacity:1}.tasks__tab--active,.lists__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.tasks__tab--active i,.lists__tab--active i{opacity:1}.tasks__tab-count,.lists__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-surface-hover);color:var(--color-text-secondary);font-size:11px;font-weight:600;border-radius:var(--radius-full);transition:all .2s ease}.tasks__tab--active .tasks__tab-count,.lists__tab--active .lists__tab-count{background:var(--color-primary-bg);color:var(--color-primary)}.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)}.tasks__scroll-indicator,.lists__scroll-indicator{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--color-card-bg) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-base)}.tasks__grid-container--scrollable .tasks__scroll-indicator,.lists__grid-container--scrollable .lists__scroll-indicator{opacity:1}.tasks__scroll-shadow-left,.tasks__scroll-shadow-right,.lists__scroll-shadow-left,.lists__scroll-shadow-right{position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:var(--z-dropdown-trigger);opacity:0;transition:opacity var(--transition-fast)}.tasks__scroll-shadow-left,.lists__scroll-shadow-left{left:0;background:linear-gradient(to right,rgba(var(--color-shadow-rgb),.1) 0%,transparent 100%)}.tasks__scroll-shadow-right,.lists__scroll-shadow-right{right:0;background:linear-gradient(to left,rgba(var(--color-shadow-rgb),.1) 0%,transparent 100%)}.tasks__grid-container--scroll-left .tasks__scroll-shadow-left,.tasks__grid-container--scroll-right .tasks__scroll-shadow-right,.lists__grid-container--scroll-left .lists__scroll-shadow-left,.lists__grid-container--scroll-right .lists__scroll-shadow-right{opacity:1}@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__pm-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);color:var(--color-on-primary);font-size:.65rem;font-weight:700;flex-shrink:0;box-shadow:0 0 4px color-mix(in srgb,var(--avatar-color, var(--color-primary)) 40%,transparent),inset 0 -2px 3px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px #ffffff40;transition:all .2s ease}.tasks__pm-avatar--img{width:26px;height:26px;border-radius:var(--radius-full);object-fit:cover;box-shadow:0 0 4px color-mix(in srgb,var(--color-primary) 30%,transparent),0 1px 2px rgba(var(--color-shadow-rgb),.12)}.tasks__pm-avatar--empty{background:var(--color-surface-hover);color:var(--color-text-muted);font-size:.6rem;box-shadow:none}.tasks__pm-avatar:hover{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__pm-avatar--img:hover{transform:scale(1.1);box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 50%,transparent),0 2px 4px rgba(var(--color-shadow-rgb),.15)}.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-status,.lists__cell-status{font-weight:500}.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__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}.tasks__toggle i{font-size:.8125rem}.tasks__toggle--on{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.tasks__cell-status--info,.lists__cell-status--info{color:var(--color-info)}.tasks__cell-status--success,.lists__cell-status--success{color:var(--color-success)}.tasks__cell-status--primary,.lists__cell-status--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__service-code,.lists__service-code{display:inline-block;padding:2px 6px;background:color-mix(in srgb,var(--color-info) 12%,var(--color-card-bg));color:var(--color-info);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 .2s ease}.tasks__service-code:hover,.lists__service-code:hover{background:color-mix(in srgb,var(--color-info) 18%,var(--color-card-bg))}.tasks__period,.lists__period{font-family:var(--font-mono);color:var(--color-text);font-size:var(--font-size-data-grid-cell);white-space:nowrap;letter-spacing:-.3px}.tasks__billed,.lists__billed{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:var(--font-size-data-grid-badge);font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;transition:all .2s ease}.tasks__billed--unbilled,.lists__billed--unbilled{background:color-mix(in srgb,var(--color-text-muted) 15%,var(--color-card-bg));color:var(--color-text-secondary)}.tasks__billed--prepared,.lists__billed--prepared{background:color-mix(in srgb,var(--color-warning) 12%,var(--color-card-bg));color:var(--color-warning)}.tasks__billed--approved,.lists__billed--approved{background:color-mix(in srgb,var(--color-info) 12%,var(--color-card-bg));color:var(--color-info)}.tasks__billed--invoiced,.lists__billed--invoiced{background:color-mix(in srgb,var(--color-success) 12%,var(--color-card-bg));color:var(--color-success)}.tasks__billed i,.lists__billed i{font-size:calc(var(--font-size-data-grid-badge) - .125rem);flex-shrink:0}.tasks__billed-label,.lists__billed-label{display:none}.tasks__completion,.lists__completion{display:flex;align-items:center;justify-content:center}.tasks__completion-icon,.lists__completion-icon{font-size:14px}.tasks__completion-icon--complete,.lists__completion-icon--complete{color:var(--color-success)}.tasks__completion-icon--incomplete,.lists__completion-icon--incomplete{color:var(--color-text-muted)}.tasks__custom-value,.lists__custom-value{color:var(--color-text)}.tasks__custom-check,.lists__custom-check{color:var(--color-success)}.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__event-cell{font-weight:500}.tasks__event-cell--muted{color:var(--color-text-muted)}.tasks__event-cell--warning{color:var(--color-warning);font-weight:500}.tasks__event-cell--pending{color:var(--color-text-muted);font-weight:500}.tasks__event-cell--confirmed{color:var(--color-primary);font-weight:500}.tasks__event-cell--completed{color:var(--color-success);font-weight:500}.tasks__event-cell--cancelled{color:var(--color-danger);font-weight:500}.tasks__event-cell--success{color:var(--color-success);font-weight:500}.tasks__event-cell--info{color:var(--color-info);font-weight:500}.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)}.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}.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}}.tasks__group-menu{position:fixed;z-index:var(--z-modal-high)}.tasks__group-menu-inner{min-width:220px;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__group-menu-title{padding:14px 16px;background:linear-gradient(to bottom,var(--color-surface),transparent);border-bottom:1px solid rgba(var(--color-shadow-rgb),.06);font-size:13px;font-weight:600;color:var(--color-text);letter-spacing:.3px}.tasks__group-options{padding:8px}.tasks__group-option{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 .2s ease}.tasks__group-option:hover{background:var(--color-primary);color:var(--color-on-primary);transform:translate(2px)}.tasks__group-option i{width:16px;font-size:13px;opacity:.7}.tasks__group-option:hover i{opacity:1}.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;align-items:center;justify-content:center;height:300px}.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)}.clients__btn:active{transform:translateY(1px)}.clients__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.clients__btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.clients__btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.clients__btn--secondary{background:var(--color-card-bg);color:var(--color-text);border-color:var(--color-border)}.clients__btn--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.clients__btn-icon{margin-right:6px}.clients__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center}.clients__empty-icon{font-size:48px;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.clients__empty-title{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.clients__empty-text{color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--spacing-lg);line-height:1.5}.client__field-dot{display:inline-block;width:8px;height:8px;border-radius:50%;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 rgba(var(--color-primary-rgb),0)}.client__field-dot--visible{opacity:1;transform:scale(1)}.client__field-dot--typing{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-dark));animation:pulse-orange 2s infinite;box-shadow:0 0 8px rgba(var(--color-warning-rgb),.4)}.client__field-dot--saving{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));animation:spin-glow-blue 1s linear infinite;box-shadow:0 0 12px rgba(var(--color-primary-rgb),.5)}.client__field-dot--saved{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));animation:bounce-in .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 8px rgba(var(--color-success-rgb),.4)}.client__field-dot--error{background:linear-gradient(135deg,var(--color-danger),var(--color-danger));animation:shake .5s;box-shadow:0 0 8px rgba(var(--color-danger-rgb),.4)}@keyframes pulse-orange{0%,to{transform:scale(1);box-shadow:0 0 8px rgba(var(--color-warning-rgb),.4)}50%{transform:scale(1.1);box-shadow:0 0 12px rgba(var(--color-warning-rgb),.6)}}@keyframes spin-glow-blue{0%{transform:scale(1) rotate(0);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.5)}50%{transform:scale(1.1) rotate(180deg);box-shadow:0 0 16px rgba(var(--color-primary-rgb),.7)}to{transform:scale(1) rotate(360deg);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.5)}}@keyframes bounce-in{0%{transform:scale(.8);opacity:1}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0) scale(1)}10%,30%,50%,70%,90%{transform:translate(-2px) scale(1)}20%,40%,60%,80%{transform:translate(2px) scale(1)}}@media(prefers-reduced-motion:reduce){.client__field-dot--typing,.client__field-dot--saving,.client__field-dot--saved,.client__field-dot--error{animation:none}}.client{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--color-bg);overflow:hidden}.clients-page{height:100%}#client-container{height:100%;transition:opacity .15s ease}.client__header{background:var(--client-header-gradient);color:var(--client-header-text);padding:0 calc(var(--spacing-lg) + 52px) 0 var(--spacing-lg);height:var(--sidebar-header-height);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-default);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-dropdown)}.client__header-nav{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.client__nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);background:#ffffff14;color:#ffffffe6;cursor:pointer;transition:all .15s ease;font-size:11px;padding:0}.client__nav-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.client__nav-btn:disabled{opacity:.3;cursor:default}.client__nav-btn--loading{pointer-events:none;border-color:#ffffff80;animation:navPulse .8s ease-in-out infinite}@keyframes navPulse{0%,to{background:#ffffff14}50%{background:#ffffff40}}.client__nav-position{font-size:11px;color:#ffffffa6;white-space:nowrap;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.client__header-title{font-size:20px;font-weight:700;display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:.2px;flex:1;min-width:0;white-space:nowrap;overflow:hidden}.client__header-title-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s ease}.client__header-title-name--loading{animation:clientNamePulse .8s ease-in-out infinite}@keyframes clientNamePulse{0%,to{opacity:1}50%{opacity:.35}}.client__header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;margin-left:auto}.client__add-button{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border:1.5px solid rgba(255,255,255,.8);border-radius:var(--radius-md);background:#ffffff14;color:var(--client-header-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.client__add-button:hover{background:#ffffff2e;border-color:var(--client-header-text);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.client__add-button i{font-size:13px}.client__search{position:relative;display:flex;align-items:center}.client__search-input{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 14px 10px 36px;color:var(--client-header-text);font-size:13px;width:280px;transition:all var(--transition-fast);font-family:var(--font-family)}.client__search-input::placeholder{color:#ffffffb3}.client__search-input:focus{outline:none;background:#ffffff40;border-color:#ffffff80}.client__search-icon{position:absolute;left:14px;color:#fffc;font-size:var(--font-size-base);pointer-events:none}.client__search--focused .client__search-input{background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.client__search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-card-bg);border-radius:12px;box-shadow:var(--shadow-overlay);max-height:420px;overflow:hidden;z-index:var(--z-header);display:none;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.client__search-dropdown--visible{opacity:1;transform:translateY(0)}.client__search-dropdown:before{content:"";position:absolute;top:-6px;left:24px;width:12px;height:12px;background:var(--color-card-bg);transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(var(--color-shadow-rgb),.05)}.client__search-loading{padding:20px;text-align:center;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:10px}.client__search-loading i{font-size:14px;color:var(--color-primary)}.client__search-header{padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-background)}.client__search-count{font-size:12px;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.client__search-dropdown>.client__search-result:first-of-type{border-top:none}.client__search-result{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .15s ease;border-top:1px solid var(--color-border)}.client__search-result:hover{background-color:var(--color-background)}.client__search-result--selected{background-color:var(--color-primary-bg)}.client__search-result-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.client__search-result-icon i{color:var(--color-on-primary);font-size:14px}.client__search-result-info{flex:1;min-width:0}.client__search-result-name{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client__search-result-name mark{background:transparent;color:var(--color-primary);font-weight:600;padding:0}.client__search-result-detail{display:flex;gap:12px;flex-wrap:wrap}.client__search-result-email,.client__search-result-contact{font-size:12px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client__search-result-email i,.client__search-result-contact i{font-size:10px;color:var(--color-text-tertiary)}.client__search-result-email mark,.client__search-result-contact mark{background:transparent;color:var(--color-primary);font-weight:600;padding:0}.client__search-result-arrow{margin-left:12px;color:var(--color-text-tertiary);transition:transform .15s ease}.client__search-result:hover .client__search-result-arrow,.client__search-result--selected .client__search-result-arrow{transform:translate(4px);color:var(--color-primary)}.client__search-empty{padding:32px 20px;text-align:center;color:var(--color-text-secondary)}.client__search-empty i{font-size:32px;color:var(--color-text-tertiary);margin-bottom:12px;display:block}.client__search-empty span{font-size:14px}.client__search-more{padding:12px 16px;background:var(--color-background);border-top:1px solid var(--color-border);text-align:center}.client__search-more span{font-size:12px;color:var(--color-text-secondary);font-style:italic}.client__content{flex:1;overflow-y:auto;padding:var(--spacing-xl);padding-bottom:var(--spacing-2xl);background:var(--color-bg);transition:opacity .15s ease;position:relative}.client__content--loading{opacity:.25;pointer-events:none}.client__tab-panel{display:none;animation:clientFadeIn .2s ease-out}.client__tab-panel--active{display:block}.client__tab-panel[data-panel=times].client__tab-panel--active{position:absolute;inset:0;display:flex;flex-direction:column;animation:none}@keyframes clientFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.client__search-dropdown--compact{max-height:500px;overflow-y:auto}.client__search-dropdown--compact .client__search-header{padding:10px 14px;background:var(--client-header-gradient);border-bottom:none}.client__search-dropdown--compact .client__search-count{color:var(--client-header-text);opacity:.95;font-size:11px}.client__search-result--compact{padding:8px 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-light);transition:all .15s ease}.client__search-result--compact:first-of-type{border-top:none}.client__search-result--compact:hover{background:var(--color-primary-bg);padding-left:18px}.client__search-result--compact.client__search-result--selected{background:var(--color-primary-bg);border-left:3px solid var(--color-primary);padding-left:11px}.client__search-result--compact .client__search-result-name{font-size:13px;font-weight:500;margin-bottom:0;flex:1;color:var(--color-text)}.client__search-result--compact .client__search-result-name mark{background:transparent;color:var(--color-primary);font-weight:600;padding:0;border-radius:0}.client__search-result--compact .client__search-result-arrow{font-size:10px;color:var(--color-text-muted);opacity:0;transition:all .15s ease}.client__search-result--compact:hover .client__search-result-arrow{opacity:1;color:var(--color-primary);transform:translate(2px)}.client__search-dropdown--compact .client__search-more{padding:10px 14px;background:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;font-size:11px;color:var(--color-text-muted);font-style:italic}.clients-page-wrapper{height:100%}.clients-page-wrapper .data-grid__page-header{padding-right:calc(var(--spacing-xl) + 52px)}.client-view-toggle{position:fixed;top:19px;right:20px;z-index:20;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-secondary);cursor:pointer;font-size:15px;transition:all .15s ease;box-shadow:var(--shadow-subtle)}.client-view-toggle:hover{background:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-default)}.clients-page .client-view-toggle{background:#ffffff14;border-color:#ffffff4d;color:#ffffffe6}.clients-page .client-view-toggle:hover{background:#fff3;border-color:#ffffff80;color:var(--client-header-text);box-shadow:var(--shadow-default)}@media(prefers-reduced-motion:reduce){.client__header-title-name--loading{animation:none;opacity:.5}.client__tab-panel{animation:none}}.client__tabs{display:flex;align-items:center;padding:5px 12px;height:var(--tab-height);gap:0;overflow-x:auto;overflow-y:hidden;position:relative;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.client__tabs::-webkit-scrollbar{height:0}.client__tab{display:flex;align-items:center;gap:6px;padding:0 14px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap;font-family:var(--font-family);position:relative;transition:color .2s ease,background .2s ease,box-shadow .2s ease;flex-shrink:0}.client__tab+.client__tab:before{content:"";position:absolute;left:-1px;top:20%;bottom:20%;width:1px;background:var(--color-border);transition:opacity .2s ease}.client__tab--active:before,.client__tab--active+.client__tab:before,.client__tab:hover:before,.client__tab:hover+.client__tab:before{opacity:0}.client__tab:hover{color:var(--color-text);background:rgba(var(--color-primary-rgb),.05)}.client__tab--active{color:var(--color-primary);font-weight:700;background:rgba(var(--color-primary-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.18),0 1px 3px rgba(var(--color-primary-rgb),.1)}.client__tab--active:hover{background:rgba(var(--color-primary-rgb),.11)}.client__tab-icon{font-size:12px;transition:color .2s ease,opacity .2s ease;opacity:.55}.client__tab:hover .client__tab-icon{opacity:.8}.client__tab--active .client__tab-icon{opacity:1;color:var(--color-primary)}@media(max-width:900px){.client__tab span{display:none}.client__tab{padding:0 10px;min-width:36px;justify-content:center}.client__tab-icon{font-size:14px}}.client__form-section{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);transition:box-shadow .2s ease}.client__form-section:hover{box-shadow:0 2px 12px rgba(var(--color-shadow-rgb),.06)}.client__form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.client__form-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.client__save-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.client__save-indicator--saving{color:var(--color-warning)}.client__save-indicator--saved{color:var(--color-success)}.client__save-indicator--error{color:var(--color-danger)}.client__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:var(--spacing-md) var(--spacing-xl)}@media(max-width:768px){.client__form-grid{grid-template-columns:repeat(2,1fr)}}.client__form-group{display:flex;flex-direction:column;position:relative}.client__form-group--full{grid-column:1 / -1}.client__form-group--group-box{grid-column-start:1}.client__label{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.client__input,.client__select,.client__textarea{padding:var(--spacing-sm);font-size:var(--font-size-base);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%}.client__input::placeholder,.client__textarea::placeholder{color:var(--color-input-text);opacity:.4}.client__input:focus,.client__select:focus,.client__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.client__input--readonly{background-color:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed;border:1px solid var(--color-border-light);position:relative;opacity:.8}.client__input--readonly:hover{background-color:var(--color-surface);cursor:not-allowed}.client__input--readonly:focus{border-color:var(--color-border-light);box-shadow:none;outline:none}.client__input--address{resize:none;min-height:140px;line-height:1.5;font-family:var(--font-family);background-color:var(--color-surface);cursor:default;flex:1}.client__address-edit-btn,.client__field-edit-btn,.client__group-edit-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0 0 0 var(--spacing-sm);font-size:var(--font-size-sm);transition:color .2s}.client__address-edit-btn:hover,.client__field-edit-btn:hover,.client__group-edit-btn:hover{color:var(--color-primary-hover)}.client__address-edit-btn:focus-visible,.client__field-edit-btn:focus-visible,.client__group-edit-btn:focus-visible,.client__contact-rules-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.client__textarea{resize:vertical;min-height:100px}.client__field-lock{margin-left:8px;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:help;transition:color var(--transition-fast)}.client__field-lock:hover{color:var(--color-primary)}.form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-sm)}.form__combobox{position:relative}.form__dropdown{position:absolute;z-index:var(--z-dropdown);top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-default)}.form__dropdown-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer}.form__dropdown-item:hover{background:var(--color-surface-hover)}.form__dropdown-empty{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-muted)}.form__link{border:none;background:none;color:var(--color-primary);cursor:pointer;padding:0}.client__group-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);min-height:140px;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;transition:box-shadow .2s ease,border-color .2s ease}.client__group-box:hover{box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.05);border-color:var(--color-border-hover, var(--color-border))}.client__group-box-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.client__group-box-label{font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.client__group-box-value{color:var(--color-text);font-size:var(--font-size-sm)}.client__primary-contact-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);min-height:140px;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;transition:box-shadow .2s ease,border-color .2s ease}.client__primary-contact-box:hover{box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.05);border-color:var(--color-border-hover, var(--color-border))}.client__primary-contact-item{display:flex;flex-direction:row;gap:var(--spacing-xs);font-size:var(--font-size-sm);align-items:center}.client__primary-contact-label{color:var(--color-text-muted);font-size:var(--font-size-sm);width:20px;text-align:center;flex-shrink:0}.client__primary-contact-value{color:var(--color-text);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.client__contact-rules-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0 0 0 var(--spacing-sm);font-size:var(--font-size-sm);transition:color .2s;position:relative}.client__contact-rules-btn:hover{color:var(--color-primary-hover)}.client__contact-rules-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-default);padding:var(--spacing-md);min-width:280px;max-width:400px;z-index:var(--z-dropdown);margin-top:8px;display:none}.client__contact-rules-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--color-surface);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);transform:translate(-50%) rotate(45deg)}.client__contact-rules-tooltip--visible{display:block}.client__contact-rules-tooltip-title{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:var(--font-size-base)}.client__contact-rules-tooltip-content{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap}.client__contact-rules-tooltip-content hr{margin:8px 0;border-color:var(--color-border)}.client__contact-rules-tooltip-empty{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}@keyframes liveUpdatePulse{0%{box-shadow:0 0 rgba(var(--color-primary-rgb),.6),0 0 8px 2px rgba(var(--color-primary-rgb),.4);border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.08)}50%{box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.2),0 0 16px 4px rgba(var(--color-primary-rgb),.3);border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05)}to{box-shadow:0 0 rgba(var(--color-primary-rgb),0),0 0 rgba(var(--color-primary-rgb),0);border-color:var(--color-border);background-color:var(--color-input-bg)}}@keyframes liveUpdateFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.client__live-update-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,var(--color-primary),var(--color-info));color:var(--color-on-primary);font-size:var(--font-size-xs);font-weight:600;border-radius:12px;animation:liveUpdateFadeIn .3s ease-out;white-space:nowrap;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.client__live-update-badge i{font-size:10px}.client__input--live-updated,.client__select--live-updated,.client__textarea--live-updated{animation:liveUpdatePulse 2.5s ease-out forwards;position:relative}.client__group-box--live-updated,.client__primary-contact-box--live-updated{animation:liveUpdatePulse 2.5s ease-out forwards;border-radius:var(--radius-md)}.client__field-status{display:inline-flex;align-items:center;gap:4px;margin-left:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500;vertical-align:middle}.client__field-status--live-updated{color:var(--color-primary);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;opacity:.9;animation:liveUpdateFadeIn .3s ease-out}.client__field-status--live-updated:before{content:"";display:inline-block;width:5px;height:5px;background:var(--color-primary);border-radius:50%;margin-right:5px;animation:liveDotPulse 1.5s ease-in-out infinite}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.client__form-intake-badge{display:flex;align-items:center;margin-left:auto}@media(max-width:768px){.client__form-header{flex-wrap:wrap;gap:.5rem}.client__form-intake-badge{margin-left:0}}.group-edit-modal{display:flex;flex-direction:column;gap:0}.group-edit-modal__current{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 10px);padding:var(--spacing-lg, 20px);transition:border-color .3s,box-shadow .3s}.group-edit-modal__current:hover{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 2px 12px rgba(var(--color-primary-rgb),.06)}.group-edit-modal__current--flash{animation:gem-card-flash .6s ease-out}@keyframes gem-card-flash{0%{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}to{border-color:var(--color-border);box-shadow:none}}.group-edit-modal__info-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md, 14px);margin-bottom:var(--spacing-md, 14px);padding-bottom:var(--spacing-md, 14px);border-bottom:1px solid var(--color-border-light)}.group-edit-modal__info-col{display:flex;flex-direction:column;gap:4px}.group-edit-modal__info-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.group-edit-modal__info-label i{font-size:11px;color:var(--color-primary)}.group-edit-modal__info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);color:var(--color-text);padding:6px 10px;background:var(--color-background);border-radius:var(--radius-sm)}.group-edit-modal__btn-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm, 8px)}.group-edit-modal__action-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;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 .2s}.group-edit-modal__action-btn i{font-size:13px}.group-edit-modal__action-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.group-edit-modal__action-btn--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.group-edit-modal__panel{margin-top:var(--spacing-md, 14px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 10px);overflow:hidden;animation:gem-panel-open .2s ease-out}@keyframes gem-panel-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.group-edit-modal__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 14px) var(--spacing-lg, 20px);border-bottom:1px solid var(--color-border-light);background:var(--color-background)}.group-edit-modal__panel-title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.group-edit-modal__panel-title i{color:var(--color-primary);font-size:13px}.group-edit-modal__panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:13px;transition:all .15s}.group-edit-modal__panel-close:hover{background:var(--color-danger-bg);color:var(--color-danger)}.group-edit-modal__panel-footer{display:flex;gap:var(--spacing-sm, 8px);justify-content:flex-end;padding:var(--spacing-md, 14px) var(--spacing-lg, 20px);border-top:1px solid var(--color-border-light);background:var(--color-background)}.group-edit-modal__pm-notice{display:flex;align-items:flex-start;gap:10px;padding:10px var(--spacing-lg, 20px);background:var(--color-warning-bg);color:var(--color-text-secondary);font-size:12px;line-height:1.5}.group-edit-modal__pm-notice i{color:var(--color-warning);font-size:14px;flex-shrink:0;margin-top:1px}.group-edit-modal__pm-notice strong{color:var(--color-text)}.group-edit-modal__pm-editor{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 14px) var(--spacing-lg, 20px)}.group-edit-modal__pm-editor-label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.group-edit-modal__pm-select{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.group-edit-modal__pm-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.group-edit-modal__pm-cancel{padding:7px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.group-edit-modal__pm-cancel:hover{background:var(--color-background);border-color:var(--color-text-muted)}.group-edit-modal__pm-save{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;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:background .15s,transform .1s}.group-edit-modal__pm-save:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.group-edit-modal__pm-save:disabled{opacity:.6;cursor:not-allowed}.group-edit-modal__search-section{position:relative;padding:var(--spacing-md, 14px) var(--spacing-lg, 20px)}.group-edit-modal__search-wrap{position:relative;display:flex;align-items:center}.group-edit-modal__search-icon{position:absolute;left:12px;color:var(--color-text-muted);font-size:13px;pointer-events:none}.group-edit-modal__search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.group-edit-modal__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.group-edit-modal__search-input::placeholder{color:var(--color-text-muted)}.group-edit-modal__dropdown{max-height:360px;overflow-y:auto}.group-edit-modal__dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--color-border-light)}.group-edit-modal__dropdown-item:last-child{border-bottom:none}.group-edit-modal__dropdown-item:hover{background:var(--color-primary-bg)}.group-edit-modal__dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);color:var(--color-text)}.group-edit-modal__dropdown-pm{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted)}.group-edit-modal__dropdown-pm i{font-size:10px;color:var(--color-primary);opacity:.7}@media(prefers-reduced-motion:reduce){.client__input--live-updated,.client__select--live-updated,.client__textarea--live-updated,.client__group-box--live-updated,.client__primary-contact-box--live-updated{animation:none}.client__field-status--live-updated:before{animation:none}.client__live-update-badge,.group-edit-modal__current--flash,.group-edit-modal__panel{animation:none}}.client__modal{position:fixed;inset:0;background-color:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-notification);animation:fadeIn .2s}.client__modal-content{background:var(--color-card-bg);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow:visible;box-shadow:0 20px 25px -5px rgba(var(--color-shadow-rgb),.1),0 10px 10px -5px rgba(var(--color-shadow-rgb),.04);animation:slideIn .3s}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.client__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.client__modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.client__modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);font-size:var(--font-size-lg);transition:color .2s}.client__modal-close:hover{color:var(--color-text)}.client__modal-body{padding:var(--spacing-lg);overflow:visible}.client__modal-field{margin-bottom:var(--spacing-md)}.client__modal-field:last-child{margin-bottom:0}.client__modal-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.client__modal-label-hint{font-weight:400;color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}.client__modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.client__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.client__btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.client__btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.client__btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.client__btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.client__btn:disabled{opacity:.6;cursor:not-allowed}.client__modal .form__combobox{position:relative}.client__modal .form__dropdown{position:absolute;z-index:var(--z-dropdown);top:calc(100% + 4px);left:0;right:0;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);max-height:240px;overflow-y:auto}.client__modal .form__dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.client__modal .form__dropdown-item:last-child{border-bottom:none}.client__modal .form__dropdown-item:hover{background:var(--color-primary-bg)}.client__modal .form__dropdown-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.modal--warning{z-index:var(--z-modal-critical)}.modal--warning .modal__dialog{border:2px solid var(--color-warning)}.modal--warning .modal__header{background:rgba(var(--color-warning-rgb),.1)}.modal--extra-large .modal__dialog{max-width:1400px;width:98%}.modal--extra-large .modal__body{padding:1.5rem}.client__tab-panel[data-panel=tasks] .tasks{position:static;height:100%;left:auto;right:auto;top:auto;overflow:visible;background:transparent;transition:none;display:flex;flex-direction:column}.client__tab-panel[data-panel=tasks] .tasks__grid-container{flex:1;overflow:auto}.client__tab-panel[data-panel=tasks] .data-grid__page-header,.client__tab-panel[data-panel=tasks] .data-grid__tabs{display:none}.client-tasks-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);gap:var(--spacing-md);flex-shrink:0}.client-tasks-header__stats{display:flex;align-items:center;gap:var(--spacing-lg)}.client-tasks-header__stat{display:flex;align-items:center;gap:var(--spacing-xs)}.client-tasks-header__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.client-tasks-header__stat-value{font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);font-family:var(--font-mono)}.client-tasks-header__controls{display:flex;gap:var(--spacing-sm);align-items:center}.client-tasks-header__export-btn{padding:5px 10px;font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.client-tasks-header__export-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.client-tasks-header__toggle{display:flex;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.client-tasks-header__toggle-btn{padding:5px 12px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.client-tasks-header__toggle-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.client-tasks-header__toggle-btn--active{color:var(--color-primary);background:var(--color-primary-bg)}.client-tasks-header__toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.tasks__client--missing{color:var(--color-warning);font-style:italic;opacity:.8}.client__times{display:flex;flex-direction:column;height:100%}.client__times-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-md);min-height:36px}.client__times-toolbar-left{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;min-width:0}.client__times-toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.client__times-stat{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.client__times-stat strong{font-family:var(--font-mono);color:var(--color-primary);font-size:var(--font-size-md)}.client__times-breakdown{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.client__times-breakdown-item{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;background:var(--color-card-bg);border-radius:var(--radius-xs);font-size:var(--font-size-xs)}.client__times-breakdown-code{color:var(--color-text-secondary);font-family:var(--font-mono);font-weight:500}.client__times-breakdown-hours{color:var(--color-text);font-family:var(--font-mono)}.client__times-filter-toggle{display:flex;background:var(--color-card-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.client__times-filter-btn{padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.client__times-filter-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.client__times-filter-btn--active{color:var(--color-primary);background:var(--color-primary-bg)}.client__times-filter-btn:not(:last-child){border-right:1px solid var(--color-border)}.client__times-icon-btn{padding:5px 8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-base);line-height:1}.client__times-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-hover)}.client__times-table-wrap{flex:1;overflow:auto;position:relative}.client__times-grid{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-card-bg)}.client__times-grid thead{background:var(--color-surface);position:sticky;top:0;z-index:2}.client__times-col{padding:var(--spacing-xs) var(--spacing-md);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border-light);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.client__times-col:last-child{border-right:none}.client__times-col[data-sort]{cursor:pointer;user-select:none;transition:color var(--transition-base)}.client__times-col[data-sort]:hover{color:var(--color-text)}.client__times-col[data-sort]:hover .client__times-sort-icon{opacity:.5}.client__times-sort-icon{margin-left:4px;font-size:.6rem;opacity:0;transition:opacity var(--transition-base)}.client__times-col--sorted .client__times-sort-icon{opacity:1;color:var(--color-primary)}.client__times-col--sorted{color:var(--color-primary)}.client__times-col--date{min-width:90px}.client__times-col--name{min-width:120px}.client__times-col--service,.client__times-col--period{min-width:90px}.client__times-col--description{min-width:200px}.client__times-col--hours{min-width:70px;text-align:right}.client__times-col--actions{width:100px;text-align:center}.client__times-row{transition:background var(--transition-base)}.client__times-row:nth-child(2n){background:var(--color-row-alt)}.client__times-row:hover{background:var(--color-surface-hover)}.client__times-row:not(:last-child) .client__times-cell{border-bottom:1px solid var(--color-border-light)}.client__times-cell{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text);vertical-align:middle;border-right:1px solid var(--color-border-light)}.client__times-cell:last-child{border-right:none}.client__times-cell--date{color:var(--color-text-secondary);white-space:nowrap}.client__times-cell--name{font-weight:500}.client__times-cell--service{color:var(--color-text-secondary)}.client__times-service-code{display:inline-block;padding:2px 6px;background:var(--color-surface);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.client__times-cell--period{color:var(--color-text-secondary)}.client__times-period-text{font-family:var(--font-mono)}.client__times-cell--description{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client__times-cell--hours{text-align:right;font-weight:500;font-family:var(--font-mono)}.client__times-cell--actions{text-align:center}.client__times-cell--editable{cursor:pointer;position:relative;user-select:none}.client__times-cell--editable:hover{background:rgba(var(--color-primary-rgb),.06)}.client__times-edit-caret{margin-left:4px;font-size:.6rem;color:var(--color-text-tertiary);opacity:0;transition:opacity var(--transition-base)}.client__times-cell--editable:hover .client__times-edit-caret{opacity:1}.client__times-writeoff-btn{padding:3px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-base);white-space:nowrap}.client__times-writeoff-btn:hover,.client__times-writeoff-btn--active{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.client__times-locked-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.client__times-loading,.client__times-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--color-text-secondary);gap:var(--spacing-md)}.client__times-loading i{font-size:var(--font-size-xl);color:var(--color-primary)}.client__times-empty i{font-size:2.5rem;color:var(--color-text-tertiary);opacity:.4}.client__times-empty p{font-size:var(--font-size-md);margin:0}.client__times-dropdown{position:fixed;z-index:1000;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),.18);max-height:340px;display:flex;flex-direction:column;overflow:hidden}.client__times-dropdown-search{padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:1px solid var(--color-border-light);background:transparent;font-size:var(--font-size-sm);color:var(--color-text);outline:none}.client__times-dropdown-search::placeholder{color:var(--color-text-tertiary)}.client__times-dropdown-list{flex:1;overflow-y:auto;padding:var(--spacing-xs) 0}.client__times-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-base)}.client__times-dropdown-item:hover{background:var(--color-surface-hover)}.client__times-dropdown-item--selected,.client__times-dropdown-item--selected:hover{background:var(--color-primary-bg)}.client__times-dropdown-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);font-family:var(--font-mono)}.client__times-dropdown-sub{font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client__times-dropdown-loading,.client__times-dropdown-empty{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.times-report{display:flex;flex-direction:column;gap:var(--spacing-lg)}.times-report__row{display:flex;gap:var(--spacing-md)}.times-report__field{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.times-report__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.times-report__input{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}.times-report__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.times-report__quick{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.times-report__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-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.times-report__info i{color:var(--color-danger);font-size:var(--font-size-md)}.client__costs{display:flex;flex-direction:column;height:100%;padding:0}.client__costs-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-card-bg);border-bottom:1px solid var(--color-border)}.client__costs-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.client__costs-controls{display:flex;gap:var(--spacing-md);align-items:center}.client__costs-add{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-on-primary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);transition:all var(--transition-base)}.client__costs-add:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.client__costs-refresh{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.client__costs-refresh:hover{background:var(--color-surface-hover);color:var(--color-text)}.client__costs-grid-container{flex:1;overflow:auto;padding:var(--spacing-lg);background:var(--color-bg)}.client__costs-grid{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.client__costs-grid thead{background:var(--color-surface)}.client__costs-col{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.client__costs-col--description{min-width:300px}.client__costs-col--amount{min-width:120px;text-align:right}.client__costs-col--clients{min-width:100px;text-align:center}.client__costs-col--task{min-width:200px}.client__costs-col--actions{width:100px;text-align:center}.client__costs-row{transition:background var(--transition-base)}.client__costs-row:hover{background:var(--color-surface-hover)}.client__costs-row:not(:last-child) .client__costs-cell{border-bottom:1px solid var(--color-border-light)}.client__costs-cell{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text);vertical-align:middle}.client__costs-cell--description{font-weight:500}.client__costs-cell--amount{text-align:right;font-weight:500;font-family:var(--font-mono);color:var(--color-text)}.client__costs-cell--clients{text-align:center;color:var(--color-text-secondary)}.client__costs-cell--task{color:var(--color-text-secondary)}.client__costs-cell--actions{text-align:center}.client__costs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--color-text-secondary);gap:var(--spacing-md)}.client__costs-loading i{font-size:var(--font-size-xl);color:var(--color-primary)}.client__costs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--color-text-secondary);gap:var(--spacing-md)}.client__costs-empty i{font-size:3rem;color:var(--color-text-tertiary);opacity:.5}.client__costs-empty p{font-size:var(--font-size-md);margin:0}.client__costs-empty small{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.client__costs-col--date,.client__costs-col--category{min-width:100px}.client__costs-col--total{min-width:100px;text-align:right}.client__costs-cell--date{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.client__costs-cell--total{text-align:right;font-family:var(--font-mono);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.client__costs-category-badge{display:inline-block;padding:2px 8px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.client__costs-description-text{display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.client__costs-notes-indicator{display:inline-flex;align-items:center;margin-left:var(--spacing-xs);color:var(--color-text-tertiary);cursor:help}.client__costs-notes-indicator i{font-size:var(--font-size-xs)}.client__costs-task-link{color:var(--color-primary);font-size:var(--font-size-xs);cursor:pointer}.client__costs-task-link:hover{text-decoration:underline}.client__costs-action-btn{padding:4px 8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);margin:0 2px}.client__costs-action-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-hover)}.client__costs-action-btn--danger:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.client__costs-col--billing{min-width:100px}.client__costs-cell--billing{white-space:nowrap}.client__costs-billing-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.client__costs-billing-badge i{font-size:.65rem;opacity:.8}.client__costs-billing-badge--direct{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.client__costs-billing-badge--retainer{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary)}.client__costs-billing-badge--service{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.cost-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cost-modal__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.cost-modal__section-header{display:flex;justify-content:space-between;align-items:center}.cost-modal__section-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin:0}.cost-modal__helper-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.cost-modal__row{display:flex;gap:var(--spacing-md)}.cost-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cost-modal__field--half{flex:1}.cost-modal__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.cost-modal__input,.cost-modal__select,.cost-modal__textarea{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);transition:all var(--transition-base)}.cost-modal__input:focus,.cost-modal__select:focus,.cost-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.cost-modal__input--amount{font-family:var(--font-mono)}.cost-modal__textarea{resize:vertical;min-height:60px}.cost-modal__unallocated{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-mono);font-weight:600;color:var(--color-text)}.cost-modal__unallocated--positive{color:var(--color-warning);background:var(--color-warning-bg);border-color:var(--color-warning)}.cost-modal__unallocated--negative{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger)}.cost-modal__unallocated--zero{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success)}.cost-modal__add-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-on-primary);cursor:pointer;transition:all var(--transition-base)}.cost-modal__add-btn:hover{background:var(--color-primary-hover)}.cost-modal__allocations{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:100px}.cost-modal__allocations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);gap:var(--spacing-xs)}.cost-modal__allocations-empty i{font-size:1.5rem;opacity:.5}.cost-modal__allocations-empty p{margin:0;font-size:var(--font-size-sm)}.cost-modal__allocations-empty small{font-size:var(--font-size-xs)}.cost-modal__allocation-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.cost-modal__allocation-client{flex:1;display:flex;flex-direction:column;gap:2px}.cost-modal__allocation-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.cost-modal__allocation-task{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cost-modal__allocation-task i{margin-right:4px;opacity:.7}.cost-modal__allocation-amount{font-size:var(--font-size-sm);font-family:var(--font-mono);font-weight:600;color:var(--color-text);min-width:100px;text-align:right}.cost-modal__allocation-actions{display:flex;gap:var(--spacing-xs)}.cost-modal__icon-btn{padding:4px 8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.cost-modal__icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.cost-modal__icon-btn--danger:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.cost-modal__add-panel{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cost-modal__add-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.cost-modal__add-panel-header h5{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.cost-modal__close-btn{padding:4px 8px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-base)}.cost-modal__close-btn:hover{color:var(--color-text)}.cost-modal__add-panel-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.cost-modal__add-panel-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.cost-modal__search-container{position:relative}.cost-modal__search-results{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--color-card-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md);z-index:100}.cost-modal__search-item{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-base)}.cost-modal__search-item:hover{background:var(--color-surface-hover)}.cost-modal__search-empty{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center}.cost-modal__selected-client{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-primary)}.cost-modal__clear-btn{padding:2px 6px;background:transparent;border:none;color:var(--color-primary);cursor:pointer;opacity:.7;transition:opacity var(--transition-base)}.cost-modal__clear-btn:hover{opacity:1}.cost-modal__btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.cost-modal__btn--primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary)}.cost-modal__btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.cost-modal__btn--secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.cost-modal__btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.client__cost-defaults{margin:var(--spacing-md) var(--spacing-lg) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);overflow:hidden}.client__cost-defaults-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);cursor:pointer;transition:background .15s}.client__cost-defaults-header:hover{background:var(--color-surface-hover)}.client__cost-defaults-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.client__cost-defaults-title i{color:var(--color-primary);font-size:var(--font-size-xs)}.client__cost-defaults-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;transition:transform .2s}.client__cost-defaults--collapsed .client__cost-defaults-toggle{transform:rotate(-90deg)}.client__cost-defaults-body{padding:var(--spacing-md)}.client__cost-defaults--collapsed .client__cost-defaults-body{display:none}.client__cost-defaults-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0 0 var(--spacing-sm)}.client__cost-defaults-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.client__cost-defaults-table th{text-align:left;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-xs);border-bottom:1px solid var(--color-border-light)}.client__cost-defaults-table td{padding:var(--spacing-xs) var(--spacing-sm);vertical-align:middle;border-bottom:1px solid var(--color-border-light)}.client__cost-defaults-table tr:last-child td{border-bottom:none}.client__cost-defaults-table select,.client__cost-defaults-table input[type=number]{padding:.25rem .5rem;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-xs);min-width:100px}.client__cost-defaults-table input[type=number]{width:90px;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.client__cost-defaults-table input[type=number]::-webkit-outer-spin-button,.client__cost-defaults-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.client__cost-defaults-table select:focus,.client__cost-defaults-table input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.client__cost-defaults-remove{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:.25rem;border-radius:var(--radius-md);transition:color .15s}.client__cost-defaults-remove:hover{color:var(--color-danger)}.client__cost-defaults-add{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.client__cost-defaults-add select{flex:1;padding:.25rem .5rem;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-xs)}.client__cost-defaults-add-btn{padding:.25rem .75rem;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-on-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.client__cost-defaults-add-btn:hover{background:var(--color-primary-hover)}.client__cost-defaults-empty{text-align:center;padding:var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}@keyframes costDefaultSaved{0%{background:rgba(var(--color-success-rgb),.12)}to{background:transparent}}.client__cost-defaults-table tr.saved-flash td{animation:costDefaultSaved .8s ease-out}.onboarding-modal{display:flex;flex-direction:column;gap:1.5rem}.onboarding-modal__status-header{padding:1.25rem 1.5rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-left:4px solid var(--status-color, var(--color-primary));border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.onboarding-modal__status-eyebrow{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.625rem}.onboarding-modal__status-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.625rem}.onboarding-modal__status-badge{display:inline-flex;align-items:center;padding:.375rem 1rem;border-radius:999px;font-size:.875rem;font-weight:600;color:var(--color-on-primary);letter-spacing:.02em;box-shadow:0 2px 8px -2px var(--status-color, transparent)}.onboarding-modal__status-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.onboarding-modal__status-btn:hover{border-color:var(--status-color, var(--color-primary));color:var(--status-color, var(--color-primary));background:var(--color-surface)}.onboarding-modal__status-btn:focus-visible{outline:none;border-color:var(--status-color, var(--color-primary));box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.onboarding-modal__status-btn i{font-size:.7rem;transition:transform var(--transition-fast)}.onboarding-modal__status-btn:hover i{transform:rotate(15deg)}.onboarding-modal__status-description{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.onboarding-modal__actions{display:flex;flex-wrap:wrap;gap:.75rem}.onboarding-modal__action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.onboarding-modal__action-btn:hover{background:var(--color-surface);border-color:var(--color-text-secondary)}.onboarding-modal__action-btn i{font-size:.85rem;color:var(--color-text-secondary)}.onboarding-modal__action-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.onboarding-modal__action-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.onboarding-modal__action-btn--primary i{color:var(--color-on-primary)}.onboarding-modal__action-btn--success{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-primary)}.onboarding-modal__action-btn--success:hover{background:var(--color-success-dark);border-color:var(--color-success-dark)}.onboarding-modal__action-btn--success i{color:var(--color-on-primary)}.onboarding-modal__no-actions{margin:0;color:var(--color-text-muted);font-style:italic;font-size:.9rem}.onboarding-modal__timeline{padding-top:.5rem}.onboarding-modal__section-title{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.onboarding-timeline{display:flex;justify-content:space-between;position:relative;padding:0 .5rem}.onboarding-timeline:before{content:"";position:absolute;top:16px;left:40px;right:40px;height:2px;background:var(--color-border);z-index:0}.onboarding-timeline__step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative;z-index:1}.onboarding-timeline__marker{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:var(--color-card-bg);border:2px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition-fast)}.onboarding-timeline__step--completed .onboarding-timeline__marker{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-primary)}.onboarding-timeline__step--active .onboarding-timeline__marker{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);animation:pulse-subtle 2s infinite}@keyframes pulse-subtle{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.4)}50%{box-shadow:0 0 0 6px rgba(var(--color-primary-rgb),0)}}.onboarding-timeline__content{display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-timeline__label{font-size:.8rem;font-weight:500;color:var(--color-text)}.onboarding-timeline__step--completed .onboarding-timeline__label{color:var(--color-success)}.onboarding-timeline__date{font-size:.75rem;color:var(--color-text-muted)}.onboarding-progress{min-height:400px}.onboarding-progress__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary);gap:1rem}.onboarding-progress__loading i{font-size:2rem;color:var(--color-primary)}.onboarding-progress__error{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border, var(--color-danger));border-radius:var(--radius-lg)}.onboarding-progress__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--color-text-secondary)}.onboarding-progress__empty i{font-size:3rem;color:var(--color-success);margin-bottom:1rem}.onboarding-progress__empty h3{margin:0 0 .5rem;color:var(--color-text)}.onboarding-progress__empty p{margin:0;color:var(--color-text-secondary)}.onboarding-progress__summary{background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.onboarding-progress__title{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;color:var(--color-text);font-size:1.25rem}.onboarding-progress__title i{color:var(--color-primary)}.onboarding-progress__stats{display:flex;gap:2rem;margin-bottom:1.5rem}.onboarding-progress__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.onboarding-progress__stat-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.onboarding-progress__stat-label{font-size:.85rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.onboarding-progress__bar{width:100%;height:12px;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.onboarding-progress__bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));transition:width var(--transition-base);border-radius:var(--radius-md)}.onboarding-progress__section{margin-bottom:2rem}.onboarding-progress__section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:var(--color-text);font-size:1.1rem}.onboarding-progress__section-title i{color:var(--color-primary)}.onboarding-progress__tasks{display:flex;flex-direction:column;gap:.75rem}.onboarding-task{display:flex;gap:1rem;padding:1rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.onboarding-task:hover{border-color:var(--color-primary);box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.1)}.onboarding-task--completed{opacity:.7}.onboarding-task__status{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.onboarding-task__icon--completed{color:var(--color-success);font-size:1.5rem}.onboarding-task__icon--pending{color:var(--color-text-muted);font-size:1.5rem}.onboarding-task__content{flex:1;min-width:0}.onboarding-task__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.onboarding-task__name{font-weight:600;color:var(--color-text);font-size:.95rem}.onboarding-task__state{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.onboarding-task__meta{display:flex;align-items:center;gap:1.5rem;font-size:.85rem;color:var(--color-text-secondary)}.onboarding-task__assignee,.onboarding-task__due{display:flex;align-items:center;gap:.35rem}.onboarding-task__assignee i,.onboarding-task__due i{color:var(--color-text-muted)}@media(max-width:600px){.onboarding-timeline{flex-direction:column;gap:1rem;padding:0}.onboarding-timeline:before{display:none}.onboarding-timeline__step{flex-direction:row;gap:1rem}.onboarding-timeline__content{align-items:flex-start;text-align:left}.onboarding-modal__actions{flex-direction:column}.onboarding-modal__action-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.onboarding-timeline__step--active .onboarding-timeline__marker{animation:none}}.changelog{display:flex;flex-direction:column;height:100%;padding:15px;background:var(--white)}.changelog__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.changelog__title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.changelog__refresh{padding:4px 10px;background:var(--white);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.changelog__refresh:hover{background:var(--bg-light);color:var(--primary-color);border-color:var(--primary-color)}.changelog__refresh:disabled{opacity:.6;cursor:not-allowed}.changelog__table-container{flex:1;overflow:auto;border:1px solid var(--border-color);border-radius:4px;background:var(--white)}.changelog__table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.changelog__thead{position:sticky;top:0;background:var(--bg-light);z-index:var(--z-dropdown)}.changelog__th{padding:6px 8px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);background:var(--bg-light);font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.changelog__th:last-child{border-right:none}.changelog__th--date{width:70px}.changelog__th--time{width:50px}.changelog__th--user{width:100px}.changelog__th--action{width:70px}.changelog__th--field{width:120px}.changelog__th--old,.changelog__th--new{flex:1;min-width:150px}.changelog__tbody{background:var(--white)}.changelog__tr{border-bottom:1px solid var(--border-light);transition:background .1s ease}.changelog__tr:hover{background:rgba(var(--color-primary-rgb),.02)}.changelog__tr--insert{background:rgba(var(--color-success-rgb),.02)}.changelog__tr--insert:hover{background:rgba(var(--color-success-rgb),.05)}.changelog__tr--delete{background:rgba(var(--color-danger-rgb),.02)}.changelog__tr--delete:hover{background:rgba(var(--color-danger-rgb),.05)}.changelog__tr--update{background:rgba(var(--color-primary-rgb),.01)}.changelog__tr--update:hover{background:rgba(var(--color-primary-rgb),.03)}.changelog__td{padding:4px 8px;border-right:1px solid var(--border-light);color:var(--text-primary);font-size:11px;line-height:1.2;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.changelog__td:last-child{border-right:none}.changelog__action{display:inline-block;padding:2px 6px;border-radius:2px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.changelog__action--insert{background:var(--success-color);color:var(--white)}.changelog__action--update{background:var(--primary-color);color:var(--white)}.changelog__action--delete{background:var(--danger-color);color:var(--white)}.changelog__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);gap:10px}.changelog__loading i{font-size:20px;color:var(--primary-color)}.changelog__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);gap:10px}.changelog__empty i{font-size:28px;opacity:.5}.changelog__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--danger-color);gap:10px}.changelog__error i{font-size:28px}.changelog__retry{margin-top:8px;padding:4px 12px;background:var(--white);border:1px solid var(--danger-color);border-radius:3px;color:var(--danger-color);cursor:pointer;font-size:12px;transition:all .2s ease}.changelog__retry:hover{background:var(--danger-color);color:var(--white)}.changelog__table-container::-webkit-scrollbar{width:8px;height:8px}.changelog__table-container::-webkit-scrollbar-track{background:var(--bg-light)}.changelog__table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.changelog__table-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.changelog__table-container::-webkit-scrollbar-corner{background:var(--bg-light)}.contacts-tab{padding:8px 20px 20px}.contacts-tab__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.contacts-tab__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.contacts-tab__count-number{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.contacts-tab__controls{display:flex;gap:12px;align-items:center}.contacts-tab__add-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.contacts-tab__add-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.contacts-tab__refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s}.contacts-tab__refresh-btn:hover{background:var(--color-background);color:var(--color-primary)}.contacts-tab__refresh-btn--spinning i{animation:contacts-spin .6s ease}@keyframes contacts-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contacts-tab__notes-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;margin-bottom:16px}.contacts-tab__notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.contacts-tab__notes-label{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--color-text-secondary);font-size:12px}.contacts-tab__notes-label i{font-size:11px;color:var(--color-primary)}.contacts-tab__notes-hint{font-size:11px;color:var(--color-text-muted)}.contacts-tab__notes-hint strong{color:var(--color-primary)}.contacts-tab__notes-content{color:var(--color-text);font-size:12px;line-height:1.3}.contacts-tab__notes-item{display:inline}.contacts-tab__notes-item:not(:last-child):after{content:" •";color:var(--color-text-muted)}.contacts-tab__table-wrap{background:var(--color-surface);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.1)}.contacts-tab__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--color-text-secondary)}.contacts-tab__loading-spinner{font-size:20px}.contacts-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--color-text-secondary);text-align:center}.contacts-tab__empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.contacts-tab__empty-title{margin:0 0 4px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.contacts-tab__empty-text{margin:0 0 20px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.contacts-tab__table{width:100%;border-collapse:collapse}.contacts-tab__thead{background:var(--color-background);border-bottom:1px solid var(--color-border)}.contacts-tab__th{padding:12px 16px;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.contacts-tab__th--name{min-width:180px}.contacts-tab__th--relation{min-width:140px}.contacts-tab__th--email{min-width:200px}.contacts-tab__th--phone,.contacts-tab__th--mobile{min-width:130px}.contacts-tab__th--actions{width:100px;text-align:center}.contacts-tab__row{border-bottom:1px solid var(--color-border-light);transition:background .2s}.contacts-tab__row:last-child{border-bottom:none}.contacts-tab__row:hover{background:var(--color-background)}.contacts-tab__td{padding:16px;font-size:var(--font-size-sm);color:var(--color-text)}.contacts-tab__td--name strong{font-weight:var(--font-weight-medium);color:var(--color-text)}.contacts-tab__badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.contacts-tab__badge--director{background:var(--color-info-bg);color:var(--color-info)}.contacts-tab__badge--accountant{background:var(--color-success-bg);color:var(--color-success)}.contacts-tab__badge--director-shareholder{background:var(--color-warning-bg);color:var(--color-warning)}.contacts-tab__badge--shareholder{background:var(--color-primary-bg);color:var(--color-primary)}.contacts-tab__badge--employee{background:var(--color-secondary-bg);color:var(--color-secondary)}.contacts-tab__badge--other{background:var(--color-background);color:var(--color-text-secondary)}.contacts-tab__link{color:var(--color-primary);text-decoration:none}.contacts-tab__link:hover{text-decoration:underline}.contacts-tab__star-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;cursor:pointer;margin-right:8px;transition:all .2s;padding:0}.contacts-tab__star{font-size:16px;color:var(--color-border);transition:all .2s}.contacts-tab__star--active{color:var(--color-primary)}.contacts-tab__star-btn:hover .contacts-tab__star{color:var(--color-primary);transform:scale(1.15)}.contacts-tab__star-btn:hover .contacts-tab__star--active{color:var(--color-primary-dark)}.contacts-tab__td--actions{display:flex;gap:8px;justify-content:center}.contacts-tab__action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.contacts-tab__action-btn--edit:hover{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}.contacts-tab__action-btn--delete:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.contacts-tab__form{display:flex;flex-direction:column;gap:0}.contacts-tab__form-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.contacts-tab__form-row--three{grid-template-columns:repeat(3,1fr)}.contacts-tab__form-group{display:flex;flex-direction:column}.contacts-tab__form-group--wide{grid-column:span 1}.contacts-tab__form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.contacts-tab__form-label i{margin-right:4px;opacity:.7}.contacts-tab__form-required{color:var(--color-danger);margin-left:2px}.contacts-tab__form-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.contacts-tab__form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.contacts-tab__form-textarea{resize:vertical;min-height:60px}.contacts-tab__form-divider{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--color-border-light)}.notes{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md) var(--spacing-lg)}.notes__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.notes__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.notes__add-btn{display:flex;align-items:center;gap:var(--spacing-sm);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:background var(--transition-fast)}.notes__add-btn:hover{background:var(--color-primary-hover)}.notes__filters{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.notes__filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.notes__filter-group--search{flex:1;position:relative}.notes__filter-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer}.notes__search-icon{position:absolute;left:var(--spacing-md);color:var(--color-text-muted);pointer-events:none}.notes__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-xl) + var(--spacing-sm));background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.notes__search-input:focus{outline:none;border-color:var(--color-primary)}.notes__filter-clear{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.notes__filter-clear:hover{background:var(--color-surface);color:var(--color-text)}.notes__content{flex:1;overflow-y:auto;padding-right:var(--spacing-sm)}.notes__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.notes__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);color:var(--color-text-secondary)}.notes__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-danger);text-align:center}.notes__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted);text-align:center}.notes__empty i{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.notes__empty h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.notes__card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 10px;transition:all var(--transition-fast);display:flex;flex-direction:column;min-height:180px;max-height:400px}.notes__card--compact{padding:8px 10px}.notes__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-subtle)}.notes__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:4px}.notes__card-meta{display:flex;flex-wrap:wrap;gap:3px;align-items:center;font-size:var(--font-size-xs);flex:1}.notes__card-category{padding:2px 4px;border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase;font-size:9px;line-height:1.1}.notes__card-category--general{background:var(--color-primary-bg);color:var(--color-primary)}.notes__card-category--login{background:var(--color-info-bg);color:var(--color-info)}.notes__card-category--billing{background:var(--color-success-bg);color:var(--color-success)}.notes__card-category--contact{background:var(--color-warning-bg);color:var(--color-warning)}.notes__card-category--service{background:var(--color-info-bg);color:var(--color-info)}[class*=notes__card-category--all]{background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-primary-bg) 100%);color:var(--color-primary-dark)}.notes__card-service--all{background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-primary-bg) 100%);color:var(--color-primary-dark);font-weight:600;padding:2px 6px;border-radius:var(--radius-sm)}.notes__card-service{display:flex;align-items:center;gap:2px;color:var(--color-text-muted);font-size:var(--font-size-xs)}.notes__card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:4px;border-top:1px solid var(--color-border-light);font-size:9px;color:var(--color-text-muted);opacity:.8}.notes__card-date,.notes__card-author{display:flex;align-items:center;gap:2px;font-size:9px}.notes__card-edited{color:var(--color-text-muted);font-style:italic}.notes__card-actions{display:flex;gap:2px}.notes__card-action{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:10px;opacity:.6}.notes__card-action:hover{opacity:1}.notes__card-action:hover{background:var(--color-surface);color:var(--color-text)}.notes__card-action--edit:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.notes__card-action--delete:hover{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);border-color:var(--color-danger)}.notes__card-content{color:var(--color-text);line-height:1.4;font-size:13px;flex:1;overflow-y:auto;margin:0;padding:0;word-break:break-word;white-space:pre-line;text-align:left}.notes__card-content::-webkit-scrollbar{width:4px}.notes__card-content::-webkit-scrollbar-track{background:transparent}.notes__card-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.notes__card-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.notes__filter-dropdown{position:relative}.notes__filter-dropdown-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;min-width:150px}.notes__filter-dropdown-btn:hover{border-color:var(--color-primary)}.notes__filter-dropdown-content{position:absolute;top:calc(100% + var(--spacing-xs));left:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-default);z-index:var(--z-popover);min-width:200px;max-height:300px;overflow-y:auto;padding:var(--spacing-sm)}.notes__filter-checkbox{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm)}.notes__filter-checkbox:hover{background:var(--color-surface)}.notes__filter-checkbox input{margin-right:var(--spacing-sm)}.notes__checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md)}.notes__checkbox-group--compact{gap:2px;padding:4px var(--spacing-xs);max-height:100px;overflow-y:auto}.notes__checkbox-label{display:flex;align-items:center;cursor:pointer;padding:2px var(--spacing-xs);font-size:var(--font-size-sm)}.notes__checkbox-label input{margin-right:var(--spacing-sm)}.notes__checkbox-label:hover{color:var(--color-primary)}.notes__service-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md)}.notes__service-checkboxes--compact{gap:2px;padding:4px var(--spacing-xs);max-height:85px;font-size:var(--font-size-sm)}.notes__services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notes__select-all-btn{padding:2px var(--spacing-xs);background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.notes__select-all-btn:hover{background:var(--color-primary);color:var(--color-on-primary)}.notes__no-services{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-md)}.notes__service-checkboxes--disabled{opacity:.6;pointer-events:none;background:var(--color-border)}.notes__service-checkboxes--disabled .notes__checkbox-label{color:var(--color-text-muted)}.notes__service-badge--adhoc{font-size:10px;color:var(--color-text-muted);font-style:italic}.notes__modal{display:none;position:fixed;inset:0;background:var(--modal-backdrop);z-index:var(--z-header);align-items:center;justify-content:center;padding:var(--spacing-lg)}.notes__modal-content{background:var(--color-bg);border-radius:var(--radius-lg);max-width:800px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated)}.notes__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.notes__modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.notes__modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.notes__modal-close:hover{background:var(--color-surface);color:var(--color-text)}.notes__modal-body{flex:1;overflow-y:hidden;padding:var(--spacing-sm);display:flex;flex-direction:column;min-height:0}.notes__form{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.notes__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.notes__form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notes__form-group--content{flex:1;display:flex;flex-direction:column}.notes__content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.notes__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:4px}.notes__select,.notes__input{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.notes__select:focus,.notes__input:focus{outline:none;border-color:var(--color-primary)}.notes__textarea{padding:var(--spacing-md);background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);resize:none;flex:1}.notes__textarea--focus{font-size:14px;line-height:1.5}.notes__textarea:focus{outline:none;border-color:var(--color-primary)}.notes__char-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notes__modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.notes__btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.notes__btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.notes__btn--primary:hover{background:var(--color-primary-hover)}.notes__btn--cancel{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.notes__btn--cancel:hover{background:var(--color-surface)}.notes__btn--text{background:transparent;color:var(--color-primary);border:none;padding:var(--spacing-sm)}.notes__btn--text:hover{text-decoration:underline}.services-grid{display:flex;flex-direction:column;padding:12px 20px 20px}.services-grid__selection-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;margin-bottom:16px;background:rgba(var(--color-primary-rgb),.06);border:1px solid rgba(var(--color-primary-rgb),.18);border-radius:8px;animation:svc-bar-in .2s ease}@keyframes svc-bar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.services-grid__selection-info{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text-secondary)}.services-grid__selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--color-primary);color:var(--color-on-primary);border-radius:11px;font-size:.6875rem;font-weight:700;line-height:1}.services-grid__update-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.services-grid__update-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25)}.services-grid__update-btn i{font-size:.6875rem}.services-grid__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--color-text-secondary)}.services-grid__loading-dots{display:flex;gap:6px}.services-grid__loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:svc-dot-pulse 1.2s ease-in-out infinite}.services-grid__loading-dots span:nth-child(2){animation-delay:.15s}.services-grid__loading-dots span:nth-child(3){animation-delay:.3s}@keyframes svc-dot-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.services-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:.75rem;color:var(--color-text-secondary);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:10px;text-align:center}.services-grid__empty i{font-size:2.5rem;opacity:.3}.services-grid__body{display:flex;flex-direction:column;gap:2rem}.services-grid__section{display:flex;flex-direction:column;gap:1rem}.services-grid__section-header{display:flex;align-items:center;gap:12px;padding:4px 2px}.services-grid__section-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;font-size:.8125rem;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.services-grid__section-header:hover .services-grid__section-icon{transform:scale(1.08);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.08)}.services-grid__section-icon--opt-in{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.services-grid__section-icon--general{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.services-grid__section-text{flex:1;min-width:0}.services-grid__section-title{margin:0;font-size:.875rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.services-grid__section-desc{margin:1px 0 0;font-size:.7rem;color:var(--color-text-secondary);line-height:1.3}.services-grid__section-empty{padding:1.5rem;text-align:center;font-size:.8125rem;color:var(--color-text-tertiary);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:8px}.services-grid__table-wrap{background:var(--color-surface);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.04),0 1px 2px rgba(var(--color-shadow-rgb),.02),0 0 0 1px var(--color-border);transition:box-shadow .2s ease}.services-grid__table{width:100%;border-collapse:collapse;font-size:.8125rem}.services-grid__th{background:var(--color-background);color:var(--color-text-secondary);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:9px 16px;border-bottom:1px solid var(--color-border);white-space:nowrap;user-select:none}.services-grid__th--checkbox{width:44px;text-align:center;padding-left:16px;padding-right:8px}.services-grid__th--service{min-width:160px}.services-grid__th--status{width:110px}.services-grid__th--assignee{min-width:120px}.services-grid__th--completed{min-width:140px}.services-grid__th--billing{min-width:100px}.services-grid__th--actions{width:50px;text-align:center}.services-grid__row{border-bottom:1px solid var(--color-border-light);transition:background .15s ease}.services-grid__row:last-child{border-bottom:none}.services-grid__row:nth-child(2n){background:var(--color-row-alt)}.services-grid__row:hover{background:rgba(var(--color-primary-rgb),.03)}.services-grid__row--inactive .services-grid__td{opacity:.55;transition:opacity .15s ease}.services-grid__row--inactive:hover .services-grid__td{opacity:.8}.services-grid__row--selected{background:rgba(var(--color-primary-rgb),.04)}.services-grid__row--selected:hover{background:rgba(var(--color-primary-rgb),.07)}.services-grid__td{padding:10px 16px;color:var(--color-text);vertical-align:middle}.services-grid__td--checkbox{text-align:center;padding-left:16px;padding-right:8px}.services-grid__td--actions{text-align:center}.services-grid__check,.services-grid__select-all{cursor:pointer}.services-grid__check{position:relative;display:inline-flex;align-items:center;justify-content:center}.services-grid__check input{position:absolute;opacity:0;width:0;height:0}.services-grid__checkmark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:transparent;font-size:.55rem;transition:all .15s ease}.services-grid__check input:checked+.services-grid__checkmark{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.services-grid__check:hover .services-grid__checkmark{border-color:var(--color-primary)}.services-grid__td--service{display:flex;align-items:baseline;gap:8px}.services-grid__service-name{font-weight:600;color:var(--color-text-primary)}.services-grid__service-code{font-size:.65rem;font-family:Courier New,monospace;color:var(--color-text-tertiary);background:var(--color-surface-hover);padding:1px 6px;border-radius:3px;letter-spacing:.3px}.services-grid__assignee{font-size:.8125rem;color:var(--color-text)}.services-grid__assignee--empty{color:var(--color-text-tertiary);font-style:italic}.services-grid__assignee--na{color:var(--color-text-muted);font-size:.75rem}.services-grid__completed-label{font-size:.8125rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.services-grid__completed--na{color:var(--color-text-muted);font-size:.75rem}.services-grid__billing{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;color:var(--color-text-secondary)}.services-grid__billing--retainer,.services-grid__billing--probono{font-weight:600}.services-grid__billing--retainer{color:var(--color-primary-dark)}.services-grid__billing--probono{color:var(--color-success-dark)}.services-grid__billing--retainer i,.services-grid__billing--probono i{font-size:.625rem}.services-grid__badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:.65rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;line-height:1.4}.services-grid__badge--active{background:rgba(var(--color-success-rgb),.12);color:var(--color-success-dark);box-shadow:0 0 8px rgba(var(--color-success-rgb),.15),0 0 2px rgba(var(--color-success-rgb),.1)}.services-grid__badge--adhoc{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-dark)}.services-grid__badge--onrequest{background:rgba(var(--color-warning-rgb),.12);color:var(--color-warning-text)}.services-grid__badge--paused{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning)}.services-grid__badge--inactive{background:rgba(var(--color-primary-rgb),.08);color:var(--color-text-secondary)}.services-grid__badge--pending{background:rgba(var(--color-info-rgb, 6, 182, 212),.12);color:var(--color-info)}.services-grid__status-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.services-grid__status-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.services-grid__status-btn:hover .services-grid__badge{box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.12)}.services-grid__assignee-btn{background:none;border:1px solid transparent;padding:4px 8px;margin:-4px -8px;border-radius:6px;cursor:pointer;transition:all .15s ease;font:inherit;color:inherit;text-align:left}.services-grid__assignee-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.services-grid__reason-modal{display:flex;flex-direction:column;gap:.5rem}.services-grid__reason-modal .form-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.services-grid__reason-modal .form-control{resize:vertical;min-height:60px}.services-grid__edit-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;font-size:.75rem;opacity:0;transition:all .15s ease}.services-grid__row:hover .services-grid__edit-btn{opacity:1}.services-grid__edit-btn:hover{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.service-edit-modal{display:flex;flex-direction:column;gap:1.25rem}.service-edit-modal__bulk-info{display:flex;gap:1rem;padding:1rem;background:var(--color-info-bg, #dbeafe);border:1px solid var(--color-info-border, #93c5fd);border-radius:6px}.service-edit-modal__bulk-info i{color:var(--color-info, #2563eb);font-size:1.25rem;flex-shrink:0}.service-edit-modal__bulk-info strong{display:block;margin-bottom:.5rem;color:var(--color-text-primary)}.service-edit-modal__bulk-info p{margin:0 0 .5rem;color:var(--color-text-secondary);font-size:.875rem}.service-edit-modal__services-list{margin:0;padding-left:1.5rem;font-size:.875rem}.service-edit-modal__services-list li{margin:.25rem 0}.service-edit-modal__settings-section{margin-top:.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.service-edit-modal__settings-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.service-edit-modal__settings-header i{color:var(--color-text-secondary)}.service-edit-modal__section-hint{display:block;margin:-.5rem 0 .75rem;color:var(--color-text-muted);font-size:.8rem;line-height:1.4}.service-edit-modal__event-types-grid{display:flex;gap:.5rem;flex-wrap:wrap}.service-edit-modal__event-type-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);background:var(--color-bg-secondary);transition:all .15s ease;user-select:none}.service-edit-modal__event-type-toggle:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.04)}.service-edit-modal__event-type-toggle:has(input:checked){border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08);color:var(--color-text-primary)}.service-edit-modal__event-type-toggle:has(input:checked) i{color:var(--color-primary)}.service-edit-modal__event-type-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary)}.service-edit-modal__settings-fields{display:flex;flex-direction:column;gap:1rem}.service-edit-modal .form-control--readonly{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--color-primary-bg);border:1px solid var(--color-primary-border, var(--color-primary-bg));border-radius:6px;color:var(--color-primary-dark);font-weight:500;cursor:default}.service-edit-modal .form-control--readonly i{font-size:.875rem;opacity:.8}.service-edit-modal__warning{display:flex;gap:1rem;padding:1rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border, #fbbf24);border-radius:6px}.service-edit-modal__warning i{color:var(--color-warning-text);font-size:1.25rem;flex-shrink:0}.service-edit-modal__warning strong{display:block;margin-bottom:.25rem;color:var(--color-text-primary)}.service-edit-modal__warning p{margin:0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.service-edit-modal__retainer-note{display:flex;gap:.75rem;padding:.875rem 1rem;background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:6px}.service-edit-modal__retainer-note>i{color:var(--color-primary);font-size:1rem;flex-shrink:0;margin-top:.125rem}.service-edit-modal__retainer-note p{margin:0 0 .25rem;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.service-edit-modal__retainer-note p:last-child{margin-bottom:0}.service-edit-modal__retainer-note a{color:var(--color-primary);font-weight:500;text-decoration:none}.service-edit-modal__retainer-note a:hover{text-decoration:underline}.service-edit-modal__status-cards,.service-edit-modal__billing-cards{display:flex;gap:.625rem;flex-wrap:wrap}.service-edit-modal__card{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--color-card-bg);user-select:none}.service-edit-modal__card:hover{border-color:rgba(var(--color-primary-rgb),.4);background:rgba(var(--color-primary-rgb),.03)}.service-edit-modal__card--selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.06);box-shadow:0 0 0 1px rgba(var(--color-primary-rgb),.15),0 2px 8px rgba(var(--color-primary-rgb),.1)}.service-edit-modal__card--compact{flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:.875rem .625rem;min-width:80px}.service-edit-modal__card--compact strong{font-size:.75rem;color:var(--color-text-primary);letter-spacing:-.01em}.service-edit-modal__card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:.875rem;flex-shrink:0;transition:all .2s ease}.service-edit-modal__card--selected .service-edit-modal__card-icon{transform:scale(1.08)}.service-edit-modal__card-icon--success{background:rgba(var(--color-success-rgb),.12);color:var(--color-success)}.service-edit-modal__card--selected .service-edit-modal__card-icon--success{background:rgba(var(--color-success-rgb),.2);box-shadow:0 0 10px rgba(var(--color-success-rgb),.15)}.service-edit-modal__card-icon--warning{background:rgba(var(--color-warning-rgb),.12);color:var(--color-warning-text, var(--color-warning))}.service-edit-modal__card--selected .service-edit-modal__card-icon--warning{background:rgba(var(--color-warning-rgb),.2);box-shadow:0 0 10px rgba(var(--color-warning-rgb),.15)}.service-edit-modal__card-icon--info{background:rgba(var(--color-info-rgb, 6, 182, 212),.12);color:var(--color-info)}.service-edit-modal__card--selected .service-edit-modal__card-icon--info{background:rgba(var(--color-info-rgb, 6, 182, 212),.2);box-shadow:0 0 10px rgba(var(--color-info-rgb, 6, 182, 212),.15)}.service-edit-modal__card-icon--muted{background:var(--color-surface-hover);color:var(--color-text-muted)}.service-edit-modal__card--selected .service-edit-modal__card-icon--muted{background:rgba(var(--color-primary-rgb),.1);color:var(--color-text-secondary)}.service-edit-modal__card-icon--primary{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.service-edit-modal__card--selected .service-edit-modal__card-icon--primary{background:rgba(var(--color-primary-rgb),.2);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.15)}.service-edit-modal__card-icon--accent{background:var(--color-purple-bg);color:var(--color-purple)}.service-edit-modal__card--selected .service-edit-modal__card-icon--accent{background:var(--color-purple-bg);color:var(--color-purple);filter:brightness(1.1);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.1)}.service-edit-modal__card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.service-edit-modal__card-text strong{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.service-edit-modal__card-text span{font-size:.6875rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-edit-modal__assignee-trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font:inherit;color:inherit;text-align:left}.service-edit-modal__assignee-trigger:hover{border-color:rgba(var(--color-primary-rgb),.4);background:rgba(var(--color-primary-rgb),.02)}.service-edit-modal__assignee-avatar-wrap{display:flex;align-items:center;flex-shrink:0}.service-edit-modal__assignee-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:var(--color-white, #ffffff);line-height:1}.service-edit-modal__assignee-avatar--img{width:30px;height:30px;border-radius:50%;object-fit:cover}.service-edit-modal__assignee-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-edit-modal__assignee-placeholder{display:flex;align-items:center;gap:.5rem;flex:1;color:var(--color-text-muted);font-size:.8125rem}.service-edit-modal__assignee-placeholder i{font-size:.875rem;opacity:.6}.service-edit-modal__assignee-arrow{font-size:.625rem;color:var(--color-text-muted);margin-left:auto;transition:transform .15s ease}.service-edit-modal__assignee-trigger:hover .service-edit-modal__assignee-arrow{color:var(--color-primary)}.service-edit-modal__billing-enforced{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:rgba(var(--color-primary-rgb),.04);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:8px;margin-bottom:.5rem}.service-edit-modal__billing-linked-display{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-secondary)}.service-edit-modal__billing-linked-display i{color:var(--color-primary);font-size:.75rem}.service-edit-modal__billing-override-btn,.service-edit-modal__billing-restore-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:none;border:1px solid var(--color-border);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.service-edit-modal__billing-override-btn:hover,.service-edit-modal__billing-restore-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(var(--color-primary-rgb),.04)}.service-edit-modal__billing-override-notice{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-warning-text, var(--color-warning))}.service-edit-modal__billing-override-notice i{font-size:.75rem}.service-edit-modal__section-hint{display:block;margin-bottom:.75rem;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.service-edit-modal__select-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer;text-align:left}.service-edit-modal__select-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.service-edit-modal__select-label{flex:1;min-width:0}.service-edit-modal__select-arrow{font-size:.625rem;color:var(--color-text-muted);margin-left:auto}.service-edit-modal__task-generation-section{padding-top:1.25rem;border-top:1px solid var(--color-border)}.service-edit-modal__generate-tasks-toggle{margin-top:.5rem}.form-radio-group{display:flex;gap:1rem}.form-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-radio input[type=radio]{cursor:pointer}.form-input-group{display:flex;align-items:stretch}.form-input-group__prefix{display:flex;align-items:center;padding:0 .75rem;background:var(--color-surface-hover);border:1px solid var(--color-border);border-right:none;border-radius:4px 0 0 4px;color:var(--color-text-secondary);font-weight:600}.form-input-group .form-control{border-radius:0 4px 4px 0}.bulk-edit-grid{display:flex;flex-direction:column;gap:1rem}.bulk-edit-grid__table-wrap{background:var(--color-card-bg);border-radius:10px;overflow:auto;max-height:400px;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.06),0 0 0 1px var(--color-border)}.bulk-edit-grid__table{width:100%;border-collapse:collapse;font-size:.8125rem}.bulk-edit-grid__header-row{position:sticky;top:0;z-index:2}.bulk-edit-grid__th{background:var(--color-surface);color:var(--color-text-secondary);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px 12px;border-bottom:2px solid var(--color-border);white-space:nowrap;vertical-align:bottom}.bulk-edit-grid__th--service{min-width:180px}.bulk-edit-grid__th--current{width:110px}.bulk-edit-grid__th--status{width:160px}.bulk-edit-grid__th--assignee{width:180px}.bulk-edit-grid__th-label{display:block;margin-bottom:6px}.bulk-edit-grid__set-all{display:block;width:100%;padding:4px 6px;font-size:.6875rem;font-weight:400;text-transform:none;letter-spacing:normal;border:1px dashed var(--color-border);border-radius:4px;background:var(--color-card-bg);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.bulk-edit-grid__set-all:hover{border-color:var(--color-primary);border-style:solid;color:var(--color-text)}.bulk-edit-grid__set-all:focus{outline:none;border-color:var(--color-primary);border-style:solid;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.bulk-edit-grid__set-all:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-border)}.bulk-edit-grid__set-all:disabled:hover{border-style:dashed;color:var(--color-text-muted)}.bulk-edit-grid__row{border-bottom:1px solid var(--color-border-light);transition:background .15s ease}.bulk-edit-grid__row:last-child{border-bottom:none}.bulk-edit-grid__row--alt{background:var(--color-row-alt)}.bulk-edit-grid__row:hover{background:rgba(var(--color-primary-rgb),.03)}.bulk-edit-grid__td{padding:8px 12px;vertical-align:middle}.bulk-edit-grid__td--service{line-height:1.4}.bulk-edit-grid__service-name{font-weight:600;color:var(--color-text-primary);white-space:nowrap;display:block}.bulk-edit-grid__service-code{font-size:.625rem;font-family:Courier New,monospace;color:var(--color-text-muted);background:var(--color-surface-hover);padding:1px 5px;border-radius:3px;letter-spacing:.3px;display:inline-block;margin-top:2px}.bulk-edit-grid__select{width:100%;padding:5px 8px;font-size:.8125rem;border:1px solid var(--color-border);border-radius:5px;background:var(--color-card-bg);color:var(--color-text);cursor:pointer;transition:all .15s ease}.bulk-edit-grid__select:hover{border-color:rgba(var(--color-primary-rgb),.4)}.bulk-edit-grid__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.bulk-edit-grid__readonly{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-hover);border-radius:4px;cursor:default}.bulk-edit-grid__td--flash{animation:bulk-edit-flash .4s ease}@keyframes bulk-edit-flash{0%{background:rgba(var(--color-primary-rgb),.15)}to{background:transparent}}.bulk-edit-grid__warning{display:flex;gap:.75rem;padding:.625rem 1rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border, #fbbf24);border-radius:6px;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.bulk-edit-grid__warning i{color:var(--color-warning-text, var(--color-warning));flex-shrink:0;margin-top:2px}.bulk-edit-grid__reason{display:flex;flex-direction:column;gap:.375rem}.bulk-edit-grid__reason .form-control{resize:vertical;min-height:50px}@media(max-width:768px){.bulk-edit-grid__table-wrap{max-height:300px}.bulk-edit-grid__th--service{min-width:140px}}.text-muted{color:var(--color-text-tertiary);font-size:.875rem}.text-warning{color:var(--color-warning, #f59e0b)}.text-danger{color:var(--color-error, #ef4444)}@media(max-width:768px){.services-grid__table-wrap{overflow-x:auto}.services-grid__section-header{flex-wrap:wrap}}.field-manager{padding:24px;min-height:400px}.field-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.field-manager__empty-icon{font-size:48px;color:var(--text-secondary);margin-bottom:16px}.field-manager__empty-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.field-manager__empty-text{font-size:14px;color:var(--text-secondary);margin:0 0 24px}.field-manager__add-btn{padding:10px 20px;background:var(--primary);border:none;border-radius:6px;font-size:14px;font-weight:500;color:var(--color-on-primary);cursor:pointer;transition:background-color .2s}.field-manager__add-btn:hover{background:var(--primary-dark)}.field-manager__list{display:flex;flex-direction:column;gap:24px}.field-manager__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.field-manager__header-text{flex:1}.field-manager__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.field-manager__subtitle{font-size:14px;color:var(--text-secondary);margin:0}.field-manager__collapse-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.field-manager__collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-light)}.field-manager__items{display:flex;flex-direction:column;gap:12px}.field-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-card-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.field-item:hover{border-color:var(--primary-light);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.05)}.field-item__drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary);cursor:grab}.field-item__drag-handle:active{cursor:grabbing}.field-item--dragging{opacity:.5;transform:scale(.98)}.field-item--drag-over{border-color:var(--primary);background:rgba(var(--color-primary-rgb),.05);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.field-item--hidden{display:none}.field-item__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);flex-shrink:0}.field-item__content{flex:1}.field-item__header{display:flex;gap:12px;align-items:center;margin-bottom:6px}.field-item__label{font-size:14px;font-weight:600;color:var(--text-primary)}.field-item__key{font-family:Courier New,monospace;font-size:12px;padding:2px 6px;background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary)}.field-item__meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field-item__type{font-size:12px;color:var(--text-secondary);padding:2px 8px;background:var(--bg-secondary);border-radius:4px}.field-item__badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.field-item__badge--required{background:var(--color-danger-bg);color:var(--color-danger)}.field-item__badge--calculated{background:var(--color-primary-bg);color:var(--color-primary)}.field-item__badge--linked{background:var(--color-cyan-bg);color:var(--color-cyan)}.field-item__badge--portfolio{background:var(--color-purple-bg);color:var(--color-purple)}.field-item__badge--trigger{background:var(--color-warning-bg);color:var(--color-warning)}.field-item__badge--group{background:var(--color-success-bg);color:var(--color-success)}.field-item__badge--parent{background:var(--color-slate-bg);color:var(--color-slate)}.field-item__badge--conditional{background:var(--color-pink-bg);color:var(--color-pink)}.field-item--child{margin-left:24px;border-left:3px solid var(--primary)}.field-item__phases{font-size:12px;color:var(--text-secondary)}.field-item__checklist{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.field-item__checklist-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--text-secondary)}.field-item__checklist-item i{color:var(--primary);font-size:12px}.field-item__actions{display:flex;gap:8px;flex-shrink:0}.field-item__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.field-item__action-btn:hover{background:var(--bg-hover);color:var(--primary);border-color:var(--primary)}.field-item__action-btn--delete:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.field-form__row{display:flex;gap:16px}.field-form__field{margin-bottom:20px}.field-form__field--half{flex:1}.field-form__label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.field-form__input,.field-form__select,.field-form__textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--color-input-bg);transition:border-color .2s}.field-form__input:focus,.field-form__select:focus,.field-form__textarea:focus{outline:none;border-color:var(--primary)}.field-form__textarea{resize:vertical;font-family:Courier New,monospace;font-size:13px}.field-form__phase-checkboxes,.field-form__company-type-checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field-form__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.field-form__checkbox input{cursor:pointer}.field-form__checkbox span{font-size:14px;color:var(--text-primary)}.field-form__input:invalid,.field-form__select:invalid,.field-form__textarea:invalid{border-color:var(--color-danger)}.field-form__input:valid:focus,.field-form__select:valid:focus,.field-form__textarea:valid:focus{border-color:var(--color-success)}.field-form__help{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.field-form__note{font-size:13px;color:var(--text-secondary);margin:0}.field-form__section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.field-form__section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.field-manager__loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-secondary)}.field-manager__loading i{font-size:24px;animation:spin 1s linear infinite}.field-form__select-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.field-form__select-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--border-color);border-radius:6px;transition:all .2s}.field-form__select-option:hover{border-color:var(--primary-light)}.field-form__select-option .field-form__option-label{flex:1;min-width:0}.field-form__color-picker{width:36px;height:36px;padding:2px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;background:var(--color-input-bg);flex-shrink:0}.field-form__color-picker::-webkit-color-swatch-wrapper{padding:2px}.field-form__color-picker::-webkit-color-swatch{border:none;border-radius:4px}.field-form__option-clear-color,.field-form__option-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.field-form__option-clear-color:hover{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.field-form__option-remove:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.field-form__add-option-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--color-surface);border:2px dashed var(--border-color);border-radius:6px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.field-form__add-option-btn:hover{background:var(--color-primary-bg);border-color:var(--primary);color:var(--primary)}.field-form__linked-preview{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-cyan-bg);border:1px solid var(--color-cyan);border-radius:6px;font-size:13px;color:var(--color-cyan);margin-top:12px}.field-form__linked-preview i{flex-shrink:0}.workflow-manager{padding:24px;min-height:500px}.workflow-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.workflow-manager__header-left{display:flex;flex-direction:column;gap:4px}.workflow-manager__subtitle{margin:0;font-size:13px;color:var(--color-text-secondary)}.workflow-manager__info{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--color-info-bg, #eff6ff);border:1px solid var(--color-info-border, #bfdbfe);border-radius:8px;margin-bottom:16px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.workflow-manager__info i{color:var(--color-info, #3b82f6);font-size:16px;margin-top:2px}.workflow-manager__info strong{color:var(--color-text)}.workflow-manager__title{margin:0;font-size:20px;font-weight:600;color:var(--color-text)}.workflow-manager__add-btn{padding:8px 16px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.workflow-manager__add-btn:hover{background:var(--color-primary-hover)}.workflow-manager__table-container{overflow-x:auto;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px}.workflow-manager__table{width:100%;border-collapse:collapse}.workflow-manager__table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px}.workflow-manager__th--drag{width:40px;padding:12px 8px}.workflow-manager__th--center{text-align:center;width:80px}.workflow-manager__th--actions{width:60px;text-align:right;padding-right:16px}.workflow-manager__row{transition:background-color .2s;border-bottom:1px solid var(--color-border)}.workflow-manager__row:hover{background:var(--color-surface-hover)}.workflow-manager__row:last-child{border-bottom:none}.workflow-manager__row--editable{cursor:grab}.workflow-manager__row--editable:active{cursor:grabbing}.workflow-manager__row--dragging{opacity:.5;background:var(--color-surface)}.workflow-manager__row--drag-over{background:var(--color-primary-bg);border-top:2px solid var(--color-primary)}.workflow-manager__row--terminal{background:color-mix(in srgb,var(--color-success) 5%,var(--color-card-bg))}.workflow-manager__row--terminal:hover{background:color-mix(in srgb,var(--color-success) 10%,var(--color-card-bg))}.workflow-manager__cell{padding:12px 16px;font-size:14px;color:var(--color-text);vertical-align:middle}.workflow-manager__cell--drag{padding:12px 8px;width:40px}.workflow-manager__drag-handle{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:grab;padding:4px;border-radius:4px;transition:all .2s}.workflow-manager__drag-handle:hover{color:var(--color-text-secondary);background:var(--color-surface)}.workflow-manager__row--editable:active .workflow-manager__drag-handle{cursor:grabbing}.workflow-manager__cell--name{min-width:180px}.workflow-manager__input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;font-weight:500;color:var(--color-input-text);background:var(--color-input-bg);transition:border-color .2s,box-shadow .2s}.workflow-manager__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.workflow-manager__input--name{font-weight:500}.workflow-manager__cell--color{min-width:160px}.workflow-manager__color-select-wrapper{display:flex;align-items:center;gap:8px}.workflow-manager__color-preview{width:24px;height:24px;border-radius:6px;flex-shrink:0;border:1px solid rgba(var(--color-shadow-rgb),.1)}.workflow-manager__select{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;color:var(--color-input-text);background:var(--color-input-bg);cursor:pointer;transition:border-color .2s}.workflow-manager__select:focus{outline:none;border-color:var(--color-primary)}.workflow-manager__select--color{min-width:100px}.workflow-manager__checkbox,.workflow-manager__radio{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.workflow-manager__cell--center{text-align:center}.workflow-manager__cell--actions{text-align:right;padding-right:16px}.workflow-manager__name-cell{font-weight:500}.workflow-manager__color-cell{display:flex;align-items:center}.workflow-manager__color-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;color:var(--color-on-primary);font-size:12px;font-weight:500;min-width:80px;justify-content:center}.workflow-manager__check{color:var(--color-success);font-size:16px}.workflow-manager__action-btn{padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;margin-left:4px}.workflow-manager__action-btn:hover{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.workflow-manager__action-btn--delete:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.workflow-manager__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center}.workflow-manager__empty-icon{font-size:48px;color:var(--color-text-muted);margin-bottom:16px}.workflow-manager__empty-title{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--color-text)}.workflow-manager__empty-text{margin:0;font-size:14px;color:var(--color-text-secondary);max-width:400px}.status-form{padding:20px}.status-form__field{margin-bottom:20px}.status-form__label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.status-form__input,.status-form__select,.status-form__textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;color:var(--color-input-text);background:var(--color-input-bg);transition:border-color .2s}.status-form__input:focus,.status-form__select:focus,.status-form__textarea:focus{outline:none;border-color:var(--color-primary)}.status-form__select[multiple]{min-height:120px}.status-form__help{display:block;margin-top:4px;font-size:12px;color:var(--color-text-secondary)}.status-form__checkboxes{display:flex;flex-direction:column;gap:12px}.status-form__checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text);cursor:pointer}.status-form__checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.phase-manager{padding:24px;min-height:400px}.phase-manager__info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-info-bg, #eff6ff);border:1px solid var(--color-info-border, #bfdbfe);border-radius:8px;margin-bottom:24px}.phase-manager__info i{color:var(--color-info, #3b82f6);font-size:16px;margin-top:2px}.phase-manager__info p{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.phase-manager__list{display:flex;flex-direction:column;gap:12px}.phase-manager__card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s}.phase-manager__card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.08)}.phase-manager__card-header{display:flex;justify-content:space-between;align-items:center}.phase-manager__card-title{display:flex;align-items:center;gap:12px}.phase-manager__order{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:var(--color-on-primary);border-radius:6px;font-weight:600;font-size:14px}.phase-manager__card-title h4{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.phase-manager__badge{padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.phase-manager__badge--default{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e)}.phase-manager__card-actions{display:flex;gap:8px}.phase-manager__action-btn{padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.phase-manager__action-btn:hover{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.phase-manager__action-btn--danger:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.phase-manager__locked{padding:6px 8px;color:var(--color-text-muted);font-size:14px}.phase-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center}.phase-manager__empty-icon{font-size:48px;color:var(--color-text-muted);margin-bottom:16px}.phase-manager__empty h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--color-text)}.phase-manager__empty p{margin:0 0 24px;font-size:14px;color:var(--color-text-secondary);max-width:400px}.phase-form{padding:20px}.phase-form__field{margin-bottom:20px}.phase-form__label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.phase-form__required{color:var(--color-danger)}.phase-form__input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;color:var(--color-input-text);background:var(--color-input-bg);transition:border-color .2s}.phase-form__input:focus{outline:none;border-color:var(--color-primary)}.phase-form__hint{display:block;margin-top:4px;font-size:12px;color:var(--color-text-secondary)}.products-manager{padding:24px;min-height:400px}.products-manager__info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-info-bg, #eff6ff);border:1px solid var(--color-info-border, #bfdbfe);border-radius:8px;margin-bottom:24px}.products-manager__info i{color:var(--color-info, #3b82f6);font-size:16px;margin-top:2px}.products-manager__info p{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.products-manager__table-wrapper{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.products-manager__table{width:100%;border-collapse:collapse}.products-manager__th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px}.products-manager__th--order{width:100px;text-align:center}.products-manager__th--price{width:120px;text-align:right}.products-manager__th--actions{width:140px;text-align:right}.products-manager__row{transition:background-color .2s;border-bottom:1px solid var(--color-border)}.products-manager__row:hover{background:var(--color-surface-hover)}.products-manager__row:last-child{border-bottom:none}.products-manager__row--inactive{opacity:.6}.products-manager__td{padding:12px 16px;font-size:14px;color:var(--color-text);vertical-align:middle}.products-manager__td--order{text-align:center}.products-manager__td--price,.products-manager__td--actions{text-align:right}.products-manager__order-controls{display:flex;align-items:center;justify-content:center;gap:6px}.products-manager__order-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.products-manager__order-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.products-manager__order-number{min-width:24px;text-align:center;font-size:13px;color:var(--color-text-secondary)}.products-manager__code{padding:4px 8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;font-size:12px;font-family:monospace;color:var(--color-text)}.products-manager__name-cell{display:flex;flex-direction:column;gap:4px}.products-manager__name{font-weight:500;color:var(--color-text)}.products-manager__description{font-size:12px;color:var(--color-text-secondary)}.products-manager__price{font-weight:600;font-family:monospace;color:var(--color-text)}.products-manager__status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;border-radius:9999px}.products-manager__status-badge--active{background:var(--color-success-bg);color:var(--color-success-text)}.products-manager__status-badge--inactive{background:var(--color-secondary-bg);color:var(--color-text-secondary)}.products-manager__actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.products-manager__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.products-manager__action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}.products-manager__action-btn--danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger-light);color:var(--color-danger)}.products-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center}.products-manager__empty-icon{font-size:48px;color:var(--color-text-muted);margin-bottom:16px}.products-manager__empty h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--color-text)}.products-manager__empty p{margin:0 0 8px;font-size:14px;color:var(--color-text-secondary);max-width:400px}.products-manager__empty-hint{font-size:13px;color:var(--color-text-muted)}.product-form{display:flex;flex-direction:column;gap:20px}.product-form__field{display:flex;flex-direction:column;gap:6px}.product-form__field--checkbox{flex-direction:row;align-items:center;gap:12px}.product-form__label{font-size:14px;font-weight:500;color:var(--color-text)}.product-form__input,.product-form__textarea{padding:10px 12px;font-size:14px;font-family:inherit;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-input-text);transition:border-color .15s,box-shadow .15s}.product-form__input:focus,.product-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.product-form__input[readonly]{background:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed}.product-form__textarea{resize:vertical;min-height:60px}.product-form__hint{font-size:12px;color:var(--color-text-secondary)}.product-form__price-input{display:flex;align-items:center}.product-form__price-prefix{display:flex;align-items:center;justify-content:center;padding:10px 12px;font-size:14px;font-weight:500;background:var(--color-bg);border:1px solid var(--color-border);border-right:none;border-radius:6px 0 0 6px;color:var(--color-text-secondary)}.product-form__input--price{border-radius:0 6px 6px 0;font-family:monospace}.product-form__checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--color-text)}.product-form__checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.app--dashboard{padding:0;margin-left:0;overflow:hidden}.dashboard{--color-avatar-ring: rgba(180, 140, 80, 1);position:fixed;top:0;left:var(--sidebar-width, 180px);right:0;bottom:0;width:calc(100vw - var(--sidebar-width, 180px));height:100vh;display:flex;flex-direction:column;overflow:hidden;transition:left var(--transition-base),width var(--transition-base)}.app--sidebar-collapsed .dashboard{left:var(--sidebar-collapsed-width);width:calc(100vw - var(--sidebar-collapsed-width))}.dashboard__background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/dashboard-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.dashboard__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(var(--color-shadow-rgb),.4),rgba(var(--color-shadow-rgb),.2),rgba(var(--color-shadow-rgb),.4));z-index:1}.dashboard__content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg) var(--spacing-xl);overflow-y:auto;overflow-x:hidden}.dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-shrink:0}.dashboard__header-left{flex:1;min-width:0}.dashboard__header-right{flex-shrink:0;position:relative}.dashboard-profile{display:flex;align-items:flex-start;gap:var(--spacing-md)}.dashboard-profile__avatar-wrapper{position:relative;flex-shrink:0;width:72px;height:72px}.dashboard-profile__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;border:3px solid color-mix(in srgb,var(--color-avatar-ring, rgba(180, 140, 80, 1)) 80%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--color-avatar-ring, rgba(180, 140, 80, 1)) 40%,transparent);overflow:hidden}.dashboard-profile__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--color-avatar-ring, rgba(180, 140, 80, 1)) 60%,transparent),color-mix(in srgb,var(--color-avatar-ring, rgba(180, 140, 80, 1)) 80%,black));color:var(--white);font-size:var(--font-size-2xl)}.dashboard-profile__avatar-wrapper img{display:block}.dashboard-profile__avatar-ring{position:absolute;inset:-4px;border:2px solid color-mix(in srgb,var(--color-avatar-ring, rgba(180, 140, 80, 1)) 50%,transparent);border-radius:50%;pointer-events:none}.dashboard-profile__content{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.dashboard-profile__top-row{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.dashboard-profile__name{font-size:var(--font-size-2xl);font-weight:600;color:var(--white);margin:0;text-shadow:2px 2px 6px rgba(var(--color-shadow-rgb),.7)}.dashboard-profile__title{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);color:var(--color-warning);font-style:italic;text-shadow:1px 1px 4px rgba(var(--color-shadow-rgb),.6);cursor:pointer;transition:opacity var(--transition-fast)}.dashboard-profile__title--empty{opacity:0;transition:opacity var(--transition-fast)}.dashboard-profile:hover .dashboard-profile__title--empty{opacity:1}.dashboard-profile__title-placeholder{font-size:var(--font-size-sm);opacity:.5}.dashboard-profile__title:hover{opacity:1}.dashboard-profile__title-edit-icon{font-size:10px;opacity:0;transition:opacity var(--transition-fast)}.dashboard-profile__title:hover .dashboard-profile__title-edit-icon{opacity:.6}.dashboard-profile__title-dropdown{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);min-width:200px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);padding:var(--spacing-xs) 0;z-index:var(--z-dropdown);opacity:0;transform:translateY(-4px) scale(.97);transition:opacity .15s ease,transform .15s ease;font-style:normal;text-shadow:none}.dashboard-profile__title-dropdown--open{opacity:1;transform:translateY(0) scale(1)}.dashboard-profile__title-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast);font-family:var(--font-family);text-align:left}.dashboard-profile__title-option i:first-child{width:16px;text-align:center;color:var(--color-warning);font-size:12px}.dashboard-profile__title-option:hover{background:var(--color-surface-hover)}.dashboard-profile__title-option--active{background:rgba(var(--color-warning-rgb),.08);color:var(--color-warning)}.dashboard-profile__title-option--active:hover{background:rgba(var(--color-warning-rgb),.12)}.dashboard-profile__title-option-check{margin-left:auto;font-size:10px;color:var(--color-warning)}.dashboard-profile__title-option--clear,.dashboard-profile__title-option--clear i:first-child{color:var(--color-text-tertiary)}.dashboard-profile__title-option--clear:hover,.dashboard-profile__title-option--clear:hover i:first-child{color:var(--color-danger)}.dashboard-profile__title-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.dashboard-profile__title-dropdown-empty{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.dashboard-profile__title-dropdown-empty i{font-size:12px;opacity:.5}.dashboard-profile__stats{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-profile__stat{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--white);font-size:var(--font-size-sm);text-shadow:1px 1px 3px rgba(var(--color-shadow-rgb),.6)}.dashboard-profile__stat-icon{font-size:var(--font-size-sm)}.dashboard-profile__stat-icon--info{color:var(--color-info)}.dashboard-profile__stat--success .dashboard-profile__stat-icon{color:var(--color-success)}.dashboard-profile__stat--warning .dashboard-profile__stat-icon{color:var(--color-warning)}.dashboard-profile__stat--danger .dashboard-profile__stat-icon{color:var(--color-danger)}.dashboard-profile__stat-value{font-weight:500}.status-bar{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.status-bar__current{position:relative;width:52px;height:52px;cursor:pointer;transition:transform .3s ease}.status-bar__current:hover{transform:scale(1.08)}.status-bar__orb{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.7) 0%,transparent 35%),radial-gradient(circle at 70% 80%,rgba(var(--color-shadow-rgb),.15) 0%,transparent 35%),radial-gradient(circle at center,color-mix(in srgb,var(--status-color) 70%,transparent),color-mix(in srgb,var(--status-color) 50%,transparent));border:2px solid color-mix(in srgb,var(--status-color) 60%,transparent);box-shadow:0 4px 15px rgba(var(--color-shadow-rgb),.2),0 0 25px color-mix(in srgb,var(--status-color) 60%,transparent),inset 0 -3px 8px rgba(var(--color-shadow-rgb),.2),inset 0 3px 8px #ffffff26;animation:orb-glow 3s ease-in-out infinite}.status-bar__orb:before{content:"";position:absolute;top:8%;left:18%;width:40%;height:30%;background:radial-gradient(ellipse,rgba(255,255,255,.9) 0%,transparent 65%);border-radius:50%;transform:rotate(-25deg)}@keyframes orb-glow{0%,to{box-shadow:0 4px 15px rgba(var(--color-shadow-rgb),.2),0 0 25px color-mix(in srgb,var(--status-color) 60%,transparent),inset 0 -3px 8px rgba(var(--color-shadow-rgb),.2),inset 0 3px 8px #ffffff26}50%{box-shadow:0 4px 15px rgba(var(--color-shadow-rgb),.2),0 0 35px color-mix(in srgb,var(--status-color) 70%,transparent),0 0 50px color-mix(in srgb,var(--status-color) 40%,transparent),inset 0 -3px 8px rgba(var(--color-shadow-rgb),.2),inset 0 3px 8px #ffffff26}}.status-bar__tooltip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);padding:4px 10px;background:rgba(var(--color-shadow-rgb),.9);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--white);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:10}.status-bar__current:hover .status-bar__tooltip{opacity:1;visibility:visible;bottom:-32px}.status-bar__current--loading .status-bar__orb{animation:orb-loading .8s ease-in-out infinite}@keyframes orb-loading{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.status-bar__selector{position:absolute;right:100%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-right:var(--spacing-md);background:rgba(var(--color-shadow-rgb),.85);backdrop-filter:blur(12px);border-radius:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(var(--color-shadow-rgb),.4);opacity:0;visibility:hidden;transform:translateY(-50%) translate(20px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-dropdown)}.status-bar__selector--open{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.status-bar__option{position:relative;width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:0;transition:transform .2s ease}.status-bar__option:hover{transform:scale(1.15)}.status-bar__option-orb{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.6) 0%,transparent 35%),radial-gradient(circle at center,color-mix(in srgb,var(--status-color) 65%,transparent),color-mix(in srgb,var(--status-color) 45%,transparent));border:2px solid color-mix(in srgb,var(--status-color) 50%,transparent);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.2),0 0 12px color-mix(in srgb,var(--status-color) 50%,transparent),inset 0 -2px 5px rgba(var(--color-shadow-rgb),.15);transition:all .2s ease}.status-bar__option-orb:before{content:"";position:absolute;top:10%;left:18%;width:35%;height:25%;background:radial-gradient(ellipse,rgba(255,255,255,.8) 0%,transparent 65%);border-radius:50%;transform:rotate(-25deg)}.status-bar__option:hover .status-bar__option-orb{box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.2),0 0 20px color-mix(in srgb,var(--status-color) 60%,transparent),inset 0 -2px 5px rgba(var(--color-shadow-rgb),.15)}.status-bar__option--active .status-bar__option-orb{box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.2),0 0 18px color-mix(in srgb,var(--status-color) 70%,transparent),0 0 28px color-mix(in srgb,var(--status-color) 50%,transparent),inset 0 -2px 5px rgba(var(--color-shadow-rgb),.15)}.status-bar__option-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:10px;font-weight:500;color:#ffffffb3;white-space:nowrap;opacity:0;transition:opacity .2s ease}.status-bar__option:hover .status-bar__option-label{opacity:1}.status-bar__team-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(var(--color-shadow-rgb),.4);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--white);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--spacing-sm)}.status-bar__team-btn:hover{background:rgba(var(--color-shadow-rgb),.6);border-color:#fff6}.status-bar__team-panel{position:absolute;top:calc(100% + var(--spacing-sm));right:calc(100% - 36px);width:504px;background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);border:1px solid var(--color-border);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.status-bar__team-panel--open{opacity:1;visibility:visible;transform:translateY(0)}.status-bar__team-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--color-border)}.status-bar__team-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.status-bar__team-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs)}.status-bar__team-filters{display:flex;align-items:center;gap:4px;padding:4px var(--spacing-md);border-bottom:1px solid var(--color-border);overflow-x:auto}.status-bar__filter-pill{display:flex;align-items:center;gap:4px;padding:3px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.status-bar__filter-pill:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-muted)}.status-bar__filter-pill--active{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.status-bar__filter-pill-dot{width:8px;height:8px;border-radius:50%;background-color:var(--pill-color, var(--color-secondary));flex-shrink:0}.status-bar__team-list{max-height:480px;overflow-y:auto;padding:var(--spacing-xs)}.status-bar__loading,.status-bar__empty{text-align:center;padding:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.status-bar__team-card{border-radius:var(--radius-md);margin-bottom:2px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.status-bar__team-header-row{display:flex;align-items:center;gap:var(--spacing-xs);padding:5px var(--spacing-sm);cursor:pointer;transition:background var(--transition-fast)}.status-bar__team-header-row:hover{background:var(--color-surface-hover)}.status-bar__team-expand{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px var(--spacing-xs);transition:transform var(--transition-fast)}.status-bar__team-avatar{position:relative;width:28px;height:28px;flex-shrink:0}.status-bar__team-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-bar__team-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover);border-radius:50%;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.status-bar__team-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-card-bg);box-shadow:0 0 4px currentColor}.status-bar__team-work{border-top:1px solid var(--color-border);background:var(--color-card-bg);padding:var(--spacing-sm)}.status-bar__work-loading,.status-bar__work-empty{text-align:center;padding:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-xs)}.status-bar__work-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-xs)}.status-bar__work-item:not(:last-child){border-bottom:1px solid var(--color-border-light)}.status-bar__work-num{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover);border-radius:var(--radius-sm);font-weight:600;color:var(--color-text-muted);flex-shrink:0}.status-bar__work-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.status-bar__work-status{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;flex-shrink:0}.status-bar__work-status--not_started{background:var(--color-secondary-bg);color:var(--color-secondary)}.status-bar__work-status--in_progress{background:var(--color-info-bg);color:var(--color-info)}.status-bar__work-status--on_hold{background:var(--color-danger-bg);color:var(--color-danger)}.status-bar__work-status--review{background:var(--color-warning-bg);color:var(--color-warning)}.status-bar__work-status--done{background:var(--color-success-bg);color:var(--color-success)}.status-bar__team-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.dashboard__main{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);min-height:0}.dashboard__work-plan{width:100%;max-width:900px}.work-plan{background:rgba(var(--color-shadow-rgb),.5);backdrop-filter:blur(8px);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.work-plan__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--color-shadow-rgb),.3);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.work-plan__title{font-size:var(--font-size-sm);font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.5px}.work-plan__info-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;transition:all var(--transition-fast)}.work-plan__info-btn:hover{color:#ffffffe6}.work-plan__clear-done-btn{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-xs);padding:3px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-sm);color:#ffffffb3;font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.work-plan__clear-done-btn:hover{background:#ffffff26;color:#fffffff2;border-color:#ffffff40}.work-plan__info-tooltip{position:absolute;top:calc(100% + var(--spacing-xs));left:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-md);background:rgba(var(--color-shadow-rgb),.95);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(var(--color-shadow-rgb),.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:var(--z-dropdown);pointer-events:none}.work-plan__info-btn:hover+.work-plan__info-tooltip,.work-plan__info-tooltip:hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.work-plan__info-text{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:#ffffffe6;line-height:1.5}.work-plan__info-text strong{color:var(--white)}.work-plan__info-note{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin:0;padding:var(--spacing-sm);background:rgba(var(--color-warning-rgb),.15);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-warning);line-height:1.4}.work-plan__info-note i{flex-shrink:0;margin-top:2px}.work-plan__table-wrapper{overflow-x:auto}.work-plan__table{width:100%;border-collapse:collapse}.work-plan__th{padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--white);background:rgba(var(--color-shadow-rgb),.3);border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap;user-select:none}.work-plan__th--sortable{cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.work-plan__th--sortable:hover{background:#ffffff14}.work-plan__sort-icon{font-size:10px;margin-left:4px;opacity:.35;transition:opacity var(--transition-fast);vertical-align:middle}.work-plan__th--sortable:hover .work-plan__sort-icon{opacity:.6}.work-plan__th--num{width:50px;text-align:center}.work-plan__th--task{text-align:left}.work-plan__th--due{width:90px}.work-plan__th--status{width:140px}.work-plan__th--actions{width:40px}.work-plan__row{transition:background var(--transition-fast);cursor:pointer}.work-plan__row:hover{background:#ffffff0d}.work-plan__row--alt{background:rgba(var(--color-shadow-rgb),.2)}.work-plan__row--alt:hover{background:#ffffff0d}.work-plan__row:focus,.work-plan__row:focus-visible{outline:none;background:rgba(var(--color-primary-rgb),.1);box-shadow:inset 3px 0 0 var(--color-primary)}.work-plan__row--dragging{opacity:.4;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.work-plan__row--drag-over{background:color-mix(in srgb,var(--color-primary) 15%,transparent);box-shadow:inset 0 -2px 0 var(--color-primary)}.work-plan__row--dragging *{pointer-events:none}.work-plan__drag-ghost{position:fixed;z-index:10000;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.3);pointer-events:none;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease}.work-plan__drag-ghost--visible{opacity:1;transform:scale(1)}.work-plan__drag-ghost i{opacity:.7;font-size:var(--font-size-xs)}.work-plan__drag-ghost span{overflow:hidden;text-overflow:ellipsis}.work-plan__td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--white);border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.work-plan__td--num{text-align:center}.work-plan__row-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff1a;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs)}.work-plan__task-name{display:block;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text;padding:var(--spacing-xs) var(--spacing-sm);margin:calc(-1 * var(--spacing-xs)) calc(-1 * var(--spacing-sm));border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast);min-height:calc(var(--font-size-sm) * 1.5 + var(--spacing-xs) * 2);line-height:1.5}.work-plan__task-name:hover{background:#ffffff1a}.work-plan__task-name--placeholder{color:#fff6;font-style:italic}.work-plan__edit-input{display:block;width:calc(100% + var(--spacing-sm) * 2);max-width:500px;padding:var(--spacing-xs) var(--spacing-sm);margin:calc(-1 * var(--spacing-xs)) calc(-1 * var(--spacing-sm));background:rgba(var(--color-shadow-rgb),.3);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;color:var(--white);outline:none;box-sizing:border-box;min-height:calc(var(--font-size-sm) * 1.5 + var(--spacing-xs) * 2);line-height:1.5}.work-plan__edit-input::placeholder{color:#fff6}.work-plan__edit-input:focus{border-color:var(--color-primary);background:rgba(var(--color-shadow-rgb),.4)}.work-plan__td--actions{text-align:center}.work-plan__delete-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:#fff6;cursor:pointer;transition:all var(--transition-fast)}.work-plan__delete-btn:hover{background:rgba(var(--color-danger-rgb),.2);color:var(--color-danger)}.work-plan__td--status{text-align:center}.work-plan__status-select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;border:1px solid rgba(255,255,255,.2);background:rgba(var(--color-shadow-rgb),.3);color:var(--white);cursor:pointer;transition:all var(--transition-fast);min-width:110px}.work-plan__status-select:hover{border-color:#fff6}.work-plan__status-select:focus{outline:none;border-color:var(--color-primary)}.work-plan__status-select option{background:var(--color-card-bg);color:var(--color-text)}.work-plan__status-select--not_started{border-color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.work-plan__status-select--in_progress{border-color:var(--color-info);background:rgba(var(--color-info-rgb),.2)}.work-plan__status-select--on_hold{border-color:var(--color-danger);background:rgba(var(--color-danger-rgb),.2)}.work-plan__status-select--review{border-color:var(--color-warning);background:rgba(var(--color-warning-rgb),.2)}.work-plan__status-select--done{border-color:var(--color-success);background:rgba(var(--color-success-rgb),.2)}.work-plan__status-select--loading{opacity:.6;cursor:wait}.work-plan__td--due{text-align:center}.work-plan__due-display{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-width:50px;border:1px solid transparent}.work-plan__due-display:hover{background:#ffffff1a;border-color:#fff3}.work-plan__due-display--placeholder{color:#ffffff4d;font-weight:400}.work-plan__due-display--placeholder:hover{color:#fff9}.work-plan__due-display--future{color:var(--color-info);border-color:color-mix(in srgb,var(--color-info) 20%,transparent);background:rgba(var(--color-info-rgb),.08)}.work-plan__due-display--soon{color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);background:rgba(var(--color-warning-rgb),.12)}.work-plan__due-display--today{color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 40%,transparent);background:rgba(var(--color-warning-rgb),.15);font-weight:700}.work-plan__due-display--overdue{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 30%,transparent);background:rgba(var(--color-danger-rgb),.1)}.work-plan__due-edit{position:relative;display:inline-flex;align-items:center;width:100%;max-width:70px}.work-plan__due-text{box-sizing:border-box;width:100%;padding:var(--spacing-xs) 20px var(--spacing-xs) var(--spacing-sm);background:rgba(var(--color-shadow-rgb),.4);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:inherit;font-weight:500;color:var(--white);outline:none;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.work-plan__due-text::placeholder{color:#ffffff59}.work-plan__due-text:focus{border-color:var(--color-primary);background:rgba(var(--color-shadow-rgb),.5);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}.work-plan__due-native{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:0;cursor:pointer;z-index:2}.work-plan__due-calendar-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:transparent;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),color var(--transition-fast);z-index:1;padding:0}.work-plan__due-edit:hover .work-plan__due-calendar-btn,.work-plan__due-edit:focus-within .work-plan__due-calendar-btn{opacity:1;pointer-events:auto}.work-plan__due-calendar-btn:hover{color:var(--color-primary)}.work-plan__td--empty{text-align:center;padding:var(--spacing-2xl);color:#fff9}.work-plan__empty-text{font-style:italic}.work-plan__row--placeholder{opacity:.7;transition:opacity var(--transition-fast)}.work-plan__row--placeholder:hover,.work-plan__row--placeholder:focus-within{opacity:1}.work-plan__row-num--placeholder{opacity:.5}.work-plan__placeholder-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;color:var(--white);outline:none;transition:all var(--transition-fast)}.work-plan__placeholder-input::placeholder{color:#fff6;font-style:italic}.work-plan__placeholder-input:hover{border-color:#fff6;background:#ffffff0d}.work-plan__placeholder-input:focus{border-style:solid;border-color:var(--color-primary);background:rgba(var(--color-shadow-rgb),.4);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}.work-plan__status-placeholder{color:#ffffff4d;font-size:var(--font-size-xs)}.skeleton{background:#ffffff1a;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.dashboard-profile--skeleton{display:flex;align-items:flex-start;gap:var(--spacing-md)}.dashboard-profile__avatar--skeleton{width:72px;height:72px;border-radius:50%}.dashboard-profile__content--skeleton{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}.dashboard-profile__name--skeleton{width:180px;height:28px}.dashboard-profile__stats--skeleton{display:flex;gap:var(--spacing-md)}.dashboard-profile__stat--skeleton{width:80px;height:18px}.dashboard-profile__role--skeleton{width:120px;height:16px;margin-top:var(--spacing-xs)}.status-bar--skeleton{display:flex;align-items:center;gap:var(--spacing-md)}.status-bar__orb--skeleton{width:52px;height:52px;border-radius:50%}.status-bar__team-btn--skeleton{width:36px;height:36px;border-radius:50%}.work-plan--skeleton{background:rgba(var(--color-shadow-rgb),.5);backdrop-filter:blur(8px);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.work-plan__title-skeleton{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--color-shadow-rgb),.3);border-bottom:1px solid rgba(255,255,255,.1)}.work-plan__title-text--skeleton{width:80px;height:16px}.work-plan__header--skeleton{display:flex;padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--color-shadow-rgb),.3);border-bottom:1px solid rgba(255,255,255,.1);gap:var(--spacing-md)}.work-plan__th--skeleton{height:18px}.work-plan__th--skeleton:nth-child(1){width:50px}.work-plan__th--skeleton:nth-child(2){flex:1}.work-plan__th--skeleton:nth-child(3){width:90px}.work-plan__th--skeleton:nth-child(4){width:140px}.work-plan__th--skeleton:nth-child(5){width:40px}.work-plan__row--skeleton{display:flex;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05)}.work-plan__row--skeleton:nth-child(2n){background:rgba(var(--color-shadow-rgb),.2)}.work-plan__cell--skeleton{height:24px}.work-plan__cell--skeleton:nth-child(1){width:50px}.work-plan__cell--skeleton:nth-child(2){flex:1}.work-plan__cell--skeleton:nth-child(3){width:60px}.work-plan__cell--skeleton:nth-child(4){width:100px}.work-plan__cell--skeleton:nth-child(5){width:24px}.dashboard__cards{display:flex;gap:var(--spacing-lg);width:100%;max-width:900px;align-items:stretch}.dashboard__card-container{flex:1;min-width:0;display:flex;height:240px}.dashboard__card-container>*{flex:1;display:flex;flex-direction:column}.leave-card{background:rgba(var(--color-shadow-rgb),.5);backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}.leave-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--color-shadow-rgb),.3);border-bottom:1px solid rgba(255,255,255,.1)}.leave-card__title{font-size:var(--font-size-sm);font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-xs)}.leave-card__title i{color:var(--color-primary);font-size:var(--font-size-md)}.leave-card__request-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.leave-card__request-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.leave-card__request-btn i{font-size:10px}.leave-card__content{display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-xs);flex:1;overflow-y:auto}.leave-card__content::-webkit-scrollbar,.leave-widget__content::-webkit-scrollbar{width:6px}.leave-card__content::-webkit-scrollbar-track,.leave-widget__content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.leave-card__content::-webkit-scrollbar-thumb,.leave-widget__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.leave-card__content::-webkit-scrollbar-thumb:hover,.leave-widget__content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.leave-card__balance-row{display:flex;align-items:center;padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md);transition:all var(--transition-fast)}.leave-card__balance-row:hover{background:#ffffff0f}.leave-card__balance-row--low{background:rgba(var(--color-danger-rgb),.1)}.leave-card__balance-info{flex:1;min-width:0}.leave-card__balance-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:4px}.leave-card__balance-type{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:#ffffffe6}.leave-card__balance-icon{font-size:12px}.leave-card__balance-icon--primary{color:var(--color-primary)}.leave-card__balance-icon--info{color:var(--color-info)}.leave-card__balance-icon--warning{color:var(--color-warning)}.leave-card__balance-icon--danger{color:var(--color-danger)}.leave-card__balance-value{font-size:var(--font-size-sm);font-weight:700;color:var(--white);white-space:nowrap}.leave-card__balance-value--low{color:var(--color-danger)}.leave-card__balance-unit{font-weight:400;color:#fff9;font-size:var(--font-size-xs)}.leave-card__balance-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.leave-card__balance-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.leave-card__balance-fill{height:100%;border-radius:2px;transition:width .3s ease}.leave-card__balance-fill--primary{background:var(--color-primary)}.leave-card__balance-fill--info{background:var(--color-info)}.leave-card__balance-fill--warning{background:var(--color-warning)}.leave-card__balance-fill--danger{background:var(--color-danger)}.leave-card__balance-detail{font-size:10px;color:#ffffff80;white-space:nowrap}.leave-card--skeleton .leave-card__balance-row.skeleton{background:#ffffff1a;border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.leave-card__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);color:#fff6;font-size:var(--font-size-sm);text-align:center;flex:1}.leave-card__empty i{font-size:24px;opacity:.5}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.leave-widget{background:rgba(var(--color-shadow-rgb),.5);backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}.leave-widget__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--color-shadow-rgb),.3);border-bottom:1px solid rgba(255,255,255,.1)}.leave-widget__title{font-size:var(--font-size-sm);font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-xs)}.leave-widget__title i{color:var(--color-primary);font-size:var(--font-size-md)}.leave-widget__content{flex:1;overflow-y:auto}.leave-widget__section{padding:var(--spacing-sm) var(--spacing-md)}.leave-widget__section:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.leave-widget__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.leave-widget__section-title{font-size:var(--font-size-xs);font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-xs)}.leave-widget__section-title i{color:#fff6;font-size:11px}.leave-widget__count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-warning);color:var(--color-warning-contrast, #000);border-radius:var(--radius-full);font-size:11px;font-weight:700}.leave-widget__list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.leave-widget__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.leave-widget__item:hover{background:#ffffff14}.leave-widget__item-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.leave-widget__item-top{display:flex;align-items:center;gap:var(--spacing-sm)}.leave-widget__item-name{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--white)}.leave-widget__item-cancel-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-danger);color:var(--white)}.leave-widget__item--cancellation{border-left:3px solid var(--color-danger)}.leave-widget__item-details{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:#fff9}.leave-widget__item-separator{color:#ffffff4d}.leave-widget__item-type{color:var(--color-primary);font-weight:500;font-size:var(--font-size-sm)}.leave-widget__item-arrow{color:#ffffff4d;font-size:12px;transition:transform var(--transition-fast)}.leave-widget__item:hover .leave-widget__item-arrow{transform:translate(2px);color:#ffffff80}.leave-widget__status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.leave-widget__status--pending{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.leave-widget__status--pending-hr{background:color-mix(in srgb,var(--color-info) 20%,transparent);color:var(--color-info)}.leave-widget__status--approved{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success)}.leave-widget__status--rejected{background:color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger)}.leave-widget__edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.leave-widget__edit-btn:hover{background:color-mix(in srgb,var(--color-primary) 40%,transparent);transform:scale(1.05)}.leave-widget__show-more{display:block;width:100%;text-align:center;padding:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background:none;border:none;border-top:1px solid var(--color-border);margin-top:var(--spacing-xs);cursor:pointer;transition:background var(--transition-fast)}.leave-widget__show-more:hover{background:var(--color-primary-bg)}.leave-widget__item--overflow{display:none}.leave-widget__list--expanded .leave-widget__item--overflow{display:flex}.leave-widget__empty-section{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:#fff6;font-size:var(--font-size-sm)}.leave-widget__empty-section i{font-size:var(--font-size-md);opacity:.5}.leave-widget--skeleton .leave-widget__item.skeleton{background:#ffffff1a;height:45px;animation:skeleton-pulse 1.5s ease-in-out infinite}@media(max-width:1260px){.dashboard{left:var(--sidebar-width-responsive);width:calc(100vw - var(--sidebar-width-responsive))}}@media(max-width:900px){.dashboard__header{flex-direction:column;gap:var(--spacing-md)}.dashboard__header-right{align-self:flex-start}.dashboard-profile__top-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media(max-width:600px){.dashboard__content{padding:var(--spacing-md)}.dashboard-profile__avatar{width:56px;height:56px}.dashboard-profile__name{font-size:var(--font-size-xl)}}.leave-card__balance-row--clickable{cursor:pointer;position:relative}.leave-card__balance-row--clickable:hover{background:#ffffff14}.leave-card__balance-row--clickable:active{background:#ffffff1f}.leave-history__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-muted)}.leave-history__loading i{font-size:var(--font-size-2xl);color:var(--color-primary)}.leave-history__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.leave-history__empty i{font-size:3rem;opacity:.5}.leave-history__empty p{margin:0;font-size:var(--font-size-md)}.leave-history__info{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-history__list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.leave-history__entry{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.leave-history__entry:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.leave-history__entry--pending{background:var(--color-warning-bg);border-color:var(--color-warning)}.leave-history__entry--pending:hover{background:color-mix(in srgb,var(--color-warning-bg),var(--color-surface-hover))}.leave-history__entry-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.leave-history__entry-date{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.leave-history__entry-date i{color:var(--color-text-muted);font-size:12px}.leave-history__entry-details{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.leave-history__entry-hours{font-weight:500}.leave-history__entry-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-history__entry-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.leave-history__entry-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.leave-history__entry-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.leave-history__entry-badge--info{background:var(--color-info-bg);color:var(--color-info)}.leave-history__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:11px;font-weight:500;white-space:nowrap}.leave-history__action-btn i{font-size:10px}.leave-history__action-btn--edit{background:var(--color-info-bg);color:var(--color-info)}.leave-history__action-btn--edit:hover{background:var(--color-info);color:var(--color-on-info)}.leave-history__action-btn--delete,.leave-history__action-btn--cancel{background:var(--color-danger-bg);color:var(--color-danger)}.leave-history__action-btn--delete:hover,.leave-history__action-btn--cancel:hover{background:var(--color-danger);color:var(--color-on-danger)}.leave-history__action-btn--resubmit{background:var(--color-primary-bg);color:var(--color-primary)}.leave-history__action-btn--resubmit:hover{background:var(--color-primary);color:var(--color-on-primary)}.leave-history__action-btn:disabled{opacity:.6;cursor:not-allowed}.amendment-form__entry-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)}.amendment-form__entry-date{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.amendment-form__entry-date i{color:var(--color-primary)}.amendment-form__entry-type{font-size:var(--font-size-sm);color:var(--color-text-muted);padding-left:24px}#amendment-request-modal .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}#amendment-request-modal .form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}#amendment-request-modal .form-input{width:100%;padding:10px 12px;font-size:var(--font-size-base);color:var(--color-input-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;transition:all var(--transition-fast);font-family:inherit}#amendment-request-modal .form-input:hover{border-color:var(--color-primary)}#amendment-request-modal .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}#amendment-request-modal select.form-input{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}#amendment-request-modal textarea.form-input{resize:vertical;min-height:60px;line-height:1.5}#amendment-request-modal .form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.leave-history__section{margin-bottom:var(--spacing-lg)}.leave-history__section:last-child{margin-bottom:0}.leave-history__section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.leave-history__section-header i{font-size:14px}.leave-history__section-header i.fa-clock{color:var(--color-warning)}.leave-history__section-header i.fa-check-circle{color:var(--color-success)}.leave-history__section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:auto;background:var(--color-surface-hover);color:var(--color-text-muted);border-radius:var(--radius-full);font-size:11px;font-weight:700}.leave-history__list--pending .leave-history__entry{background:var(--color-warning-bg);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}.leave-history__list--pending .leave-history__entry:hover{background:color-mix(in srgb,var(--color-warning-bg),var(--color-surface-hover))}.leave-history__entry--pending-request{cursor:default}.leave-history__entry--pending-request:hover{background:var(--color-warning-bg)}.leave-history__entry-approver{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:11px;color:var(--color-text-muted)}.leave-history__entry-approver i{font-size:10px}.leave-history__dropdown{position:relative}.leave-history__dropdown-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.leave-history__dropdown-trigger:hover{background:var(--color-surface);border-color:var(--color-border-hover);color:var(--color-text)}.leave-history__dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;padding:var(--spacing-xs);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .15s ease}.leave-history__dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.leave-history__dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.leave-history__dropdown-item:hover{background:var(--color-surface-hover)}.leave-history__dropdown-item i{width:16px;text-align:center;color:var(--color-text-muted)}.leave-history__dropdown-item--danger{color:var(--color-danger)}.leave-history__dropdown-item--danger:hover{background:var(--color-danger-bg)}.leave-history__dropdown-item--danger i{color:var(--color-danger)}.leave-history__dropdown-confirm{padding:var(--spacing-sm);border-top:1px solid var(--color-border)}.leave-history__dropdown-confirm-text{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm);text-align:center}.leave-history__dropdown-confirm-actions{display:flex;gap:var(--spacing-xs)}.leave-history__dropdown-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.leave-history__dropdown-btn--secondary{background:var(--color-surface-hover);color:var(--color-text)}.leave-history__dropdown-btn--secondary:hover{background:var(--color-surface)}.leave-history__dropdown-btn--danger{background:var(--color-danger);color:var(--color-on-danger)}.leave-history__dropdown-btn--danger:hover{background:var(--color-danger-hover, #dc2626)}.leave-history__dropdown-cancel-form{padding:var(--spacing-sm);border-top:1px solid var(--color-border);min-width:220px}.leave-history__dropdown-form-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.leave-history__dropdown-form-field{margin-bottom:var(--spacing-sm)}.leave-history__dropdown-form-field label{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);margin-bottom:4px}.leave-history__dropdown-select,.leave-history__dropdown-textarea{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);font-family:inherit;transition:border-color var(--transition-fast)}.leave-history__dropdown-select:focus,.leave-history__dropdown-textarea:focus{outline:none;border-color:var(--color-primary)}.leave-history__dropdown-textarea{resize:vertical;min-height:50px}.leave-history__section-header i.fa-times-circle{color:var(--color-danger)}.leave-history__list--rejected .leave-history__entry{background:var(--color-danger-bg);border-color:color-mix(in srgb,var(--color-danger) 20%,transparent)}.leave-history__list--rejected .leave-history__entry:hover{background:color-mix(in srgb,var(--color-danger-bg),var(--color-surface-hover))}.leave-history__section-header i.fa-ban{color:var(--color-text-muted)}.leave-history__list--cancelled .leave-history__entry{background:var(--color-surface);border-color:var(--color-border);opacity:.7}.leave-history__list--cancelled .leave-history__entry:hover{opacity:.85}.leave-history__entry--cancelled{cursor:default}.leave-history__entry-badge--muted{background:var(--color-surface-hover);color:var(--color-text-muted)}.leave-history__entry-badge--success{background:var(--color-success-bg);color:var(--color-success)}.leave-history__list--pending-cancel .leave-history__entry{background:color-mix(in srgb,var(--color-warning) 10%,var(--color-surface));border-color:color-mix(in srgb,var(--color-warning) 40%,transparent)}.leave-history__list--pending-cancel .leave-history__entry:hover{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface-hover))}.leave-history__entry--pending-cancel{cursor:default}.leave-history__breakdown{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.leave-history__breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.leave-history__breakdown-row--total{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:4px}.leave-history__breakdown-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.leave-history__breakdown-label i{width:16px;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.leave-history__breakdown-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.leave-history__breakdown-value--primary{color:var(--color-primary);font-size:var(--font-size-md)}.leave-history__breakdown-value--danger{color:var(--color-danger)}.leave-history__breakdown-value--warning{color:var(--color-warning)}.leave-history__breakdown-value--muted{color:var(--color-text-muted)}.leave-history__breakdown-note{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.leave-history__breakdown-note i{color:var(--color-info)}.leave-history__breakdown-section{margin-bottom:var(--spacing-sm)}.leave-history__breakdown-section:last-child{margin-bottom:var(--spacing-md)}.leave-history__breakdown-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);padding-left:2px}.leave-history__breakdown-title i{font-size:10px;color:var(--color-text-muted)}.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-subtle);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__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{flex:1;min-width:0}.add-task-form__field--half{flex:0 0 calc(50% - var(--spacing-sm))}.add-task-form__field--third{flex:0 0 calc(33.333% - var(--spacing-sm))}.add-task-form__field--full{flex:1 1 100%}.add-task-form__label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.add-task-form__required{color:var(--color-danger);margin-left:2px}.add-task-form__input,.add-task-form__select,.add-task-form__textarea{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-input-text);background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:var(--font-family)}.add-task-form__input:focus,.add-task-form__select:focus,.add-task-form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.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__textarea{resize:vertical}.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)}.add-task-form__button{padding:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500}.add-task-form__button:hover:not(:disabled){background-color:var(--color-primary-hover)}.add-task-form__button:disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.add-task-form__button--calculate{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);flex-shrink:0}[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)}.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, #16a34a));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(min-width:1200px){.tasks__billed-label{display:inline}}@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__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__nav{display:flex;align-items:center;gap:4px;flex-shrink:0;background:var(--color-surface);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.task-page__nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;font-size:11px}.task-page__nav-btn:hover:not(:disabled){background:var(--color-card-bg);color:var(--color-text)}.task-page__nav-btn:disabled{opacity:.3;cursor:not-allowed}.task-page__nav-pos{font-size:11px;font-weight:500;color:var(--color-text-muted);min-width:48px;text-align:center;padding:0 var(--spacing-xs)}.task-page__sidebar-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.task-page__sidebar-toggle:hover{background:var(--color-card-bg);border-color:var(--color-primary);color:var(--color-primary)}.task-page__layout{display:grid;grid-template-columns:1fr 280px;flex:1 1 0;overflow:hidden;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1);min-height:0}.task-page__layout--collapsed{grid-template-columns:1fr 0}.task-page__main{display:flex;flex-direction:column;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__tab-content--loading:after{content:"";position:absolute;inset:0;background:var(--color-bg);opacity:.8;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.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__activity-toggle{display:flex;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px;gap:2px}.task-page__activity-toggle-btn{padding:5px 12px;border:none;background:transparent;color:var(--color-text-muted);font-size:11px;font-weight:600;cursor:pointer;border-radius:var(--radius-full);transition:all .15s ease}.task-page__activity-toggle-btn:hover{color:var(--color-text-secondary)}.task-page__activity-toggle-btn--active{background:var(--color-primary);color:var(--color-on-primary)}.task-page__timeline-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}.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__comment-box{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-card-bg);flex-shrink:0}.task-page__comment-input{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:13px;font-family:inherit;resize:none;min-height:42px;max-height:120px;transition:all .2s ease}.task-page__comment-input:hover{border-color:var(--color-text-muted)}.task-page__comment-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__comment-input::placeholder{color:var(--color-text-muted)}.task-page__comment-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;flex-shrink:0}.task-page__comment-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.task-page__comment-btn:active{transform:translateY(0)}.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__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__sidebar{background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.task-page__sidebar--collapsed{width:0;opacity:0;pointer-events:none}.task-page__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--spacing-md);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:600;color:var(--color-text-secondary);flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.task-page__sidebar-count{font-size:11px;font-weight:600;padding:3px 10px;background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text-secondary);border:1px solid var(--color-border)}.task-page__sidebar-list{flex:1;overflow-y:auto;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px;background:var(--color-surface)}.task-page__sidebar-card{display:flex;align-items:stretch;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;overflow:hidden;min-height:42px}.task-page__sidebar-card:hover{border-color:rgba(var(--color-primary-rgb),.3);background:var(--color-card-bg)}.task-page__sidebar-card--active{background:var(--color-card-bg);border-color:var(--color-primary);box-shadow:var(--shadow-subtle)}.task-page__sidebar-card--active:hover{border-color:var(--color-primary)}.task-page__sidebar-card-indicator{width:3px;background:transparent;flex-shrink:0;transition:all .15s ease}.task-page__sidebar-card:hover .task-page__sidebar-card-indicator{background:rgba(var(--color-primary-rgb),.3)}.task-page__sidebar-card--active .task-page__sidebar-card-indicator{background:var(--color-primary)}.task-page__sidebar-card--complete .task-page__sidebar-card-indicator{background:var(--color-success)}.task-page__sidebar-card-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;min-width:0;gap:var(--spacing-sm)}.task-page__sidebar-card-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;line-height:1.3}.task-page__sidebar-card--active .task-page__sidebar-card-name{color:var(--color-primary);font-weight:600}.task-page__sidebar-card--complete .task-page__sidebar-card-name{color:var(--color-text-secondary)}.task-page__sidebar-card--complete:hover .task-page__sidebar-card-name{color:var(--color-text)}.task-page__sidebar-card-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-success);border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px rgba(var(--color-success-rgb),.25)}.task-page__sidebar-card-badge i{font-size:10px;color:var(--color-on-success)}.task-page__sidebar-group{margin-bottom:var(--spacing-xs)}.task-page__sidebar-group-header{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 8px 4px;position:sticky;top:0;background:var(--color-surface);z-index:1}.task-page__sidebar-card-info{display:flex;flex-direction:column;min-width:0;gap:1px}.task-page__sidebar-card-service{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.task-page__sidebar-card--active .task-page__sidebar-card-service{color:rgba(var(--color-primary-rgb),.7)}.task-page__sidebar-empty{padding:20px;text-align:center;color:var(--color-text-secondary);font-size:13px}.task-page__sidebar-list::-webkit-scrollbar,.task-page__timeline-list::-webkit-scrollbar{width:6px}.task-page__sidebar-list::-webkit-scrollbar-track,.task-page__timeline-list::-webkit-scrollbar-track{background:transparent}.task-page__sidebar-list::-webkit-scrollbar-thumb,.task-page__timeline-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.task-page__sidebar-list::-webkit-scrollbar-thumb:hover,.task-page__timeline-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.task-page__sidebar-list:hover::-webkit-scrollbar-thumb,.task-page__timeline-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-secondary) 40%,transparent)}.task-page__sidebar-list,.task-page__timeline-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.task-page__checklist-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.task-page__checklist-item:hover{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 2px 6px rgba(var(--color-shadow-rgb),.04)}.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:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s 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:10px;color:var(--color-on-primary);opacity:0;transform:scale(.5);transition:all .2s 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:14px;color:var(--color-text);line-height:1.4}.task-page__checklist-checkbox input:checked~.task-page__checklist-label{color:var(--color-text-secondary)}.task-page__checklist-group{padding:var(--spacing-md);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:13px;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);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) var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.task-page__checklist-field label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.task-page__checklist-input,.task-page__checklist-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;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__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__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-container--full{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-border)}.task-page__reason-input--full{width:100%;padding:10px 12px;border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-text);font-size:13px;font-family:inherit;resize:vertical;min-height:60px;transition:all .2s ease}.task-page__reason-input--full:focus{outline:none;border-color:var(--color-warning);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb),.15)}.task-page__reason-input--full::placeholder{color:var(--color-text-muted);font-style:italic}.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__checklist{display:flex;flex-direction:column;gap:var(--spacing-sm)}.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__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-check{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.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-label{font-size:13px;color:var(--color-text);line-height:1.3}.task-page__checklist-field{padding:var(--spacing-sm) 12px}.task-page__checklist-field label{font-size:11px;margin-bottom:4px}.task-page__checklist-input,.task-page__checklist-select{padding:var(--spacing-sm) 10px;font-size:13px}.task-page__checklist-group{padding:10px 12px}.task-page__checklist-group-label{font-size:12px;margin-bottom:var(--spacing-sm);padding-bottom:6px}.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__detail--notes{position:relative;background:var(--color-warning-bg);border-color:var(--color-warning)}.task-page__detail--notes label{display:flex;align-items:center;gap:6px;color:var(--color-warning)}.task-page__detail--notes label i{color:var(--color-warning)}.task-page__notes-count{font-size:10px;font-weight:700;padding:2px 6px;background:var(--color-warning);color:var(--color-on-warning);border-radius:10px;margin-left:4px}.task-page__notes-preview{display:flex;flex-direction:column;gap:4px}.task-page__notes-preview-text{font-size:13px;color:var(--color-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-page__notes-preview-meta{font-size:11px;color:var(--color-text-muted)}.task-page__detail--notes-empty{background:var(--color-card-bg)}.task-page__detail--notes-empty label{display:flex;align-items:center;gap:6px}.task-page__detail--notes-empty label i{color:var(--color-text-muted)}.task-page__notes-empty-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.task-page__notes-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);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;white-space:nowrap}.task-page__notes-add-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.task-page__notes-add-btn i{font-size:10px}.task-page__detail-value--muted{color:var(--color-text-muted);font-size:13px}.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__detail--notes:hover .task-page__notes-popover{opacity:1;visibility:visible;transform:translateY(0)}.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")}.onboarding-review,.onboarding-efiling{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--color-card-bg)}.onboarding-review__header,.onboarding-efiling__header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.onboarding-review__header{margin-bottom:var(--spacing-lg)}.onboarding-efiling__header{margin-bottom:var(--spacing-md)}.onboarding-review__header-icon,.onboarding-efiling__header-icon{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-on-primary);font-size:1.1rem;flex-shrink:0}.onboarding-review__header-text,.onboarding-efiling__header-text{flex:1}.onboarding-review__header-text h3,.onboarding-efiling__header-text h3{margin:0 0 4px;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.onboarding-review__header-text p,.onboarding-efiling__header-text p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.onboarding-review__badge,.onboarding-efiling__badge{font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.onboarding-review__btn,.onboarding-efiling__btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;gap:6px}.onboarding-review__progress{flex-shrink:0}.onboarding-review__progress-text{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.onboarding-review__services{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.onboarding-review__card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.onboarding-review__card--pending{border-color:rgba(var(--color-primary-rgb),.3)}.onboarding-review__card--confirmed{border-color:rgba(var(--color-success-rgb),.3);background:rgba(var(--color-success-rgb),.03)}.onboarding-review__card--denied{border-color:var(--color-border);background:var(--color-surface);opacity:.7}.onboarding-review__card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface)}.onboarding-review__service-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.onboarding-review__badge--pending{background:rgba(var(--color-warning-rgb),.15);color:var(--color-warning)}.onboarding-review__badge--active{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.onboarding-review__badge--denied{background:var(--color-surface-hover);color:var(--color-text-muted)}.onboarding-review__card-body{padding:var(--spacing-md)}.onboarding-review__card-summary{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm);display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.onboarding-review__card-summary i{margin-right:4px;color:var(--color-success)}.onboarding-review__field{margin-bottom:var(--spacing-sm)}.onboarding-review__label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.onboarding-review__required{color:var(--color-danger)}.onboarding-review__select{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-input-bg);color:var(--color-text);transition:border-color .15s ease}.onboarding-review__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.onboarding-review__input{width:72px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-input-bg);color:var(--color-text);text-align:center;transition:border-color .15s ease}.onboarding-review__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.onboarding-review__period-row{display:flex;align-items:center;gap:var(--spacing-sm)}.onboarding-review__period-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.onboarding-review__card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.onboarding-review__btn{font-weight:600}.onboarding-review__btn--confirm{background:var(--color-success);color:var(--color-on-success)}.onboarding-review__btn--confirm:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-success-rgb),.3)}.onboarding-review__btn--confirm:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.onboarding-review__btn--deny{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.onboarding-review__btn--deny:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.onboarding-review__btn--deny:disabled,.onboarding-efiling__btn--na:disabled{opacity:.5;cursor:not-allowed}.onboarding-review__general{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.onboarding-review__section-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.onboarding-review__checklist{display:flex;flex-direction:column;gap:var(--spacing-xs)}.onboarding-review__checklist-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.onboarding-review__checklist-item:hover{background:var(--color-surface-hover)}.onboarding-review__checklist-item input[type=checkbox]{margin:0;accent-color:var(--color-primary)}.onboarding-review__checklist-label{font-size:var(--font-size-sm);color:var(--color-text)}.onboarding-review__checklist-label--required{font-weight:500}.onboarding-efiling__badge{flex-shrink:0}.onboarding-efiling__badge--na{background:var(--color-surface-hover);color:var(--color-text-muted)}.onboarding-efiling__progress-bar{height:6px;background:var(--color-surface-hover);border-radius:var(--radius-full);overflow:hidden;margin-bottom:6px}.onboarding-efiling__progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.onboarding-efiling__progress-text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.onboarding-efiling__checklist{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.onboarding-efiling__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease;border:1px solid transparent}.onboarding-efiling__item:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.onboarding-efiling__item input[type=checkbox]{margin:0;accent-color:var(--color-primary);width:16px;height:16px}.onboarding-efiling__item-label{font-size:var(--font-size-sm);color:var(--color-text)}.onboarding-efiling__actions{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.onboarding-efiling__btn{font-weight:500}.onboarding-efiling__btn--na{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.onboarding-efiling__btn--na:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.add-note-modal{display:none;position:fixed;inset:0;z-index:var(--z-modal);align-items:center;justify-content:center;padding:var(--spacing-lg)}.add-note-modal--visible{display:flex}.add-note-modal--visible .add-note-modal__backdrop{opacity:1}.add-note-modal--visible .add-note-modal__dialog{opacity:1;transform:translateY(0) scale(1)}.add-note-modal__backdrop{position:absolute;inset:0;background:var(--color-modal-overlay);opacity:0;transition:opacity .2s ease}.add-note-modal__dialog{position:relative;width:100%;max-width:480px;background:var(--color-modal-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);opacity:0;transform:translateY(-10px) scale(.98);transition:all .2s ease}.add-note-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.add-note-modal__title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.add-note-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.add-note-modal__close:hover{background:var(--color-danger);color:var(--color-on-danger)}.add-note-modal__body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.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)}.add-note-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.add-note-modal__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.add-note-modal__btn--secondary{background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-secondary)}.add-note-modal__btn--secondary:hover{background:var(--color-surface-hover);color:var(--color-text)}.add-note-modal__btn--primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary)}.add-note-modal__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.add-note-modal__btn--primary:disabled{opacity:.7;cursor:not-allowed}.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-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-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);flex:1;min-height:0}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.overview-dashboard__top-row{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg);flex:1;min-height:0;align-items:stretch}@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);overflow:visible;min-height:0}.overview-dashboard__activity-column{display:flex;flex-direction:column;min-height:0;height:100%}.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%;object-fit:cover;flex-shrink:0;border:2px solid var(--color-border)}.overview-metric__assignee-initials{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-initials--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-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%;object-fit:cover;flex-shrink:0}.overview-dashboard__assignee-initials-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-initials-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-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}.budget-conflict-modal__message{margin:0 0 var(--spacing-lg);color:var(--color-text-secondary);font-size:13px;line-height:1.5}.budget-conflict-modal__options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.budget-conflict-modal__option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:all .15s ease;text-align:left}.budget-conflict-modal__option:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.budget-conflict-modal__option i{font-size:16px;color:var(--color-text-muted);transition:color .15s ease}.budget-conflict-modal__option:hover i{color:var(--color-primary)}.budget-conflict-modal__option-label strong{font-weight:600}.overview-dashboard__activity-controls{display:flex;align-items:center;gap:var(--spacing-md)}.overview-dashboard__activity-toggle{display:flex;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px;gap:2px}.overview-dashboard__toggle-btn{padding:5px 12px;border:none;background:transparent;color:var(--color-text-muted);font-size:11px;font-weight:600;cursor:pointer;border-radius:var(--radius-full);transition:all .15s ease}.overview-dashboard__toggle-btn:hover{color:var(--color-text-secondary)}.overview-dashboard__toggle-btn--active{background:var(--color-primary);color:var(--color-on-primary)}.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}.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-surface-elevated));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-surface-elevated))}.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-subtle);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-surface-elevated))}.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{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:var(--z-modal-high);opacity:0;transition:opacity .2s ease}.schedule-event-modal--visible{opacity:1}.schedule-event-modal__backdrop{position:absolute;inset:0;background-color:rgba(var(--color-shadow-rgb),.5)}.schedule-event-modal__dialog{position:relative;background:var(--color-card-bg);border-radius:12px;width:90%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(var(--color-shadow-rgb),.2);transform:translateY(20px);transition:transform .3s ease;overflow:hidden}.schedule-event-modal--visible .schedule-event-modal__dialog{transform:translateY(0)}.schedule-event-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.schedule-event-modal__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.schedule-event-modal__title i{color:var(--color-primary)}.schedule-event-modal__close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;font-size:1.125rem;border-radius:6px;transition:all .15s ease}.schedule-event-modal__close:hover{color:var(--color-text);background:var(--color-bg-hover)}.schedule-event-modal__body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.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}.schedule-event-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg)}.schedule-event-modal__btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease}.schedule-event-modal__btn--secondary{background:var(--color-card-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.schedule-event-modal__btn--secondary:hover{background:var(--color-bg);color:var(--color-text)}.schedule-event-modal__btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.schedule-event-modal__btn--primary:hover{background:var(--color-primary-hover)}.schedule-event-modal__btn--primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.schedule-event-modal__dialog{width:95%;max-height:95vh}.schedule-event-modal__row{flex-direction:column}.schedule-event-modal__body,.schedule-event-modal__header,.schedule-event-modal__footer{padding:1rem}}.timesheet-page{display:flex;flex-direction:column;height:100vh;width:calc(100vw - var(--sidebar-width));padding:0;gap:0;background:var(--color-bg);box-sizing:border-box;overflow:hidden;position:fixed;top:0;left:var(--sidebar-width);transition:left var(--transition-base),width var(--transition-base)}@media(max-width:1260px){.timesheet-page{width:calc(100vw - var(--sidebar-collapsed-width));left:var(--sidebar-collapsed-width)}}.timesheet-page__container{background:var(--color-card-bg);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}#timesheetGridContainer{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.timesheet-grid__title-section{display:flex;align-items:center;gap:var(--spacing-sm)}.timesheet-grid__view-controls{display:flex;gap:var(--spacing-md);align-items:center;flex:1;justify-content:center;flex-shrink:0;min-width:0}.timesheet-grid__status-indicator-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-success);font-weight:500}.timesheet-grid__status-indicator-label i{font-size:8px;animation:pulse 2s ease-in-out infinite}.timesheet-grid__status-indicator-label--locked{color:var(--color-primary)}.timesheet-grid__status-indicator-label--locked i{animation:none}.timesheet-grid__view-selector{display:flex;gap:2px;background:var(--color-card-bg);padding:2px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.timesheet-grid__export-btn{padding:4px 8px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-success);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base);height:28px;display:inline-flex;align-items:center;margin-left:4px}.timesheet-grid__export-btn:hover{background:var(--color-success-bg);border-color:var(--color-success)}.timesheet-grid__reports-btn{padding:4px 8px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-danger);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base);height:28px;display:inline-flex;align-items:center;margin-left:4px}.timesheet-grid__reports-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger)}.timesheet-grid__date-nav{display:flex;align-items:center;gap:4px;flex:0 0 auto}.timesheet-grid__date{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 6px;white-space:nowrap;min-width:200px;max-width:240px;text-align:center;display:inline-block}.timesheet-grid__toolbar-btn{padding:6px 12px;border:1px solid var(--color-border);background:var(--color-card-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);height:32px}.timesheet-grid__toolbar-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.timesheet-grid__toolbar-btn--leave{background:linear-gradient(135deg,var(--color-leave-gradient-start) 0%,var(--color-leave-gradient-end) 100%);color:var(--client-header-text, var(--color-on-primary));border:none;box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.1);font-weight:500}.timesheet-grid__toolbar-btn--leave:hover{background:linear-gradient(135deg,var(--color-leave-hover) 0%,var(--color-leave-gradient-end) 100%);box-shadow:0 4px 8px rgba(var(--color-shadow-rgb),.15);transform:translateY(-1px)}.timesheet-grid__submit-week-btn{padding:6px 12px;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-card-bg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;height:32px}.timesheet-grid__submit-week-btn:hover{background:var(--color-primary-hover)}.timesheet-grid__submit-week-btn--locked{background:var(--color-success);border-color:var(--color-success)}.timesheet-grid__submit-week-btn--locked:hover{background:var(--color-success-hover)}.timesheet-grid__table-container{flex:1 1 0;min-height:0;max-height:100%;overflow:visible;position:relative;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.timesheet-grid__table-container:before,.timesheet-grid__table-container:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:var(--z-sticky);opacity:0;transition:opacity .3s}.timesheet-grid__table-container:before{left:0;background:linear-gradient(to right,var(--color-card-bg),transparent)}.timesheet-grid__table-container:after{right:0;background:linear-gradient(to left,var(--color-card-bg),transparent)}.timesheet-grid__table-container:hover:before,.timesheet-grid__table-container:hover:after{opacity:.5}.timesheet-grid__th--status,.timesheet-grid__cell--status{width:50px;text-align:center;padding:6px}.timesheet-grid__th--status .timesheet-grid__status-indicator{margin:0 auto;display:block}.timesheet-grid__cell--status .timesheet-grid__cell-content{display:flex;align-items:center;justify-content:center}.timesheet-manager{width:100%}.timesheet-manager__layout{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.timesheet-manager__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.timesheet-manager__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.timesheet-manager__section-title i{color:var(--color-primary)}.timesheet-manager__help{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.timesheet-manager__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);gap:var(--spacing-sm)}.timesheet-manager__loading i{color:var(--color-primary)}.timesheet-manager__empty{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.timesheet-manager__empty i{color:var(--color-info)}.timesheet-manager__summary{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.timesheet-manager__summary strong{color:var(--color-primary)}.timesheet-manager__actions{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.timesheet-manager__btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.timesheet-manager__btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.timesheet-manager__btn:disabled{opacity:.5;cursor:not-allowed}.timesheet-manager__btn--link{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.timesheet-manager__btn--link:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.timesheet-manager__selected-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.timesheet-manager__table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-card-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-subtle)}.timesheet-manager__table thead{background:var(--color-surface)}.timesheet-manager__table thead th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.timesheet-manager__table thead th:first-child{padding-left:var(--spacing-lg)}.timesheet-manager__table thead th:last-child{padding-right:var(--spacing-lg)}.timesheet-manager__table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.timesheet-manager__table tbody tr:hover{background:var(--color-surface)}.timesheet-manager__table tbody tr:last-child{border-bottom:none}.timesheet-manager__table tbody td{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text)}.timesheet-manager__table tbody td:first-child{padding-left:var(--spacing-lg)}.timesheet-manager__table tbody td:last-child{padding-right:var(--spacing-lg)}.timesheet-manager__table--selectable tbody tr{cursor:pointer}.timesheet-manager__row--selectable:hover{background:var(--color-primary-bg)}.timesheet-manager__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.timesheet-manager__hours{font-weight:600;color:var(--color-primary)}.timesheet-manager__time{color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:var(--font-size-xs)}.timesheet-manager__desc{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timesheet-manager__unlink-btn{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.timesheet-manager__unlink-btn:hover{background:var(--color-danger);color:var(--color-on-danger)}.timesheet-manager__unlink-btn i{pointer-events:none}.timesheet-manager__section-title--collapsible{cursor:pointer;user-select:none;transition:opacity var(--transition-fast)}.timesheet-manager__section-title--collapsible:hover{opacity:.8}.timesheet-manager__collapse-icon{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:auto;transition:transform .2s ease}.timesheet-manager__count-badge{font-size:var(--font-size-xs);font-weight:500;color:var(--color-on-primary);background:var(--color-primary);padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--spacing-sm)}.timesheet-manager__other-tasks{margin-top:var(--spacing-md)}.timesheet-manager__other-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.timesheet-manager__task-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timesheet-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.timesheet-loading__scene{position:relative;width:400px;height:100px;overflow:hidden}.timesheet-loading__ground{position:absolute;bottom:20px;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent 0%,var(--color-border) 20%,var(--color-border) 80%,transparent 100%)}.timesheet-loading__runner{position:absolute;bottom:22px;left:-60px;animation:runAcross 2s ease-in-out infinite}.timesheet-loading__figure{position:relative;width:40px;height:60px}.timesheet-loading__head{width:16px;height:16px;background:var(--color-primary);border-radius:50%;position:absolute;top:0;left:12px}.timesheet-loading__body{width:2px;height:24px;background:var(--color-primary);position:absolute;top:16px;left:19px}.timesheet-loading__arm-left,.timesheet-loading__arm-right{width:18px;height:2px;background:var(--color-primary);position:absolute;top:22px;transform-origin:right center}.timesheet-loading__arm-left{left:2px;animation:swingArmLeft .4s ease-in-out infinite}.timesheet-loading__arm-right{left:20px;animation:swingArmRight .4s ease-in-out infinite}.timesheet-loading__leg-left,.timesheet-loading__leg-right{width:2px;height:20px;background:var(--color-primary);position:absolute;top:40px;transform-origin:top center}.timesheet-loading__leg-left{left:17px;animation:swingLegLeft .4s ease-in-out infinite}.timesheet-loading__leg-right{left:21px;animation:swingLegRight .4s ease-in-out infinite}.timesheet-loading__text{margin-top:var(--spacing-xl);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500}@keyframes runAcross{0%{left:-60px}to{left:420px}}@keyframes swingArmLeft{0%,to{transform:rotate(-45deg)}50%{transform:rotate(25deg)}}@keyframes swingArmRight{0%,to{transform:rotate(25deg)}50%{transform:rotate(-45deg)}}@keyframes swingLegLeft{0%,to{transform:rotate(25deg)}50%{transform:rotate(-35deg)}}@keyframes swingLegRight{0%,to{transform:rotate(-35deg)}50%{transform:rotate(25deg)}}.timesheet-loading--hidden{display:none}.timesheet-grid__calendar-modal{display:none;position:fixed;inset:0;background:#0f172a4d;z-index:var(--z-dropdown-in-modal);align-items:center;justify-content:center}.timesheet-grid__calendar-modal[style*=flex]{display:flex}.timesheet-grid__calendar-modal-content{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;width:90%;max-width:400px;box-shadow:0 25px 50px -12px rgba(var(--color-shadow-rgb),.15),0 0 0 1px rgba(var(--color-shadow-rgb),.05);animation:calendarSlideIn .25s ease-out}@keyframes calendarSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .timesheet-grid__calendar-modal-content{background:var(--color-card-bg);border-color:var(--color-border);box-shadow:0 25px 50px -12px rgba(var(--color-shadow-rgb),.4)}.timesheet-grid__calendar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 20px;border-bottom:1px solid var(--color-border)}[data-theme=dark] .timesheet-grid__calendar-modal-header{border-color:var(--color-border)}.timesheet-grid__calendar-modal-header h3{margin:0;display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--color-text)}.timesheet-grid__calendar-modal-header h3 i{color:var(--color-primary);font-size:.9rem}.timesheet-grid__calendar-modal-close{background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--color-text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.timesheet-grid__calendar-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.timesheet-grid__calendar-modal-body{padding:var(--spacing-md) 20px 20px}.timesheet-grid__calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.timesheet-grid__calendar-title{font-size:.95rem;font-weight:600;color:var(--color-text)}.timesheet-grid__calendar-nav{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.timesheet-grid__calendar-nav:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.timesheet-grid__calendar-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timesheet-grid__calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.timesheet-grid__calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;padding:6px var(--spacing-xs)}.timesheet-grid__calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.timesheet-grid__calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;background:var(--color-card-bg)}.timesheet-grid__calendar-day:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.timesheet-grid__calendar-day--empty{border-color:transparent;cursor:default;background:transparent}.timesheet-grid__calendar-day--empty:hover{background:transparent;border-color:transparent}.timesheet-grid__calendar-day--today{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:600;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.timesheet-grid__calendar-day--today:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.timesheet-grid__calendar-day--today .timesheet-grid__calendar-day-number{color:var(--color-on-primary)}.timesheet-grid__calendar-day--locked{background:var(--color-primary-bg);border-color:rgba(var(--color-primary-rgb),.2)}.timesheet-grid__calendar-day--has-entries .timesheet-grid__calendar-day-indicator{position:absolute;bottom:var(--spacing-xs);width:var(--spacing-xs);height:var(--spacing-xs);border-radius:50%;background:var(--color-success)}.timesheet-grid__calendar-day--today .timesheet-grid__calendar-day-indicator{background:var(--color-on-primary)}.timesheet-grid__calendar-day-number{font-size:13px;font-weight:500;color:var(--color-text)}.timesheet-grid__calendar-legend{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);padding-top:12px;border-top:1px solid var(--color-border)}[data-theme=dark] .timesheet-grid__calendar-legend{border-color:var(--color-border)}.timesheet-grid__calendar-legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11px;font-weight:500;color:var(--color-text-muted)}.timesheet-grid__calendar-legend-dot{width:var(--spacing-sm);height:var(--spacing-sm);border-radius:50%}.timesheet-grid__calendar-legend-dot--locked{background:var(--color-primary-bg);border:1.5px solid var(--color-primary)}.timesheet-grid__calendar-legend-dot--entries{background:var(--color-success)}.timesheet-grid__leave-modal{display:none;position:fixed;inset:0;background:rgba(var(--color-shadow-rgb),.5);z-index:var(--z-dropdown-in-modal);align-items:center;justify-content:center}.timesheet-grid__leave-modal[style*=flex]{display:flex}.timesheet-grid__leave-modal-content{background:var(--color-card-bg);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-overlay)}.timesheet-grid__leave-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.timesheet-grid__leave-modal-header h3{margin:0;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg)}.timesheet-grid__leave-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.timesheet-grid__leave-modal-close:hover{background:var(--color-surface);color:var(--color-text)}.timesheet-grid__leave-modal-body{padding:var(--spacing-md)}.timesheet-grid__leave-form-group{margin-bottom:var(--spacing-md)}.timesheet-grid__leave-form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text)}.timesheet-grid__leave-date-input,.timesheet-grid__leave-type-select,.timesheet-grid__leave-hours-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm)}.timesheet-grid__leave-duration{display:flex;gap:var(--spacing-md)}.timesheet-grid__leave-duration label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:400}.timesheet-grid__leave-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border)}.timesheet-grid__leave-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.timesheet-grid__leave-btn--cancel{background:var(--color-card-bg);color:var(--color-text)}.timesheet-grid__leave-btn--cancel:hover{background:var(--color-surface)}.timesheet-grid__leave-btn--save{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.timesheet-grid__leave-btn--save:hover{background:var(--color-primary-hover)}.timesheet-lock-modal{display:flex;flex-direction:column;gap:var(--spacing-md);color:var(--color-text)}.timesheet-lock-modal__week-selector-top{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.timesheet-lock-modal__week-selector-label{font-weight:600;color:var(--color-text);min-width:100px}.timesheet-lock-modal__week-dropdown{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card-bg);color:var(--color-text);font-size:var(--font-size-sm)}.timesheet-lock-modal__intro{margin:0;color:var(--color-text-secondary);line-height:1.5}.timesheet-lock-modal__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.timesheet-lock-modal__meta-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm)}.timesheet-lock-modal__meta-item i{color:var(--color-primary)}.timesheet-lock-modal__section{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)}.timesheet-lock-modal__section--stats{border:none;background:none;padding:0;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.timesheet-lock-modal__stat{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);box-shadow:var(--shadow-subtle)}.timesheet-lock-modal__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.timesheet-lock-modal__stat-label i{color:var(--color-primary)}.timesheet-lock-modal__stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.timesheet-lock-modal__stat--positive .timesheet-lock-modal__stat-value{color:var(--color-success)}.timesheet-lock-modal__stat--negative .timesheet-lock-modal__stat-value{color:var(--color-danger)}.timesheet-lock-modal__section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0}.timesheet-lock-modal__day-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timesheet-lock-modal__day-row{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(80px,.6fr) minmax(80px,.6fr) minmax(200px,1.4fr);gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.timesheet-lock-modal__day-row:last-child{border-bottom:none}.timesheet-lock-modal__day-row--header{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding-bottom:var(--spacing-xs)}.timesheet-lock-modal__day-row--header>div{font-weight:600}.timesheet-lock-modal__day-col{font-size:var(--font-size-sm);color:var(--color-text)}.timesheet-lock-modal__day-col--details{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--color-text-secondary)}.timesheet-lock-modal__day-override{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timesheet-lock-modal__day-override-label{font-weight:600;color:var(--color-text)}.timesheet-lock-modal__day-note{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.timesheet-lock-modal__tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.timesheet-lock-modal__tag--company{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.timesheet-lock-modal__tag--personal{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);color:var(--color-primary)}.timesheet-lock-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.timesheet-lock-modal__list-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-card-bg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.timesheet-lock-modal__list-item--empty{color:var(--color-text-secondary);text-align:center;font-style:italic}.timesheet-lock-modal__list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.timesheet-lock-modal__list-date{font-weight:600;color:var(--color-text)}.timesheet-lock-modal__list-body{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.timesheet-lock-modal__list-label{font-weight:600;color:var(--color-text)}.timesheet-lock-modal__list-note{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.timesheet-lock-modal__alert{display:flex;gap:var(--spacing-sm);align-items:flex-start;border:1px solid var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.timesheet-lock-modal__alert i{margin-top:2px}.timesheet-lock-modal__alert-list{margin:var(--spacing-xs) 0 0;padding-left:var(--spacing-lg);color:var(--color-text);font-size:var(--font-size-sm)}.timesheet-lock-modal__alert-item{margin-bottom:var(--spacing-xs)}.timesheet-lock-modal__alert-item:last-child{margin-bottom:0}.timesheet-lock-modal__chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.35)}.timesheet-lock-modal__chip--current{background:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.45)}.timesheet-lock-modal__note{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-secondary)}.timesheet-lock-modal__note i{color:var(--color-info)}.timesheet-lock-modal__note--success{border-color:var(--color-success);color:var(--color-success);background:rgba(var(--color-success-rgb),.1)}.leave-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.leave-modal__intro{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.leave-modal__existing-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-md);color:var(--color-info)}.leave-modal__existing-notice>i{font-size:var(--font-size-lg);flex-shrink:0}.leave-modal__existing-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--spacing-md)}.leave-modal__existing-text{font-size:var(--font-size-sm);font-weight:500}.leave-modal__delete-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.leave-modal__delete-btn:hover{background:var(--color-danger);color:var(--color-on-danger)}.leave-modal__delete-btn:disabled{opacity:.6;cursor:not-allowed}.leave-modal__info-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-md);color:var(--color-info)}.leave-modal__info-notice>i{font-size:var(--font-size-lg);flex-shrink:0}.leave-modal__info-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--spacing-md)}.leave-modal__info-content span{font-size:var(--font-size-sm);font-weight:500}.leave-modal__request-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);background:var(--color-info);color:var(--color-on-info);border:1px solid var(--color-info);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.leave-modal__request-btn:hover{background:transparent;color:var(--color-info)}.leave-modal__request-btn:active{transform:translateY(1px)}.export-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.export-modal__intro{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.export-modal__info{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.export-modal__info i{color:var(--color-success);font-size:var(--font-size-xl);flex-shrink:0;margin-top:2px}.export-modal__info strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:600}.export-modal__info span{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.pdf-report-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pdf-report-modal__intro{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.pdf-report-modal__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.pdf-report-modal__section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0;padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary)}.pdf-report-modal__info{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-primary-bg);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.pdf-report-modal__info i{color:var(--color-primary);font-size:var(--font-size-xl);flex-shrink:0;margin-top:2px}.pdf-report-modal__info strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:600}.pdf-report-modal__info-list{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.pdf-report-modal__info-list li{margin-bottom:var(--spacing-xs)}.pdf-report-modal__info-list li:last-child{margin-bottom:0}.timesheet-form__group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timesheet-form__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);letter-spacing:.01em}.timesheet-form__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);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);min-height:44px}.timesheet-form__input:hover{border-color:var(--color-text-muted)}.timesheet-form__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.timesheet-form__input::placeholder{color:var(--color-text-muted)}select.timesheet-form__input{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='%2364748b' d='M6 8L1 3h10L6 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.timesheet-form__input[type=date]{cursor:pointer}.timesheet-form__help-text{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4;margin-top:2px}.timesheet-form__radio-group{display:flex;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-md)}.timesheet-form__radio-option{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text)}.timesheet-form__radio-option:hover{color:var(--color-primary)}.timesheet-form__radio-option input[type=radio],.timesheet-form__group .timesheet-form__radio-option input[type=radio]{appearance:none;-webkit-appearance:none;width:14px;min-width:14px;max-width:14px;height:14px;min-height:14px;max-height:14px;border:1.5px solid var(--color-border-dark, var(--color-text-muted));border-radius:50%;background:var(--color-input-bg);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;position:relative;margin:0;padding:0}.timesheet-form__radio-option input[type=radio]:hover{border-color:var(--color-primary)}.timesheet-form__radio-option input[type=radio]:checked{border-color:var(--color-primary);border-width:4px;background:var(--color-card-bg)}.timesheet-form__radio-option input[type=radio]:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.timesheet-form__radio-option:has(input[type=radio]:checked) span{color:var(--color-primary);font-weight:500}.timesheet-form__radio-option span{line-height:1;user-select:none}.timesheet-form__btn-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.timesheet-form__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.timesheet-form__btn:hover{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary)}.timesheet-form__btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.timesheet-form__btn:active{transform:translateY(1px)}.timesheet-form__btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.timesheet-form__btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary)}.timesheet-form__btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.timesheet-form__btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted);color:var(--color-text)}.timesheet-form__btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:32px}.timesheet-form__inline{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:600px){.timesheet-form__inline{grid-template-columns:1fr}}.week-submit-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.week-submit-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md);color:var(--color-text-secondary)}.week-submit-modal__spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:weekModalSpin .8s linear infinite}@keyframes weekModalSpin{to{transform:rotate(360deg)}}.week-submit-modal__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.week-submit-modal__nav-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.week-submit-modal__nav-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.week-submit-modal__nav-btn:disabled{opacity:.3;cursor:not-allowed}.week-submit-modal__nav-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.week-submit-modal__nav-center:hover{background:var(--color-card-bg)}.week-submit-modal__dates{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);text-align:center;display:flex;align-items:center;gap:var(--spacing-xs)}.week-submit-modal__dates-icon{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:transform var(--transition-fast)}.week-submit-modal__nav-center:hover .week-submit-modal__dates-icon{color:var(--color-primary)}.week-submit-modal__badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center}.week-submit-modal__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.week-submit-modal__badge--submitted{background:rgba(var(--color-success-rgb),.15);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.3)}.week-submit-modal__badge--pending{background:rgba(var(--color-warning-rgb),.15);color:var(--color-warning-dark, #d97706);border:1px solid rgba(var(--color-warning-rgb),.3)}.week-submit-modal__badge--current{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.3)}.week-submit-modal__picker{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:calc(-1 * var(--spacing-sm));margin-bottom:var(--spacing-md);overflow:hidden;animation:weekPickerSlideIn .15s ease-out}@keyframes weekPickerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.week-submit-modal__picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.week-submit-modal__picker-close{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-muted);cursor:pointer;transition:all var(--transition-fast)}.week-submit-modal__picker-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.week-submit-modal__picker-list{max-height:280px;overflow-y:auto;padding:var(--spacing-xs)}.week-submit-modal__picker-loading,.week-submit-modal__picker-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.week-submit-modal__picker-month{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:.05em;margin-top:var(--spacing-xs)}.week-submit-modal__picker-month:first-child{margin-top:0}.week-submit-modal__picker-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family)}.week-submit-modal__picker-item:hover{background:var(--color-surface)}.week-submit-modal__picker-item--selected{background:var(--color-primary-bg);border-left:3px solid var(--color-primary)}.week-submit-modal__picker-item--selected:hover{background:var(--color-primary-bg)}.week-submit-modal__picker-item-dates{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text)}.week-submit-modal__picker-item-current{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.15);padding:2px 6px;border-radius:var(--radius-sm)}.week-submit-modal__picker-item-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500}.week-submit-modal__picker-item-status--submitted{color:var(--color-success)}.week-submit-modal__picker-item-status--pending{color:var(--color-warning-dark, #d97706)}.week-submit-modal__today-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm);background:var(--color-card-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.week-submit-modal__today-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.week-submit-modal__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.week-submit-modal__stat{text-align:center;padding:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.week-submit-modal__stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);line-height:1;margin-bottom:var(--spacing-xs)}.week-submit-modal__stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.week-submit-modal__stat--positive .week-submit-modal__stat-value{color:var(--color-success)}.week-submit-modal__stat--negative .week-submit-modal__stat-value{color:var(--color-danger)}.week-submit-modal__progress{height:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--color-border)}.week-submit-modal__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);transition:width var(--transition-base)}.week-submit-modal__details-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm);background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.week-submit-modal__details-toggle:hover{color:var(--color-primary-hover)}.week-submit-modal__day-table{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.week-submit-modal__day-header{display:grid;grid-template-columns:50px 50px 55px 55px 55px 50px 1fr;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-bottom:2px solid var(--color-border)}.week-submit-modal__day-header .week-submit-modal__day-cell{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.week-submit-modal__day-row{display:grid;grid-template-columns:50px 50px 55px 55px 55px 50px 1fr;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-card-bg);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);align-items:center}.week-submit-modal__day-row:last-child{border-bottom:none}.week-submit-modal__day-row:hover{background:var(--color-surface)}.week-submit-modal__day-cell{font-size:var(--font-size-sm)}.week-submit-modal__day-cell--name{font-weight:600;color:var(--color-text)}.week-submit-modal__day-cell--num{text-align:right;font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.week-submit-modal__day-cell--adjust{color:var(--color-warning)}.week-submit-modal__day-cell--target{font-weight:600;color:var(--color-text)}.week-submit-modal__day-cell--actual{font-weight:600;color:var(--color-primary)}.week-submit-modal__day-cell--diff{font-weight:600}.week-submit-modal__day-cell--positive{color:var(--color-success)}.week-submit-modal__day-cell--negative{color:var(--color-danger)}.week-submit-modal__day-cell--note{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-submit-modal__locked-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.3);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-size-sm)}.week-submit-modal__locked-notice i{flex-shrink:0}@media(max-width:600px){.week-submit-modal__stats{grid-template-columns:1fr}.week-submit-modal__day-header,.week-submit-modal__day-row{grid-template-columns:40px 45px 45px 45px 45px 45px}.week-submit-modal__day-cell--note,.week-submit-modal__day-header .week-submit-modal__day-cell--note{display:none}}.timesheet-grid{display:flex;flex-direction:column;height:100vh;width:calc(100vw - var(--sidebar-width));position:fixed;top:0;left:var(--sidebar-width);background:var(--premium-bg);overflow:hidden;transition:left var(--transition-base),width var(--transition-base);font-size:var(--font-size-sm);box-sizing:border-box;min-width:0;min-height:0;--premium-bg: linear-gradient(135deg, var(--color-bg) 0%, var(--color-surface) 100%);--premium-glass: rgba(var(--color-card-bg-rgb), .7);--premium-glass-border: rgba(255, 255, 255, .3);--premium-shadow: 0 8px 32px rgba(var(--color-shadow-rgb), .08);--premium-glow: 0 0 40px rgba(var(--color-primary-rgb), .15);--premium-accent: var(--color-primary);--premium-radius: 16px;--premium-transition: .3s cubic-bezier(.4, 0, .2, 1)}@media(max-width:1260px){.timesheet-grid{width:calc(100vw - var(--sidebar-collapsed-width));left:var(--sidebar-collapsed-width)}}.timesheet-grid__ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.timesheet-grid__ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.timesheet-grid__ambient-orb--1{width:400px;height:400px;background:rgba(var(--color-primary-rgb),.15);top:-100px;right:-100px;animation-delay:0s}.timesheet-grid__ambient-orb--2{width:300px;height:300px;background:rgba(var(--color-success-rgb),.1);bottom:-50px;left:-50px;animation-delay:-7s}.timesheet-grid__ambient-orb--3{width:250px;height:250px;background:rgba(var(--color-info-rgb),.08);top:50%;left:50%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.timesheet-grid__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);background:var(--premium-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--premium-glass-border);box-shadow:var(--premium-shadow);position:relative;z-index:100;flex-shrink:0}.timesheet-grid__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.timesheet-grid__logo{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--color-on-primary);font-size:20px;box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.3);transition:transform var(--premium-transition),box-shadow var(--premium-transition)}.timesheet-grid__logo:hover{transform:scale(1.05) rotate(-5deg);box-shadow:0 6px 24px rgba(var(--color-primary-rgb),.4)}.timesheet-grid__title-group{display:flex;flex-direction:column;gap:2px}.timesheet-grid__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.timesheet-grid__subtitle{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.timesheet-grid__nav{display:flex;align-items:center;gap:var(--spacing-sm)}.timesheet-grid__nav-btn{padding:10px 16px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;transition:all var(--premium-transition);font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.timesheet-grid__nav-btn:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25)}.timesheet-grid__nav-btn--arrow{padding:10px 12px}.timesheet-grid__nav-btn--today{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.2)}.timesheet-grid__nav-btn--today:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.timesheet-grid__date-display{padding:10px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;transition:all var(--premium-transition);font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;min-width:200px;justify-content:center}.timesheet-grid__date-display:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.timesheet-grid__date-display i{color:var(--color-primary)}.timesheet-grid__view-toggle{display:flex;background:var(--color-surface);border-radius:14px;padding:var(--spacing-xs);gap:var(--spacing-xs);border:1px solid var(--color-border)}.timesheet-grid__view-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--premium-transition);font-size:13px;font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.timesheet-grid__view-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.timesheet-grid__view-btn--active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.timesheet-grid__view-btn--active:hover{background:var(--color-primary);color:var(--color-on-primary)}.timesheet-grid__actions{display:flex;align-items:center;gap:var(--spacing-md)}.timesheet-grid__lock-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:20px;font-size:12px;font-weight:600}.timesheet-grid__action-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--premium-transition);display:flex;align-items:center;justify-content:center;font-size:16px}.timesheet-grid__action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.1)}.timesheet-grid__action-btn--export:hover{background:var(--color-success);color:var(--color-on-success);border-color:var(--color-success)}.timesheet-grid__action-btn--report:hover{background:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-danger)}.timesheet-grid__action-btn--add-task{background:rgba(var(--color-primary-rgb),.08);border-color:rgba(var(--color-primary-rgb),.25);color:var(--color-primary)}.timesheet-grid__action-btn--add-task:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.35)}.timesheet-grid__action-btn--leave{width:auto;padding:0 var(--spacing-md);gap:var(--spacing-sm);background:linear-gradient(135deg,var(--color-leave) 0%,var(--color-leave-hover) 100%);color:var(--color-on-primary);border:none;font-weight:500;font-size:13px}.timesheet-grid__action-btn--leave:hover{background:linear-gradient(135deg,var(--color-leave-hover) 0%,var(--color-leave) 100%);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.35)}.timesheet-grid__submit-btn{padding:10px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--premium-transition);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.3)}.timesheet-grid__submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--color-primary-rgb),.4)}.timesheet-grid__submit-btn--locked{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);box-shadow:0 4px 16px rgba(var(--color-success-rgb),.3)}.timesheet-grid__submit-btn--locked:hover{box-shadow:0 6px 24px rgba(var(--color-success-rgb),.4)}.timesheet-grid__compact-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--premium-transition);display:flex;align-items:center;justify-content:center;font-size:14px}.timesheet-grid__compact-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.timesheet-grid__compact-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.timesheet-grid__compact-btn--active:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.timesheet-grid__gradient-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:none;color:var(--color-on-primary);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.3);position:relative;overflow:hidden}.timesheet-grid__gradient-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.timesheet-grid__gradient-btn:hover:before{left:100%}.timesheet-grid__gradient-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--color-primary-rgb),.4)}[data-theme=light] .timesheet-grid__gradient-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.3)}[data-theme=light] .timesheet-grid__gradient-btn:hover{box-shadow:0 6px 24px rgba(var(--color-primary-rgb),.4)}[data-theme=dark] .timesheet-grid__gradient-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.3)}[data-theme=dark] .timesheet-grid__gradient-btn:hover{box-shadow:0 6px 24px rgba(var(--color-primary-rgb),.4)}[data-theme=sage] .timesheet-grid__gradient-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.3)}[data-theme=sage] .timesheet-grid__gradient-btn:hover{box-shadow:0 6px 24px rgba(var(--color-primary-rgb),.4)}.timesheet-grid__action-btn--leave.timesheet-grid__gradient-btn{width:auto;padding:0 var(--spacing-md);gap:var(--spacing-sm);font-weight:500;font-size:13px}.timesheet-grid__table-wrapper{flex:1;overflow:auto;padding:20px var(--spacing-xl);position:relative;z-index:10}.timesheet-grid__table{width:100%;min-width:1100px;table-layout:fixed;border-collapse:separate;border-spacing:0;background:var(--premium-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--premium-radius);overflow:hidden;box-shadow:var(--premium-shadow);--col-client: 20%;--col-service: 23%;--col-task: 13%}.timesheet-grid__table thead{position:sticky;top:0;z-index:20}.timesheet-grid__table thead tr{background:var(--color-surface)}.timesheet-grid__th{padding:12px;text-align:left;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);border-right:1px solid rgba(var(--color-shadow-rgb),.04);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--color-surface)}.timesheet-grid__th:last-child{border-right:none}.timesheet-grid__th--client{width:var(--col-client)}.timesheet-grid__th--service{width:var(--col-service)}.timesheet-grid__th--task{width:var(--col-task)}.timesheet-grid__th--start-time,.timesheet-grid__th--end-time,.timesheet-grid__th--hours,.timesheet-grid__th--status,.timesheet-grid__th--actions{text-align:center}.timesheet-grid__row{transition:all var(--premium-transition);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.timesheet-grid__row:hover{background:var(--color-primary-bg)}.timesheet-grid__row--new{background:transparent;border-left:3px solid transparent}.timesheet-grid__row--active{background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.06) 0%,transparent 100%)}.timesheet-grid__row--active>td:first-child{border-left:3px solid var(--color-primary)}.timesheet-grid__row--locked{opacity:.6}.timesheet-grid__cell{padding:10px 12px;font-size:13px;color:var(--color-text);border-bottom:1px solid var(--color-border-light);border-right:1px solid rgba(var(--color-shadow-rgb),.04);cursor:pointer;transition:background var(--transition-fast);position:relative;vertical-align:middle;box-sizing:border-box}.timesheet-grid__cell:last-child{border-right:none}.timesheet-grid__cell:hover:not(.timesheet-grid__cell--readonly):not(.timesheet-grid__cell--actions){background:rgba(var(--color-primary-rgb),.08)}.timesheet-grid__cell:hover:not(.timesheet-grid__cell--readonly):not(.timesheet-grid__cell--actions):after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);animation:underline var(--transition-fast) ease-out forwards}@keyframes underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.timesheet-grid__cell--editing{background:var(--color-card-bg);box-shadow:inset 0 0 0 2px var(--color-primary)}.timesheet-grid__row:last-child .timesheet-grid__cell:first-child:hover,.timesheet-grid__row:last-child .timesheet-grid__cell:first-child.timesheet-grid__cell--editing{border-bottom-left-radius:var(--premium-radius)}.timesheet-grid__row:last-child .timesheet-grid__cell:last-child:hover,.timesheet-grid__row:last-child .timesheet-grid__cell:last-child.timesheet-grid__cell--editing{border-bottom-right-radius:var(--premium-radius)}.timesheet-grid__cell--editing input{width:100%;height:100%;border:none;background:transparent;color:var(--color-text);font-size:13px;font-family:inherit;line-height:24px;outline:none;box-sizing:border-box;padding:0;margin:0}.timesheet-grid__cell--readonly{cursor:default}.timesheet-grid__cell--readonly:not(.timesheet-grid__cell--has-value){color:var(--color-text-muted)}.timesheet-grid__cell--disabled{cursor:default}.timesheet-grid__cell--disabled:hover{background-color:transparent}.timesheet-grid__cell--disabled:after{display:none}.timesheet-grid__disabled-indicator{color:var(--color-text);font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:6px}.timesheet-grid__disabled-indicator .fa-lock{font-size:10px;opacity:.6}.timesheet-grid__cell-content{display:block;min-height:24px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:13px;max-width:100%;pointer-events:none}.timesheet-grid__cell-content input,.timesheet-grid__cell-content select,.timesheet-grid__cell-content textarea{pointer-events:auto}.timesheet-grid__cell-content--time,.timesheet-grid__cell-content--hours{text-align:center;font-family:var(--font-mono);font-weight:500}.timesheet-grid__cell-content--time{color:var(--color-text)}.timesheet-grid__cell--start-time,.timesheet-grid__cell--end-time{padding:10px var(--spacing-xs)}.timesheet-grid__input--time{font-weight:500;text-align:center}.timesheet-grid__placeholder{color:var(--color-text-muted);font-style:italic;font-weight:400;pointer-events:none}.timesheet-grid__cell--date .timesheet-grid__cell-content{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.2}.timesheet-grid__date-day{font-size:9px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em}.timesheet-grid__date-num{font-size:13px;font-weight:500;color:var(--color-text)}.timesheet-grid__hours-value{font-size:13px;font-weight:500;font-family:var(--font-mono);color:var(--color-text)}.timesheet-grid__cell--status{text-align:center}.timesheet-grid__status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;transition:all var(--premium-transition);box-shadow:0 0 0 3px transparent}.timesheet-grid__status-indicator.status-grey{background:var(--color-text-muted)}.timesheet-grid__status-indicator.status-red{background:var(--color-danger);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb),.2);animation:pulse-red 2s ease-in-out infinite}.timesheet-grid__status-indicator.status-orange{background:var(--color-warning);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb),.2)}.timesheet-grid__status-indicator.status-green{background:var(--color-success);box-shadow:0 0 0 3px rgba(var(--color-success-rgb),.2)}.timesheet-grid__status-indicator.status-blue{background:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}@keyframes pulse-red{0%,to{box-shadow:0 0 0 3px rgba(var(--color-danger-rgb),.2)}50%{box-shadow:0 0 0 6px rgba(var(--color-danger-rgb),.1)}}.timesheet-grid__status-dot{display:inline-block;width:12px;height:12px;background:var(--color-text-muted);border-radius:50%}.timesheet-grid__cell--actions{text-align:center;padding:var(--spacing-sm)}.timesheet-grid__actions-group{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.timesheet-grid__row-action{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--premium-transition);display:flex;align-items:center;justify-content:center;font-size:12px}.timesheet-grid__row-action:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text);transform:scale(1.1)}.timesheet-grid__row-action--delete:hover:not(:disabled){background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.timesheet-grid__row-action--duplicate:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.timesheet-grid__row-action:disabled{opacity:.3;cursor:not-allowed}.timesheet-grid__input,.timesheet-grid .timesheet-grid__input{width:100%;height:100%;border:none;background:transparent;color:var(--color-text);font-size:13px;font-family:inherit;line-height:24px;outline:none;box-sizing:border-box;padding:0;margin:0}.timesheet-grid__input:focus,.timesheet-grid .timesheet-grid__input:focus{outline:none}.timesheet-grid__dropdown{position:fixed;z-index:9999;background:rgba(var(--color-dropdown-rgb, 255, 255, 255),.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--premium-glass-border);border-radius:16px;box-shadow:0 20px 60px rgba(var(--color-shadow-rgb),.15),0 8px 24px rgba(var(--color-shadow-rgb),.1),inset 0 1px 0 var(--color-overlay-light);animation:dropdownSlideIn .2s ease-out;overflow:hidden;min-width:250px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .timesheet-grid__dropdown{background:rgba(var(--color-dropdown-rgb, 30, 41, 59),.95);border-color:var(--premium-glass-border);box-shadow:0 20px 60px rgba(var(--color-shadow-rgb),.4),0 8px 24px rgba(var(--color-shadow-rgb),.3),inset 0 1px 0 var(--color-overlay-light)}.timesheet-grid__dropdown--above{animation:dropdownSlideInUp .2s ease-out;border-radius:16px}@keyframes dropdownSlideInUp{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.timesheet-grid__dropdown-search{padding:14px var(--spacing-md);border:none;border-bottom:1px solid rgba(var(--color-shadow-rgb),.06);background:transparent;color:var(--color-text);font-size:14px;font-weight:500;outline:none;width:100%;transition:all var(--transition-fast)}[data-theme=dark] .timesheet-grid__dropdown-search{border-color:#ffffff1a}.timesheet-grid__dropdown-search::placeholder{color:var(--color-text-muted);font-weight:400}.timesheet-grid__dropdown-search:focus{background:rgba(var(--color-primary-rgb),.03)}.timesheet-grid__dropdown-list{max-height:300px;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:rgba(var(--color-shadow-rgb),.15) transparent}.timesheet-grid__dropdown-list::-webkit-scrollbar{width:6px}.timesheet-grid__dropdown-list::-webkit-scrollbar-track{background:transparent}.timesheet-grid__dropdown-list::-webkit-scrollbar-thumb{background:rgba(var(--color-shadow-rgb),.15);border-radius:3px}.timesheet-grid__dropdown-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-shadow-rgb),.25)}.timesheet-grid__dropdown-item{padding:12px 14px;cursor:pointer;border-radius:10px;font-size:14px;font-weight:450;color:var(--color-text);transition:all var(--transition-fast);margin-bottom:2px;position:relative}.timesheet-grid__dropdown-item:last-child{margin-bottom:0}.timesheet-grid__dropdown-item:hover{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);transform:translate(2px)}.timesheet-grid__dropdown-item--selected{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary);font-weight:600}.timesheet-grid__dropdown-item--selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0}.timesheet-grid__dropdown-item--highlighted{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary);outline:none;box-shadow:inset 0 0 0 2px rgba(var(--color-primary-rgb),.3)}.timesheet-grid__dropdown-item[data-value=""]{color:var(--color-primary);font-weight:600;border:1px dashed rgba(var(--color-primary-rgb),.3);background:rgba(var(--color-primary-rgb),.03)}.timesheet-grid__dropdown-item[data-value=""]:hover{border-style:solid;background:rgba(var(--color-primary-rgb),.1)}.timesheet-grid__dropdown-item[data-value=__clear__]{color:var(--color-text-muted);font-size:13px;padding:8px 14px;border-bottom:1px solid var(--color-border-light);border-radius:0;margin-bottom:4px}.timesheet-grid__dropdown-item[data-value=__clear__]:hover{color:var(--color-danger);background:rgba(var(--color-danger-rgb),.06);transform:none}.timesheet-grid__dropdown-empty{padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:13px;font-weight:500}.timesheet-grid__dropdown-empty .spinner-small{width:16px;height:16px;border:2px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.timesheet-loading{position:fixed;inset:0;background:rgba(var(--color-bg),.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--transition-fast) ease-out}.timesheet-loading--hidden{animation:fadeOut var(--transition-base) ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.timesheet-loading__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.timesheet-loading__spinner{width:60px;height:60px;position:relative}.timesheet-loading__ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.timesheet-loading__ring:nth-child(2){inset:6px;border-top-color:rgba(var(--color-primary-rgb),.7);animation-duration:.8s;animation-direction:reverse}.timesheet-loading__ring:nth-child(3){inset:12px;border-top-color:rgba(var(--color-primary-rgb),.4);animation-duration:.6s}.timesheet-loading__text{font-size:14px;color:var(--color-text-secondary);font-weight:500}.timesheet-modal{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--premium-radius);box-shadow:0 20px 60px rgba(var(--color-shadow-rgb),.15)}[data-theme=dark] .timesheet-grid{--premium-glass: rgba(var(--color-surface-rgb), .8);--premium-glass-border: rgba(255, 255, 255, .1);--premium-shadow: 0 8px 32px rgba(var(--color-shadow-rgb), .3)}[data-theme=dark] .timesheet-grid__ambient-orb{opacity:.2}[data-theme=sage] .timesheet-grid__ambient-orb--1{background:rgba(var(--color-primary-rgb),.15)}[data-theme=sage] .timesheet-grid__ambient-orb--2{background:rgba(var(--color-primary-rgb),.1)}[data-theme=sage] .timesheet-grid__logo{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}@media(max-width:1400px){.timesheet-grid__header{flex-wrap:wrap;gap:var(--spacing-md)}.timesheet-grid__view-toggle span{display:none}}@media(max-width:1200px){.timesheet-grid__stats{flex-wrap:wrap}.timesheet-grid__action-btn--leave span{display:none}}@media(max-width:1400px){.timesheet-grid__table{min-width:1000px;--col-client: 18%;--col-service: 21%;--col-task: 12%}.timesheet-grid__th{padding:10px 8px;font-size:10px}.timesheet-grid__cell{padding:8px;font-size:12px}}@media(max-width:1280px){.timesheet-grid__table{min-width:950px;--col-client: 17%;--col-service: 20%;--col-task: 11%}.timesheet-grid__table-wrapper{padding:16px var(--spacing-md)}.timesheet-grid__th{padding:8px 6px;letter-spacing:.03em}.timesheet-grid__cell{padding:6px 8px}}@media(max-width:1150px){.timesheet-grid__header{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.timesheet-grid__logo{width:36px;height:36px;font-size:16px;border-radius:10px}.timesheet-grid__title{font-size:1.2rem}.timesheet-grid__subtitle{display:none}.timesheet-grid__table{min-width:900px;--col-client: 16%;--col-service: 19%;--col-task: 10%}.timesheet-grid__date-display{min-width:160px;padding:8px 12px;font-size:12px}.timesheet-grid__nav-btn{padding:8px 10px}.timesheet-grid__submit-btn{padding:8px 12px;font-size:12px}.timesheet-grid__submit-btn span{display:none}}.timesheet-grid__table-wrapper::-webkit-scrollbar{width:12px;height:12px}.timesheet-grid__table-wrapper::-webkit-scrollbar-track{background:var(--color-surface);border-radius:6px}.timesheet-grid__table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px;border:3px solid var(--color-surface)}.timesheet-grid__table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.timesheet-grid__table-wrapper{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}.timesheet-grid--compact .timesheet-grid__header{padding:10px 20px}.timesheet-grid--compact .timesheet-grid__logo{width:36px;height:36px;border-radius:10px;font-size:16px}.timesheet-grid--compact .timesheet-grid__title{font-size:1.2rem}.timesheet-grid--compact .timesheet-grid__subtitle{display:none}.timesheet-grid--compact .timesheet-grid__nav-btn,.timesheet-grid--compact .timesheet-grid__date-display,.timesheet-grid--compact .timesheet-grid__view-btn{padding:6px 12px;font-size:12px}.timesheet-grid--compact .timesheet-grid__view-btn span{display:none}.timesheet-grid--compact .timesheet-grid__action-btn{width:32px;height:32px;font-size:13px}.timesheet-grid--compact .timesheet-grid__compact-btn{width:32px;height:32px;font-size:12px}.timesheet-grid--compact .timesheet-grid__action-btn--leave{padding:0 10px;height:32px}.timesheet-grid--compact .timesheet-grid__action-btn--leave span{display:none}.timesheet-grid--compact .timesheet-grid__submit-btn{padding:6px 14px;font-size:12px}.timesheet-grid--compact .timesheet-grid__table-wrapper{padding:12px var(--spacing-md)}.timesheet-grid--compact .timesheet-grid__th{padding:10px var(--spacing-sm);font-size:10px}.timesheet-grid--compact .timesheet-grid__cell{padding:6px var(--spacing-sm);font-size:12px}.timesheet-grid--compact .timesheet-grid__cell-content{min-height:18px}.timesheet-grid--compact .timesheet-grid__cell--client .timesheet-grid__cell-content,.timesheet-grid--compact .timesheet-grid__cell--service .timesheet-grid__cell-content,.timesheet-grid--compact .timesheet-grid__cell--task .timesheet-grid__cell-content,.timesheet-grid--compact .timesheet-grid__cell--description .timesheet-grid__cell-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.timesheet-grid--compact .timesheet-grid__date-day{font-size:9px}.timesheet-grid--compact .timesheet-grid__date-num{font-size:11px}.timesheet-grid--compact .timesheet-grid__hours-value{font-size:12px}.timesheet-grid--compact .timesheet-grid__status-indicator{width:10px;height:10px}.timesheet-grid--compact .timesheet-grid__row-action{width:24px;height:24px;font-size:10px}.timesheet-grid--compact .timesheet-grid__placeholder{font-size:11px}.timesheet-grid--compact .timesheet-grid__ambient-orb--1{width:250px;height:250px}.timesheet-grid--compact .timesheet-grid__ambient-orb--2{width:200px;height:200px}.timesheet-grid--compact .timesheet-grid__ambient-orb--3{width:150px;height:150px}.groups-page{padding:var(--spacing-xl);min-height:100%;background:var(--color-surface)}.group-manager{display:flex;flex-direction:column;gap:var(--spacing-xl)}.group-manager__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.group-manager__title{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.group-manager__subtitle{margin:var(--spacing-xs) 0 0;color:var(--color-text-secondary)}.group-manager__header-actions{display:flex;gap:var(--spacing-sm)}.group-manager__new{display:inline-flex;align-items:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--white);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.group-manager__new:hover{background:var(--color-primary-dark)}.group-manager__body{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:var(--spacing-xl);align-items:flex-start}.group-manager__column--list{display:flex;flex-direction:column;gap:var(--spacing-md)}.group-manager__search .form__input{width:100%}.group-manager__list{background:var(--color-surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-default);min-height:220px}.group-manager__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-manager__item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-alt);transition:border var(--transition-fast),background var(--transition-fast);cursor:pointer}.group-manager__item:hover{border-color:var(--color-primary-soft);background:var(--color-surface-hover)}.group-manager__item--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.group-manager__item-main{display:flex;flex-direction:column;gap:var(--spacing-xs)}.group-manager__item-name{font-weight:600;color:var(--color-text-primary)}.group-manager__item-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.group-manager__item-actions{display:flex;gap:var(--spacing-sm)}.group-manager__action{width:32px;height:32px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border var(--transition-fast)}.group-manager__action:hover{color:var(--color-primary);border-color:var(--color-primary-soft);background:var(--color-surface-hover)}.group-manager__action--danger{color:var(--color-danger);border-color:var(--color-danger-bg)}.group-manager__action--danger:hover{color:var(--white);background:var(--color-danger);border-color:var(--color-danger)}.group-manager__form-card{background:var(--color-surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.group-manager__form-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.group-manager__form-description{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.group-manager__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.group-manager__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.group-manager__empty{display:grid;place-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--color-text-secondary)}.group-manager__empty-icon{font-size:var(--font-size-3xl);color:var(--color-primary);opacity:.4}.lists-management{display:flex;flex-direction:column;height:calc(100% + 2 * var(--spacing-xl));width:calc(100% + 2 * var(--spacing-xl));margin:calc(-1 * var(--spacing-xl));background:var(--color-bg);box-sizing:border-box;overflow:hidden}.lists-management__header{height:var(--sidebar-header-height);min-height:var(--sidebar-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.lists-management__title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.lists-management__title i{color:var(--color-primary);font-size:22px}.lists-management__header-actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.lists-management__btn-add{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;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 var(--transition-fast);white-space:nowrap}.lists-management__btn-add:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-default)}.lists-management__btn-add:active{transform:translateY(0)}.lists-management__btn-add i{font-size:12px}.lists-management__tabs{display:flex;gap:8px;padding:12px var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-surface) 100%);border-bottom:2px solid var(--color-border);position:sticky;top:var(--sidebar-header-height);z-index:99;box-shadow:0 4px 6px -1px rgba(var(--color-shadow-rgb),.05)}.lists-management__tab{position:relative;display:inline-flex;align-items:center;padding:12px 20px;gap:8px;background:linear-gradient(180deg,var(--color-card-bg) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-bottom:3px solid transparent;border-radius:10px 10px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;overflow:hidden}.lists-management__tab:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.06),rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.06));opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:inherit}.lists-management__tab:before{content:"";position:absolute;bottom:-3px;left:50%;right:50%;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.4)}.lists-management__tab:hover:not(.lists-management__tab--active){color:var(--color-text);transform:translateY(-1px);border-color:rgba(var(--color-primary-rgb),.2)}.lists-management__tab:hover:after{opacity:1}.lists-management__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);font-weight:700;transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--color-shadow-rgb),.06),inset 0 1px rgba(var(--color-card-bg-rgb),.8),0 0 0 1px rgba(var(--color-primary-rgb),.1)}.lists-management__tab--active:before{opacity:1;left:0;right:0}.lists-management__tab i{font-size:13px;opacity:.7;transition:opacity .2s ease}.lists-management__tab--active i{opacity:1}.lists-management__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--color-surface);color:var(--color-text-secondary);font-size:11px;font-weight:700;border-radius:11px;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.08);transition:all .3s ease}.lists-management__tab--active .lists-management__tab-count{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.3),0 0 0 2px rgba(var(--color-primary-rgb),.15);transform:scale(1.05)}.lists-management__toolbar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.lists-management__search{position:relative;display:flex;align-items:center;width:280px}.lists-management__search i{position:absolute;left:10px;color:var(--color-text-muted);font-size:13px;pointer-events:none}.lists-management__search input{width:100%;padding:8px 10px 8px 32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.lists-management__search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.lists-management__search input::placeholder{color:var(--color-text-muted)}.lists-management__toolbar--hidden,.lists-management__btn-add--hidden{display:none}.lists-management__content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md) var(--spacing-xl)}.lists-management__content::-webkit-scrollbar{width:6px}.lists-management__content::-webkit-scrollbar-track{background:transparent}.lists-management__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.lists-management__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.lists-management__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-sm)}.lists-management__card{position:relative;display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease;cursor:default}.lists-management__card:hover{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.08),0 0 0 1px rgba(var(--color-primary-rgb),.1);transform:translateY(-2px)}.lists-management__card--pinned{background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-primary-bg) 100%);border-color:rgba(var(--color-primary-rgb),.2)}.lists-management__card--pinned:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.lists-management__card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.lists-management__card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-bg) 0%,rgba(var(--color-primary-rgb),.15) 100%);color:var(--color-primary);border-radius:var(--radius-md);font-size:16px;transition:transform .2s ease}.lists-management__card:hover .lists-management__card-icon{transform:scale(1.05)}.lists-management__card-title-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.lists-management__card-title{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lists-management__card-badges{display:flex;gap:6px;flex-wrap:wrap}.lists-management__badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.lists-management__badge i{font-size:10px}.lists-management__badge--tabs{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.lists-management__badge--private{background:var(--color-surface);color:var(--color-text-muted)}.lists-management__badge--private i{opacity:.6}.lists-management__badge--public{background:var(--color-success-bg);color:var(--color-success)}.lists-management__badge--shared{background:var(--color-info-bg);color:var(--color-info)}.lists-management__badge--pinned{background:var(--color-primary-bg);color:var(--color-primary)}.lists-management__card-desc{margin:0 0 12px;padding-left:52px;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lists-management__card-footer{display:flex;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--color-border-light);margin-top:auto}.lists-management__card-actions{display:flex;gap:4px}.lists-management__action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;font-size:13px}.lists-management__action:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.lists-management__action--pin:hover,.lists-management__action--active{background:var(--color-primary-bg);border-color:rgba(var(--color-primary-rgb),.2);color:var(--color-primary)}.lists-management__action--danger:hover{background:var(--color-danger-bg);border-color:rgba(var(--color-danger-rgb),.2);color:var(--color-danger)}.lists-management__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-xl);text-align:center}.lists-management__empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.lists-management__empty-icon i{font-size:24px;color:var(--color-text-muted)}.lists-management__empty-icon--search i{color:var(--color-info)}.lists-management__empty-icon--error i{color:var(--color-danger)}.lists-management__empty-title{margin:0 0 4px;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.lists-management__empty-text{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:300px}.lists-management__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.lists-management__loading p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.lists-management__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:lists-spin .7s linear infinite}@keyframes lists-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.lists-management__header{padding:0 var(--spacing-md)}.lists-management__title{font-size:20px}.lists-management__title i{font-size:18px}.lists-management__tabs{padding:var(--spacing-sm) var(--spacing-md) 0;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lists-management__tabs::-webkit-scrollbar{display:none}.lists-management__tab{padding:10px 14px;font-size:var(--font-size-xs)}.lists-management__tab span:not(.lists-management__tab-count){display:none}.lists-management__toolbar{padding:var(--spacing-sm) var(--spacing-md)}.lists-management__search{width:100%}.lists-management__content{padding:var(--spacing-sm) var(--spacing-md)}.lists-management__grid{grid-template-columns:1fr}}[data-theme=dark] .lists-management__card{box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.3)}[data-theme=dark] .lists-management__card:hover{box-shadow:0 8px 20px rgba(var(--color-shadow-rgb),.4),0 0 0 1px rgba(var(--color-primary-rgb),.2)}[data-theme=dark] .lists-management__card--pinned{background:linear-gradient(135deg,var(--color-card-bg) 0%,rgba(var(--color-primary-rgb),.08) 100%)}.lists-management__btn-add:focus-visible,.lists-management__tab:focus-visible,.lists-management__action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lists-management__search input:focus-visible{outline:none}@media(prefers-contrast:high){.lists-management__card{border-width:2px}.lists-management__tab--active{border:2px solid currentColor}}.lists-management__modal-field{padding:4px 0}.lists-management__modal-label{display:block;margin-bottom:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lists-management__modal-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);box-sizing:border-box;transition:border-color var(--transition-fast)}.lists-management__modal-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.lists-management__categories{max-width:640px;margin:0 auto;padding:var(--spacing-lg) 0}.lists-management__categories-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.lists-management__categories-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.lists-management__categories-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.lists-management__category-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:grab}.lists-management__category-row:hover{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.06)}.lists-management__category-row--dragging{opacity:.5;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.lists-management__category-drag{color:var(--color-text-muted);cursor:grab;padding:2px var(--spacing-xs);font-size:13px}.lists-management__category-name{flex:1;font-weight:500;font-size:var(--font-size-base);color:var(--color-text)}.lists-management__category-count{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-full);white-space:nowrap}.lists-management__categories-note{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--spacing-sm);line-height:1.5}.lists-management__categories-note i{color:var(--color-info);margin-top:3px;flex-shrink:0}.lists-management__category-group{display:flex;flex-direction:column}.lists-management__list-group{display:flex;flex-direction:column;gap:2px;padding-left:28px;margin-bottom:var(--spacing-xs)}.lists-management__list-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px var(--spacing-sm);background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-sm);cursor:grab;transition:all var(--transition-fast)}.lists-management__list-row:hover{background:var(--color-card-bg);border-color:rgba(var(--color-primary-rgb),.2)}.lists-management__list-row--dragging{opacity:.5;border-color:var(--color-primary);background:var(--color-primary-bg)}.lists-management__list-drag{color:var(--color-text-muted);cursor:grab;font-size:11px;opacity:0;transition:opacity var(--transition-fast)}.lists-management__list-row:hover .lists-management__list-drag{opacity:1}.lists-management__list-icon{font-size:13px;color:var(--color-primary);width:16px;text-align:center;flex-shrink:0}.lists-management__list-name{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lists-management__list-empty{padding:6px var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.lists-management__category-row--pinned{cursor:default;opacity:.85}.lists-management__pinned-icon{font-size:13px;color:var(--color-primary)}[data-theme=dark] .lists-management__list-row:hover{background:var(--color-card-bg)}.lists-management__category-select{padding:4px 8px;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-xs);cursor:pointer;transition:border-color var(--transition-fast);max-width:140px;margin-right:auto}.lists-management__category-select:hover{border-color:rgba(var(--color-primary-rgb),.4)}.lists-management__category-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}[data-theme=dark] .lists-management__category-row{box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.2)}[data-theme=dark] .lists-management__category-row:hover{box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.3)}@media(prefers-reduced-motion:reduce){.lists-management__card,.lists-management__btn-add,.lists-management__tab,.lists-management__action,.lists-management__spinner,.lists-management__category-row,.lists-management__list-row{transition:none;animation:none}.lists-management__tab:before,.lists-management__tab:after{transition:none}}.column-selector{display:flex;flex-direction:column;gap:1rem;max-height:65vh;overflow-y:auto}.column-selector__toolbar{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.column-selector__search{position:relative;flex:1}.column-selector__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.813rem;pointer-events:none}.column-selector__search-input{width:100%;padding:.5rem .75rem .5rem 2rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.375rem;font-size:.813rem;color:var(--text-primary);transition:all .15s ease}.column-selector__search-input::placeholder{color:var(--text-tertiary)}.column-selector__search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.column-selector__global-actions{display:flex;gap:.375rem;flex-shrink:0}.column-selector__action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.column-selector__action-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.column-selector__action-btn i{font-size:.688rem}.column-selector__section{display:flex;flex-direction:column;gap:.5rem}.column-selector__section--selected{padding:.75rem;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-primary-bg-light) 100%);border:1px solid var(--color-primary-light);border-radius:.5rem}.column-selector__section--available{padding:.75rem 0}.column-selector__section-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.column-selector__section-title{display:flex;align-items:center;gap:.5rem;font-size:.813rem;font-weight:600;color:var(--text-primary);margin:0}.column-selector__section-title i{color:var(--primary-color);font-size:.813rem}.column-selector__count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--primary-color);color:var(--color-on-primary);border-radius:.625rem;font-size:.688rem;font-weight:600}.column-selector__hint{font-size:.688rem;color:var(--text-tertiary);font-style:italic}.column-selector__items--selected{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto}.column-selector__empty-selected{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:.813rem;font-style:italic}.column-selector__selected-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--color-card-bg);border:1px solid var(--border-color);border-radius:.375rem;cursor:grab;transition:all .15s ease}.column-selector__selected-item:hover{border-color:var(--primary-color);box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.1)}.column-selector__selected-item--dragging{opacity:.5;cursor:grabbing;transform:scale(1.02);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.15)}.column-selector__selected-item--drag-over{border-color:var(--primary-color);border-style:dashed;background:var(--color-primary-bg)}.column-selector__drag-handle{display:flex;align-items:center;justify-content:center;width:1rem;color:var(--text-tertiary);cursor:grab;flex-shrink:0}.column-selector__drag-handle:hover{color:var(--primary-color)}.column-selector__order-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;background:var(--primary-color);color:var(--color-on-primary);border-radius:50%;font-size:.625rem;font-weight:700;flex-shrink:0}.column-selector__selected-label{flex:1;font-size:.813rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-selector__type-badge{padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.column-selector__type-badge--task{background:var(--color-primary-bg);color:var(--color-primary-dark)}.column-selector__type-badge--client{background:var(--color-success-bg);color:var(--color-success-dark)}.column-selector__type-badge--aggregated{background:var(--color-warning-bg);color:var(--color-warning-dark)}.column-selector__type-badge--custom{background:var(--color-purple-bg);color:var(--color-purple)}.column-selector__item-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;margin-left:auto}.column-selector__icon-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:1px solid transparent;color:var(--text-tertiary);cursor:pointer;border-radius:.25rem;transition:all .15s ease;flex-shrink:0}.column-selector__icon-btn:hover{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-secondary)}.column-selector__icon-btn--active{background:var(--color-primary-bg);border-color:var(--primary-color);color:var(--primary-color)}.column-selector__icon-btn--active:hover{background:var(--color-primary-bg);color:var(--primary-color)}.column-selector__pin-btn.column-selector__icon-btn--active{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.column-selector__pin-btn.column-selector__icon-btn--active:hover{background:var(--color-warning-bg);color:var(--color-warning-dark)}.column-selector__group-btn.column-selector__icon-btn--active{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.column-selector__group-btn.column-selector__icon-btn--active:hover{background:var(--color-success-bg);color:var(--color-success-dark)}.column-selector__remove-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:1px solid transparent;color:var(--text-tertiary);cursor:pointer;border-radius:.25rem;transition:all .15s ease;flex-shrink:0}.column-selector__remove-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.column-selector__available-grid{display:flex;flex-direction:column;gap:.75rem}.column-selector__category{display:flex;flex-direction:column;gap:.375rem}.column-selector__category-header{display:flex;align-items:center;gap:.375rem;font-size:.688rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.column-selector__category-header i{font-size:.625rem;color:var(--text-tertiary)}.column-selector__category-items{display:flex;flex-wrap:wrap;gap:.375rem}.column-selector__available-item{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.375rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.column-selector__available-item:hover{background:var(--color-primary-bg);border-color:var(--primary-color);color:var(--primary-color)}.column-selector__available-item i{font-size:.625rem;opacity:.7}.column-selector__available-item:hover i{opacity:1}.column-selector__mini-badge{padding:.0625rem .25rem;background:rgba(var(--color-shadow-rgb),.08);border-radius:.1875rem;font-size:.5625rem;font-weight:600;text-transform:uppercase}[data-theme=dark] .column-selector__section--selected{background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-secondary-bg) 100%);border-color:var(--color-border)}[data-theme=dark] .column-selector__selected-item{background:var(--color-secondary-bg);border-color:var(--color-border)}[data-theme=dark] .column-selector__selected-item:hover{border-color:var(--color-primary)}[data-theme=dark] .column-selector__available-item{background:var(--color-secondary-bg);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .column-selector__available-item:hover{background:var(--color-primary-hover);border-color:var(--color-primary);color:var(--color-on-primary)}[data-theme=dark] .column-selector__category-header{color:var(--color-text-muted)}[data-theme=dark] .column-selector__type-badge--task{background:var(--color-primary-dark);color:var(--color-primary-light)}[data-theme=dark] .column-selector__type-badge--client{background:var(--color-success-dark);color:var(--color-success-light)}[data-theme=dark] .column-selector__type-badge--aggregated{background:var(--color-warning-dark);color:var(--color-warning-light)}[data-theme=dark] .column-selector__type-badge--custom{background:var(--color-purple-dark);color:var(--color-purple-light)}.column-selector-inline-container{margin-top:1rem;margin-bottom:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;animation:slideDown .2s ease-out;min-width:500px;max-width:100%}.column-selector--inline{max-height:none}.column-selector--inline .column-selector__items--selected{max-height:180px}[data-theme=dark] .column-selector-inline-container{background:var(--color-secondary-bg);border-color:var(--color-border)}@media(max-width:768px){.column-selector__toolbar{flex-direction:column;gap:.5rem}.column-selector__global-actions{width:100%;justify-content:flex-end}.column-selector-inline-container{padding:.75rem;min-width:auto}}.column-selector__items--selected::-webkit-scrollbar{width:6px}.column-selector__items--selected::-webkit-scrollbar-track{background:transparent}.column-selector__items--selected::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.column-selector__items--selected::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.icon-picker__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.icon-picker__preview{font-size:1.125rem;color:var(--color-primary)}.icon-picker__label{flex:1;text-align:left}.icon-picker__trigger--open .icon-picker__arrow{transform:rotate(180deg)}.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-input::placeholder{color:var(--color-text-muted)}.icon-picker__empty{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.icon-picker--inline{width:auto}.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}}.lists__header{margin-bottom:2rem}.lists__header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.lists__title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0}.lists__subtitle{font-size:.95rem;color:var(--text-secondary);margin:.5rem 0 0}.lists__search{position:relative;max-width:500px}.lists__search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.875rem;pointer-events:none;transition:color .2s ease}.lists__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);transition:all .2s ease}.lists__search-input::placeholder{color:var(--text-tertiary)}.lists__search-input:hover{border-color:var(--primary-color)}.lists__search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.lists__search-input:focus+.lists__search-icon,.lists__search:hover .lists__search-icon{color:var(--primary-color)}.lists__create-btn,.lists__empty-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:var(--color-on-primary);border:none;border-radius:.375rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s}.lists__create-btn:hover,.lists__empty-btn:hover{background:var(--primary-hover)}.lists__loading,.lists__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.lists__loading i{font-size:2rem;margin-bottom:1rem}.lists__empty-icon{font-size:4rem;color:var(--border-color);margin-bottom:1.5rem}.lists__empty h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.lists__empty p{color:var(--text-secondary);margin:0 0 1.5rem}.lists__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.dashboard-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.dashboard-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px rgba(var(--color-shadow-rgb),.12),0 2px 8px rgba(var(--color-shadow-rgb),.08);transform:translateY(-4px)}.dashboard-card:hover:before{transform:scaleX(1)}.dashboard-card:active{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.1)}.dashboard-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.dashboard-card__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;line-height:1.4;transition:color .2s ease}.dashboard-card:hover .dashboard-card__title{color:var(--primary-color)}.dashboard-card__pin-indicator{color:var(--primary-color);font-size:.875rem;margin-left:.5rem;animation:pinPulse 2s ease-in-out infinite}@keyframes pinPulse{0%,to{opacity:1}50%{opacity:.6}}.dashboard-card__description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.dashboard-card__meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.813rem;color:var(--text-secondary)}.dashboard-card__sharing,.dashboard-card__creator{display:flex;align-items:center;gap:.375rem}.dashboard-card__sharing i,.dashboard-card__creator i{font-size:.75rem}.dashboard-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:.5rem}.dashboard-card__action{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-card__action:before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .2s ease}.dashboard-card__action:hover:before{opacity:.08}.dashboard-card__action:hover{color:var(--text-primary);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.1)}.dashboard-card__action:active{transform:translateY(0)}.dashboard-card__action i{transition:transform .2s ease}.dashboard-card__action:hover i{transform:scale(1.1)}.dashboard-card__action--view{color:var(--primary-color);border-color:var(--primary-color);font-weight:600}.dashboard-card__action--view:hover{background:var(--primary-color);color:var(--color-on-primary)}.dashboard-card__action--view:hover:before{opacity:0}.dashboard-card__action--delete{color:var(--error-color);border-color:var(--error-color)}.dashboard-card__action--delete:hover{background:var(--error-color);color:var(--color-on-danger)}.dashboard-card__action--delete:hover:before{opacity:0}.dashboard-view{padding:2rem;max-width:1600px;margin:0 auto}.dashboard-view__loading,.dashboard-view__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.dashboard-view__loading i{font-size:2rem;margin-bottom:1rem}.dashboard-view__error i{font-size:3rem;color:var(--error-color);margin-bottom:1rem}.dashboard-view__retry-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:var(--color-on-primary);border:none;border-radius:.375rem;font-size:.95rem;cursor:pointer;margin-top:1rem}.dashboard-view__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-view__title-section{flex:1}.dashboard-view__back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:none;border-radius:.25rem;font-size:.875rem;cursor:pointer;margin-bottom:.75rem;transition:all .2s}.dashboard-view__back-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.dashboard-view__title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0}.dashboard-view__actions{display:flex;gap:.75rem}.dashboard-view__action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.dashboard-view__action-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.dashboard-view__grid-wrapper{position:relative;min-height:400px}.dashboard-view__tasks-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.dashboard-view__table{width:100%;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.05)}.dashboard-view__table thead{background:linear-gradient(to bottom,var(--bg-secondary),var(--surface-color));position:sticky;top:0;z-index:10}.dashboard-view__table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--border-color);white-space:nowrap;user-select:none}.dashboard-view__table th:first-child{border-top-left-radius:.5rem}.dashboard-view__table th:last-child{border-top-right-radius:.5rem}.dashboard-view__table-row{border-bottom:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.dashboard-view__table-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.dashboard-view__table-row:hover{background:var(--hover-bg);box-shadow:inset 4px 0 0 var(--primary-color)}.dashboard-view__table-row:hover:after{transform:scaleX(1)}.dashboard-view__table-row:last-child{border-bottom:none}.dashboard-view__table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle;line-height:1.5}.dashboard-view__table td:first-child{font-weight:500}.dashboard-view__status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:1.25rem;font-size:.75rem;font-weight:600;letter-spacing:.3px;border:1px solid currentColor;transition:all .2s ease}.dashboard-view__view-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;background:var(--primary-color);color:var(--color-on-primary);border:none;border-radius:.375rem;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.05)}.dashboard-view__view-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.dashboard-view__view-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(var(--color-shadow-rgb),.1)}.dashboard-view__view-btn i{transition:transform .2s ease}.dashboard-view__view-btn:hover i{transform:translate(2px)}.dashboard-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.dashboard-view__empty i{font-size:3rem;color:var(--border-color);margin-bottom:1rem}.dashboard-view__empty p{font-size:.95rem;margin:0}.column-selector__type-badge--base{background:var(--color-primary-bg);color:var(--color-primary)}.column-selector__type-badge--client{background:var(--color-info-bg, rgba(14, 165, 233, .1));color:var(--color-info, #0ea5e9)}.column-selector__type-badge--aggregate{background:var(--color-teal-bg, rgba(20, 184, 166, .1));color:var(--color-teal, #14b8a6)}.column-selector__type-badge--custom{background:var(--color-purple-bg, rgba(168, 85, 247, .1));color:var(--color-purple, #a855f7)}.column-selector__type-badge--event{background:var(--color-orange-bg, rgba(249, 115, 22, .1));color:var(--color-orange, #f97316)}.service-tab__billed-via{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary)}.service-tab__billed-via i{font-size:.6875rem;opacity:.7}.service-tab__due-date{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--text-primary)}.service-tab__due-date--overdue{color:var(--color-danger);font-weight:600}.service-tab__due-date--soon{color:var(--color-warning);font-weight:500}.service-tab__due-date--none{color:var(--text-muted)}.service-tab__my-tasks-btn{transition:background-color .15s ease,color .15s ease}.service-tab__my-tasks-btn--active{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--border-radius)}.dashboard-view__tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:thin}.dashboard-view__tabs::-webkit-scrollbar{height:4px}.dashboard-view__tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.dashboard-view__tab{position:relative;padding:1rem 1.75rem;background:transparent;color:var(--text-secondary);border:none;border-bottom:3px solid transparent;font-size:.95rem;font-weight:500;cursor:pointer;margin-bottom:-2px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;border-radius:.375rem .375rem 0 0}.dashboard-view__tab:before{content:"";position:absolute;inset:0;background:var(--hover-bg);opacity:0;transition:opacity .2s ease;border-radius:.375rem .375rem 0 0}.dashboard-view__tab:hover:before{opacity:1}.dashboard-view__tab:hover{color:var(--text-primary)}.dashboard-view__tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600;background:linear-gradient(to bottom,var(--hover-bg),transparent)}.dashboard-view__tab.active:before{opacity:0}.dashboard-view__tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));border-radius:2px 2px 0 0;box-shadow:0 -2px 8px rgba(var(--color-primary-rgb),.3)}.dashboard-view__controls{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.05)}.dashboard-view__filters{display:flex;gap:.75rem;flex-wrap:wrap;flex:1;align-items:center}.dashboard-view__sort{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:.375rem;border:1px solid transparent;transition:all .2s ease}.dashboard-view__sort:hover{border-color:var(--border-color);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.05)}.dashboard-view__sort label{font-size:.813rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dashboard-view__sort-select{padding:.5rem 2.5rem .5rem .875rem;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;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 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.dashboard-view__sort-select:hover{border-color:var(--primary-color)}.dashboard-view__sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.dashboard-view__sort-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:36px;height:36px}.dashboard-view__sort-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.1)}.dashboard-view__sort-btn:active{transform:translateY(0)}.dashboard-view__sort-btn i{transition:transform .3s ease}.dashboard-view__sort-btn:hover i{transform:scale(1.1)}.tab-column-selector-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-surface) 100%);color:var(--text-primary);border:2px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;justify-content:center}.tab-column-selector-btn:hover{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-hover) 100%);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.tab-column-selector-btn:active{transform:translateY(0)}.tab-column-selector-btn i{font-size:1rem;transition:transform .2s ease}.tab-column-selector-btn:hover i{transform:scale(1.1)}[data-theme=dark] .tab-column-selector-btn{background:var(--client-header-gradient);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .tab-column-selector-btn:hover{background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-surface) 100%);border-color:var(--color-primary);color:var(--color-primary)}.tab-pinned-selector-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-surface) 100%);color:var(--text-primary);border:2px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;justify-content:center}.tab-pinned-selector-btn:hover{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg) 100%);border-color:var(--color-warning);color:var(--color-text);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-warning-rgb),.3)}.tab-pinned-selector-btn:active{transform:translateY(0)}.tab-pinned-selector-btn i{font-size:.875rem;transition:transform .2s ease}.tab-pinned-selector-btn:hover i{transform:rotate(15deg) scale(1.1)}.pinned-selector-inline{margin-top:1rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:.75rem;padding:1.25rem;animation:slideDown .2s ease-out}.pinned-selector__header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border)}.pinned-selector__header span{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.pinned-selector__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.pinned-selector__item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;position:relative}.pinned-selector__item:hover{background:var(--color-warning-bg);border-color:var(--color-warning);transform:translate(4px)}.pinned-selector__item:has(input:checked){background:var(--color-warning-bg);border-color:var(--color-warning);box-shadow:0 2px 8px rgba(var(--color-warning-rgb),.2)}.pinned-selector__item input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--color-warning);flex-shrink:0}.pinned-selector__item span{flex:1;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.pinned-selector__item:has(input:checked) span{color:var(--color-text);font-weight:600}.pinned-selector__pin-icon{color:var(--color-warning);font-size:.875rem;animation:pinPop .3s ease-out}@keyframes pinPop{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(15deg)}to{transform:scale(1) rotate(0);opacity:1}}.pinned-selector__footer{display:flex;justify-content:flex-end;padding-top:.75rem;border-top:2px solid var(--color-border)}[data-theme=dark] .tab-pinned-selector-btn{background:var(--client-header-gradient);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .tab-pinned-selector-btn:hover{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg) 100%);border-color:var(--color-warning);color:var(--color-warning)}[data-theme=dark] .pinned-selector-inline{background:var(--color-input-bg);border-color:var(--color-border)}[data-theme=dark] .pinned-selector__header{border-bottom-color:var(--color-border)}[data-theme=dark] .pinned-selector__header span{color:var(--color-text-secondary)}[data-theme=dark] .pinned-selector__item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .pinned-selector__item:hover{background:var(--color-warning-bg);border-color:var(--color-warning)}[data-theme=dark] .pinned-selector__item:has(input:checked){background:var(--color-warning-bg);border-color:var(--color-warning)}[data-theme=dark] .pinned-selector__item span{color:var(--color-text-secondary)}[data-theme=dark] .pinned-selector__item:has(input:checked) span{color:var(--color-warning)}[data-theme=dark] .pinned-selector__footer{border-top-color:var(--color-border)}@media(max-width:768px){.pinned-selector__list{grid-template-columns:1fr}}.task-list-form{max-height:calc(90vh - 200px);overflow-y:auto;padding:.25rem}.task-list-form__section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.task-list-form__section:last-child{border-bottom:none}.task-list-form__section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;justify-content:space-between}.task-list-form__subsection-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.task-list-form__help{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.task-list-form__field{margin-bottom:1.25rem}.task-list-form__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.task-list-form__required{color:var(--error-color);margin-left:.25rem}.task-list-form__input,.task-list-form__textarea,.task-list-form__select,.task-list-form__multiselect{width:100%;padding:.625rem .75rem;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;font-family:inherit;transition:all .2s ease}.task-list-form__input:focus,.task-list-form__textarea:focus,.task-list-form__select:focus,.task-list-form__multiselect:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.task-list-form__input:hover,.task-list-form__textarea:hover,.task-list-form__select:hover,.task-list-form__multiselect:hover{border-color:var(--primary-color)}.task-list-form__textarea{resize:vertical;min-height:70px;line-height:1.5}.task-list-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='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.task-list-form__multiselect{cursor:pointer;padding:.5rem}.task-list-form__multiselect option{padding:.375rem .5rem;border-radius:.25rem;margin:.125rem 0}.task-list-form__hint{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:.375rem;line-height:1.4}.task-list-form__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1rem}.task-list-form__add-tab-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--primary-color);color:var(--color-on-primary);border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.task-list-form__add-tab-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.task-list-form__add-tab-btn:active{transform:translateY(0)}.task-list-form__tabs{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;margin-top:1rem}.task-list-form__tab-list{display:flex;flex-direction:column;gap:.5rem}.task-list-form__tab-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.task-list-form__tab-item:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translate(4px)}.task-list-form__tab-item.active{background:var(--primary-color);color:var(--color-on-primary);border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.task-list-form__tab-name{font-size:.875rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-list-form__tab-delete{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:transparent;color:var(--error-color);border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;opacity:0;transition:all .2s ease;margin-left:.5rem}.task-list-form__tab-item:hover .task-list-form__tab-delete{opacity:.7}.task-list-form__tab-delete:hover{opacity:1;background:rgba(var(--color-danger-rgb),.1)}.task-list-form__tab-item.active .task-list-form__tab-delete{color:var(--color-on-primary);opacity:.8}.task-list-form__tab-item.active .task-list-form__tab-delete:hover{opacity:1;background:var(--color-overlay-medium)}.task-list-form__tab-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.375rem;padding:1.5rem;min-height:300px}.dashboard-form{max-height:calc(90vh - 200px);overflow-y:auto}.dashboard-form__section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.dashboard-form__section:last-child{border-bottom:none}.dashboard-form__section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;justify-content:space-between}.dashboard-form__subsection-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.dashboard-form__help{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.dashboard-form__field{margin-bottom:1rem}.dashboard-form__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.dashboard-form__required{color:var(--error-color)}.dashboard-form__input,.dashboard-form__textarea,.dashboard-form__select,.dashboard-form__multiselect{width:100%;padding:.625rem;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.25rem;font-size:.875rem;font-family:inherit;transition:border-color .2s}.dashboard-form__input:focus,.dashboard-form__textarea:focus,.dashboard-form__select:focus,.dashboard-form__multiselect:focus{outline:none;border-color:var(--primary-color)}.dashboard-form__textarea{resize:vertical;min-height:60px}.dashboard-form__hint{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.dashboard-form__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.dashboard-form__add-tab-btn{padding:.375rem .75rem;background:var(--primary-color);color:var(--color-on-primary);border:none;border-radius:.25rem;font-size:.813rem;cursor:pointer;transition:background-color .2s}.dashboard-form__add-tab-btn:hover{background:var(--primary-hover)}.dashboard-form__tabs{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;margin-top:1rem}.dashboard-form__tab-list{display:flex;flex-direction:column;gap:.5rem}.dashboard-form__tab-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;transition:all .2s}.dashboard-form__tab-item:hover{background:var(--hover-bg);border-color:var(--primary-color)}.dashboard-form__tab-item.active{background:var(--primary-color);color:var(--color-on-primary);border-color:var(--primary-color)}.dashboard-form__tab-name{font-size:.875rem;font-weight:500;flex:1}.dashboard-form__tab-delete{padding:.25rem .5rem;background:transparent;color:var(--error-color);border:none;border-radius:.25rem;cursor:pointer;font-size:.813rem;opacity:.7;transition:opacity .2s}.dashboard-form__tab-delete:hover{opacity:1}.dashboard-form__tab-item.active .dashboard-form__tab-delete{color:var(--color-on-primary)}.dashboard-form__tab-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.25rem;padding:1.5rem}.modal__dialog--extra-large .modal__body{max-height:85vh;overflow-y:auto;padding-bottom:2rem}.modal__dialog--extra-large .modal__body::-webkit-scrollbar{width:10px}.modal__dialog--extra-large .modal__body::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.modal__dialog--extra-large .modal__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);border:2px solid var(--color-surface)}.modal__dialog--extra-large .modal__body::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.task-list-modal__section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.task-list-modal__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.task-list-modal__section-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.task-list-modal__section-desc{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.task-list-modal__tab{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1rem}.task-list-modal__tab-note{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--color-info-bg);border-left:3px solid var(--color-info);border-radius:var(--radius-sm)}.task-list-modal__tab-note i{color:var(--color-info);font-size:.875rem}.task-list-modal__tab-note small{color:var(--color-text-secondary);font-size:.813rem}.basic-tab{display:flex;flex-direction:column;gap:.75rem;padding:0 0 1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.basic-tab__identity{display:flex;align-items:center;gap:.75rem}.basic-tab__icon{flex-shrink:0;width:38px}.basic-tab__icon .icon-picker{width:38px}.basic-tab__icon .icon-picker__trigger{width:38px;height:38px;padding:0;justify-content:center;border-radius:var(--radius-sm)}.basic-tab__icon .icon-picker__label,.basic-tab__icon .icon-picker__arrow{display:none}.basic-tab__icon .icon-picker__preview{font-size:1rem;margin:0}.basic-tab__icon .icon-picker__trigger:hover{border-color:var(--color-primary);background:var(--color-card-bg)}.basic-tab__icon .icon-picker__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.basic-tab__icon .icon-picker__dropdown{min-width:320px;left:0}.basic-tab__name{flex:1;min-width:0;height:38px;padding:0 .75rem;background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.basic-tab__name:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.basic-tab__name::placeholder{color:var(--color-text-muted)}.basic-tab__share{flex-shrink:0;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;color:var(--color-text-secondary);transition:all .15s ease;user-select:none;height:38px}.basic-tab__share:hover{border-color:var(--color-primary);color:var(--color-text)}.basic-tab__share input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.basic-tab__share input[type=checkbox]:checked+span{color:var(--color-primary)}.basic-tab__filters{display:flex;align-items:flex-start;gap:.75rem}.basic-tab__filters-label{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding-top:.625rem;width:72px}.basic-tab__filter{flex:1;min-width:0}.task-list-modal__tab-filters{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.task-list-modal__filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.task-list-modal__filter-label i{color:var(--color-primary)}.task-list-modal__filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1rem}.task-list-modal__filter-help{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.75rem;padding:.5rem;background:var(--color-surface);border-radius:var(--radius-sm)}.task-list-modal__filter-help i{color:var(--color-warning)}.form-row{display:flex;gap:1rem;align-items:flex-end}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-control{padding:.625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-input-text);font-size:.875rem;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-control::placeholder{color:var(--color-text-muted)}.form-check{display:flex;align-items:center;gap:.75rem}.form-check-input{width:1.125rem;height:1.125rem;cursor:pointer}.form-check-label{font-size:.875rem;color:var(--color-text);cursor:pointer;user-select:none}.form-text{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.task-list-modal__tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--color-border)}.task-list-modal__tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative;margin-bottom:-2px}.task-list-modal__tab-btn:hover{color:var(--color-text);background:var(--color-surface)}.task-list-modal__tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent}.task-list-modal__tab-btn i{font-size:.875rem}.task-list-modal__content{position:relative;max-width:1400px;margin:0 auto;width:100%}.task-list-modal__tab-content{display:none}.task-list-modal__tab-content--active{display:block;animation:fadeIn .2s ease-in}.task-list-modal__tab{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.25rem;transition:all var(--transition-fast)}.task-list-modal__tab:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.05)}.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 i:first-child{font-size:1.125rem;color:var(--color-primary)}.icon-picker__arrow{margin-left:auto;font-size:.75rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}.icon-picker__dropdown--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:fadeInDown .2s ease-out}@keyframes fadeInDown{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__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)}.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{font-size:1.25rem}.icon-picker__option span{text-align:center;word-break:break-word;font-size:.688rem;line-height:1.2}.icon-picker--inline .icon-picker__trigger--compact{width:auto;min-width:60px;padding:.625rem .75rem;justify-content:center}.icon-picker--inline .icon-picker__dropdown{min-width:300px}.form-row--aligned{display:flex;gap:1rem;align-items:flex-end}.form-row--aligned>.form-group{flex:1;min-width:0}.form-row--aligned>.form-group.form-group--action{flex:0 0 auto;min-width:auto}.form-row--aligned>.form-group.form-group--spacer{flex:0 0 auto;min-width:48px;visibility:hidden}.btn--icon{display:flex;align-items:center;justify-content:center;padding:.625rem;min-width:40px;height:40px}.form-row--aligned .form-group label{min-height:1.5rem;margin-bottom:.5rem;display:block}.tab-card{background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.04)}.tab-card:hover{box-shadow:0 8px 16px rgba(var(--color-shadow-rgb),.08);transform:translateY(-2px);border-color:var(--color-border)}.tab-card__header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-border) 100%);border-bottom:1px solid var(--color-border)}.tab-card__icon-preview{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:10px;color:var(--color-on-primary);font-size:1.5rem;box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.25);transition:all .3s ease}.tab-card:hover .tab-card__icon-preview{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 12px rgba(var(--color-primary-rgb),.35)}.tab-card__title{flex:1}.tab-card__badge{display:inline-flex;align-items:center;padding:.375rem .875rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary);border-radius:6px;font-size:.813rem;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.2)}.tab-card__badge--default{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);box-shadow:0 2px 4px rgba(var(--color-success-rgb),.2)}.tab-card__delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.tab-card__delete:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger);transform:scale(1.1)}.tab-card__body{padding:1.5rem}.tab-card__field-group{display:grid;grid-template-columns:1fr 1fr auto;gap:1.25rem}.tab-card__field{display:flex;flex-direction:column;gap:.5rem}.tab-card__field--icon{min-width:180px}.tab-card__label{display:flex;align-items:center;gap:.5rem;font-size:.813rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.025em;text-transform:uppercase}.tab-card__label i{color:var(--color-primary);font-size:.75rem}.tab-card__input{padding:.75rem 1rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.938rem;transition:all .2s ease}.tab-card__input:hover{border-color:var(--color-border)}.tab-card__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)}.tab-card__input::placeholder{color:var(--color-text-muted)}.icon-picker__trigger--card{width:100%;padding:.75rem 1rem;background:var(--color-input-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);background:var(--color-card-bg)}.icon-picker__trigger--card i:first-child{font-size:1.125rem;color:var(--color-primary)}.icon-picker__trigger--card span{flex:1;text-align:left;color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.tab-card__service-toggle{margin-top:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.tab-card__toggle-label{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;cursor:pointer}.tab-card__toggle-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.tab-card__toggle-text{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color-text)}.tab-card__toggle-text i{color:var(--color-primary)}.tab-card__toggle-desc{flex-basis:100%;margin-left:2rem;font-size:.813rem;color:var(--color-text-secondary)}.tab-card__service-selection{margin-top:1rem;padding:1rem;background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:8px}.tab-card__service-selection label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color-text);margin-bottom:.75rem}.tab-card__service-selection label i{color:var(--color-primary)}.tab-card__footer{padding:1.5rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.tab-card__info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-primary-bg) 100%);border-left:4px solid var(--color-primary);border-radius:8px;color:var(--color-primary-hover);font-size:.875rem}.tab-card__info i{font-size:1.125rem;color:var(--color-primary-hover)}.tab-card__filters{display:flex;flex-direction:column;gap:1.25rem}.tab-card__filter-label{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.025em}.tab-card__filter-label i{color:var(--color-primary);font-size:1rem}.tab-card__filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.tab-card__filter-grid .form-group{margin-bottom:0}.tab-card__filter-grid label{font-size:.813rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.tab-card__filter-grid .form-control{padding:.625rem .875rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;transition:all .2s ease}.tab-card__filter-grid .form-control:hover{border-color:var(--color-border)}.tab-card__filter-grid .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.tab-card__filter-help{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:var(--color-warning-bg);border-left:3px solid var(--color-warning);border-radius:6px;color:var(--color-text);font-size:.813rem}.tab-card__filter-help i{color:var(--color-warning);font-size:.938rem}[data-theme=dark] .tab-card{background:var(--client-header-gradient);border-color:var(--color-border)}[data-theme=dark] .tab-card__header{background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-surface) 100%);border-bottom-color:var(--color-border)}[data-theme=dark] .tab-card__badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}[data-theme=dark] .tab-card__input,[data-theme=dark] .icon-picker__trigger--card,[data-theme=dark] .tab-card__filter-grid{background:var(--color-input-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .tab-card__footer{background:var(--color-input-bg);border-top-color:var(--color-border)}.tab-card__view-settings{display:flex;flex-direction:column;gap:1.25rem;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid var(--color-border)}.tab-card__view-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.checkbox-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease;user-select:none}.checkbox-item:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.checkbox-item:has(input:checked){background:var(--color-primary-bg);border-color:var(--color-primary)}.checkbox-item:has(input:disabled){opacity:.6;cursor:not-allowed;background:var(--color-surface-hover)}.checkbox-item input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--color-primary)}.checkbox-item input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-item span{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.checkbox-item:has(input:checked) span{color:var(--color-primary-hover);font-weight:600}.checkbox-item:has(input:disabled) span{color:var(--color-text-muted)}[data-theme=dark] .tab-card__view-grid{background:var(--color-input-bg);border-color:var(--color-border)}[data-theme=dark] .checkbox-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .checkbox-item:hover{background:var(--color-surface-hover);border-color:var(--color-text-secondary)}[data-theme=dark] .checkbox-item:has(input:checked){background:var(--color-primary-bg);border-color:var(--color-primary)}[data-theme=dark] .checkbox-item span{color:var(--color-text-secondary)}[data-theme=dark] .checkbox-item:has(input:checked) span{color:var(--color-primary)}[data-theme=dark] .tab-card__view-settings{border-top-color:var(--color-border)}.tab-editor{display:grid;grid-template-columns:280px 1fr;gap:0;min-height:480px;height:calc(85vh - 220px);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-card-bg)}.tab-editor__sidebar{display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);overflow:hidden}.tab-editor__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-card-bg)}.tab-editor__sidebar-title{font-size:.875rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.tab-editor__add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab-editor__add-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.tab-editor__tab-list{flex:1;overflow-y:auto;padding:.75rem}.tab-editor__tab-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:.5rem;cursor:pointer;transition:all var(--transition-fast);user-select:none}.tab-editor__tab-item:last-child{margin-bottom:0}.tab-editor__tab-item:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.tab-editor__tab-item--active{background:var(--color-primary-bg);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.tab-editor__tab-item--dragging{opacity:.5;transform:scale(.98);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.15)}.tab-editor__tab-item--drag-over{border-color:var(--color-primary);border-style:dashed;background:var(--color-primary-bg)}.tab-editor__tab-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;color:var(--color-text-muted);cursor:grab;opacity:.5;transition:opacity var(--transition-fast)}.tab-editor__tab-item:hover .tab-editor__tab-drag-handle{opacity:1}.tab-editor__tab-drag-handle:active{cursor:grabbing}.tab-editor__tab-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-on-primary);font-size:.875rem;flex-shrink:0}.tab-editor__tab-item--active .tab-editor__tab-icon{background:var(--color-primary-hover)}.tab-editor__tab-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.tab-editor__tab-name{font-size:.875rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-editor__tab-subtitle{font-size:.75rem;color:var(--color-text-muted)}.tab-editor__tab-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);flex-shrink:0}.tab-editor__tab-item:hover .tab-editor__tab-action{opacity:1}.tab-editor__tab-delete:hover{background:var(--color-danger-bg);color:var(--color-danger)}.tab-editor__tab-duplicate:hover{background:var(--color-primary-bg);color:var(--color-primary)}.tab-editor__detail{display:flex;flex-direction:column;min-height:0;background:var(--color-card-bg)}.tab-editor__detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.tab-editor__detail-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.tab-editor__tab-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--color-success);color:var(--color-on-success);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.tab-editor__detail-body{flex:1;overflow-y:auto;padding:1.5rem;min-height:0}.tab-editor__detail-body::-webkit-scrollbar{width:8px}.tab-editor__detail-body::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.tab-editor__detail-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.tab-editor__detail-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.tab-editor__detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);text-align:center;padding:2rem}.tab-editor__detail-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.tab-editor__field-row{display:grid;grid-template-columns:1fr 1fr 180px;gap:1.25rem;margin-bottom:1.5rem}.tab-editor__field-row--two-col{grid-template-columns:1fr 180px}.tab-editor__field{display:flex;flex-direction:column;gap:.5rem}.tab-editor__label{display:flex;align-items:center;gap:.5rem;font-size:.813rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.tab-editor__label i{color:var(--color-primary);font-size:.75rem}.tab-editor__input{padding:.75rem 1rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;transition:all var(--transition-fast)}.tab-editor__input:hover{border-color:var(--color-text-muted)}.tab-editor__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.tab-editor__input::placeholder{color:var(--color-text-muted)}.tab-editor__hint{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.tab-editor__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.tab-editor__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tab-editor__section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.tab-editor__section-title i{color:var(--color-primary)}.tab-editor__type-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.813rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.tab-editor__type-link:hover{color:var(--color-primary)}.tab-editor__type-link i{font-size:.75rem}.tab-editor__section--last{border-bottom:none;margin-bottom:0;padding-bottom:0}.tab-editor__filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tab-editor__filter-grid .form-group{margin-bottom:0}.tab-editor__filter-help{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:var(--color-info-bg);border-left:3px solid var(--color-info);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.813rem}.tab-editor__filter-help i{color:var(--color-info)}.tab-editor__service-selection{padding:1.25rem;background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md)}.tab-editor__service-selection .form-group{margin-bottom:0}.tab-editor__view-settings-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tab-editor__view-summary{display:flex;align-items:center;gap:1rem;flex:1}.view-summary__item{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.view-summary__item i{font-size:.688rem}.view-summary__empty{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.btn--wide{min-width:160px;justify-content:flex-start;gap:.5rem}.btn__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--color-primary);color:var(--color-on-primary);border-radius:.625rem;font-size:.688rem;font-weight:600;margin-left:auto}.tab-editor__view-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pinned-selector-inline{margin-top:.75rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pinned-selector__header{font-size:.813rem;color:var(--color-text-secondary);margin-bottom:.75rem}.pinned-selector__list{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto}.pinned-selector__item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.pinned-selector__item:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.pinned-selector__item:has(input:checked){background:var(--color-primary-bg);border-color:var(--color-primary)}.pinned-selector__pin-icon{color:var(--color-primary);font-size:.75rem;margin-left:auto}.pinned-selector__footer{display:flex;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.column-selector-inline-container{margin-top:.75rem}.tab-editor__filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:48px;align-items:center}.tab-editor__chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-editor__chip:hover{background:var(--color-primary);color:var(--color-on-primary)}.tab-editor__chip i{font-size:.75rem}.tab-editor__chip-label{font-weight:600}.tab-editor__chip-value{font-weight:400;opacity:.85}.tab-editor__chip-label:after{content:":";margin-right:.125rem}.tab-editor__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:.875rem;line-height:1;margin-left:.125rem;transition:background var(--transition-fast)}.tab-editor__chip:hover .tab-editor__chip-remove{background:var(--color-overlay-medium)}.tab-editor__chip--add{background:transparent;border:1px dashed var(--color-text-muted);color:var(--color-text-muted)}.tab-editor__chip--add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.tab-editor__chip--add .tab-editor__chip-label,.tab-editor__chip--add .tab-editor__chip-value{display:none}.tab-editor__filter-editor{margin-top:.75rem}.tab-editor__filter-editor-inner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tab-editor__filter-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:var(--color-card-bg);border-bottom:1px solid var(--color-border)}.tab-editor__filter-editor-title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-text)}.tab-editor__filter-editor-title i{color:var(--color-primary);font-size:.75rem}.tab-editor__filter-editor-close{padding:.25rem .75rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.tab-editor__filter-editor-close:hover{background:var(--color-primary-hover)}.tab-editor__filter-editor-body{padding:1rem}.tab-editor__popover{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);padding:.375rem;min-width:200px;max-height:320px;overflow-y:auto;animation:fadeInDown .15s ease-out}.tab-editor__popover-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .875rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}.tab-editor__popover-item:hover{background:var(--color-primary-bg);color:var(--color-primary)}.tab-editor__popover-item i{width:16px;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.tab-editor__popover-item:hover i{color:var(--color-primary)}.tab-editor__popover-divider{height:1px;background:var(--color-border);margin:.375rem 0}.tab-editor__popover-header{padding:.375rem .875rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.tab-editor__columns-list{display:flex;flex-direction:column;gap:.375rem}.tab-editor__column-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;margin-left:.5rem}.tab-editor__column-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.tab-editor__column-item:hover{border-color:var(--color-text-muted);background:var(--color-surface-hover)}.tab-editor__column-item--pinned{border-left:3px solid var(--color-primary)}.tab-editor__column-item--dragging{opacity:.5;transform:scale(.98);box-shadow:0 4px 12px rgba(var(--color-shadow-rgb),.12)}.tab-editor__column-item--drag-over{border-style:dashed;border-color:var(--color-primary);background:var(--color-primary-bg)}.tab-editor__column-drag{display:flex;align-items:center;justify-content:center;width:16px;color:var(--color-text-muted);cursor:grab;opacity:.4;transition:opacity var(--transition-fast);flex-shrink:0}.tab-editor__column-item:hover .tab-editor__column-drag{opacity:1}.tab-editor__column-drag:active{cursor:grabbing}.tab-editor__column-order{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:50%;font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.tab-editor__column-label{flex:1;min-width:0;font-size:.8125rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-editor__column-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.tab-editor__column-badge--task{background:var(--color-primary-bg);color:var(--color-primary)}.tab-editor__column-badge--client{background:var(--color-info-bg);color:var(--color-info)}.tab-editor__column-badge--data{background:var(--color-warning-bg);color:var(--color-warning)}[class*=tab-editor__column-badge--custom]{background:var(--color-success-bg);color:var(--color-success)}.tab-editor__column-actions{display:flex;align-items:center;gap:.125rem;margin-left:auto;flex-shrink:0}.tab-editor__column-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);font-size:.6875rem;flex-shrink:0}.tab-editor__column-item:hover .tab-editor__column-btn{opacity:.6}.tab-editor__column-item:hover .tab-editor__column-btn:hover{opacity:1;background:var(--color-surface-hover);color:var(--color-primary)}.tab-editor__column-btn--active{opacity:1;color:var(--color-primary)}.tab-editor__column-item:hover .tab-editor__column-btn--active{opacity:1}.tab-editor__column-remove:hover,.tab-editor__column-item:hover .tab-editor__column-remove:hover{color:var(--color-danger);background:var(--color-danger-bg)}.tab-editor__popover--columns{min-width:220px}.tab-editor__popover-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);margin-left:auto}.tab-editor__popover-arrow{font-size:.625rem;color:var(--color-text-muted);margin-left:.25rem}.tab-editor__popover-back{font-weight:600;color:var(--color-primary)}.tab-editor__popover-back i{color:var(--color-primary)}@media(max-width:900px){.tab-editor{grid-template-columns:240px 1fr}.tab-editor__field-row{grid-template-columns:1fr 1fr}.tab-editor__field-row--two-col{grid-template-columns:1fr 180px}.tab-editor__field-row>.tab-editor__field:last-child{grid-column:span 2}.tab-editor__field-row--two-col>.tab-editor__field:last-child{grid-column:auto}.tab-editor__view-grid{grid-template-columns:1fr}}@media(max-width:768px){.tab-editor{grid-template-columns:1fr;grid-template-rows:auto 1fr}.tab-editor__sidebar{border-right:none;border-bottom:1px solid var(--color-border);max-height:200px}.tab-editor__tab-list{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:.5rem;gap:.5rem}.tab-editor__tab-item{flex-shrink:0;margin-bottom:0}.tab-editor__field-row,.tab-editor__field-row--two-col{grid-template-columns:1fr}.tab-editor__field-row>.tab-editor__field:last-child,.tab-editor__field-row--two-col>.tab-editor__field:last-child{grid-column:auto}.tab-card__field-group,.tab-card__filter-grid,.tab-card__view-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.reports{display:flex;flex-direction:column;height:100%;padding:2rem}.reports__header{margin-bottom:2rem}.reports__title{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.reports__subtitle{margin:.5rem 0 0;color:var(--color-text-secondary)}.reports__content{flex:1;display:flex;align-items:center;justify-content:center}.reports__placeholder{text-align:center;color:var(--color-text-secondary)}.reports__placeholder-icon{font-size:4rem;color:var(--color-primary);opacity:.3;margin-bottom:1.5rem}.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{display:flex;flex-direction:column;height:calc(100% + 2 * var(--spacing-xl));width:calc(100% + 2 * var(--spacing-xl));margin:calc(-1 * var(--spacing-xl));background:var(--color-bg);color:var(--color-text);overflow:hidden;box-sizing:border-box}.billing__container{display:flex;flex-direction:column;height:100%;overflow:hidden}.billing__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);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}.billing__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.billing__page-title{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.billing__page-title i{color:var(--color-primary);font-size:22px}.billing__header-right{display:flex;flex-wrap:nowrap;gap:var(--spacing-sm);align-items:center;justify-content:flex-end;margin-left:auto}.billing__totals{display:flex;align-items:center;gap:var(--spacing-lg);font-size:13px;padding:6px 12px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.billing__total-item{display:flex;align-items:center;gap:var(--spacing-sm)}.billing__total-label{font-weight:500;font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.billing__total-value{font-weight:700;font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;color:var(--color-primary);min-width:120px;text-align:right;letter-spacing:.02em}.billing__no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;color:var(--color-text-secondary)}.billing__no-access i{font-size:3rem;margin-bottom:var(--spacing-lg);color:var(--color-text-muted);opacity:.5}.billing__tabs{display:flex;gap:2px;padding:0 var(--spacing-xl);background:var(--color-bg);border-bottom:2px solid var(--color-border);flex-shrink:0;position:sticky;top:var(--sidebar-header-height);z-index:calc(var(--z-popover) - 1);box-shadow:0 4px 6px -1px rgba(var(--color-shadow-rgb),.05)}.billing__tab{display:flex;align-items:center;gap:8px;padding:14px 18px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color .2s ease,border-bottom-color .2s ease,font-weight .2s ease;position:relative;white-space:nowrap;letter-spacing:.01em}.billing__tab i{font-size:12px;opacity:.7;transition:opacity .2s ease}.billing__tab:hover{color:var(--color-primary);background:transparent}.billing__tab:hover i{opacity:1}.billing__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.billing__tab--active i{opacity:1}.billing__tab-badge{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:background-color .2s ease,color .2s ease}.billing__tab--active .billing__tab-badge{background:var(--color-primary);color:var(--color-on-primary)}.billing__tab:hover .billing__tab-badge{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.billing__tab--active:hover .billing__tab-badge{background:var(--color-primary);color:var(--color-on-primary)}.billing__toolbar{display:flex;align-items:flex-end;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)}.billing__filters{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap}.billing__filter-group{display:flex;flex-direction:column;gap:4px}.billing__filter-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-left:2px}.billing__filter-tags{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-sm)}.billing__filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border-radius:var(--radius-full);font-size:11px;font-weight:500}.billing__filter-tag-clear{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;opacity:.7;transition:opacity .15s ease}.billing__filter-tag-clear:hover{opacity:1}.billing__toolbar-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.billing__clear-filters{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.billing__clear-filters:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-dark)}.billing__bulk-actions{display:none;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(to right,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.04));border-bottom:1px solid rgba(var(--color-primary-rgb),.2)}.billing__bulk-actions--visible{display:flex;animation:bulkBarSlideIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes bulkBarSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.billing__bulk-selection{display:inline-flex;align-items:center;gap:4px;padding:5px 10px 5px 8px;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-on-primary);box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.3)}.billing__bulk-selection-count{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#fff3;border-radius:50%;font-size:12px;font-weight:700}.billing__bulk-selection-label{font-size:12px;font-weight:500;letter-spacing:.02em}.billing__bulk-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.billing__bulk-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.billing__bulk-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-dark)}.billing__bulk-btn--submit{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.billing__bulk-btn--submit:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.billing__bulk-btn--approve{background:var(--color-success);color:var(--color-on-success);border-color:var(--color-success)}.billing__bulk-btn--approve:hover{filter:brightness(1.1)}.billing__bulk-btn--invoice{background:var(--color-info);color:var(--color-on-info);border-color:var(--color-info)}.billing__bulk-btn--invoice:hover{filter:brightness(1.1)}.billing__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s cubic-bezier(.34,1.56,.64,1),transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.billing__btn:hover:not(:disabled){background:var(--color-surface-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.08)}.billing__btn:active:not(:disabled){transform:translateY(0)}.billing__btn:disabled{opacity:.5;cursor:not-allowed}.billing__btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.billing__btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.billing__btn--success{background:var(--color-success);color:var(--color-on-success);border-color:var(--color-success)}.billing__btn--success:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px rgba(var(--color-success-rgb),.3)}.billing__btn--small{padding:5px 10px;font-size:11px}.billing__btn--icon-only{padding:6px 8px}.billing__btn--text{background:transparent;border-color:transparent;color:var(--color-text-muted);padding:6px 10px}.billing__btn--text:hover:not(:disabled){background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);transform:none;box-shadow:none}.billing__btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.billing__btn--ghost:hover:not(:disabled){background:var(--color-primary-alpha-10, rgba(99, 102, 241, .1));border-color:var(--color-primary);color:var(--color-primary);transform:none;box-shadow:none}.billing__btn--pdf:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger);background:rgba(var(--color-danger-rgb),.08)}.billing__content{flex:1;overflow:auto;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg)}.billing__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl);color:var(--color-text-secondary);font-size:14px}.billing__loading i{animation:spin 1s linear infinite}.billing__grid{background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.04),0 4px 12px rgba(var(--color-shadow-rgb),.02)}.billing__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--color-text-muted);gap:var(--spacing-md)}.billing__empty i{font-size:2.5rem;opacity:.25}.billing__empty p{margin:0;font-size:14px}.billing__table-header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.billing__table{width:100%;border-collapse:collapse;font-size:13px}.billing__table thead{background:var(--color-surface);position:sticky;top:0;z-index:2}.billing__table th{padding:12px 16px;text-align:left;font-weight:600;font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border-light);white-space:nowrap}.billing__table th:last-child{border-right:none}.billing__table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color .15s ease}.billing__table tbody tr:nth-child(2n){background:var(--color-row-alt, rgba(var(--color-shadow-rgb), .015))}.billing__table tbody tr:hover{background:var(--color-surface)}.billing__table tbody tr:last-child{border-bottom:none}.billing__table td{padding:12px 16px;color:var(--color-text);vertical-align:middle;border-right:1px solid var(--color-border-light)}.billing__table td:last-child{border-right:none}.billing__th--checkbox,.billing__td--checkbox{width:48px;padding-left:var(--spacing-lg);padding-right:var(--spacing-sm)}.billing__select-all{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;user-select:none}.billing__select-all-checkbox{position:absolute;opacity:0;width:0;height:0}.billing__select-all-box{width:18px;height:18px;border:2px solid var(--color-border-dark);border-radius:4px;background:var(--color-input-bg);display:flex;align-items:center;justify-content:center;transition:background-color .2s cubic-bezier(.34,1.56,.64,1),border-color .2s cubic-bezier(.34,1.56,.64,1)}.billing__select-all-checkbox:checked+.billing__select-all-box{background:var(--color-primary);border-color:var(--color-primary)}.billing__select-all-checkbox:checked+.billing__select-all-box:after{content:"";width:5px;height:9px;border:solid var(--color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.billing__select-all-checkbox:focus+.billing__select-all-box{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.billing__select-all-label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.billing__row-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer}.billing__row-checkbox-input{position:absolute;opacity:0;width:0;height:0}.billing__row-checkbox-box{width:16px;height:16px;border:2px solid var(--color-border);border-radius:3px;background:var(--color-input-bg);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease}.billing__row-checkbox-input:checked+.billing__row-checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.billing__row-checkbox-input:checked+.billing__row-checkbox-box:after{content:"";width:4px;height:8px;border:solid var(--color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.billing__row-checkbox:hover .billing__row-checkbox-box{border-color:var(--color-primary)}.billing__row--selected{background:rgba(var(--color-primary-rgb),.06)}.billing__row--selected:hover{background:rgba(var(--color-primary-rgb),.1)}.billing__td--client{max-width:220px;word-wrap:break-word;overflow-wrap:break-word}.billing__task-name{display:flex;align-items:center;gap:var(--spacing-sm)}.billing__task-link{color:var(--color-text);text-decoration:none;font-weight:500;transition:color .15s ease}.billing__task-link:hover{color:var(--color-primary)}.billing__child-badge{font-size:10px;padding:2px 7px;background:var(--color-surface);border-radius:10px;color:var(--color-text-muted);font-weight:500}.billing__period-badge{display:inline-block;padding:3px 8px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--color-text-secondary)}.billing__td--amount{text-align:right;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:500;min-width:120px;padding-right:var(--spacing-md);color:var(--color-text);cursor:pointer;position:relative;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.billing__amount-wrapper{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px}.billing__th--amount{text-align:right;min-width:120px;padding-right:var(--spacing-md);font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.05em}.billing__amount{display:inline-block;min-width:100px;text-align:right;letter-spacing:.02em}.billing__amount--placeholder{color:var(--color-text-muted)}.billing__amount--na{color:var(--color-text-muted);font-style:italic;font-weight:400}.billing__td--amount:hover{color:var(--color-primary)}.billing__info-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px 4px;margin-left:4px;font-size:11px;opacity:.6;transition:opacity .15s ease,color .15s ease;vertical-align:middle}.billing__info-btn:hover{opacity:1;color:var(--color-primary)}.billing__info-btn:focus{outline:none;opacity:1;color:var(--color-primary)}.billing__info-btn--loading{opacity:.5;pointer-events:none}.billing__info-btn--loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing__column-toggles{display:flex;gap:4px;margin-left:auto;align-items:center}.billing__column-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.billing__column-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.billing__column-toggle--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.billing__column-toggle i{font-size:10px}.billing__billing-code{color:var(--color-text-muted);font-size:.85em;font-weight:400}.billing__service-code{display:inline-block;font-size:9px;color:var(--color-text-muted);background:var(--color-surface);padding:1px 5px;border-radius:var(--radius-sm);margin-left:4px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}.billing__notes-modal{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto}.billing__notes-section{display:flex;flex-direction:column;gap:8px}.billing__notes-section-title{font-size:13px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:6px;margin:0;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.billing__notes-section-title i{color:var(--color-primary);font-size:12px}.billing__notes-content{font-size:13px;color:var(--color-text);line-height:1.5;padding:10px 12px;background:var(--color-surface);border-radius:var(--radius-sm);white-space:pre-wrap}.billing__notes-comments{display:flex;flex-direction:column;gap:8px}.billing__notes-comment{padding:10px 12px;background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.billing__notes-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px}.billing__notes-comment-date{color:var(--color-text-muted);font-size:11px}.billing__notes-comment-text{font-size:13px;color:var(--color-text);line-height:1.5;white-space:pre-wrap}.billing__notes-empty-msg{text-align:center;color:var(--color-text-muted);font-style:italic;padding:24px}.billing__notes-tabs{display:flex;gap:2px;border-bottom:1px solid var(--color-border);margin-bottom:12px;padding-bottom:0}.billing__notes-tab{display:flex;align-items:center;gap:5px;padding:8px 12px;border:none;background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.billing__notes-tab:hover{color:var(--color-text)}.billing__notes-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.billing__notes-tab i{font-size:11px}.billing__notes-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);font-size:10px;font-weight:600}.billing__notes-tab--active .billing__notes-tab-badge{background:var(--color-primary);color:#fff}.billing__notes-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.billing__notes-panel--hidden{display:none}.billing__notes-service-badge{display:inline-block;padding:1px 5px;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:10px;font-weight:500;margin-left:4px}.billing__td--actions{text-align:right;white-space:nowrap}.billing__action-btn{display:inline-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-muted);cursor:pointer;font-size:12px;transition:color .15s ease,background .15s ease,transform .1s ease}.billing__action-btn:hover{color:var(--color-primary);background:var(--color-primary-bg);transform:scale(1.15)}.billing__action-btn:active{transform:scale(.95)}.billing__action-btn--has-notes,.billing__action-btn--has-notes:hover{color:var(--color-warning)}.billing__action-btn--has-comments{color:var(--color-primary)}.billing__action-btn--no-notes{opacity:.4}.billing__action-btn--no-notes:hover{opacity:1}.billing__final-amount-inline{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card-bg);overflow:hidden;transition:border-color .15s ease}.billing__final-amount-inline:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246),.15)}.billing__final-amount-prefix{padding:4px 6px;font-size:11px;font-weight:600;color:var(--color-text-muted);background:var(--color-surface);border-right:1px solid var(--color-border);user-select:none}.billing__final-amount-field{width:90px;padding:4px 8px;border:none;background:transparent;font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;text-align:right;color:var(--color-text);outline:none}.billing__final-amount-field::placeholder{color:var(--color-text-muted)}.billing__status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;position:relative;background:var(--color-status-badge-bg, rgba(var(--color-shadow-rgb), .04))}.billing__status:before{content:"";width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.billing__status--draft{color:var(--color-text-muted)}.billing__status--draft:before{background:radial-gradient(circle at 30% 30%,var(--color-orb-draft-light),var(--color-orb-draft-mid) 50%,var(--color-orb-draft-dark));box-shadow:0 0 4px var(--color-orb-draft-glow),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px var(--color-orb-highlight-subtle)}.billing__status--pending_review{color:var(--color-warning)}.billing__status--pending_review:before{background:radial-gradient(circle at 30% 30%,var(--color-orb-pending-light),var(--color-orb-pending-mid) 50%,var(--color-orb-pending-dark));box-shadow:0 0 6px rgba(var(--color-warning-rgb),.5),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px var(--color-orb-highlight)}.billing__status--approved{color:var(--color-success)}.billing__status--approved:before{background:radial-gradient(circle at 30% 30%,var(--color-orb-approved-light),var(--color-orb-approved-mid) 50%,var(--color-orb-approved-dark));box-shadow:0 0 6px rgba(var(--color-success-rgb),.5),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px var(--color-orb-highlight)}.billing__status--invoiced{color:var(--color-info)}.billing__status--invoiced:before{background:radial-gradient(circle at 30% 30%,var(--color-orb-invoiced-light),var(--color-orb-invoiced-mid) 50%,var(--color-orb-invoiced-dark));box-shadow:0 0 6px rgba(var(--color-primary-rgb),.5),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px var(--color-orb-highlight)}.billing__status--paid{color:var(--color-success)}.billing__status--paid:before{background:radial-gradient(circle at 30% 30%,var(--color-orb-paid-light),var(--color-orb-paid-mid) 50%,var(--color-orb-paid-dark));box-shadow:0 0 6px var(--color-orb-paid-glow),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px var(--color-orb-highlight)}.billing__status--rejected{color:var(--color-danger)}.billing__status--rejected:before{background:radial-gradient(circle at 30% 30%,var(--color-orb-rejected-light),var(--color-orb-rejected-mid) 50%,var(--color-orb-rejected-dark));box-shadow:0 0 6px rgba(var(--color-danger-rgb),.5),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px var(--color-orb-highlight)}.billing__status--delayed{color:var(--color-warning)}.billing__status--delayed:before{background:radial-gradient(circle at 30% 30%,var(--color-orb-pending-light),var(--color-orb-pending-mid) 50%,var(--color-orb-pending-dark));box-shadow:0 0 6px rgba(var(--color-warning-rgb),.5),inset 0 -1px 2px rgba(var(--color-shadow-rgb),.2),inset 0 1px 2px var(--color-orb-highlight)}.billing__status:hover:before{transform:scale(1.1);filter:brightness(1.1)}.billing__delay-date{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-warning);font-weight:500}.billing__delay-date i{font-size:11px;opacity:.8}.billing__delay-days-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 6px;background:rgba(var(--color-warning-rgb),.12);color:var(--color-warning);border-radius:var(--radius-full);font-size:12px;font-weight:600}.billing__delay-reason{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--color-text-secondary)}.billing__action-btn--delay{color:var(--color-warning);opacity:.7}.billing__action-btn--delay:hover{color:var(--color-warning);background:rgba(var(--color-warning-rgb),.1);opacity:1}.billing__input,.billing__select{padding:6px 10px;background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;transition:border-color .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1)}.billing__input:focus,.billing__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1),0 2px 8px rgba(var(--color-primary-rgb),.15)}.billing__td--final-amount{width:180px;min-width:180px;max-width:180px}.billing__input--invoice,.billing__inline-input--invoice{width:100px;padding:6px 10px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;transition:border-color .15s ease,box-shadow .15s ease}.billing__inline-input--invoice:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.billing__select--entity{width:85px;padding:6px 8px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:border-color .15s ease}.billing__select--entity:focus{outline:none;border-color:var(--color-primary)}.billing__invoice-inputs{display:flex;align-items:center;gap:var(--spacing-sm)}.billing-tooltip{position:fixed;z-index:var(--z-notification);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(var(--color-shadow-rgb),.15),0 8px 40px rgba(var(--color-shadow-rgb),.1);min-width:360px;max-width:520px;padding:var(--spacing-md);pointer-events:auto;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.billing-tooltip__section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.billing-tooltip__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.billing-tooltip__section-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.billing-tooltip__section-title i{font-size:12px;opacity:.7}.billing-tooltip__table{width:100%;border-collapse:collapse;font-size:12px}.billing-tooltip__table thead th{padding:4px 8px;text-align:left;font-weight:500;font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border-light)}.billing-tooltip__th--right,.billing-tooltip__td--right{text-align:right}.billing-tooltip__table tbody td{padding:6px 8px;color:var(--color-text)}.billing-tooltip__table tbody tr:nth-child(2n){background:rgba(var(--color-shadow-rgb),.02)}.billing-tooltip__person{display:block;font-size:10px;color:var(--color-text-muted);margin-top:2px}.billing-tooltip__role{display:inline-block;font-size:9px;font-weight:500;color:var(--color-text-muted);background:var(--color-surface);padding:1px 5px;border-radius:var(--radius-sm);margin-left:6px;vertical-align:middle;letter-spacing:.02em}.billing-tooltip__subtotal{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px dashed var(--color-border-light);font-size:12px;color:var(--color-text-secondary)}.billing-tooltip__subtotal strong{font-weight:600;color:var(--color-text)}.billing-tooltip__total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0 0 0;margin-top:var(--spacing-sm);border-top:2px solid var(--color-border);font-size:13px}.billing-tooltip__total strong{font-weight:700;color:var(--color-primary);font-size:14px}.billing-tooltip__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-text-muted);text-align:center}.billing-tooltip__empty i{font-size:18px;opacity:.4}.billing__history-icon{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-muted);cursor:help;padding:4px;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.billing__history-icon:hover{background:var(--color-surface);color:var(--color-primary)}.billing__history-icon i{font-size:13px}.billing__history-count{font-size:10px;font-weight:600;padding:1px 5px;background:var(--color-surface);border-radius:var(--radius-lg);color:var(--color-text-secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.billing__row--loading{animation:pulse 1.5s ease-in-out infinite;pointer-events:none}.billing__variance{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm)}.billing__variance--positive{color:var(--color-success);background:rgba(var(--color-success-rgb),.1)}.billing__variance--negative{color:var(--color-danger);background:rgba(var(--color-danger-rgb),.1)}.billing__variance--warning{color:var(--color-warning);background:rgba(var(--color-warning-rgb),.1)}.billing__period{display:inline-flex;align-items:center;padding:3px 8px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--color-text-secondary)}.billing__retainer-badge,.billing__pro-bono-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;margin-left:6px;border-radius:var(--radius-full);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;line-height:1}.billing__retainer-badge{background:rgba(var(--color-info-rgb),.1);color:var(--color-info);border:1px solid rgba(var(--color-info-rgb),.2)}.billing__pro-bono-badge{background:rgba(var(--color-success-rgb),.1);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb),.2)}.billing__retainer-badge i,.billing__pro-bono-badge i{font-size:8px;opacity:.8}.billing__mark-paid-btn,.billing__invoice-btn{white-space:nowrap}.billing__bulk-btn--paid{background:var(--color-success);color:var(--color-on-success);border-color:var(--color-success)}.billing__bulk-btn--paid:hover{filter:brightness(1.1)}@media(max-width:1200px){.billing__tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.billing__tabs::-webkit-scrollbar{display:none}.billing__tab{padding:12px 16px}}@media(max-width:768px){.billing__toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.billing__filters{width:100%;flex-wrap:wrap}.billing__bulk-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.billing__bulk-btns{flex-wrap:wrap}.billing__table{font-size:12px}.billing__table th,.billing__table td{padding:10px 12px}.billing-tooltip{min-width:240px;max-width:calc(100vw - 32px)}}@media print{.billing__tabs,.billing__toolbar,.billing__bulk-actions,.billing__td--checkbox,.billing__th--checkbox,.billing__td--actions{display:none}.billing__content{padding:0}.billing__grid{border:1px solid var(--color-border);box-shadow:none}.billing__table tbody tr{page-break-inside:avoid}.billing__status:before{box-shadow:none}}.billing-report-create{display:flex;flex-direction:column;gap:1.5rem}.billing-report-create__section{display:flex;flex-direction:column;gap:.5rem}.billing-report-create__label{font-weight:600;font-size:.875rem;color:var(--color-text);margin-bottom:.25rem}.billing-report-create__period-inputs{display:flex;align-items:center;gap:.75rem}.billing-report-create__period-separator{color:var(--color-text-secondary);font-size:.875rem}.billing-report-create__input{flex:1;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.875rem;background:var(--color-card-bg);color:var(--color-text)}.billing-report-create__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.billing-report-create__textarea{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.875rem;font-family:inherit;resize:vertical;background:var(--color-card-bg);color:var(--color-text);min-height:60px}.billing-report-create__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.billing-report-create__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.billing-report-create__actions{display:flex;gap:.5rem}.billing-report-create__task-list{border:1px solid var(--color-border);border-radius:4px;max-height:400px;overflow-y:auto}.billing-report-create__client-group{border-bottom:1px solid var(--color-border)}.billing-report-create__client-group:last-child{border-bottom:none}.billing-report-create__client-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.billing-report-create__client-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:var(--color-text);margin:0}.billing-report-create__client-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.billing-report-create__client-name{font-size:.875rem}.billing-report-create__task-count{font-size:.75rem;color:var(--color-text-secondary);font-weight:400}.billing-report-create__tasks{display:flex;flex-direction:column}.billing-report-create__task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color .15s;margin:0}.billing-report-create__task-item:hover{background:var(--color-surface-hover)}.billing-report-create__task-item:last-child{border-bottom:none}.billing-report-create__task-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.billing-report-create__task-info{flex:1;min-width:0}.billing-report-create__task-name{font-size:.875rem;color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-report-create__task-period{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.billing-report-create__task-stats{display:flex;align-items:center;gap:1rem;flex-shrink:0}.billing-report-create__task-hours{font-size:.75rem;color:var(--color-text-secondary);min-width:60px;text-align:right}.billing-report-create__task-amount{font-size:.875rem;color:var(--color-text);font-weight:600;min-width:80px;text-align:right}.billing-report-create__summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;margin-top:.75rem;font-size:.875rem}.billing-report-create__summary-label{font-weight:600;color:var(--color-text)}.billing-report-create__summary-separator{color:var(--color-border)}#selected-count{color:var(--color-primary);font-weight:600}#selected-hours{color:var(--color-text-secondary)}#selected-amount{color:var(--color-success);font-weight:600;margin-left:auto;font-size:1rem}.billing-report-create__task-list::-webkit-scrollbar{width:8px}.billing-report-create__task-list::-webkit-scrollbar-track{background:var(--color-surface)}.billing-report-create__task-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.billing-report-create__task-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.billing-report-create__empty{padding:2rem;text-align:center;color:var(--color-text-secondary)}@media(max-width:768px){.billing-report-create__period-inputs{flex-direction:column;align-items:stretch}.billing-report-create__period-separator{display:none}.billing-report-create__task-stats{flex-direction:column;align-items:flex-end;gap:.25rem}.billing-report-create__summary{flex-wrap:wrap}#selected-amount{margin-left:0;width:100%;text-align:left;margin-top:.5rem}}.billing-report-detail{display:flex;flex-direction:column;gap:1.5rem}.billing-report-detail__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:var(--color-surface);border-radius:4px;border:1px solid var(--color-border)}.billing-report-detail__info{display:flex;flex-direction:column;gap:.5rem}.billing-report-detail__info-row{display:flex;gap:.75rem;align-items:center}.billing-report-detail__label{font-size:.875rem;color:var(--color-text-secondary);min-width:100px}.billing-report-detail__value{font-size:.875rem;color:var(--color-text);font-weight:500}.billing-report-detail__status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.billing-report-detail__status--draft{background:var(--color-text-muted-alpha-10);color:var(--color-text-muted)}.billing-report-detail__status--pending_review{background:var(--color-warning-bg);color:var(--color-warning)}.billing-report-detail__status--approved{background:var(--color-success-bg);color:var(--color-success)}.billing-report-detail__status--invoiced{background:var(--color-info-bg);color:var(--color-info)}.billing-report-detail__status--rejected{background:var(--color-danger-bg);color:var(--color-danger)}.billing-report-detail__status--paid{background:var(--color-success-bg);color:var(--color-success)}.billing-report-detail__totals{display:flex;gap:1rem}.billing-report-detail__total-card{display:flex;flex-direction:column;align-items:flex-end;padding:.75rem 1rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:4px;min-width:150px}.billing-report-detail__total-card--primary{background:var(--color-primary-alpha-10);border-color:var(--color-primary)}.billing-report-detail__total-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.billing-report-detail__total-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.billing-report-detail__total-card--primary .billing-report-detail__total-value{color:var(--color-primary)}.billing-report-detail__section{display:flex;flex-direction:column;gap:.75rem}.billing-report-detail__section-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.billing-report-detail__notes{padding:.75rem;background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:4px;font-size:.875rem;color:var(--color-text);margin:0}.billing-report-detail__tasks{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.billing-report-detail__task-info{flex:1;min-width:0}.billing-report-detail__task-name{font-size:.875rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-report-detail__task-client{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.billing-report-detail__table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.billing-report-detail__table thead{background:var(--color-surface)}.billing-report-detail__table th{padding:.75rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.billing-report-detail__table td{padding:.75rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.billing-report-detail__table tbody tr:hover{background:var(--color-surface-hover)}.billing-report-detail__table tbody tr:last-child td{border-bottom:none}.billing-report-detail__table tfoot{background:var(--color-surface);border-top:2px solid var(--color-border)}.billing-report-detail__table tfoot td{font-weight:600;border-bottom:none}.billing-report-detail__row--adjusted{background:var(--color-warning-bg)}.billing-report-detail__row--adjusted td{position:relative}.billing-report-detail__user-cell{background:var(--color-surface);vertical-align:top;border-right:1px solid var(--color-border)}.billing-report-detail__hours-input{width:80px;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.875rem;background:var(--color-card-bg);color:var(--color-text)}.billing-report-detail__hours-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha-10)}.billing-report-detail__adjust-btn{padding:.25rem .5rem;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.billing-report-detail__adjust-btn:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary);color:var(--color-primary)}.billing-report-detail__workflow{display:flex;gap:1.5rem;padding:1rem;background:var(--color-surface);border-radius:4px;overflow-x:auto}.billing-report-detail__workflow-step{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:4px;min-width:200px}.billing-report-detail__workflow-step i{font-size:1.5rem;color:var(--color-primary)}.billing-report-detail__workflow-info{flex:1}.billing-report-detail__workflow-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.billing-report-detail__workflow-date{font-size:.875rem;color:var(--color-text);font-weight:500;margin-top:.125rem}.billing-report-detail__workflow-extra{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.billing-report-detail__empty{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.billing-report-detail__line-items{overflow-x:auto}.billing-time-detail__breakdown{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.billing-time-detail__service-card{display:flex;align-items:center;gap:1rem;padding:.625rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;min-width:180px}.billing-time-detail__service-card--total{background:var(--color-primary-alpha-10);border-color:var(--color-primary)}.billing-time-detail__service-card-name{font-size:.8125rem;font-weight:600;color:var(--color-text);flex:1}.billing-time-detail__service-card--total .billing-time-detail__service-card-name{color:var(--color-primary)}.billing-time-detail__service-card-hours{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.billing-time-detail__service-card-amount{font-size:.875rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.billing-time-detail__service-card--total .billing-time-detail__service-card-amount{color:var(--color-primary)}.billing-time-detail__service-total{float:right;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.billing-time-detail__td--date{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);font-size:.8125rem}.billing-time-detail__td--task{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:var(--color-text-secondary)}.billing-time-detail__td--desc{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-time-detail__row--estimate{opacity:.65;font-style:italic}.billing-time-detail__warning{margin-top:.5rem;border:1px solid var(--color-warning, #f59e0b);border-radius:6px;overflow:hidden;background:var(--color-warning-bg, rgba(245, 158, 11, .06))}.billing-time-detail__warning-header{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-warning-bg, rgba(245, 158, 11, .1));border-bottom:1px solid var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b);font-size:.8125rem}.billing-time-detail__warning-header i{font-size:.875rem}.billing-time-detail__warning-hint{margin-left:auto;font-weight:400;font-size:.75rem;opacity:.8}.billing-time-detail__table--warning{border:none;border-radius:0;font-size:.8125rem}.billing-time-detail__table--warning thead{background:var(--color-warning-bg, rgba(245, 158, 11, .06))}.billing-time-detail__table--warning th{font-size:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-warning, rgba(245, 158, 11, .2))}.billing-time-detail__table--warning td{padding:.5rem .75rem}@media(max-width:768px){.billing-report-detail__header{flex-direction:column;gap:1rem}.billing-report-detail__totals{width:100%}.billing-report-detail__total-card{flex:1}.billing-report-detail__tasks{grid-template-columns:1fr}.billing-report-detail__workflow{flex-direction:column}.billing-report-detail__workflow-step{min-width:unset}}.budget-modal{width:100%}.budget-modal__header{margin-bottom:1.5rem}.budget-modal__description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.budget-modal__add-btn{background:var(--color-primary);color:var(--white);border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;transition:background-color .2s}.budget-modal__add-btn:hover{background:var(--color-primary-hover)}.budget-modal__line-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.budget-modal__empty{text-align:center;padding:2rem;color:var(--color-text-muted);font-style:italic}.budget-modal__line-item{border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;background:var(--color-bg)}.budget-modal__line-item-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.75rem;align-items:end}.budget-modal__field{display:flex;flex-direction:column}.budget-modal__field--small{max-width:120px}.budget-modal__field--description{grid-column:1 / -1;margin-top:.5rem}.budget-modal__field--readonly{opacity:.8}.budget-modal__field--actions{align-self:end;padding-bottom:.25rem}.budget-modal__label{font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.25rem}.budget-modal__select,.budget-modal__input{padding:.5rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;width:100%;background:var(--color-input-bg, var(--white));transition:border-color .2s}.budget-modal__select:focus,.budget-modal__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.budget-modal__input--readonly{background:var(--color-secondary-bg);cursor:not-allowed}.budget-modal__remove-btn{background:var(--color-danger);color:var(--white);border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.budget-modal__remove-btn:hover{background:var(--color-danger-hover)}.budget-modal__totals{border-top:2px solid var(--color-border);padding-top:1rem;margin-top:1rem}.budget-modal__totals-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.95rem}.budget-modal__totals-row:last-child{font-size:1.1rem;font-weight:600;color:var(--color-text);padding-top:.75rem;border-top:1px solid var(--color-border)}.budget-modal__totals-label{color:var(--color-text-secondary);font-weight:500}.budget-modal__totals-row:last-child .budget-modal__totals-label{color:var(--color-text)}.budget-modal__totals-value{font-weight:500;color:var(--color-text)}.budget-modal__totals-value--amount{color:var(--color-success);font-weight:600}.budget-modal__totals-separator{color:var(--color-text-muted);margin:0 .5rem}.billing-section{padding:16px 16px 32px;max-width:900px;margin:0 auto}.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)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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__notes{margin-bottom:12px}.billing-section__notes-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.billing-section__notes-toggle:hover{color:var(--color-text);border-color:var(--color-primary);background:var(--color-card-bg)}.billing-section__notes--has-content .billing-section__notes-toggle{color:var(--color-text);border-color:var(--color-primary-alpha, var(--color-primary))}.billing-section__notes-icon{font-size:11px;color:var(--color-primary)}.billing-section__notes-indicator{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.billing-section__notes-chevron{font-size:10px;transition:transform .2s ease;margin-left:2px}.billing-section__notes-chevron--open{transform:rotate(180deg)}.billing-section__notes-body{overflow:hidden;max-height:300px;margin-top:8px;transition:max-height .2s ease,margin-top .2s ease,opacity .2s ease;opacity:1}.billing-section__notes-body--collapsed{max-height:0;margin-top:0;opacity:0}.billing-section__notes-textarea{width:100%;min-height:60px;max-height:200px;padding:8px 10px;font-size:12px;font-family:inherit;line-height:1.5;color:var(--color-text);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;outline:none;transition:border-color .15s ease;box-sizing:border-box}.billing-section__notes-textarea:focus{border-color:var(--color-primary)}.billing-section__notes-textarea::placeholder{color:var(--color-text-muted);font-style:italic}.billing-section__notes-readonly{padding:8px 10px;font-size:12px;line-height:1.5;color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-sm);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__action-btn{padding:10px 20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);display:inline-flex;align-items:center;gap:8px;background:var(--color-card-bg);color:var(--color-text)}.billing-section__action-btn:hover{background:var(--color-surface);border-color:var(--color-border)}.billing-section__action-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-card-bg)}.billing-section__action-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.billing-section__action-btn--success{background:var(--color-success);border-color:var(--color-success);color:var(--color-card-bg)}.billing-section__action-btn--success:hover{background:var(--color-success-hover);border-color:var(--color-success-hover)}.billing-section__action-btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.billing-section__action-btn--danger:hover{background:rgba(var(--color-danger-rgb),.1)}.billing-section__action-btn:disabled,.billing-section__action-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.billing-section__action-btn--disabled.billing-section__action-btn--primary{background:var(--color-text-muted);border-color:var(--color-text-muted)}.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, rgba(99, 102, 241, .1));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__modal-overlay{position:fixed;inset:0;background:rgba(var(--color-shadow-rgb),.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.billing-section__modal-overlay--visible{opacity:1;visibility:visible}.billing-section__modal{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95);transition:transform var(--transition-fast)}.billing-section__modal-overlay--visible .billing-section__modal{transform:scale(1)}.billing-section__modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border)}.billing-section__modal-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.billing-section__modal-body{padding:24px;overflow-y:auto;flex:1}.billing-section__form-group{margin-bottom:20px}.billing-section__form-group:last-child{margin-bottom:0}.billing-section__form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:6px}.billing-section__form-select,.billing-section__form-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);background:var(--color-card-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.billing-section__form-select:focus,.billing-section__form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.billing-section__form-help{font-size:12px;color:var(--color-text-muted);margin-top:4px}.billing-section__form-row{display:flex;gap:16px}.billing-section__form-group--flex{flex:1;min-width:0}.billing-section__form-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);background:var(--color-card-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);resize:vertical;min-height:60px;font-family:inherit}.billing-section__form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.billing-section__modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:12px}.billing-section__modal-footer--stacked{flex-wrap:wrap}.billing-section__modal-footer--stacked .billing-section__action-btn:first-child{margin-right:auto}.billing-section__action-btn--secondary{color:var(--color-warning);border-color:var(--color-warning)}.billing-section__action-btn--secondary:hover{background:rgba(var(--color-warning-rgb),.1)}.billing-section__modal--wide{max-width:600px}.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__action-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}.task-page__budget{padding:12px 16px;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}.budget{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:auto}.budget__layout{display:inline-flex;flex-direction:column;align-items:stretch;align-self:flex-start;min-width:580px;max-width:100%}.budget__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;min-height:300px}.budget__loading-spinner{font-size:32px;color:var(--color-primary, #3b82f6)}.budget__loading-text{font-size:14px;color:var(--color-text-muted, #6b7280);margin:0}.budget__locked-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--color-warning-bg, #fef3c7);border:1px solid var(--color-warning-border, #fcd34d);border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;color:var(--color-warning-text, #92400e)}.budget__locked-banner i{font-size:14px}.budget__review-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--color-info-bg, #e0f2fe);border:1px solid var(--color-info-border, #7dd3fc);border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;color:var(--color-info-text, #0369a1)}.budget__review-banner i{font-size:14px}.budget__unlock-btn{margin-left:auto;padding:5px 12px;font-size:11px;font-weight:500;color:var(--color-warning-text, #92400e);background:var(--color-card-bg, #ffffff);border:1px solid var(--color-warning-border, #fcd34d);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.budget__unlock-btn:hover{background:var(--color-warning-bg, #fef3c7)}.budget__unlock-btn i{margin-right:4px}.budget__billing-group-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-size:13px}.budget__billing-group-banner i{font-size:14px;flex-shrink:0}.budget__billing-group-banner--linked{background:var(--color-info-bg, #eff6ff);border:1px solid var(--color-info-border, #93c5fd);color:var(--color-info-text, #1e40af)}.budget__billing-group-banner--primary{background:var(--color-success-bg, #f0fdf4);border:1px solid var(--color-success-border, #86efac);color:var(--color-success-text, #166534)}.budget__billing-group-banner--source{background:var(--color-info-bg, #eff6ff);border:1px solid var(--color-info-border, #93c5fd);color:var(--color-info-text, #1e40af)}.budget__billing-link{color:inherit;font-weight:500;text-decoration:underline;text-underline-offset:2px}.budget__billing-link:hover{text-decoration-thickness:2px}.budget__status-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px}.budget__state-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.budget__state-badge i{font-size:10px}.budget__state-badge--prepared{background:var(--color-primary-bg);color:var(--color-primary, #2563eb);border:1px solid var(--color-primary-border, #93c5fd)}.budget__state-badge--pending-review{background:var(--color-teal-bg, #f0fdfa);color:var(--color-teal, #0d9488);border:1px solid var(--color-teal-border, #5eead4)}.budget__state-badge--reviewed{background:var(--color-info-bg, #eff6ff);color:var(--color-info, #0369a1);border:1px solid var(--color-info-border, #7dd3fc)}.budget__state-badge--signed-off{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border:1px solid var(--color-success-border, #86efac)}.budget__state-badge--rejected{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid var(--color-danger-border, #fecaca)}.budget__rejection-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--color-danger-bg, #fef2f2);border:1px solid var(--color-danger-border, #fecaca);border-left:4px solid var(--color-danger, #dc2626);border-radius:var(--radius-md);margin-bottom:16px}.budget__rejection-banner-icon{color:var(--color-danger, #dc2626);font-size:18px;margin-top:2px}.budget__rejection-banner-content{flex:1}.budget__rejection-banner-title{font-weight:600;color:var(--color-danger, #dc2626);margin:0 0 4px;font-size:13px}.budget__rejection-banner-notes{color:var(--color-text, #1f2937);font-size:12px;margin:0;white-space:pre-wrap}.budget__rejection-banner-meta{color:var(--color-text-muted, #6b7280);font-size:11px;margin-top:8px}.budget__workflow-actions{display:flex;gap:8px;margin-left:auto}.budget__workflow-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);border:1px solid transparent}.budget__workflow-btn i{font-size:11px}.budget__workflow-btn:disabled{opacity:.6;cursor:not-allowed}.budget__workflow-btn--review{background:var(--color-teal-bg, #f0fdfa);color:var(--color-teal, #0d9488);border-color:var(--color-teal-border, #5eead4)}.budget__workflow-btn--review:hover:not(:disabled){background:var(--color-teal, #0d9488);color:var(--color-white, #ffffff)}.budget__workflow-btn--accept{background:var(--color-info-bg, #eff6ff);color:var(--color-info, #0369a1);border-color:var(--color-info-border, #7dd3fc)}.budget__workflow-btn--accept:hover:not(:disabled){background:var(--color-info, #0369a1);color:var(--color-white, #ffffff)}.budget__workflow-btn--sign-off{background:var(--color-success-bg, #f0fdf4);color:var(--color-success, #16a34a);border-color:var(--color-success-border, #86efac)}.budget__workflow-btn--sign-off:hover:not(:disabled){background:var(--color-success, #16a34a);color:var(--color-white, #ffffff)}.budget__workflow-btn--unlock{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e);border-color:var(--color-warning-border, #fcd34d)}.budget__workflow-btn--unlock:hover:not(:disabled){background:var(--color-warning, #f59e0b);color:var(--color-white, #ffffff)}.budget__workflow-btn--submit{background:var(--color-primary-bg);color:var(--color-primary, #2563eb);border-color:var(--color-primary-border, #93c5fd)}.budget__workflow-btn--submit:hover:not(:disabled){background:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.budget__workflow-btn--reject{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border-color:var(--color-danger-border, #fecaca)}.budget__workflow-btn--reject:hover:not(:disabled){background:var(--color-danger, #dc2626);color:var(--color-white, #ffffff)}.budget__workflow-btn--send-back{background:var(--color-amber-bg, #fffbeb);color:var(--color-amber, #d97706);border-color:var(--color-amber-border, #fcd34d)}.budget__workflow-btn--send-back:hover:not(:disabled){background:var(--color-amber, #d97706);color:var(--color-white, #ffffff)}.budget__workflow-btn--resubmit{background:var(--color-primary-bg);color:var(--color-primary, #2563eb);border-color:var(--color-primary-border, #93c5fd)}.budget__workflow-btn--resubmit:hover:not(:disabled){background:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.budget__header-title{display:flex;align-items:center;gap:12px}.budget__title{font-size:16px;font-weight:600;color:var(--color-text, #1f2937);margin:0}.budget__content{margin-top:12px;display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0}.budget__creation{padding:24px}.budget__creation-header{text-align:center;margin-bottom:32px}.budget__creation-header h3{font-size:20px;font-weight:600;color:var(--color-text, #1f2937);margin:0 0 8px}.budget__creation-header p{font-size:13px;color:var(--color-text-muted, #64748b);margin:0}.budget__creation-section{margin-bottom:24px}.budget__creation-label{display:block;font-size:12px;font-weight:600;color:var(--color-text, #374151);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.budget__type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.budget__type-cards--compact{gap:12px}.budget__type-card{display:flex;flex-direction:column;padding:20px;background:var(--color-surface, #f8fafc);border:2px solid var(--color-border, #e2e8f0);border-radius:12px;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.budget__type-card:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-card-bg, #ffffff);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246),.1)}.budget__type-card--current{border-color:var(--color-success, #10b981);background:var(--color-success-bg, #ecfdf5)}.budget__type-card--current:after{content:"Current";position:absolute;top:8px;right:8px;font-size:10px;font-weight:600;color:var(--color-success, #10b981);text-transform:uppercase}.budget__type-card{position:relative}.budget__type-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);color:var(--color-primary, #3b82f6);border-radius:10px;margin-bottom:16px}.budget__type-card-icon i{font-size:20px}.budget__type-card-content h4{font-size:14px;font-weight:600;color:var(--color-text, #1f2937);margin:0 0 8px}.budget__type-card-content p{font-size:12px;color:var(--color-text-muted, #64748b);margin:0;line-height:1.5}.budget__creation-divider{display:flex;align-items:center;margin:32px 0}.budget__creation-divider:before,.budget__creation-divider:after{content:"";flex:1;height:1px;background:var(--color-border, #e2e8f0)}.budget__creation-divider span{padding:0 16px;font-size:12px;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.budget__creation-options{display:flex;gap:16px;justify-content:center}.budget__creation-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;background:var(--color-card-bg, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);min-width:180px}.budget__creation-option:hover:not(:disabled){border-color:var(--color-primary, #3b82f6);background:var(--color-surface, #f8fafc)}.budget__creation-option:disabled{opacity:.5;cursor:not-allowed}.budget__creation-option i{font-size:24px;color:var(--color-primary, #3b82f6)}.budget__creation-option span{font-size:13px;font-weight:600;color:var(--color-text, #1f2937)}.budget__creation-option small{font-size:11px;color:var(--color-text-muted, #94a3b8)}.budget__header{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:12px;flex-shrink:0;width:100%}.budget__header-actions{display:flex;gap:8px;flex-shrink:0}.budget__type-badge{display:inline-block;padding:3px 10px;font-size:10px;font-weight:600;color:var(--color-primary, #3b82f6);background:var(--color-primary-bg);border-radius:12px;text-transform:uppercase;letter-spacing:.3px;margin-left:12px}.budget__change-type-btn{padding:6px 12px;font-size:11px;font-weight:500;color:var(--color-text, #374151);background:var(--color-surface, #f1f5f9);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;gap:6px}.budget__change-type-btn:hover{background:var(--color-surface-hover, #e2e8f0);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.budget__change-type-btn i{font-size:10px}.budget__change-type-modal{padding:8px 0}.budget__change-type-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-warning-bg, #fef3c7);border-radius:var(--radius-md);font-size:12px;color:var(--color-warning-text, #92400e);margin-bottom:20px}.budget__change-type-warning i{font-size:16px;color:var(--color-warning, #f59e0b)}.budget__change-type-info{font-size:13px;color:var(--color-text-muted, #64748b);margin-bottom:16px}.budget__conversion-modal{padding:8px 0}.budget__conversion-question{font-size:14px;color:var(--color-text, #1f2937);margin-bottom:20px}.budget__conversion-question strong{color:var(--color-primary, #3b82f6)}.budget__conversion-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.budget__conversion-option{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--color-surface, #f8fafc);border:2px solid var(--color-border, #e2e8f0);border-radius:10px;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);text-align:left}.budget__conversion-option:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-card-bg, #ffffff)}.budget__conversion-option--convert:hover{border-color:var(--color-primary, #3b82f6)}.budget__conversion-option--reset:hover{border-color:var(--color-warning, #f59e0b)}.budget__conversion-option-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.budget__conversion-option--convert .budget__conversion-option-icon{background:var(--color-primary-bg);color:var(--color-primary, #3b82f6)}.budget__conversion-option--reset .budget__conversion-option-icon{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning, #f59e0b)}.budget__conversion-option-icon i{font-size:16px}.budget__conversion-option-content h4{font-size:14px;font-weight:600;color:var(--color-text, #1f2937);margin:0 0 6px}.budget__conversion-option-content p{font-size:12px;color:var(--color-text-muted, #64748b);margin:0;line-height:1.5}.budget__conversion-warning{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-muted, #64748b);margin:0}.budget__conversion-warning i{color:var(--color-info, #0ea5e9)}.budget__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #6b7280)}.budget__type-selector{display:flex;gap:4px;padding:4px;background:var(--color-surface, #f8fafc);border-radius:var(--radius-lg);border:1px solid var(--color-border, #e2e8f0)}.budget__type-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;color:var(--color-text-muted, #64748b);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.budget__type-btn:hover{color:var(--color-text, #1f2937);background:var(--color-surface-hover, #f1f5f9)}.budget__type-btn--active{color:var(--color-primary, #3b82f6);background:var(--color-card-bg, #ffffff);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.08)}.budget__type-btn--active:hover{background:var(--color-card-bg, #ffffff)}.budget__type-btn i{font-size:11px;opacity:.7}.budget__type-btn--active i{opacity:1}.budget__detailed{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0}.budget__people-header{display:flex;justify-content:flex-end;margin-bottom:8px;flex-shrink:0;width:100%}.budget__add-person-btn{padding:4px 10px;background:var(--color-primary, #3b82f6);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background var(--transition-fast)}.budget__add-person-btn:hover{background:var(--color-primary-hover, #2563eb)}.budget__add-person-btn i{font-size:10px}.budget__matrix-wrap{width:fit-content;max-width:100%;overflow-x:auto;overflow-y:visible;margin-bottom:12px;border-radius:var(--radius-md, 6px);box-shadow:var(--shadow-subtle, 0 1px 2px rgba(var(--color-shadow-rgb), .05));position:relative}.budget__matrix-scroll-controls{position:sticky;top:0;left:0;right:0;display:flex;justify-content:flex-end;gap:2px;padding:4px;z-index:15;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);height:0;overflow:visible}.budget__matrix-wrap--scrollable .budget__matrix-scroll-controls{opacity:1;pointer-events:auto}.budget__matrix-scroll-btn{width:24px;height:24px;border:1px solid var(--color-border, #e5e7eb);background:var(--color-card-bg, #ffffff);color:var(--color-text-muted, #6b7280);border-radius:var(--radius-sm, 4px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-subtle)}.budget__matrix-scroll-btn:hover{background:var(--color-surface, #f8fafc);color:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6)}.budget__matrix-scroll-btn:disabled{opacity:.3;cursor:not-allowed}.budget__matrix-scroll-btn:disabled:hover{background:var(--color-card-bg, #ffffff);color:var(--color-text-muted, #6b7280);border-color:var(--color-border, #e5e7eb)}.budget__matrix{width:auto;min-width:580px;table-layout:auto;border-collapse:collapse;font-size:11px;border:1px solid var(--color-border, #e5e7eb);background:var(--color-card-bg, #ffffff);border-radius:var(--radius-md, 6px);overflow:hidden}.budget__matrix th,.budget__matrix td{padding:4px 6px;text-align:left;border:1px solid var(--color-border, #e5e7eb)}.budget__matrix-header-roles th{background:var(--color-primary-bg);color:var(--color-primary-hover, #1e40af);font-size:11px;text-transform:uppercase;font-weight:700;text-align:center;letter-spacing:.3px;padding:6px 8px}.budget__matrix .budget__matrix-header-roles th,.budget__matrix .budget__matrix-header-names th{position:sticky;z-index:5;background:var(--color-primary-bg)}.budget__matrix .budget__matrix-header-roles th{top:0}.budget__matrix .budget__matrix-header-names th{top:29px;box-shadow:0 1px 0 var(--color-border, #e5e7eb);background:var(--color-surface, #f8fafc)}.budget__matrix-header-roles th.budget__matrix-col--draggable{padding-left:18px}.budget__matrix-role--total{background:var(--color-surface, #f8fafc);color:var(--color-text, #1f2937)}.budget__matrix-header-names th{background:var(--color-surface, #f8fafc);font-weight:600;font-size:12px;color:var(--color-text, #1f2937);vertical-align:bottom;padding:8px 10px}.budget__matrix .budget__matrix-th--task{width:280px;min-width:200px}.budget__matrix .budget__matrix-th--date{width:100px;min-width:85px;text-align:center}.budget__matrix .budget__matrix-th--person{width:120px;min-width:70px;text-align:center}.budget__matrix .budget__matrix-th--stretch{display:none}.budget__matrix .budget__matrix-th--total{width:80px;min-width:70px;text-align:center;font-weight:700}.budget__matrix-th--total-header{width:80px;min-width:70px;background:var(--color-surface, #f9fafb)}.budget__matrix--compact .budget__matrix-th--task{width:180px;min-width:140px}.budget__matrix--compact .budget__matrix-th--date{width:80px;min-width:65px}.budget__matrix--compact .budget__matrix-th--person{width:85px;min-width:55px;padding:4px}.budget__matrix--compact .budget__matrix-total{min-width:60px;width:60px}.budget__matrix--compact .budget__task-desc-input{width:160px}.budget__matrix--compact .budget__matrix-hours{width:55px}.budget__matrix--compact .budget__hours-input{font-size:10px}.budget__matrix--compact .budget__matrix-total-cell{min-width:60px;padding-right:8px}.budget__matrix--compact .budget__person-header span{font-size:11px}.budget__matrix--compact .budget__person-header small,.budget__matrix--compact .budget__person-rate{font-size:10px}.budget__matrix--compact .budget__role-btn{padding:2px 4px;font-size:10px}.budget__matrix--compact .budget__matrix-header-roles th{padding:4px;font-size:10px}@media(max-width:1400px){.budget__matrix:not(.budget__matrix--compact) .budget__matrix-th--task{width:220px;min-width:160px}.budget__matrix:not(.budget__matrix--compact) .budget__matrix-th--person{width:100px;min-width:60px}}@media(max-width:1200px){.budget__matrix .budget__matrix-th--task{width:180px;min-width:140px}.budget__matrix .budget__matrix-th--date{width:80px;min-width:65px}.budget__matrix .budget__matrix-th--person{width:85px;min-width:55px;padding:4px}.budget__matrix .budget__task-desc-input{width:160px}.budget__matrix .budget__matrix-hours{width:55px}}.budget__matrix-td--stretch{display:none}.budget__matrix .budget__matrix-total{text-align:right;padding-right:12px;font-weight:600;color:var(--color-text, #1f2937);background:var(--color-surface, #f9fafb);font-variant-numeric:tabular-nums;min-width:80px;width:80px}.budget__person-header{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.budget__person-header span{font-weight:600;color:var(--color-text, #1f2937);font-size:12px}.budget__person-header small{font-size:11px;color:var(--color-text, #1f2937);font-weight:500;line-height:1.2}.budget__role-btn{background:transparent;border:none;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;transition:background var(--transition-fast)}.budget__role-btn:hover{background:var(--color-primary-bg)}.budget__role-btn i{font-size:9px;opacity:0;transition:opacity var(--transition-fast)}.budget__role-btn:hover i{opacity:1}.budget__col-drag-handle{position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--color-text-muted, #9ca3af);opacity:0;cursor:grab;transition:opacity var(--transition-fast),color var(--transition-fast);z-index:1}.budget__matrix-col--draggable{position:relative;cursor:grab;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.budget__matrix-col--draggable:hover .budget__col-drag-handle{opacity:1}.budget__matrix-col--draggable:hover{background:var(--color-surface-hover, rgba(var(--color-shadow-rgb), .02))}.budget__matrix-col--dragging{opacity:.5;background:var(--color-primary-bg);cursor:grabbing}.budget__matrix-col--drop-before{box-shadow:inset 3px 0 0 var(--color-primary, #3b82f6)}.budget__matrix-col--drop-after{box-shadow:inset -3px 0 0 var(--color-primary, #3b82f6)}.budget__matrix-cell--highlight{background:var(--color-primary-bg)}.budget__person-btn{background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background var(--transition-fast)}.budget__person-btn:hover{background:var(--color-surface-hover, #e2e8f0)}.budget__person-btn span{font-weight:600;color:var(--color-text, #1f2937);font-size:12px}.budget__person-btn small{font-size:11px;color:var(--color-text, #1f2937);font-weight:500;line-height:1.2}.budget__person-btn i{font-size:8px;color:var(--color-text-secondary, #374151);opacity:0;transition:opacity var(--transition-fast);margin-top:3px}.budget__person-btn:hover i{opacity:1}.budget__person-rate{color:var(--color-text, #1f2937);font-weight:600;font-size:11px;font-variant-numeric:tabular-nums;margin-top:2px}.budget__person-remove{position:absolute;top:-3px;right:-3px;padding:1px;background:var(--color-card-bg, #ffffff);border:1px solid var(--color-danger, #dc2626);border-radius:50%;color:var(--color-danger, #dc2626);cursor:pointer;width:14px;height:14px;font-size:7px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.budget__matrix-th--person:hover .budget__person-remove{opacity:1}.budget__matrix-section-header td{background:var(--color-surface-hover, #f1f5f9);font-weight:700;color:var(--color-text, #1f2937);padding:4px 6px;font-size:11px;border-left:3px solid var(--color-primary, #3b82f6)}.budget__section-name-input{background:transparent;border:none;font-weight:700;color:var(--color-text, #1f2937);font-size:11px;width:160px;padding:0}.budget__section-name-input:focus{outline:none;background:var(--color-bg, #ffffff);border-radius:3px;padding:1px 3px}.budget__section-remove{padding:1px 4px;background:transparent;border:none;color:var(--color-danger, #dc2626);cursor:pointer;font-size:10px;opacity:.4;float:right}.budget__section-remove:hover{opacity:1}.budget__matrix-row:hover{background:var(--color-surface-hover, #f8fafc)}.budget__matrix-task{width:280px;min-width:200px;padding-left:12px;position:relative;white-space:nowrap}.budget__task-prefix{display:inline;vertical-align:middle;color:var(--color-text-muted, #9ca3af);margin-right:3px;font-size:11px;flex-shrink:0}.budget__task-desc-input,.budget__task-date-input,.budget__hours-input{padding:2px 4px;border:1px solid transparent;border-radius:3px;font-size:11px;font-family:inherit;background:transparent;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.budget__task-desc-input:hover,.budget__task-date-input:hover,.budget__hours-input:hover{border-color:var(--color-border, #d1d5db);background:var(--color-input-bg, #ffffff)}.budget__task-desc-input:focus,.budget__task-date-input:focus,.budget__hours-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);background:var(--color-input-bg, #ffffff)}.budget__task-desc-input{width:220px;display:inline-block;vertical-align:middle}.budget__date-input-wrap{position:relative;display:inline-flex;align-items:center;width:100%}.budget__task-date-input{width:100%;text-align:center;font-size:11px;padding-right:22px}.budget__task-date-input::placeholder{color:var(--color-text-muted, #9ca3af);opacity:.6}.budget__date-native{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:0;cursor:pointer;z-index:2}.budget__date-calendar-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:transparent;border:none;color:var(--color-text-muted, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),color var(--transition-fast);z-index:1}.budget__date-input-wrap:hover .budget__date-calendar-btn,.budget__date-input-wrap:focus-within .budget__date-calendar-btn{opacity:1;pointer-events:auto}.budget__date-calendar-btn:hover{color:var(--color-primary, #3b82f6)}.budget__hours-input{width:100%;text-align:center;-moz-appearance:textfield}.budget__hours-input::-webkit-outer-spin-button,.budget__hours-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.budget__matrix .budget__matrix-hours{text-align:center;width:80px;font-variant-numeric:tabular-nums}.budget__matrix .budget__matrix-date{text-align:center;width:100px}.budget__task-remove{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:2px 4px;background:transparent;border:none;color:var(--color-text-muted, #9ca3af);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);font-size:10px}.budget__matrix-row:hover .budget__task-remove{opacity:1}.budget__task-remove:hover{color:var(--color-danger, #dc2626);background:var(--color-danger-bg, rgba(var(--color-danger-rgb), .1));border-radius:3px}.budget__matrix-row--add-section td,.budget__matrix-row--add-task td{background:transparent;border:none;padding:3px 6px}.budget__add-section-btn,.budget__add-task-btn{padding:2px 8px;background:transparent;border:1px dashed var(--color-border, #d1d5db);border-radius:3px;color:var(--color-text-muted, #9ca3af);font-size:10px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:border-color var(--transition-fast),color var(--transition-fast)}.budget__add-section-btn:hover,.budget__add-task-btn:hover{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.budget__add-section-btn i,.budget__add-task-btn i{font-size:9px}.budget__matrix-totals td{background:var(--color-surface, #f8fafc);font-weight:600;font-size:11px}.budget__matrix .budget__matrix-totals--hours td{border-top:2px solid var(--color-border, #e5e7eb);color:var(--color-text-secondary, #64748b)}.budget__matrix .budget__matrix-totals--spacer td{height:8px;padding:0;background:var(--color-card-bg, #ffffff);border:none}.budget__matrix .budget__matrix-totals--amount td{border-top:1px solid var(--color-border, #e5e7eb);color:var(--color-text, #1f2937);font-weight:700}.budget__matrix .budget__matrix-total-cell{text-align:right;padding-right:12px;font-variant-numeric:tabular-nums;min-width:80px}.budget__matrix .budget__matrix-total-cell--grand{background:var(--color-surface, #f8fafc);color:var(--color-text, #1f2937);font-weight:600;text-align:right;padding-right:12px;border-left:1px solid var(--color-border, #e2e8f0);min-width:80px;width:80px}.budget__matrix .budget__matrix-totals--subtotal td{background:var(--color-surface, #f8fafc);color:var(--color-text, #1f2937);border-top:1px solid var(--color-border, #e5e7eb)}.budget__matrix .budget__matrix-totals--subtotal td strong{color:var(--color-text, #1f2937)}.budget__matrix .budget__matrix-totals--subtotal .budget__matrix-total-cell--grand{background:var(--color-surface, #f8fafc);text-align:right;padding-right:12px}.budget__matrix .budget__matrix-totals--subtotal .budget__matrix-total-cell--grand strong{color:var(--color-text, #1f2937)}.budget__empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px;color:var(--color-text-muted, #6b7280);text-align:center}.budget__empty i{font-size:24px;opacity:.3}.budget__empty p{margin:0;font-size:12px}.budget__simple-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.budget__add-line-btn{padding:3px 8px;background:var(--color-primary, #3b82f6);color:var(--color-bg, #ffffff);border:none;border-radius:var(--radius-sm);font-size:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:3px}.budget__add-line-btn:hover{background:var(--color-primary-hover, #2563eb)}.budget__add-line-btn i{font-size:9px}.budget__simple-table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:10px}.budget__simple-table th,.budget__simple-table td{padding:4px 6px;text-align:left;border-bottom:1px solid var(--color-border, #e5e7eb)}.budget__simple-table th{background:var(--color-surface, #f1f5f9);font-weight:700;font-size:9px;text-transform:uppercase;color:var(--color-text-muted, #64748b);letter-spacing:.3px;padding:5px 6px}.budget__simple-table th:nth-child(2),.budget__simple-table th:nth-child(3),.budget__simple-table td:nth-child(2),.budget__simple-table td:nth-child(3){text-align:center}.budget__simple-table th:nth-child(4),.budget__simple-table td:nth-child(4){text-align:right}.budget__simple-table tbody tr:hover{background:var(--color-surface-hover, #f8fafc)}.budget__simple-table tfoot td{border-top:2px solid var(--color-text-muted, #94a3b8);background:var(--color-surface-hover, #e2e8f0);font-size:11px;font-weight:700;padding:5px 6px}.budget__simple-table tfoot td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.budget__line-person,.budget__line-hours,.budget__line-rate,.budget__line-desc,.budget__line-custom-name{padding:3px 6px;border:1px solid var(--color-border, #d1d5db);border-radius:3px;font-size:11px;font-family:inherit;background:var(--color-input-bg, #ffffff)}.budget__line-person:focus,.budget__line-hours:focus,.budget__line-rate:focus,.budget__line-desc:focus,.budget__line-custom-name:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__line-person{width:130px}.budget__line-hours{width:50px;text-align:center;font-variant-numeric:tabular-nums}.budget__line-rate{width:65px;text-align:center;font-variant-numeric:tabular-nums}.budget__line-desc{width:100%;min-width:80px}.budget__line-custom-name{width:100px;margin-top:3px;font-size:10px}.budget__line-amount{font-weight:700;white-space:nowrap;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.budget__line-remove{padding:2px;background:transparent;border:none;color:var(--color-text-muted, #9ca3af);cursor:pointer;font-size:10px;opacity:.5;transition:opacity var(--transition-fast)}.budget__simple-table tbody tr:hover .budget__line-remove{opacity:1}.budget__line-remove:hover{color:var(--color-danger, #dc2626)}.budget__empty-small{text-align:center;padding:16px;color:var(--color-text-muted, #9ca3af);font-size:11px}.budget__basic-section{margin-bottom:16px}.budget__basic-label{display:block;font-size:11px;font-weight:700;color:var(--color-text-muted, #64748b);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.budget__basic-hint{font-size:11px;color:var(--color-text-muted, #9ca3af);margin:0 0 6px}.budget__basic-textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm);font-size:12px;font-family:inherit;resize:vertical;min-height:100px;line-height:1.5}.budget__basic-textarea:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__basic-description-readonly{padding:10px 12px;background:var(--color-surface, #f8fafc);border-radius:var(--radius-sm);font-size:12px;line-height:1.6;white-space:pre-wrap;border:1px solid var(--color-border, #e2e8f0)}.budget__basic-total-section{margin-bottom:10px}.budget__basic-amount-input{display:flex;align-items:center;gap:4px}.budget__basic-amount-input span{font-size:14px;font-weight:600;color:var(--color-text-muted, #64748b)}.budget__basic-amount-input input{width:120px;padding:8px 10px;border:2px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm);font-size:16px;font-weight:700;text-align:right;font-family:inherit}.budget__basic-amount-input input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__basic-amount-readonly{font-size:18px;font-weight:700;color:var(--color-primary, #3b82f6);font-variant-numeric:tabular-nums;text-align:right}.budget__grand-total{padding:8px 0;border-top:2px solid var(--color-text, #1f2937);margin-top:4px;width:100%}.budget__total-row{display:flex;justify-content:flex-end;align-items:baseline;gap:16px}.budget__total-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text, #1f2937);display:flex;align-items:center;gap:8px}.budget__total-amount{font-size:20px;font-weight:700;min-width:140px;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text, #1f2937)}.budget__total-amount--override{color:var(--color-warning-dark, #b45309)}.budget__calculated-note{text-align:right;font-size:10px;color:var(--color-text-muted, #6b7280);margin-top:2px}.budget__override-badge{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-dark, #b45309);padding:2px 6px;border-radius:3px;font-size:9px;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.budget__summary-section{padding:8px 0}.budget__summary-row{display:flex;justify-content:flex-end;align-items:baseline;gap:16px;padding:4px 0}.budget__summary-row--total{padding-bottom:8px}.budget__summary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary, #64748b);display:flex;align-items:center;gap:6px}.budget__summary-row--total .budget__summary-label{font-size:12px;font-weight:700;color:var(--color-text, #1f2937)}.budget__summary-amount{font-size:13px;font-weight:600;min-width:140px;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-secondary, #64748b);display:flex;flex-direction:column;align-items:flex-end}.budget__summary-amount--total{font-size:20px;font-weight:700;color:var(--color-text, #1f2937)}.budget__summary-amount--override{color:var(--color-warning-dark, #b45309)}.budget__summary-note{font-size:10px;font-weight:400;color:var(--color-text-muted, #9ca3af);margin-top:1px}.budget__summary-hint{color:var(--color-text-muted, #9ca3af);font-size:10px;cursor:help}.budget__summary-hint:hover{color:var(--color-primary, #3b82f6)}.budget__summary-divider{height:1px;background:var(--color-border, #e5e7eb);margin:8px 0}.budget__margin--positive{color:var(--color-success, #22c55e)}.budget__margin--negative{color:var(--color-danger, #ef4444)}.budget__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.budget__autosave-status{font-size:11px;color:var(--color-text-muted);opacity:0;transition:opacity .3s ease}.budget__autosave-status--saving{opacity:1}.budget__autosave-status--saved{opacity:1;color:var(--color-success)}.budget__autosave-status--error{opacity:1;color:var(--color-danger)}.budget__save-btn{padding:8px 16px;background:var(--color-primary, #3b82f6);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.budget__save-btn:hover{background:var(--color-primary-hover, #2563eb)}.budget__save-btn:disabled{opacity:.5;cursor:not-allowed}.budget__lock-btn,.budget__export-btn{padding:8px 12px;background:var(--color-surface, #f1f5f9);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm);font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:var(--color-text, #374151)}.budget__lock-btn:hover,.budget__export-btn:hover{background:var(--color-surface-hover, #e2e8f0)}.budget__template-actions{display:flex;gap:8px;margin-bottom:12px}.budget__template-btn{padding:6px 10px;background:var(--color-surface, #f1f5f9);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm);font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:var(--color-text, #374151);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.budget__template-btn:hover:not(:disabled){background:var(--color-surface-hover, #e2e8f0);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.budget__template-btn:disabled{opacity:.5;cursor:not-allowed}.budget__template-btn i{font-size:10px}.budget__footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:12px;margin-top:12px;width:100%}.budget__override{display:flex;align-items:center;gap:12px}.budget__override-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted, #64748b);cursor:pointer}.budget__override-label input[type=checkbox]{width:14px;height:14px;cursor:pointer}.budget__override-input{display:flex;align-items:center;gap:4px}.budget__override-input span{font-size:12px;color:var(--color-text-muted, #64748b)}.budget__override-input input{width:100px;padding:4px 8px;font-size:12px;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm);text-align:right}.budget__override-input input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__comparison{margin-top:12px;padding-top:8px;width:100%}.budget__comparison-toggle{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;user-select:none}.budget__comparison-toggle:hover{color:var(--color-primary, #3b82f6)}.budget__comparison-toggle i{font-size:10px;color:var(--color-text-muted, #64748b);transition:transform .2s ease;width:12px}.budget__comparison:not(.budget__comparison--collapsed) .budget__comparison-toggle i{transform:rotate(90deg)}.budget__comparison-toggle-title{font-size:11px;font-weight:600;color:var(--color-text-secondary, #475569);text-transform:uppercase;letter-spacing:.3px}.budget__comparison-toggle-summary{flex:1;text-align:right;font-size:11px;color:var(--color-text-muted, #64748b);font-variant-numeric:tabular-nums}.budget__comparison-toggle-summary span{margin-left:8px;font-weight:600}.budget__comparison-content{padding:8px 0}.budget__comparison--collapsed .budget__comparison-content{display:none}.budget__comparison-controls{display:flex;justify-content:flex-end;margin-bottom:10px}.budget__comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.budget__escalation{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted, #64748b)}.budget__escalation label{font-weight:500}.budget__escalation input{width:50px;padding:3px 6px;font-size:11px;text-align:center;border:1px solid var(--color-border, #d1d5db);border-radius:3px}.budget__escalation input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__escalation-refresh{padding:4px 6px;background:transparent;border:1px solid var(--color-border, #d1d5db);border-radius:3px;cursor:pointer;color:var(--color-text-muted, #64748b);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.budget__escalation-refresh:hover{background:var(--color-surface-hover, #e2e8f0);color:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6)}.budget__escalation-refresh i{font-size:10px}.budget__comparison-empty{text-align:center;padding:16px;color:var(--color-text-muted, #94a3b8)}.budget__comparison-empty small{font-size:11px;font-style:italic}.budget__comparison-table{width:auto;min-width:100%;border-collapse:collapse;font-size:11px}.budget__comparison-table th,.budget__comparison-table td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--color-border, #e2e8f0)}.budget__comparison-table th{font-weight:600;color:var(--color-text-muted, #64748b);background:var(--color-surface, #f1f5f9);font-size:10px;text-transform:uppercase;letter-spacing:.3px}.budget__comparison-table td{color:var(--color-text, #1f2937)}.budget__comparison-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.budget__comparison-table tr:last-child td{border-bottom:none}.budget__comparison-table tfoot td{font-weight:600;background:var(--color-surface, #f1f5f9);border-top:2px solid var(--color-border, #d1d5db)}.budget__comparison-variance--positive,.budget__comparison-variance--under{color:var(--color-success, #16a34a)}.budget__comparison-variance--negative,.budget__comparison-variance--over{color:var(--color-danger, #dc2626)}.budget__comparison-manual{padding:12px 0}.budget__comparison-manual-info{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 12px;background:var(--color-info-bg);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-muted, #6b7280);line-height:1.4}.budget__comparison-manual-info i{color:var(--color-info, #3b82f6);margin-top:2px;flex-shrink:0}.budget__comparison-manual-input{display:flex;align-items:center;gap:12px;margin-bottom:16px}.budget__comparison-manual-input label{font-size:.85rem;font-weight:500;color:var(--color-text, #1f2937);white-space:nowrap}.budget__comparison-manual-field{display:flex;align-items:center;gap:4px}.budget__comparison-manual-prefix{font-size:.9rem;font-weight:500;color:var(--color-text-muted, #6b7280);padding:0 4px}.budget__comparison-manual-amount{width:140px;padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm);font-size:.9rem;background:var(--color-input-bg, #ffffff);color:var(--color-text, #1f2937);transition:border-color .15s ease}.budget__comparison-manual-amount:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__comparison-manual-amount:disabled{opacity:.6;cursor:not-allowed}.budget__comparison-manual-save,.budget__comparison-manual-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.budget__comparison-manual-save{background:var(--color-success, #10b981);color:var(--color-on-success)}.budget__comparison-manual-save:hover:not(:disabled){background:var(--color-success-hover, #059669)}.budget__comparison-manual-clear{background:var(--color-danger-light, rgba(var(--color-danger-rgb), .1));color:var(--color-danger, #dc2626)}.budget__comparison-manual-clear:hover:not(:disabled){background:var(--color-danger, #dc2626);color:var(--color-on-danger)}.budget__comparison-manual-save:disabled,.budget__comparison-manual-clear:disabled{opacity:.5;cursor:not-allowed}.budget__comparison-table--manual{margin-top:8px}.budget__template-modal-overlay,.budget__import-modal-overlay{position:fixed;inset:0;background:rgba(var(--color-shadow-rgb),.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.budget__template-modal,.budget__import-modal{background:var(--color-card-bg, #ffffff);border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(var(--color-shadow-rgb),.2);width:90%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.budget__template-modal-header,.budget__import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb)}.budget__template-modal-header h3,.budget__import-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text, #1f2937)}.budget__template-modal-close,.budget__import-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted, #6b7280);line-height:1;padding:4px}.budget__template-modal-close:hover,.budget__import-modal-close:hover{color:var(--color-text, #1f2937)}.budget__template-modal-body,.budget__import-modal-body{padding:20px;overflow-y:auto}.budget__template-modal-warning,.budget__import-modal-warning{background:var(--color-warning-bg);color:var(--color-warning-text);padding:12px;border-radius:var(--radius-md);margin-bottom:16px;font-size:.875rem;display:flex;align-items:center;gap:8px}.budget__import-modal-info{background:var(--color-primary-bg);color:var(--color-primary, #3b82f6);padding:12px;border-radius:var(--radius-md);margin-bottom:12px;font-size:.875rem;display:flex;align-items:flex-start;gap:8px}.budget__template-modal-label,.budget__import-modal-label{display:block;font-weight:500;color:var(--color-text, #1f2937);margin-bottom:6px;font-size:.875rem}.budget__template-modal-select,.budget__template-modal-input,.budget__template-modal-textarea,.budget__import-modal-input{width:100%;padding:10px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:16px;background:var(--color-input-bg, #ffffff);color:var(--color-text, #1f2937)}.budget__template-modal-select:focus,.budget__template-modal-input:focus,.budget__template-modal-textarea:focus,.budget__import-modal-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px var(--color-primary-bg)}.budget__template-modal-textarea{min-height:80px;resize:vertical}.budget__template-modal-description{color:var(--color-text-muted, #6b7280);font-size:.875rem;font-style:italic;min-height:20px}.budget__import-modal-input-group{display:flex;align-items:center;gap:8px;margin-bottom:16px}.budget__import-modal-input-group .budget__import-modal-input{margin-bottom:0;width:100px}.budget__import-modal-suffix{color:var(--color-text-muted, #6b7280);font-weight:500}.budget__import-modal-preview{margin-top:16px;min-height:60px}.budget__import-modal-preview-content{background:var(--color-surface, #f9fafb);border-radius:var(--radius-md);padding:12px}.budget__import-modal-preview-content p{margin:0 0 8px;font-size:.875rem}.budget__import-modal-preview-content p:last-child{margin-bottom:0}.budget__import-modal-preview-total{padding-top:8px;border-top:1px solid var(--color-border, #e5e7eb);font-weight:600}.budget__import-modal-loading,.budget__import-modal-error{display:flex;align-items:center;gap:8px;font-size:.875rem}.budget__import-modal-error{color:var(--color-danger)}.budget__template-modal-footer,.budget__import-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #f9fafb)}.budget__template-modal-btn,.budget__import-modal-btn{padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid var(--color-border, #e5e7eb);background:var(--color-card-bg, #ffffff);color:var(--color-text, #1f2937);transition:background-color var(--transition-fast)}.budget__template-modal-btn:hover,.budget__import-modal-btn:hover{background:var(--color-surface-hover, #f3f4f6)}.budget__template-modal-btn:disabled,.budget__import-modal-btn:disabled{opacity:.5;cursor:not-allowed}.budget__template-modal-btn--apply,.budget__template-modal-btn--save,.budget__import-modal-btn--import{background:var(--color-primary, #3b82f6);color:var(--color-on-primary);border-color:var(--color-primary, #3b82f6)}.budget__template-modal-btn--apply:hover,.budget__template-modal-btn--save:hover,.budget__import-modal-btn--import:hover{background:var(--color-primary-hover, #2563eb)}.budget__import-modal-btn--preview{background:var(--color-card-bg, #ffffff);margin-right:auto}.budget__template-modal--wide{max-width:560px}.budget__template-modal-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--color-border, #e5e7eb);padding-bottom:0}.budget__template-modal-tab{padding:10px 16px;border:none;background:none;color:var(--color-text-muted, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-bottom-color var(--transition-fast)}.budget__template-modal-tab:hover{color:var(--color-text, #1f2937)}.budget__template-modal-tab--active{color:var(--color-primary, #3b82f6);border-bottom-color:var(--color-primary, #3b82f6)}.budget__template-modal-tab i{font-size:.875rem}.budget__template-modal-tab-content{animation:fadeIn .15s ease}.budget__template-modal-tab-content--hidden{display:none}.budget__template-modal-escalation{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border, #e5e7eb)}.budget__template-modal-escalation-input{display:flex;align-items:center;gap:4px;margin-bottom:4px}.budget__template-modal-escalation-input .budget__template-modal-input{width:80px;margin-bottom:0;text-align:right}.budget__template-modal-percent{color:var(--color-text-muted, #6b7280);font-weight:500}.budget__template-modal-hint{color:var(--color-text-muted, #6b7280);font-size:.75rem;display:block}.budget__role-modal{display:flex;flex-direction:column;gap:4px}.budget__role-modal-section{margin-bottom:12px}.budget__role-modal-label{display:block;font-weight:500;color:var(--color-text, #1f2937);margin-bottom:6px;font-size:.875rem}.budget__role-modal-select,.budget__role-modal-input{width:100%;padding:10px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-input-bg, #ffffff);color:var(--color-text, #1f2937)}.budget__role-modal-select:focus,.budget__role-modal-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px var(--color-primary-bg)}.budget__role-modal-hint{margin-top:6px;font-size:.75rem;color:var(--color-text-muted, #6b7280);font-style:italic}.budget__role-modal-rate{padding:10px 12px;background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-muted, #6b7280)}.budget__role-modal-rate--active{color:var(--color-success, #16a34a);font-weight:600}.budget__person-unassigned{color:var(--color-text-muted, #6b7280);font-style:italic;font-size:.8rem}.budget__costs-section{padding:8px 0;margin-bottom:8px;width:100%}.budget__costs-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.budget__add-cost-btn{padding:2px 8px;background:transparent;border:1px dashed var(--color-border, #d1d5db);border-radius:3px;color:var(--color-text-muted, #9ca3af);font-size:10px;cursor:pointer;display:inline-flex;align-items:center;gap:3px}.budget__add-cost-btn:hover{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.budget__add-cost-btn i{font-size:9px}.budget__costs-list{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.budget__cost-row{display:grid;grid-template-columns:200px 20px 1fr 120px;align-items:center;gap:6px}.budget__cost-row--locked{grid-template-columns:200px 1fr 120px}.budget__cost-desc{flex:1;font-size:11px;color:var(--color-text, #1f2937)}.budget__cost-amount{font-weight:600;font-size:11px;min-width:120px;text-align:right;font-variant-numeric:tabular-nums}.budget__cost-type-wrap{min-width:0;overflow:hidden}.budget__cost-type-select{width:100%;padding:4px 8px;border:1px solid var(--color-border, #d1d5db);border-radius:3px;font-size:11px;font-family:inherit;background:var(--color-input-bg, #ffffff);color:var(--color-text, #1f2937);cursor:pointer}.budget__cost-type-select:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__cost-type-label{min-width:200px;font-size:11px;font-weight:500;color:var(--color-text-muted, #64748b)}.budget__cost-desc-wrap{min-width:0;overflow:hidden}.budget__cost-desc-input{width:100%;padding:3px 6px;border:1px solid var(--color-border, #d1d5db);border-radius:3px;font-size:11px;font-family:inherit;background:var(--color-input-bg, #ffffff);color:var(--color-text, #1f2937)}.budget__cost-desc-input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__cost-amount-wrap{display:flex;align-items:center;justify-content:flex-end;gap:3px}.budget__cost-amount-wrap span{color:var(--color-text-muted, #9ca3af);font-size:11px}.budget__cost-amount-input{width:80px;padding:3px 6px;border:1px solid var(--color-border, #d1d5db);border-radius:3px;font-size:11px;text-align:right;font-family:inherit;background:var(--color-input-bg, #ffffff);color:var(--color-text, #1f2937);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.budget__cost-amount-input::-webkit-outer-spin-button,.budget__cost-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.budget__cost-amount-input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.budget__cost-remove{padding:2px;background:transparent;border:none;color:var(--color-text-muted, #9ca3af);cursor:pointer;font-size:10px;opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast);justify-self:center}.budget__cost-row:hover .budget__cost-remove{opacity:1}.budget__cost-remove:hover{color:var(--color-danger, #dc2626);opacity:1}.budget__empty-costs{color:var(--color-text-muted, #9ca3af);font-size:10px;padding:6px 0;text-align:center}.budget__subtotal{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:6px;border-top:1px solid var(--color-border, #e5e7eb);font-weight:600;font-size:11px}.budget__subtotal span:first-child{text-align:right;white-space:nowrap}.budget__subtotal span:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.budget__hours-wrap{display:flex;align-items:center;gap:4px;position:relative}.budget__overtime-indicator{position:absolute;right:2px;top:2px;width:6px;height:6px;background:var(--color-primary, #3b82f6);border-radius:50%;cursor:help;opacity:.8}.budget__overtime-indicator:hover{opacity:1;transform:scale(1.2)}.budget__overtime-cost-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--color-surface, #f8fafc);border-left:2px solid var(--color-primary, #3b82f6);border-radius:0 3px 3px 0;font-size:11px}.budget__overtime-cost-label{flex:1;color:var(--color-text-secondary, #64748b);font-weight:500}.budget__overtime-cost-amount{color:var(--color-text, #1f2937);font-weight:600}.budget__matrix .budget__matrix-totals--overtime td{background:var(--color-surface, #f8fafc);border-top:1px dashed var(--color-border, #e5e7eb)}.budget__matrix .budget__matrix-totals--overtime td strong{color:var(--color-text, #1f2937)}.budget__matrix .budget__matrix-totals--overtime small{font-weight:400;color:var(--color-text-muted, #6b7280);margin-left:4px}.budget__matrix .budget__overtime-cell{color:var(--color-text-secondary, #64748b);font-size:11px;text-align:right;padding-right:12px}.budget__overtime-cell span{cursor:help}.billing-pipeline{position:relative;padding:12px 16px;margin-bottom:20px}.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, var(--color-success)));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)}.manage-time__intro{font-size:13px;color:var(--color-text-muted);margin:0 0 16px}.manage-time__section{margin-bottom:16px;padding:12px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.manage-time__section--other{border-style:dashed}.manage-time__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.manage-time__check-all{display:flex;align-items:center;gap:8px;cursor:pointer}.manage-time__check-all input[type=checkbox]{width:16px;height:16px;cursor:pointer}.manage-time__section-title{font-size:13px;font-weight:600;color:var(--color-text)}.manage-time__section-total{font-size:12px;font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.manage-time__section-hint{font-size:11px;color:var(--color-text-muted);margin:0 0 8px;font-style:italic}.manage-time__entries{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.manage-time__entry{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--color-card-bg);border-radius:var(--radius-sm);font-size:12px}.manage-time__entry-check input[type=checkbox]{width:14px;height:14px;cursor:pointer}.manage-time__entry-details{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.manage-time__entry-user{font-weight:500;color:var(--color-text);white-space:nowrap}.manage-time__entry-date{color:var(--color-text-muted);white-space:nowrap}.manage-time__entry-task{color:var(--color-text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-time__entry-values{display:flex;align-items:center;gap:12px;text-align:right}.manage-time__entry-hours{font-weight:500;color:var(--color-text);font-variant-numeric:tabular-nums;min-width:40px}.manage-time__entry-amount{color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:60px}.manage-time__empty{padding:16px;text-align:center;color:var(--color-text-muted);font-size:12px;font-style:italic}.manage-time__section--client,.manage-time__section--unassigned{border-style:dashed;border-color:var(--color-border-light)}.manage-time__section-header--collapsible{cursor:pointer;user-select:none}.manage-time__section-header--collapsible:hover{opacity:.8}.manage-time__section-header-left{display:flex;align-items:center;gap:8px}.manage-time__collapse-icon{font-size:10px;color:var(--color-text-muted);transition:transform .2s ease;width:12px}.manage-time__client-entries,.manage-time__unassigned-entries{margin-top:8px}.manage-time__service-group{margin-bottom:8px;padding:8px;background:var(--color-card-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.manage-time__service-group:last-child{margin-bottom:0}.manage-time__service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--color-border-light)}.manage-time__service-name{font-size:12px;font-weight:600;color:var(--color-text)}.variance-analysis{margin-top:16px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);overflow:hidden}.variance-analysis__header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-card-bg);cursor:pointer;user-select:none;transition:background var(--transition-fast)}.variance-analysis__header:hover{background:var(--color-hover)}.variance-analysis__toggle-icon{font-size:10px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.variance-analysis--collapsed .variance-analysis__toggle-icon{transform:rotate(-90deg)}.variance-analysis--collapsed .variance-analysis__content{display:none}.variance-analysis__title{font-size:12px;font-weight:600;color:var(--color-text)}.variance-analysis__alert{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-warning);font-weight:500}.variance-analysis__alert i{font-size:10px}.variance-analysis__content{padding:12px 14px;border-top:1px solid var(--color-border)}.variance-analysis__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:stretch}.variance-analysis__grid--2col{grid-template-columns:1fr 1fr}.variance-analysis__grid--4col{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.variance-analysis__column{display:grid;grid-template-rows:auto 1fr auto auto;gap:6px;min-width:0}.variance-analysis__column--empty{opacity:.6}.variance-analysis__column-header{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding-bottom:4px;border-bottom:1px solid var(--color-border)}.variance-analysis__items{display:flex;flex-direction:column;gap:3px;max-height:120px;overflow-y:auto;font-size:11px;align-self:start}.variance-analysis__item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 0}.variance-analysis__item-name{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variance-analysis__item-amount{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.variance-analysis__item-role{color:var(--color-text-muted);font-size:10px;font-style:italic}.variance-analysis__item-hours{color:var(--color-text-muted);font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}.variance-analysis__empty{color:var(--color-text-muted);font-style:italic;padding:4px 0}.variance-analysis__total{display:flex;justify-content:space-between;align-items:center;align-self:end;padding-top:6px;border-top:1px solid var(--color-border);font-size:11px}.variance-analysis__total span{color:var(--color-text-muted)}.variance-analysis__total strong{color:var(--color-text);font-variant-numeric:tabular-nums}.variance-analysis__variance-row{min-height:24px}.variance-analysis__variance{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500}.variance-analysis__variance--over{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.variance-analysis__variance--under{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.variance-analysis__variance--over-threshold,.variance-analysis__variance--under-threshold{background:rgba(var(--color-danger-rgb),.15);color:var(--color-danger)}.variance-analysis__explanation{margin-top:12px;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:500;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:400}.variance-analysis__optional{font-weight:400;opacity:.7}.variance-analysis__textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:4px;font-size:12px;font-family:inherit;background:var(--color-input-bg);color:var(--color-text);resize:vertical;min-height:40px}.variance-analysis__textarea:focus{outline:none;border-color:var(--color-primary)}.variance-analysis__explanation--required .variance-analysis__textarea{border-color:var(--color-warning)}.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:900px){.variance-analysis__grid--4col{grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:640px){.variance-analysis__grid,.variance-analysis__grid--2col,.variance-analysis__grid--4col{grid-template-columns:1fr;gap:16px}.variance-analysis__column{border-bottom:1px solid var(--color-border);padding-bottom:12px}.variance-analysis__column:last-child{border-bottom:none;padding-bottom:0}}.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:14px}.product-billing-panel__empty small{color:var(--color-text-muted);font-size:12px}.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:14px;font-weight:500;color:var(--color-text)}.product-billing-panel__description{font-size:12px;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:14px;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__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:14px}.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:16px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.product-billing-panel__comparison-value small{font-size:12px;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:12px;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:12px;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:12px;color:var(--color-text-secondary);line-height:1.5}.product-billing-panel__time-warning i{color:var(--color-warning);font-size:14px;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}}.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, #64748b);font-size:13px}.budget-submit-modal__task{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:12px;background:var(--color-surface, #f8fafc);border-radius:var(--radius-md, 6px)}.budget-submit-modal__task strong{color:var(--color-text, #1f2937);font-size:14px}.budget-submit-modal__task small{color:var(--color-text-muted, #9ca3af);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, #64748b);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, #e5e7eb);border-radius:var(--radius-md, 6px);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.budget-submit-modal__reviewer:hover{background:var(--color-surface, #f8fafc);border-color:var(--color-primary, #3b82f6)}.budget-submit-modal__reviewer--selected{background:var(--color-primary-bg);border-color:var(--color-primary, #3b82f6)}.budget-submit-modal__reviewer input{margin:0}.budget-submit-modal__reviewer-name{font-weight:500;color:var(--color-text, #1f2937);flex:1}.budget-submit-modal__reviewer-email{color:var(--color-text-muted, #9ca3af);font-size:12px}.budget-submit-modal__single-reviewer{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface, #f8fafc);border-radius:var(--radius-md, 6px)}.budget-submit-modal__single-reviewer i{color:var(--color-primary, #3b82f6)}.budget-submit-modal__single-reviewer span{font-weight:500;color:var(--color-text, #1f2937)}.budget-submit-modal__single-reviewer small{color:var(--color-text-muted, #9ca3af);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, 6px);font-size:12px;color:var(--color-primary, #2563eb)}.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, #f8fafc);border-radius:var(--radius-md, 6px);text-align:center}.budget-workflow-modal__task strong{color:var(--color-text, #1f2937);font-size:14px}.budget-workflow-modal__task small{color:var(--color-text-muted, #9ca3af);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, #64748b);text-transform:uppercase;letter-spacing:.3px}.budget-workflow-modal__required{color:var(--color-danger, #dc2626)}.budget-workflow-modal__select{padding:10px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 6px);background:var(--color-card-bg, #ffffff);color:var(--color-text, #1f2937);font-size:14px;cursor:pointer}.budget-workflow-modal__select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px var(--color-primary-bg)}.budget-workflow-modal__textarea{padding:10px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 6px);background:var(--color-card-bg, #ffffff);color:var(--color-text, #1f2937);font-size:13px;font-family:inherit;resize:vertical;min-height:60px}.budget-workflow-modal__textarea:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px var(--color-primary-bg)}.budget-workflow-modal__textarea::placeholder{color:var(--color-text-muted, #9ca3af)}.budget-workflow-modal__message{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md, 6px);font-size:13px}.budget-workflow-modal__message i{font-size:16px}.budget-workflow-modal__message--success{background:var(--color-success-bg, #dcfce7);color:var(--color-success-text, #166534)}.budget-workflow-modal__message--danger{background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-text, #991b1b)}.budget-workflow-modal__message--warning{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e)}.budget-workflow-modal__message--info{background:var(--color-info-bg, #e0f2fe);color:var(--color-info-text, #0369a1)}.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, 6px);font-size:12px;color:var(--color-primary, #2563eb)}.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, 6px)}.billing-checklist--complete{border-color:var(--color-success, #22c55e);background:var(--color-success-bg, rgba(34, 197, 94, .05))}.billing-checklist--exempt{border-color:var(--color-border);background:transparent;padding:8px 16px}.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, #22c55e)}.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, 9999px)}.billing-checklist__count--done{color:var(--color-success, #22c55e);background:var(--color-success-bg, rgba(34, 197, 94, .1))}.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, #22c55e)}.billing-checklist__progress{margin-top:8px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.billing-checklist__progress-bar{height:100%;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.billing-checklist__hint{margin-top:6px;font-size:11px;color:var(--color-text-muted);font-style:italic}.billing-checklist-linked{margin:16px 0}.billing-checklist-linked__title{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:8px;display:flex;align-items:center;gap:6px}.billing-checklist-linked__title i{color:var(--color-text-muted);font-size:11px}.billing-checklist-group{margin-bottom:8px;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 6px)}.billing-checklist-group--complete{border-color:var(--color-success, #22c55e);background:var(--color-success-bg, rgba(34, 197, 94, .05))}.billing-checklist-group__header{display:flex;align-items:center;gap:8px}.billing-checklist-group__icon{font-size:12px;color:var(--color-text-muted)}.billing-checklist-group--complete .billing-checklist-group__icon{color:var(--color-success, #22c55e)}.billing-checklist-group__link{font-size:13px;font-weight:600;color:var(--color-text);text-decoration:none;flex:1}.billing-checklist-group__link:hover{color:var(--color-primary)}.billing-checklist-group__phases{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.billing-checklist-group__phases .billing-checklist{margin:4px 0;padding:6px 10px;border:none;background:transparent}.billing-completion{margin:12px 0;padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 6px)}.billing-completion--complete{border-color:var(--color-success, #22c55e);background:var(--color-success-bg, rgba(34, 197, 94, .05))}.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, #22c55e)}.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, #f59e0b);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, 6px)}.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, 9999px);background:var(--color-primary-bg, rgba(37, 99, 235, .08));color:var(--color-primary, #2563eb)}.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, var(--color-bg));color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);transition:border-color .15s}.billing-historical__input:focus,.billing-historical__select:focus{border-color:var(--color-primary, #2563eb);outline:none}.billing-section__action-btn--warning{background:var(--color-warning, #f59e0b);color:var(--color-text-inverse, #fff);border:none}.billing-section__action-btn--warning:hover{filter:brightness(.9)}.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, 6px)}.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, rgba(34, 197, 94, .08));border:1px solid var(--color-success, #22c55e);border-radius:var(--radius-md, 6px);font-size:13px;font-weight:500;color:var(--color-success, #22c55e)}.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, rgba(245, 158, 11, .08));border-radius:var(--radius-sm, 4px);font-size:12px;color:var(--color-warning, #f59e0b)}.billing-approval-modal__checklist-warning i{font-size:12px}.billing-approval-modal__phase{padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);transition:border-color .15s ease}.billing-approval-modal__phase--complete{border-color:var(--color-success, #22c55e);background:var(--color-success-bg, rgba(34, 197, 94, .05))}.billing-approval-modal__phase-header{display:flex;align-items:center;justify-content:space-between}.billing-approval-modal__phase-name{font-size:13px;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:6px}.billing-approval-modal__phase-name i{font-size:12px;color:var(--color-warning, #f59e0b)}.billing-approval-modal__phase--complete .billing-approval-modal__phase-name i{color:var(--color-success, #22c55e)}.billing-approval-modal__phase-count{font-size:12px;font-weight:600;color:var(--color-text-muted);padding:2px 8px;background:var(--color-bg);border-radius:var(--radius-full, 9999px)}.billing-approval-modal__phase-count--done{color:var(--color-success, #22c55e);background:var(--color-success-bg, rgba(34, 197, 94, .1))}.billing-approval-modal__phase-progress{margin-top:8px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.billing-approval-modal__phase-progress-bar{height:100%;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.billing-approval-modal__phase--complete .billing-approval-modal__phase-progress-bar{background:var(--color-success, #22c55e)}.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, var(--color-bg));color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);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, 37, 99, 235),.15)}.billing-approval-modal__approver-select:hover{border-color:var(--color-text-muted)}.budget-changelog{margin-top:20px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-card-bg);overflow:hidden;width:100%}.budget-changelog__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--color-surface);cursor:pointer;user-select:none;transition:background .15s ease}.budget-changelog__header:hover{background:var(--color-surface-hover)}.budget-changelog__header-left{display:flex;align-items:center;gap:10px}.budget-changelog__chevron{font-size:10px;color:var(--color-text-secondary);transition:transform .2s ease}.budget-changelog__icon{font-size:14px;color:var(--color-text-secondary)}.budget-changelog__title{font-size:13px;font-weight:600;color:var(--color-text)}.budget-changelog__refresh{padding:4px 8px;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all .15s ease}.budget-changelog__refresh:hover{background:var(--color-card-bg);color:var(--color-primary);border-color:var(--color-primary)}.budget-changelog__refresh:disabled{opacity:.6;cursor:not-allowed}.budget-changelog--collapsed .budget-changelog__content{display:none}.budget-changelog:not(.budget-changelog--collapsed) .budget-changelog__chevron{transform:rotate(90deg)}.budget-changelog__content{border-top:1px solid var(--color-border);max-height:300px;overflow:auto}.budget-changelog__table{width:100%;border-collapse:collapse;font-size:12px}.budget-changelog__thead{position:sticky;top:0;background:var(--color-surface);z-index:1}.budget-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}.budget-changelog__th--date{width:80px}.budget-changelog__th--time{width:60px}.budget-changelog__th--user{width:120px}.budget-changelog__th--action{width:100px}.budget-changelog__th--notes{flex:1;min-width:150px}.budget-changelog__tr{border-bottom:1px solid var(--color-border-light);transition:background .1s ease}.budget-changelog__tr:hover{background:var(--color-surface-hover)}.budget-changelog__tr:last-child{border-bottom:none}.budget-changelog__tr--prepared{background:rgba(var(--color-primary-rgb),.02)}.budget-changelog__tr--reviewed{background:rgba(var(--teal-rgb, 0, 128, 128),.02)}.budget-changelog__tr--signed_off{background:rgba(var(--color-success-rgb),.02)}.budget-changelog__tr--unlocked{background:rgba(var(--color-warning-rgb),.02)}.budget-changelog__tr--modified{background:transparent}.budget-changelog__td{padding:8px 10px;color:var(--color-text);font-size:12px;vertical-align:middle}.budget-changelog__td--notes{color:var(--color-text-secondary);font-style:italic}.budget-changelog__action{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.budget-changelog__action--prepared{background:var(--color-primary);color:var(--color-card-bg)}.budget-changelog__action--modified{background:var(--color-text-secondary);color:var(--color-card-bg)}.budget-changelog__action--reviewed{background:var(--color-teal, #20c997);color:var(--color-card-bg)}.budget-changelog__action--signed_off{background:var(--color-success);color:var(--color-card-bg)}.budget-changelog__action--unlocked{background:var(--color-warning);color:var(--color-card-bg)}.budget-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}.budget-changelog__loading i{font-size:16px;color:var(--color-primary)}.budget-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}.budget-changelog__empty i{font-size:20px;opacity:.5}.budget-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}.budget-changelog__error i{font-size:20px}.budget-changelog__retry{margin-top:4px;padding:4px 12px;background:var(--color-card-bg);border:1px solid var(--color-danger);border-radius:4px;color:var(--color-danger);cursor:pointer;font-size:11px;transition:all .15s ease}.budget-changelog__retry:hover{background:var(--color-danger);color:var(--color-card-bg)}.budget-changelog__content::-webkit-scrollbar{width:6px;height:6px}.budget-changelog__content::-webkit-scrollbar-track{background:var(--color-surface)}.budget-changelog__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.budget-changelog__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.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, var(--color-border));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-text-inverse, #fff)}.billing-changelog__action--submitted{background:var(--color-info);color:var(--color-text-inverse, #fff)}.billing-changelog__action--reviewer_modified{background:var(--color-text-secondary);color:var(--color-text-inverse, #fff)}.billing-changelog__action--approved,.billing-changelog__action--approved_with_changes{background:var(--color-success);color:var(--color-text-inverse, #fff)}.billing-changelog__action--rejected{background:var(--color-danger);color:var(--color-text-inverse, #fff)}.billing-changelog__action--invoiced{background:var(--color-primary);color:var(--color-text-inverse, #fff)}.billing-changelog__action--paid{background:var(--color-success);color:var(--color-text-inverse, #fff)}.billing-changelog__action--refreshed,.billing-changelog__action--settled{background:var(--color-warning);color:var(--color-text-inverse, #fff)}.billing-changelog__action--deleted{background:var(--color-danger);color:var(--color-text-inverse, #fff)}.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-text-inverse, #fff)}.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:14px;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:14px;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:12px;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:14px;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:14px;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:14px;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:14px;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:12px;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:12px}.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:12px}.client-status-management{max-width:1000px}.client-status-management__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.client-status-management__title-group{display:flex;flex-direction:column;gap:.25rem}.client-status-management__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.client-status-management__subtitle{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.client-status-management__loading,.client-status-management__empty,.client-status-management__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.client-status-management__empty i,.client-status-management__error i{font-size:2.5rem;opacity:.5}.client-status-management__error{color:var(--color-danger)}.client-status-management__error small{color:var(--color-text-secondary)}.client-status-management__table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.client-status-management__table{width:100%;border-collapse:collapse}.client-status-management__th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.client-status-management__th--order{width:100px;text-align:center}.client-status-management__th--actions{width:120px;text-align:right}.client-status-management__row{transition:background-color .15s}.client-status-management__row:hover{background:var(--color-surface-hover)}.client-status-management__row--inactive{opacity:.6}.client-status-management__td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.client-status-management__row:last-child .client-status-management__td{border-bottom:none}.client-status-management__td--order{text-align:center}.client-status-management__td--actions{text-align:right}.client-status-management__order-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.client-status-management__order-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.client-status-management__order-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.client-status-management__order-number{min-width:30px;text-align:center;font-size:.875rem;color:var(--color-text-secondary)}.client-status-management__code{padding:.25rem .5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;font-size:.8125rem;font-family:monospace;color:var(--color-text)}.client-status-management__color-preview{display:flex;align-items:center;gap:.5rem}.client-status-management__color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-border)}.client-status-management__color-value{font-size:.8125rem;font-family:monospace;color:var(--color-text-secondary)}.client-status-management__status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px}.client-status-management__status-badge--active{background:var(--color-success-bg);color:var(--color-success)}.client-status-management__status-badge--inactive{background:var(--color-secondary-bg);color:var(--color-text-secondary)}.client-status-management__actions{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.client-status-management__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.client-status-management__action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}.client-status-management__action-btn--danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.client-status-modal{display:flex;flex-direction:column;gap:1.25rem}.client-status-modal__field{display:flex;flex-direction:column;gap:.375rem}.client-status-modal__field--checkbox{flex-direction:row;align-items:center;gap:.75rem}.client-status-modal__label{font-size:.875rem;font-weight:500;color:var(--color-text)}.client-status-modal__input{padding:.625rem .75rem;font-size:.875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);transition:border-color .15s,box-shadow .15s}.client-status-modal__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.client-status-modal__input[readonly]{background:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed}.client-status-modal__input--short{width:150px}.client-status-modal__hint{font-size:.75rem;color:var(--color-text-secondary)}.client-status-modal__color-input{display:flex;align-items:center;gap:.75rem}.client-status-modal__color-picker{width:44px;height:38px;padding:2px;border:1px solid var(--color-border);border-radius:.375rem;cursor:pointer}.client-status-modal__color-picker::-webkit-color-swatch-wrapper{padding:0}.client-status-modal__color-picker::-webkit-color-swatch{border:none;border-radius:4px}.client-status-modal__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-text)}.client-status-modal__checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.user-grid__select{width:100%;padding:.375rem 1.25rem .375rem .5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s 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 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}.notification-rules{display:flex;flex-direction:column;gap:var(--spacing-lg)}.notification-rules__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.notification-rules__header-content{flex:1}.notification-rules__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--color-text)}.notification-rules__title i{color:var(--color-primary)}.notification-rules__subtitle{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.notification-rules__add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-primary);border:none;border-radius:.5rem;color:var(--color-on-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.notification-rules__add-btn:hover{background:var(--color-primary-hover)}.notification-rules__loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--color-text-secondary);font-size:.9375rem}.notification-rules__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;text-align:center;color:var(--color-text-secondary)}.notification-rules__error i{font-size:2rem;color:var(--color-warning)}.notification-rules__retry-btn{padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .2s}.notification-rules__retry-btn:hover{background:var(--color-surface-hover)}.notification-rules__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.notification-rules__empty-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--color-surface);border-radius:50%;color:var(--color-text-tertiary);font-size:1.5rem}.notification-rules__empty-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.notification-rules__empty-text{margin:0;max-width:400px;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.notification-rules__empty-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;margin-top:.5rem;background:var(--color-primary);border:none;border-radius:.5rem;color:var(--color-on-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.notification-rules__empty-btn:hover{background:var(--color-primary-hover)}.notification-rules__groups{display:flex;flex-direction:column;gap:1.5rem}.notification-rules__group{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.notification-rules__group-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.notification-rules__group-header i{color:var(--color-text-tertiary)}.notification-rules__group-count{padding:.125rem .5rem;margin-left:auto;background:var(--color-primary-transparent);border-radius:9999px;color:var(--color-primary);font-size:.75rem;font-weight:600}.notification-rules__table{width:100%;border-collapse:collapse}.notification-rules__th{padding:.625rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.025em}.notification-rules__th--status{width:50px}.notification-rules__th--actions{width:120px}.notification-rules__row{transition:background .15s}.notification-rules__row:hover{background:var(--color-surface-hover)}.notification-rules__row--inactive{opacity:.6}.notification-rules__td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.notification-rules__row:last-child .notification-rules__td{border-bottom:none}.notification-rules__name{font-weight:500;color:var(--color-text)}.notification-rules__desc{margin-top:.25rem;font-size:.8125rem;color:var(--color-text-secondary)}.notification-rules__event-code{padding:.25rem .5rem;background:var(--color-surface);border-radius:.25rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}.notification-rules__trigger-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.notification-rules__trigger-badge--insert{background:var(--color-success-bg);color:var(--color-success)}.notification-rules__trigger-badge--update{background:var(--color-warning-bg);color:var(--color-warning)}.notification-rules__trigger-badge--delete{background:var(--color-error-bg);color:var(--color-error)}.notification-rules__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;margin-right:.25rem;border-radius:.25rem;font-size:.6875rem;font-weight:500}.notification-rules__badge--inapp{background:var(--color-primary-transparent);color:var(--color-primary)}.notification-rules__badge--email{background:var(--color-info-bg);color:var(--color-info)}.notification-rules__toggle{position:relative;display:inline-block;width:36px;height:20px}.notification-rules__toggle input{opacity:0;width:0;height:0}.notification-rules__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.2s;border-radius:20px}.notification-rules__toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--color-card-bg);transition:.2s;border-radius:50%}.notification-rules__toggle input:checked+.notification-rules__toggle-slider{background-color:var(--color-success)}.notification-rules__toggle input:checked+.notification-rules__toggle-slider:before{transform:translate(16px)}.notification-rules__actions{display:flex;gap:.25rem}.notification-rules__action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.notification-rules__action:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.notification-rules__action--danger:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.notification-rule-editor-modal .modal__content{max-width:700px}.notification-rule-editor{display:flex;flex-direction:column;gap:1.5rem}.notification-rule-editor__section{padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.notification-rule-editor__section:last-child{padding-bottom:0;border-bottom:none}.notification-rule-editor__section-title{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:var(--color-text)}.notification-rule-editor__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.notification-rule-editor__field{margin-bottom:1rem}.notification-rule-editor__field:last-child{margin-bottom:0}.notification-rule-editor__field--checkbox{margin-top:.5rem}.notification-rule-editor__label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.notification-rule-editor__input,.notification-rule-editor__select,.notification-rule-editor__textarea{width:100%;padding:.625rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-text);transition:border-color .15s;box-sizing:border-box}.notification-rule-editor__input:focus,.notification-rule-editor__select:focus,.notification-rule-editor__textarea:focus{outline:none;border-color:var(--color-primary)}.notification-rule-editor__input--short{width:100px}.notification-rule-editor__textarea{min-height:80px;resize:vertical;font-family:inherit}.notification-rule-editor__textarea--code{font-family:var(--font-mono);font-size:.8125rem}.notification-rule-editor__hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-text-tertiary)}.notification-rule-editor__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text);cursor:pointer}.notification-rule-editor__checkbox-label input{width:16px;height:16px;accent-color:var(--color-primary)}.status-email-rules{display:flex;flex-direction:column;gap:var(--spacing-lg)}.status-email-rules__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.status-email-rules__header-content{flex:1}.status-email-rules__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--color-text)}.status-email-rules__title i{color:var(--color-primary)}.status-email-rules__subtitle{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.status-email-rules__add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-on-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.status-email-rules__add-btn:hover{background:var(--color-primary-hover)}.status-email-rules__loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--color-text-secondary);font-size:.9375rem}.status-email-rules__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;text-align:center;color:var(--color-text-secondary)}.status-email-rules__error i{font-size:2rem;color:var(--color-warning)}.status-email-rules__retry-btn{padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .2s}.status-email-rules__retry-btn:hover{background:var(--color-surface-hover)}.status-email-rules__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.status-email-rules__empty-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--color-surface);border-radius:50%;color:var(--color-text-tertiary);font-size:1.5rem}.status-email-rules__empty-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.status-email-rules__empty-text{margin:0;max-width:440px;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.status-email-rules__empty-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;margin-top:.5rem;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-on-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.status-email-rules__empty-btn:hover{background:var(--color-primary-hover)}.status-email-rules__groups{display:flex;flex-direction:column;gap:1.5rem}.status-email-rules__group{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.status-email-rules__group-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.status-email-rules__group-header i{color:var(--color-text-tertiary)}.status-email-rules__group-count{padding:.125rem .5rem;margin-left:auto;background:var(--color-primary-transparent);border-radius:9999px;color:var(--color-primary);font-size:.75rem;font-weight:600}.status-email-rules__table{width:100%;border-collapse:collapse}.status-email-rules__th{padding:.625rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.025em}.status-email-rules__th--status{width:50px}.status-email-rules__th--actions{width:100px}.status-email-rules__row{transition:background .15s}.status-email-rules__row:hover{background:var(--color-surface-hover)}.status-email-rules__row--inactive{opacity:.6}.status-email-rules__td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.status-email-rules__row:last-child .status-email-rules__td{border-bottom:none}.status-email-rules__name{font-weight:500;color:var(--color-text)}.status-email-rules__desc{margin-top:.25rem;font-size:.8125rem;color:var(--color-text-secondary)}.status-email-rules__state-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status-email-rules__state-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-email-rules__recipients{display:flex;flex-wrap:wrap;gap:.375rem}.status-email-rules__recipient-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9999px;font-size:.6875rem;color:var(--color-text-secondary)}.status-email-rules__recipient-chip i{font-size:.625rem;color:var(--color-text-tertiary)}.status-email-rules__toggle{position:relative;display:inline-block;width:36px;height:20px}.status-email-rules__toggle input{opacity:0;width:0;height:0}.status-email-rules__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.2s;border-radius:20px}.status-email-rules__toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--color-card-bg);transition:.2s;border-radius:50%}.status-email-rules__toggle input:checked+.status-email-rules__toggle-slider{background-color:var(--color-success)}.status-email-rules__toggle input:checked+.status-email-rules__toggle-slider:before{transform:translate(16px)}.status-email-rules__actions{display:flex;gap:.25rem}.status-email-rules__action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.status-email-rules__action:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.status-email-rules__action--danger:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.status-email-rule-editor{display:flex;flex-direction:column;gap:1.5rem}.status-email-rule-editor__section{padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.status-email-rule-editor__section:last-child{padding-bottom:0;border-bottom:none}.status-email-rule-editor__section-title{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:var(--color-text)}.status-email-rule-editor__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status-email-rule-editor__field{margin-bottom:1rem}.status-email-rule-editor__field:last-child{margin-bottom:0}.status-email-rule-editor__label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.status-email-rule-editor__input,.status-email-rule-editor__select,.status-email-rule-editor__textarea{width:100%;padding:.625rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text);transition:border-color .15s;box-sizing:border-box}.status-email-rule-editor__input:focus,.status-email-rule-editor__select:focus,.status-email-rule-editor__textarea:focus{outline:none;border-color:var(--color-primary)}.status-email-rule-editor__textarea{min-height:80px;resize:vertical;font-family:inherit}.status-email-rule-editor__hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-text-tertiary)}.status-email-rule-editor__recipients-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.status-email-rule-editor__recipient-row{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.status-email-rule-editor__recipient-fields{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;align-items:center}.status-email-rule-editor__recipient-type-select{padding:.5rem .625rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text);min-width:140px}.status-email-rule-editor__recipient-type-select:focus{outline:none;border-color:var(--color-primary)}.status-email-rule-editor__recipient-value-select,.status-email-rule-editor__recipient-value-input{padding:.5rem .625rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text);flex:1;min-width:160px}.status-email-rule-editor__recipient-value-select:focus,.status-email-rule-editor__recipient-value-input:focus{outline:none;border-color:var(--color-primary)}.status-email-rule-editor__recipient-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s;flex-shrink:0;margin-top:2px}.status-email-rule-editor__recipient-remove:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.status-email-rule-editor__add-recipient{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.status-email-rule-editor__add-recipient:hover{background:var(--color-primary-transparent);border-color:var(--color-primary)}.status-email-rule-editor__recipient-label{font-size:.75rem;color:var(--color-text-tertiary);padding:.5rem 0;font-style:italic}.status-email-rule-editor__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text);cursor:pointer}.status-email-rule-editor__checkbox-label input{width:16px;height:16px;accent-color:var(--color-primary)}.sage-integration{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:640px}.sage-integration__header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.sage-integration__header-content{flex:1}.sage-integration__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--color-text)}.sage-integration__title i{color:var(--color-primary)}.sage-integration__subtitle{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.sage-integration__card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:.75rem;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.sage-integration__status-row{display:flex;align-items:center;gap:.75rem}.sage-integration__status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sage-integration__status-indicator--connected{background:var(--color-success);box-shadow:0 0 6px rgba(var(--color-shadow-rgb),.15)}.sage-integration__status-indicator--disconnected{background:var(--color-danger);box-shadow:0 0 6px rgba(var(--color-shadow-rgb),.1)}.sage-integration__status-label{font-size:.9375rem;font-weight:600;color:var(--color-text)}.sage-integration__details{display:flex;flex-direction:column;gap:.5rem;padding:var(--spacing-sm) 0}.sage-integration__detail{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-secondary)}.sage-integration__detail i{width:16px;text-align:center;color:var(--color-text-muted);flex-shrink:0}.sage-integration__detail-value{color:var(--color-text);font-weight:500}.sage-integration__sync-status{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-secondary);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.sage-integration__sync-status i{width:16px;text-align:center;color:var(--color-text-muted);flex-shrink:0}.sage-integration__disconnect-info{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.sage-integration__disconnect-info i{color:var(--color-info);margin-top:2px;flex-shrink:0}.sage-integration__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.sage-integration__field{display:flex;flex-direction:column;gap:.375rem}.sage-integration__label{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.sage-integration__label i{width:14px;text-align:center;font-size:.75rem;color:var(--color-text-muted)}.sage-integration__input{padding:.5rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-size:.875rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.sage-integration__input::placeholder{color:var(--color-text-muted)}.sage-integration__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-shadow-rgb),.08)}.sage-integration__feedback{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500}.sage-integration__feedback--success{background:var(--color-success-bg);color:var(--color-success)}.sage-integration__feedback--error{background:var(--color-danger-bg);color:var(--color-danger)}.sage-integration__feedback--info{background:var(--color-info-bg, var(--color-card-bg));color:var(--color-text-secondary)}.sage-integration__feedback i{flex-shrink:0}.sage-integration__actions{display:flex;align-items:center;gap:.75rem;padding-top:var(--spacing-sm)}.sage-integration__connect-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-primary);border:none;border-radius:.5rem;color:var(--color-on-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease}.sage-integration__connect-btn:hover{background:var(--color-primary-hover)}.sage-integration__connect-btn:active{transform:scale(.98)}.sage-integration__connect-btn:disabled{opacity:.6;cursor:not-allowed}.sage-integration__test-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease}.sage-integration__test-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.sage-integration__test-btn:disabled{opacity:.6;cursor:not-allowed}.sage-integration__disconnect-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-danger);border-radius:.5rem;color:var(--color-danger);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.sage-integration__disconnect-btn:hover{background:var(--color-danger);color:var(--color-on-primary)}.sage-integration__loading{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-lg);font-size:.875rem;color:var(--color-text-muted)}.sage-integration__error{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-md);background:var(--color-danger-bg);border-radius:.5rem;font-size:.875rem;color:var(--color-danger)}.sage-integration__access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.sage-integration__access-icon{font-size:2.5rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.sage-integration__access-denied h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.sage-integration__access-denied p{margin:0 0 .25rem;font-size:.875rem}.sage-integration__access-denied small{font-size:.75rem;color:var(--color-text-muted)}.services{padding:var(--spacing-lg)}.services__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.services__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.services__add-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 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:500;cursor:pointer;transition:background var(--transition-fast)}.services__add-btn:hover{background:var(--color-primary-hover)}.services__content{display:grid;gap:var(--spacing-lg)}.services__section{background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg)}.services__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.services__list{display:grid;gap:var(--spacing-md)}.services__loading{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);padding:var(--spacing-lg);justify-content:center}.services__loading i{color:var(--color-primary)}.services__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.services__empty i{font-size:var(--font-size-2xl);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.services__error{text-align:center;padding:var(--spacing-xl);color:var(--color-danger)}.services__error i{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.service-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-subtle)}.service-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.service-card__info{flex:1}.service-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.service-card__code{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:monospace}.service-card__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.service-card__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.service-card__badge--opt-in{background:var(--color-success-bg);color:var(--color-success)}.service-card__badge--recurring{background:var(--color-info-bg);color:var(--color-info)}.service-card__badge--automatic{background:var(--color-primary-bg);color:var(--color-primary)}.service-card__warning{display:inline-block;margin-left:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-warning)}.service-card__remove{padding:var(--spacing-xs);background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.service-card__remove:hover{background:var(--color-danger);color:var(--white)}.service-card__assignee{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.service-card__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.service-card__select{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.service-card__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.available-service{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.available-service:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.available-service__info{flex:1}.available-service__name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.available-service__details{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.available-service__code{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.available-service__opt-in,.available-service__recurring{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.available-service__opt-in{background:var(--color-warning-bg);color:var(--color-warning)}.available-service__recurring{background:var(--color-info-bg);color:var(--color-info)}.available-service__add{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.available-service__add:hover{background:var(--color-primary-hover)}.service-manager{height:100%}.service-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.service-manager__header-left{flex:1}.service-manager__title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text)}.service-manager__subtitle{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:.875rem}.service-manager__add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-primary);color:var(--white);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.service-manager__add-btn:hover{background:var(--color-primary-hover)}.service-manager__empty{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center}.service-manager__empty-icon{font-size:4rem;color:var(--color-text-muted);margin-bottom:1.5rem}.service-manager__empty-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text)}.service-manager__empty-text{margin:0 0 2rem;color:var(--color-text-secondary)}.service-manager__empty-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--white);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.service-manager__empty-btn:hover{background:var(--color-primary-hover)}.service-manager__table-wrapper{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.service-manager__table{width:100%;border-collapse:collapse}.service-manager__table thead{background:var(--color-surface)}.service-manager__table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.service-manager__row{transition:background-color .15s}.service-manager__row:hover{background:var(--color-surface-hover)}.service-manager__cell{padding:1rem;border-bottom:1px solid var(--color-border-light);font-size:.875rem;color:var(--color-text)}.service-manager__cell--code{font-family:Monaco,Menlo,monospace;font-size:.8125rem;color:var(--color-primary)}.service-manager__cell--name{font-weight:500}.service-manager__cell--actions{text-align:right}.service-manager__status{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.service-manager__status--active{background:var(--color-success-bg);color:var(--color-success)}.service-manager__status--inactive{background:var(--color-surface);color:var(--color-text-muted)}.service-manager__badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.service-manager__badge--yes{background:var(--color-success-bg);color:var(--color-success)}.service-manager__badge--no{background:var(--color-surface);color:var(--color-text-muted)}.service-manager__badge--info{background:var(--color-info-bg);color:var(--color-info)}.service-manager__company-types{color:var(--color-text-secondary);font-size:.875rem}.service-manager__action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:.25rem;background:transparent;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.service-manager__action-btn:hover{background:var(--color-surface);color:var(--color-text)}.service-manager__action-btn--edit:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.service-manager__action-btn--delete:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg)}.service-form{padding:.5rem 0}.service-form__section{margin-bottom:2rem}.service-form__section-title{margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.service-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.service-form__field{display:flex;flex-direction:column}.service-form__field--checkbox{flex-direction:row;align-items:center}.service-form__label{margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--color-text)}.service-form__required{color:var(--color-danger)}.service-form__input,.service-form__select{padding:.625rem .875rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-input-text);transition:border-color .15s}.service-form__input:focus,.service-form__select:focus{outline:none;border-color:var(--color-primary)}.service-form__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-text)}.service-form__checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.service-form__help-text{margin:0 0 1rem;font-size:.8125rem;color:var(--color-text-secondary)}.service-form__hint{display:block;margin-top:.25rem;font-size:.8125rem;color:var(--color-text-secondary)}.service-form__info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:var(--color-primary-bg);border:1px solid var(--color-info);border-radius:4px;font-size:.875rem;color:var(--color-primary-hover)}.service-form__info-box i{flex-shrink:0;margin-top:.125rem}.service-form__company-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.service-form--wide{min-width:800px;width:100%}.service-form__columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.service-form__column{display:flex;flex-direction:column;gap:.75rem}.service-form__checkboxes{display:flex;flex-direction:column;gap:.375rem;margin-top:.25rem}.service-form__section{margin-bottom:1rem}.service-form__section-title{margin:0 0 .5rem;padding-bottom:.25rem;font-size:.75rem;letter-spacing:.05em}.service-form__field{margin-bottom:.75rem}.service-form__input,.service-form__select{padding:.5rem .75rem;font-size:.8125rem}.service-form__label{font-size:.8125rem;margin-bottom:.25rem}.service-form__checkbox-label{font-size:.8125rem}.service-form__company-types{display:flex;flex-direction:column;gap:.5rem;max-height:none;overflow-y:visible;padding-right:.5rem}.service-form__section-hint{display:block;margin-top:-.25rem;margin-bottom:.75rem;font-size:.75rem;color:var(--color-text-muted)}.service-form__inline-field{display:flex;align-items:center;gap:.5rem}.service-form__inline-label{font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap}.service-form__input--small{width:70px;text-align:center}.service-form__info-box--highlight{background-color:var(--color-warning-bg);border-color:var(--color-warning-light);color:var(--color-warning-dark)}.service-form__info-box--highlight i{color:var(--color-warning)}.service-form__instances{display:flex;flex-direction:column;gap:.75rem;margin:.75rem 0}.service-form__instance{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.service-form__instance-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.service-form__instance-title{font-size:.8125rem;font-weight:600;color:var(--color-text)}.service-form__instance-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:.25rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.service-form__instance-remove:hover{background:var(--color-danger-bg);color:var(--color-danger)}.service-form__instance-fields{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.service-form__instance-row{display:grid;grid-template-columns:1fr 2fr;gap:.75rem}.service-form__instance-row:last-child{grid-template-columns:2fr 1fr}.service-form__instance-field{display:flex;flex-direction:column;gap:.25rem}.service-form__instance-field label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.service-form__add-instance-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem;background:transparent;border:1px dashed var(--color-border);border-radius:.5rem;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.service-form__add-instance-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.service-form__event-types{display:flex;flex-direction:column;gap:.5rem}.service-form__checkbox-label--event{padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;transition:all .15s}.service-form__checkbox-label--event:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.service-form__checkbox-label--event input[type=checkbox]:checked+.service-form__event-type-label{font-weight:500}.service-form__event-type-label{display:flex;align-items:center;gap:.5rem}.service-form__event-type-label i{width:1rem;text-align:center}.service-form__checkbox-hint{display:block;margin-top:.25rem;margin-left:1.5rem;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.service-editor{display:flex;flex-direction:column;height:100%;min-height:0}.service-editor__header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--color-border);flex-shrink:0;gap:1rem}.service-editor__header-left{display:flex;align-items:flex-end;gap:1rem;flex:1}.service-editor__header-actions{display:flex;align-items:center;gap:.5rem}.service-editor__selector{display:flex;flex-direction:column;gap:.375rem;min-width:300px;max-width:400px}.service-editor__selector-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.service-editor__selector-dropdown{padding:.625rem .875rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:border-color .15s,box-shadow .15s}.service-editor__selector-dropdown:hover{border-color:var(--color-primary)}.service-editor__selector-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.service-editor__add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.service-editor__add-btn:hover{background:var(--color-primary-hover)}.service-editor__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-text-muted);flex:1}.service-editor__empty i{font-size:3rem;margin-bottom:1rem;opacity:.4}.service-editor__empty h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--color-text-secondary)}.service-editor__empty p{margin:0;font-size:.875rem}.service-editor__content{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.service-editor__delete-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.service-editor__delete-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.service-editor__tabs{display:flex;gap:.25rem;padding:.5rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);overflow-x:auto;flex-shrink:0}.service-editor__tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:none;border-radius:.375rem;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.service-editor__tab:hover{background:var(--color-surface-hover);color:var(--color-text)}.service-editor__tab--active{background:var(--color-primary-bg);color:var(--color-primary)}.service-editor__tab i{font-size:.75rem}.service-editor__tab-content{flex:1;overflow-y:auto;padding:1.25rem}.service-editor__panel{max-width:800px}.service-editor__panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.service-editor__panel-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.service-editor__panel-btn:hover{background:var(--color-primary-hover)}.service-editor__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.service-editor__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.service-editor__section-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--color-text)}.service-editor__section-desc{margin:0 0 1rem;font-size:.8125rem;color:var(--color-text-secondary)}.service-editor__form{display:flex;flex-direction:column;gap:1rem}.service-editor__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.service-editor__field{display:flex;flex-direction:column;gap:.375rem}.service-editor__label{font-size:.8125rem;font-weight:500;color:var(--color-text)}.service-editor__input,.service-editor__select{padding:.5rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-input-text);transition:border-color .15s}.service-editor__input:focus,.service-editor__select:focus{outline:none;border-color:var(--color-primary)}.service-editor__input[readonly]{background:var(--color-surface);color:var(--color-text-secondary)}.service-editor__input--small{width:80px;text-align:center}.service-editor__hint{font-size:.75rem;color:var(--color-text-muted)}.service-editor__inline-field{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-secondary)}.service-editor__checkbox-group{display:flex;flex-direction:column;gap:.5rem}.service-editor__checkbox{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer;font-size:.875rem}.service-editor__checkbox input[type=checkbox]{margin-top:.25rem;width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-primary)}.service-editor__checkbox-label{display:flex;flex-direction:column;gap:.125rem}.service-editor__checkbox-label strong{color:var(--color-text)}.service-editor__checkbox-label small{font-size:.75rem;color:var(--color-text-muted)}.service-editor__actions{display:flex;justify-content:flex-start;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--color-border)}.service-editor__save-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.service-editor__save-btn:hover{background:var(--color-primary-hover)}.service-editor__type-grid,.service-editor__event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.service-editor__type-card,.service-editor__event-card{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .15s}.service-editor__type-card:hover,.service-editor__event-card:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.service-editor__type-card:has(input:checked),.service-editor__event-card:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-bg)}.service-editor__type-card input,.service-editor__event-card input{accent-color:var(--color-primary)}.service-editor__type-card-content,.service-editor__event-card-content{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text)}.service-editor__event-card-content i{font-size:.875rem}.service-editor__workflow-list{display:flex;flex-direction:column;gap:.5rem}.service-editor__workflow-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.service-editor__workflow-row--terminal{opacity:.7}.service-editor__workflow-color{width:1rem;height:1rem;border-radius:50%;flex-shrink:0}.service-editor__workflow-name{flex:1;font-size:.875rem;font-weight:500;color:var(--color-text)}.service-editor__workflow-badges{display:flex;gap:.375rem}.service-editor__workflow-badge{font-size:.6875rem;padding:.125rem .5rem;border-radius:.25rem;background:var(--color-surface-hover);color:var(--color-text-secondary)}.service-editor__workflow-badge--initial{background:var(--color-primary-bg);color:var(--color-primary)}.service-editor__workflow-badge--terminal{background:var(--color-success-bg);color:var(--color-success)}.service-editor__workflow-actions{display:flex;gap:.25rem}.service-editor__phase-list{display:flex;flex-direction:column;gap:.5rem}.service-editor__phase-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.service-editor__phase-order{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--color-primary-bg);color:var(--color-primary);font-size:.75rem;font-weight:600;border-radius:50%;flex-shrink:0}.service-editor__phase-name{flex:1;font-size:.875rem;font-weight:500;color:var(--color-text)}.service-editor__phase-badge{font-size:.6875rem;padding:.125rem .5rem;border-radius:.25rem;background:var(--color-info-bg);color:var(--color-info)}.service-editor__phase-actions{display:flex;gap:.25rem}.service-editor__phase-locked{color:var(--color-text-muted);font-size:.75rem}.service-editor__field-list{display:flex;flex-direction:column;gap:.375rem}.service-editor__field-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem}.service-editor__field-icon{color:var(--color-text-muted);font-size:.875rem;width:1rem;text-align:center}.service-editor__field-name{flex:1;font-size:.8125rem;font-weight:500;color:var(--color-text)}.service-editor__field-type{font-size:.75rem;color:var(--color-text-secondary);padding:.125rem .5rem;background:var(--color-surface-hover);border-radius:.25rem}.service-editor__field-badge{font-size:.6875rem;padding:.125rem .5rem;border-radius:.25rem;background:var(--color-warning-bg);color:var(--color-warning)}.service-editor__field-actions{display:flex;gap:.25rem}.service-editor__product-list{display:flex;flex-direction:column;gap:.5rem}.service-editor__product-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.service-editor__product-row--inactive{opacity:.6}.service-editor__product-main{flex:1;display:flex;flex-direction:column;gap:.125rem}.service-editor__product-code{font-size:.75rem;color:var(--color-primary)}.service-editor__product-name{font-size:.875rem;font-weight:500;color:var(--color-text)}.service-editor__product-price{font-size:.875rem;font-weight:600;color:var(--color-text);min-width:80px;text-align:right}.service-editor__product-status{font-size:.6875rem;padding:.125rem .5rem;border-radius:1rem;background:var(--color-success-bg);color:var(--color-success)}.service-editor__product-status--inactive{background:var(--color-surface);color:var(--color-text-muted)}.service-editor__product-actions{display:flex;gap:.25rem}.service-editor__icon-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.service-editor__icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-muted)}.service-editor__icon-btn--danger:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.service-editor__empty-section{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--color-text-muted)}.service-editor__empty-section i{font-size:2rem;margin-bottom:.75rem;opacity:.5}.service-editor__empty-section p{margin:0 0 1rem;font-size:.875rem}.service-editor__empty-inline{padding:1rem;text-align:center;color:var(--color-text-muted);font-size:.8125rem;background:var(--color-surface);border-radius:.5rem}.service-editor__empty-inline p{margin:0}.service-editor__init-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-size:.8125rem;cursor:pointer;transition:all .15s}.service-editor__init-btn:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.service-modal-form{display:flex;flex-direction:column;gap:1rem}.service-modal-form__field{display:flex;flex-direction:column;gap:.375rem}.service-modal-form__label{font-size:.875rem;font-weight:500;color:var(--color-text)}.service-modal-form__label .required{color:var(--color-danger)}.service-modal-form__input,.service-modal-form__select,.service-modal-form__textarea{padding:.625rem .875rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-input-text);transition:border-color .15s}.service-modal-form__input:focus,.service-modal-form__select:focus,.service-modal-form__textarea:focus{outline:none;border-color:var(--color-primary)}.service-modal-form__input[readonly]{background:var(--color-surface);color:var(--color-text-secondary)}.service-modal-form__textarea{resize:vertical;min-height:60px}.service-modal-form__hint{font-size:.75rem;color:var(--color-text-muted)}.service-modal-form__price-input{display:flex;align-items:center}.service-modal-form__price-prefix{padding:.625rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-right:none;border-radius:.375rem 0 0 .375rem;font-size:.875rem;color:var(--color-text-secondary)}.service-modal-form__price-input .service-modal-form__input{border-radius:0 .375rem .375rem 0;flex:1}.service-modal-form__checkboxes{display:flex;flex-direction:column;gap:.625rem}.service-modal-form__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text);cursor:pointer}.service-modal-form__checkbox input{width:1rem;height:1rem;accent-color:var(--color-primary)}.settings{display:flex;flex-direction:column;height:calc(100% + 2 * var(--spacing-xl));width:calc(100% + 2 * var(--spacing-xl));margin:calc(-1 * var(--spacing-xl));background:var(--color-bg);overflow:hidden;box-sizing:border-box}.settings__header{display:flex;align-items:center;height:var(--sidebar-header-height);min-height:var(--sidebar-header-height);padding:0 var(--spacing-xl);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);flex-shrink:0;box-sizing:border-box;position:sticky;top:0;z-index:100}.settings__title{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.settings__title-icon{color:var(--color-primary);font-size:22px}.settings__tabs{display:flex;gap:.5rem;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.settings__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings__tab:hover{background:var(--color-surface-hover);color:var(--color-text)}.settings__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.settings__tab--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.settings__tab-icon{font-size:.875rem}.settings__content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.settings__loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--color-text-secondary)}.settings__error{display:flex;flex-direction:column;align-items:center;padding:4rem;text-align:center;color:var(--color-danger)}.preferences{max-width:800px}.preferences__section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.preferences__section:last-child{border-bottom:none;margin-bottom:0}.preferences__section-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.preferences__section-title i{color:var(--color-primary)}.preferences__section-desc{color:var(--color-text-secondary);font-size:.875rem;margin:0 0 1.5rem}.preferences__option-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.preferences__card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.preferences__card:hover,.preferences__card--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.preferences__card input{display:none}.preferences__card-icon{width:48px;height:48px;background:var(--color-surface);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-secondary);flex-shrink:0;transition:all .2s ease}.preferences__card--active .preferences__card-icon{background:var(--color-primary);color:var(--color-on-primary)}.preferences__card-icon--alt{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-on-primary)}.preferences__card--active .preferences__card-icon--alt{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.preferences__card-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.preferences__card-title{font-weight:600;color:var(--color-text);font-size:.9375rem}.preferences__card-desc{font-size:.8125rem;color:var(--color-text-secondary)}.preferences__card-badge{display:inline-block;padding:.125rem .5rem;background:var(--color-primary);color:var(--color-on-primary);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:10px;width:fit-content;margin-top:.25rem}.preferences__card-check{color:var(--color-primary);font-size:1.25rem;opacity:0;transition:opacity .2s ease}.preferences__card--active .preferences__card-check{opacity:1}.preferences__note{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:var(--color-info-bg);border-radius:8px;font-size:.8125rem;color:var(--color-text-secondary)}.preferences__note i{color:var(--color-info)}.preferences__theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.preferences__theme-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease}.preferences__theme-btn:hover{border-color:var(--color-primary);transform:translateY(-2px)}.preferences__theme-btn--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.preferences__theme-preview{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-border)}.preferences__theme-preview--light{background:linear-gradient(135deg,#fff,#f8fafc 50%,#3b82f6 50% 100%)}.preferences__theme-preview--dark{background:linear-gradient(135deg,#1e293b,#0f172a 50%,#60a5fa 50% 100%)}.preferences__theme-preview--sage{background:linear-gradient(135deg,#ecf3ee,#f7fbf9 50%,#7fb58e 50% 100%)}.preferences__theme-name{font-size:.8125rem;font-weight:500;color:var(--color-text)}.preferences__section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.preferences__section-header .preferences__section-title{margin-bottom:.25rem}.preferences__section-header .preferences__section-desc{margin-bottom:0}.preferences__create-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;flex-shrink:0}.preferences__create-btn:hover{background:var(--color-primary-hover)}.preferences__loading-inline{display:flex;align-items:center;gap:.5rem;padding:1.5rem;color:var(--color-text-secondary);font-size:.875rem}.preferences__error-inline{display:flex;align-items:center;gap:.5rem;padding:1rem;color:var(--color-danger);font-size:.875rem}.preferences__empty{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--color-text-muted)}.preferences__empty i{font-size:2rem;margin-bottom:.75rem}.preferences__empty p{margin:0 0 1rem}.preferences__empty-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s}.preferences__empty-btn:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.preferences__theme-grid--custom,.preferences__theme-grid--gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.preferences__custom-theme,.preferences__public-theme{display:flex;flex-direction:column;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .2s;position:relative}.preferences__custom-theme:hover,.preferences__public-theme:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-default)}.preferences__custom-theme--active,.preferences__public-theme--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.preferences__custom-theme-preview,.preferences__public-theme-preview{height:60px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.preferences__custom-theme-colors,.preferences__public-theme-colors{display:flex;gap:.25rem}.preferences__custom-theme-colors span,.preferences__public-theme-colors span{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.5);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.1)}.preferences__custom-theme-info,.preferences__public-theme-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.preferences__custom-theme-name,.preferences__public-theme-name{font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preferences__custom-theme-visibility,.preferences__public-theme-creator{font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.25rem}.preferences__public-theme-meta{display:flex;align-items:center;gap:.25rem}.preferences__public-theme-uses{font-size:.7rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.2rem;margin-left:auto;opacity:.7}.preferences__custom-theme-actions,.preferences__public-theme-actions{display:flex;border-top:1px solid var(--color-border)}.preferences__theme-action{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.preferences__theme-action:hover{background:var(--color-surface-hover);color:var(--color-primary)}.preferences__theme-action--danger:hover{color:var(--color-danger)}.preferences__theme-action+.preferences__theme-action{border-left:1px solid var(--color-border)}.theme-creator{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;min-height:400px;max-height:70vh}.theme-creator__sidebar{display:flex;flex-direction:column;gap:1.25rem;padding-right:1.5rem;border-right:1px solid var(--color-border)}.theme-creator__form-section{display:flex;flex-direction:column;gap:.5rem}.theme-creator__label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.theme-creator__input,.theme-creator__textarea{padding:.625rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-input-text);font-family:inherit}.theme-creator__input:focus,.theme-creator__textarea:focus{outline:none;border-color:var(--color-primary)}.theme-creator__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text);cursor:pointer}.theme-creator__checkbox-label input{width:16px;height:16px;accent-color:var(--color-primary)}.theme-creator__hint{font-size:.75rem;color:var(--color-text-muted)}.theme-creator__preview-section{margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border)}.theme-creator__color-swatches{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.theme-creator__swatch{display:flex;flex-direction:column;align-items:center;gap:.375rem}.theme-creator__swatch-color{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid var(--color-border);box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.1)}.theme-creator__swatch-label{font-size:.6875rem;color:var(--color-text-muted);text-align:center}.theme-creator__main{display:flex;flex-direction:column;overflow-y:auto}.theme-creator__json-editor{display:flex;flex-direction:column;gap:1rem}.theme-creator__json-actions{display:flex;gap:.75rem}.theme-creator__json-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s}.theme-creator__json-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.theme-creator__json-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.theme-creator__json-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.theme-creator__json-prompt{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.theme-creator__json-prompt-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--color-card-bg);border-bottom:1px solid var(--color-border);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.theme-creator__json-prompt-header i{color:var(--color-primary)}.theme-creator__json-prompt-header span{flex:1}.theme-creator__json-copy-small{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.theme-creator__json-copy-small:hover{background:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-primary)}.theme-creator__json-prompt-content{padding:.875rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.theme-creator__json-textarea{width:100%;min-height:280px;padding:.875rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.75rem;line-height:1.5;color:var(--color-input-text);resize:vertical}.theme-creator__json-textarea:focus{outline:none;border-color:var(--color-primary)}.theme-creator__json-status{font-size:.8125rem}.theme-creator__json-status--valid{color:var(--color-success);display:flex;align-items:center;gap:.375rem}.theme-creator__json-status--warning{color:var(--color-warning);display:flex;align-items:center;gap:.375rem}.theme-creator__json-status--error{color:var(--color-danger);display:flex;align-items:center;gap:.375rem}.theme-creator__reference{margin-top:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.theme-creator__reference-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--color-surface);border:none;color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.theme-creator__reference-toggle:hover{background:var(--color-surface-hover)}.theme-creator__reference-toggle i:first-child{color:var(--color-primary)}.theme-creator__reference-toggle span{flex:1;text-align:left}.theme-creator__reference-chevron{font-size:.75rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}.theme-creator__reference-content{max-height:400px;overflow-y:auto;border-top:1px solid var(--color-border)}.theme-creator__ref-category{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.theme-creator__ref-category:last-child{border-bottom:none}.theme-creator__ref-category-header{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-primary);margin-bottom:.375rem}.theme-creator__ref-category-count{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);background:var(--color-surface);padding:.125rem .375rem;border-radius:var(--radius-sm);margin-left:auto}.theme-creator__ref-category-desc{margin:0 0 .5rem;font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.theme-creator__ref-vars{display:flex;flex-direction:column;gap:.375rem}.theme-creator__ref-var{padding:.375rem .5rem;background:var(--color-card-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.theme-creator__ref-var-header{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.theme-creator__ref-var-swatch{width:14px;height:14px;border-radius:3px;border:1px solid var(--color-border);flex-shrink:0}.theme-creator__ref-var-name{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text);background:var(--color-surface);padding:.0625rem .375rem;border-radius:var(--radius-xs)}.theme-creator__ref-var-label{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.theme-creator__ref-var-desc{margin:.25rem 0 0;font-size:.6875rem;color:var(--color-text-secondary);line-height:1.4}.preferences__bg-section{margin-bottom:1.5rem}.preferences__bg-section:last-child{margin-bottom:0}.preferences__bg-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.preferences__bg-section-title{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.preferences__bg-section-header .preferences__bg-section-title{margin-bottom:0}.preferences__bg-count{font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface);padding:.25rem .5rem;border-radius:4px}.preferences__bg-empty{font-size:.8125rem;color:var(--color-text-muted);font-style:italic;margin:0}.preferences__background-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,120px));gap:.75rem}.preferences__background-item{position:relative;border-radius:8px;border:2px solid var(--color-border);overflow:hidden;transition:border-color .2s ease}.preferences__background-item:hover{border-color:var(--color-primary)}.preferences__background-item--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.preferences__background-item .preferences__background-option{border:none;border-radius:0;padding:0}.preferences__background-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%}.preferences__background-option:hover:not(:disabled){border-color:var(--color-primary)}.preferences__background-option:disabled{opacity:.5;cursor:wait}.preferences__background-option--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.preferences__background-preview{width:100%;height:60px;border-radius:4px;background-size:cover;background-position:center;background-color:var(--color-surface)}.preferences__background-item .preferences__background-preview{border-radius:0;height:70px}.preferences__background-label{font-size:.7rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.preferences__background-actions{display:flex;gap:.25rem;padding:.375rem;background:var(--color-card-bg);justify-content:center}.preferences__bg-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:.75rem;transition:all .15s ease}.preferences__bg-action:hover{border-color:var(--color-primary);color:var(--color-primary)}.preferences__bg-action--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.preferences__bg-action--danger:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg)}.preferences__bg-action:disabled{opacity:.5;cursor:not-allowed}.preferences__bg-upload-section{margin-top:1rem}.preferences__bg-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.preferences__bg-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.preferences__bg-upload-btn--disabled{opacity:.5;cursor:not-allowed}.preferences__bg-upload-btn--disabled:hover{border-color:var(--color-border);color:var(--color-text)}.preferences__bg-upload-progress{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:6px}.preferences__background-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preferences__background-hint{font-size:.75rem;color:var(--color-text-muted);margin:.5rem 0 0}.preferences__list-prefs{display:flex;flex-direction:column;gap:.5rem}.preferences__list-option{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.preferences__list-option:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.preferences__list-option-content{display:flex;flex-direction:column;gap:.25rem}.preferences__list-option-label{font-size:.9375rem;font-weight:600;color:var(--color-text)}.preferences__list-option-desc{font-size:.8125rem;color:var(--color-text-secondary)}.preferences__select{padding:.5rem 2rem .5rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-input-text);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='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:200px}.preferences__select:hover{border-color:var(--color-primary)}.preferences__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.preferences__select:disabled{opacity:.6;cursor:wait}.preferences__notifications{display:flex;flex-direction:column;gap:1rem}.preferences__notification-options{display:flex;flex-direction:column;gap:.5rem}.preferences__notification-option{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.preferences__notification-option:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.preferences__notification-option--disabled{opacity:.5;pointer-events:none}.preferences__notification-option--disabled .preferences__toggle-slider{cursor:not-allowed}.preferences__notification-option-content{display:flex;flex-direction:column;gap:.25rem}.preferences__notification-option-label{font-size:.9375rem;font-weight:600;color:var(--color-text)}.preferences__notification-option-desc{font-size:.8125rem;color:var(--color-text-secondary)}.preferences__notification-status{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);white-space:nowrap}.preferences__toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.preferences__toggle input{opacity:0;width:0;height:0}.preferences__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);border-radius:28px;transition:all .25s cubic-bezier(.4,0,.2,1)}.preferences__toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:var(--color-surface);border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.15)}.preferences__toggle input:checked+.preferences__toggle-slider{background-color:var(--color-primary)}.preferences__toggle input:checked+.preferences__toggle-slider:before{transform:translate(24px);background-color:var(--color-on-primary)}.preferences__toggle input:focus+.preferences__toggle-slider{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.preferences__toggle:hover .preferences__toggle-slider{background-color:var(--color-text-muted)}.preferences__toggle input:checked:hover+.preferences__toggle-slider{background-color:var(--color-primary-hover)}.preferences__test-notification-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content;margin-top:.5rem}.preferences__test-notification-btn:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.preferences__test-notification-btn:active{transform:scale(.98)}.preferences__event-notifications{display:flex;flex-direction:column;gap:1rem}.preferences__event-table{width:100%;border-collapse:collapse;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.preferences__event-header{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.preferences__event-header--center{text-align:center;width:80px}.preferences__event-category-row{background:var(--color-surface)}.preferences__event-category-header{padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);border-bottom:1px solid var(--color-border)}.preferences__event-row{transition:background .15s ease}.preferences__event-row:hover{background:var(--color-surface-hover)}.preferences__event-row:not(:last-child) .preferences__event-cell{border-bottom:1px solid var(--color-border)}.preferences__event-cell{padding:1rem;vertical-align:middle}.preferences__event-cell--info{display:flex;flex-direction:column;gap:.25rem}.preferences__event-cell--toggle{text-align:center;width:80px}.preferences__event-label{font-size:.9375rem;font-weight:500;color:var(--color-text)}.preferences__event-desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.preferences__toggle--small{width:40px;height:22px}.preferences__toggle--small .preferences__toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}.preferences__toggle--small input:checked+.preferences__toggle-slider:before{transform:translate(18px)}.preferences__test-notification-btn i{font-size:.875rem}.preferences__expansion-table{width:100%;border-collapse:collapse;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.preferences__expansion-header{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.preferences__expansion-header--actions{width:80px}.preferences__expansion-row{transition:background .15s ease}.preferences__expansion-row:hover{background:var(--color-surface-hover)}.preferences__expansion-row:not(:last-child) .preferences__expansion-cell{border-bottom:1px solid var(--color-border)}.preferences__expansion-cell{padding:.75rem 1rem;vertical-align:middle;color:var(--color-text);font-size:.9375rem}.preferences__expansion-cell--actions{text-align:right;white-space:nowrap}.preferences__expansion-code{padding:.2em .5em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-primary);font-weight:600}.preferences__expansion-action{background:none;border:none;cursor:pointer;padding:.375rem .5rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:color .15s ease,background .15s ease}.preferences__expansion-action:hover{color:var(--color-primary);background:var(--color-surface)}.preferences__expansion-action--danger:hover{color:var(--color-danger)}.preferences__expansion-form{display:flex;flex-direction:column;gap:1rem}.preferences__expansion-field{display:flex;flex-direction:column;gap:.375rem}.preferences__expansion-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.preferences__expansion-input{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text);font-size:.9375rem;outline:none;transition:border-color .15s ease}.preferences__expansion-input:focus{border-color:var(--color-primary)}.preferences__expansion-input[readonly]{opacity:.6;cursor:not-allowed}.preferences__expansion-hint{font-size:.75rem;color:var(--color-text-secondary)}.about{max-width:800px;margin:0 auto}.about__hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-card-bg) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:2rem}.about__logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:var(--radius-xl);margin-bottom:1.5rem;box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.25)}.about__logo i{font-size:2.5rem;color:var(--color-on-primary)}.about__title{margin:0 0 .75rem;font-size:2rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.about__version-badge{display:inline-flex;align-items:center;padding:.5rem 1.25rem;background:var(--color-primary);color:var(--color-on-primary);font-size:.9375rem;font-weight:600;border-radius:var(--radius-full);margin-bottom:1rem}.about__tagline{margin:0;font-size:1rem;color:var(--color-text-secondary);max-width:400px}.about__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.about__info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s}.about__info-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-default)}.about__info-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border-radius:var(--radius-md);flex-shrink:0}.about__info-icon i{font-size:1.125rem;color:var(--color-primary)}.about__info-content{display:flex;flex-direction:column;gap:.25rem}.about__info-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.about__info-value{font-size:.9375rem;font-weight:600;color:var(--color-text)}.about__changelog{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.about__changelog-title{display:flex;align-items:center;gap:.75rem;margin:0;padding:1rem 1.25rem;font-size:1rem;font-weight:600;color:var(--color-text);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.about__changelog-title i{color:var(--color-primary)}.about__changelog-list{max-height:400px;overflow-y:auto}.about__changelog-item{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);transition:background .15s}.about__changelog-item--expandable{cursor:pointer}.about__changelog-item--latest{background:rgba(var(--color-primary-rgb),.03)}.about__changelog-item:last-child{border-bottom:none}.about__changelog-item:hover{background:var(--color-surface-hover)}.about__changelog-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.about__changelog-ver{font-size:.875rem;font-weight:600;color:var(--color-primary);padding:.125rem .5rem;background:var(--color-primary-bg);border-radius:var(--radius-sm)}.about__changelog-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.about__changelog-date{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.about__changelog-chevron{font-size:.6875rem;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.about__changelog-chevron--open{transform:rotate(180deg)}.about__changelog-desc{margin:0;font-size:.875rem;color:var(--color-text);line-height:1.5}.about__highlights{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;max-height:2000px;opacity:1}.about__highlights--collapsed{max-height:0;opacity:0;margin-top:0}.about__highlights-item{position:relative;padding-left:1.25rem;font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}.about__highlights-item:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--color-primary);opacity:.5}@media(max-width:768px){.about__info-grid{grid-template-columns:1fr}}.preferences__theme-outdated-badge{position:absolute;top:-1px;left:-1px;right:-1px;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-amber) 100%);color:var(--color-on-warning);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:none;cursor:pointer;transition:all .2s;z-index:1}.preferences__theme-outdated-badge:hover{filter:brightness(1.1)}.preferences__theme-outdated-badge i{font-size:.625rem}.preferences__theme-outdated-indicator{position:absolute;top:.5rem;left:.5rem;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-warning);color:var(--color-on-warning);font-size:.625rem;border-radius:var(--radius-full);box-shadow:0 2px 4px rgba(var(--color-shadow-rgb),.15)}.preferences__custom-theme--outdated{border-color:var(--color-warning)}.preferences__custom-theme--outdated .preferences__custom-theme-preview{margin-top:28px}.theme-update{display:flex;flex-direction:column;gap:1.5rem}.theme-update__summary{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg)}.theme-update__icon{font-size:1.5rem;color:var(--color-warning);flex-shrink:0}.theme-update__info{display:flex;flex-direction:column;gap:.25rem}.theme-update__info p{margin:0;font-size:1rem;color:var(--color-text)}.theme-update__info small{font-size:.8125rem;color:var(--color-text-secondary)}.theme-update__categories{display:flex;flex-direction:column;gap:.75rem}.theme-update__categories h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:600;color:var(--color-text)}.theme-update__category{background:var(--color-surface);border-radius:var(--radius-md);padding:.75rem 1rem}.theme-update__category-name{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary);margin-bottom:.5rem}.theme-update__var-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.theme-update__var{display:flex;align-items:center;gap:.75rem;font-size:.8125rem}.theme-update__var code{font-family:var(--font-mono);font-size:.75rem;padding:.125rem .5rem;background:var(--color-card-bg);border-radius:var(--radius-sm);color:var(--color-text)}.theme-update__var-label{color:var(--color-text-secondary)}.theme-update__snippet{display:flex;flex-direction:column;gap:.75rem}.theme-update__snippet-header{display:flex;align-items:center;justify-content:space-between}.theme-update__snippet-header h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text)}.theme-update__copy-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s}.theme-update__copy-btn:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.theme-update__hint{margin:0;font-size:.8125rem;color:var(--color-text-secondary)}.theme-update__json{width:100%;min-height:200px;padding:.875rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.75rem;line-height:1.5;color:var(--color-input-text);resize:vertical}.preferences__notification-option-content:has(.preferences__notification-option-avatar){flex-direction:row;align-items:center;gap:.75rem}.preferences__notification-option-avatar{flex-shrink:0}.preferences__team-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.preferences__team-avatar-placeholder{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-surface-hover);color:var(--color-text-muted);font-size:var(--font-size-xs)}.user-management{height:100%;display:flex;flex-direction:column}.user-management__access-denied{text-align:center;padding:80px 20px;color:var(--color-text-secondary)}.user-management__access-icon{font-size:4rem;color:var(--color-text-muted);margin-bottom:20px;opacity:.5}.user-management__access-denied h3{font-size:1.5rem;margin-bottom:10px;color:var(--color-text)}.user-management__access-denied p{font-size:1rem;margin-bottom:8px}.user-management__access-denied small{font-size:.875rem;color:var(--color-text-muted)}.user-grid__input{width:100%;padding:.375rem .5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text);transition:all .15s ease}.user-grid__input:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.user-grid__input:focus{outline:none;background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.user-grid__input--number{text-align:right;padding-right:.375rem}.user-grid__input--small{width:50px;text-align:center}.user-grid__input--date{width:100%;cursor:pointer}.user-grid__input--saving{background:var(--color-warning-bg);border-color:var(--color-warning)}.user-grid__input--saved{background:var(--color-success-bg);border-color:var(--color-success)}.user-grid__input--error{background:var(--color-danger-bg);border-color:var(--color-danger)}.user-grid__currency{display:flex;align-items:center;gap:.25rem;width:100%}.user-grid__currency-symbol{font-size:.8125rem;color:var(--color-text-muted);font-weight:500;flex-shrink:0}.user-grid__input--currency{flex:1;text-align:right}.user-grid__select{width:100%;padding:.375rem 1.25rem .375rem .5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s 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 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}.user-grid__select:hover{background-color:var(--color-surface-hover);border-color:var(--color-border)}.user-grid__select:focus{outline:none;background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.user-grid__select--admin{color:var(--color-danger)}.user-grid__select--employee{color:var(--color-primary)}.user-grid__select--inactive{color:var(--color-text-muted)}.user-grid__select.user-grid__input--saving{background-color:var(--color-warning-bg);border-color:var(--color-warning)}.user-grid__select.user-grid__input--saved{background-color:var(--color-success-bg);border-color:var(--color-success)}.user-grid__select.user-grid__input--error{background-color:var(--color-danger-bg);border-color:var(--color-danger)}.user-grid__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.user-grid__toggle:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.user-grid__toggle--on{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.user-grid__toggle--on:hover{background:var(--color-success);color:var(--color-on-primary)}.user-grid__toggle i{font-size:.875rem}.user-grid__delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.user-grid__delete-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.user-form{display:flex;flex-direction:column;gap:1.5rem}.user-form__section{padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.user-form__section:last-child{border-bottom:none;padding-bottom:0}.user-form__section-title{margin:0 0 1rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.user-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.user-form__field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.user-form__field:last-child{margin-bottom:0}.user-form__label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.user-form__input{padding:.625rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-input-text);transition:all .15s}.user-form__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.user-form__hint{font-size:.75rem;color:var(--color-text-muted)}.user-form__checkboxes{display:flex;flex-wrap:wrap;gap:1.25rem}.user-form__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text);cursor:pointer;transition:color .15s}.user-form__checkbox:hover{color:var(--color-primary)}.user-form__checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.user-delete-confirm{text-align:center;padding:1rem 0}.user-delete-confirm__icon{font-size:3rem;color:var(--color-danger);margin-bottom:1rem}.user-delete-confirm p{margin:0 0 .5rem;font-size:1rem;color:var(--color-text)}.user-delete-confirm__warning{font-size:.875rem;color:var(--color-text-muted)}.modal__section{display:flex;flex-direction:column;gap:1rem}.modal__label{display:flex;flex-direction:column;gap:.375rem;font-size:.9rem;font-weight:500;color:var(--color-text)}.modal__required{color:var(--color-danger);font-weight:700}.modal__input,.modal__select,.modal__textarea{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;background:var(--color-card-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.modal__input:focus,.modal__select:focus,.modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.modal__input:disabled{background:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed}.modal__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.modal__textarea{resize:vertical;min-height:80px}.meeting-modal__attendees-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.375rem}.meeting-modal__attendee{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.meeting-modal__attendee:hover{border-color:var(--color-primary);background:var(--color-card-bg)}.meeting-modal__attendee input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.client-intake-panel{background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px rgba(var(--color-shadow-rgb),.05)}.client-intake-panel__error{color:var(--color-danger);padding:1rem;text-align:center;font-style:italic}.client-intake-panel__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.client-intake-panel__status{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.client-intake-panel__description{margin:0;color:var(--color-text-secondary);font-size:.9rem}.client-intake-badge{display:inline-flex;align-items:center;gap:.5rem;padding:6px 14px;border-radius:20px;font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;background:transparent;letter-spacing:.02em;line-height:1}.client-intake-badge i{font-size:.7em}.client-intake-badge--clickable{cursor:pointer;transition:all .2s ease}.client-intake-badge--clickable:hover{transform:translateY(-1px);filter:brightness(1.05)}.client-intake-badge--prospect{background:var(--color-purple-bg);color:var(--color-purple-text);border:1px solid var(--color-purple-border);box-shadow:0 1px 4px #a855f71f}.client-intake-badge--prospect:hover{box-shadow:0 3px 10px #a855f733}.client-intake-badge--form_pending{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border);box-shadow:0 1px 4px rgba(var(--color-warning-rgb),.12)}.client-intake-badge--form_pending:hover{box-shadow:0 3px 10px rgba(var(--color-warning-rgb),.2)}.client-intake-badge--form_sent{background:var(--color-orange-bg);color:var(--color-orange-text);border:1px solid var(--color-orange-border);box-shadow:0 1px 4px #f973161f}.client-intake-badge--form_sent:hover{box-shadow:0 3px 10px #f9731633}.client-intake-badge--form_received{background:var(--color-primary-bg);color:var(--color-primary-text);border:1px solid var(--color-primary-border);box-shadow:0 1px 4px rgba(var(--color-primary-rgb),.12)}.client-intake-badge--form_received:hover{box-shadow:0 3px 10px rgba(var(--color-primary-rgb),.2)}.client-intake-badge--onboarding{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success);box-shadow:0 1px 4px rgba(var(--color-success-rgb),.15)}.client-intake-badge--onboarding:hover{box-shadow:0 3px 10px rgba(var(--color-success-rgb),.25)}.client-intake-badge--active{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success-border);box-shadow:0 1px 4px rgba(var(--color-success-rgb),.15)}.client-intake-badge--active:hover{box-shadow:0 3px 10px rgba(var(--color-success-rgb),.25)}.client-intake-badge--dormant{background:var(--color-secondary-bg);color:var(--color-text-secondary);border:1px solid var(--color-text-muted);box-shadow:0 1px 4px rgba(var(--color-shadow-rgb),.06)}.client-intake-badge--dormant:hover{box-shadow:0 3px 10px rgba(var(--color-shadow-rgb),.1)}.client-intake-badge--on_hold{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning);box-shadow:0 1px 4px rgba(var(--color-warning-rgb),.15)}.client-intake-badge--on_hold:hover{box-shadow:0 3px 10px rgba(var(--color-warning-rgb),.25)}.client-intake-badge--on_hold_not_paying{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger);box-shadow:0 1px 4px rgba(var(--color-danger-rgb),.15)}.client-intake-badge--on_hold_not_paying:hover{box-shadow:0 3px 10px rgba(var(--color-danger-rgb),.25)}.client-intake-badge--on_hold_pending_info{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning);box-shadow:0 1px 4px rgba(var(--color-warning-rgb),.15)}.client-intake-badge--on_hold_pending_info:hover{box-shadow:0 3px 10px rgba(var(--color-warning-rgb),.25)}.client-intake-badge--deregistration{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger);box-shadow:0 1px 4px rgba(var(--color-danger-rgb),.15)}.client-intake-badge--deregistration:hover{box-shadow:0 3px 10px rgba(var(--color-danger-rgb),.25)}.client-intake-badge--inactive{background:var(--color-secondary-bg);color:var(--color-text-secondary);border:1px solid var(--color-text-muted);box-shadow:0 1px 4px rgba(var(--color-shadow-rgb),.06)}.client-intake-badge--inactive:hover{box-shadow:0 3px 10px rgba(var(--color-shadow-rgb),.1)}.client-intake-badge--internal{background:var(--color-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-text-muted);box-shadow:0 1px 4px rgba(var(--color-shadow-rgb),.06)}.client-intake-badge--internal:hover{box-shadow:0 3px 10px rgba(var(--color-shadow-rgb),.1)}.client-intake-badge--archived{background:var(--color-border);color:var(--color-text);border:1px solid var(--color-text-muted);box-shadow:0 1px 4px rgba(var(--color-shadow-rgb),.06)}.client-intake-badge--archived:hover{box-shadow:0 3px 10px rgba(var(--color-shadow-rgb),.1)}.client-intake-form-status{padding:.25rem .75rem;background:var(--color-surface);border-radius:12px;font-size:.85rem;color:var(--color-text-secondary)}.client-intake-timeline{margin:1.5rem 0;position:relative;padding-left:2.5rem}.timeline-item{position:relative;margin-bottom:1.5rem;padding-bottom:1.5rem}.timeline-item:not(:last-child):before{content:"";position:absolute;left:-1.75rem;top:2rem;width:2px;height:calc(100% - 1rem);background:var(--color-border)}.timeline-item__marker{position:absolute;left:-2.15rem;top:.25rem;width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:1}.timeline-item--completed .timeline-item__marker{background:var(--color-success);color:var(--color-on-primary)}.timeline-item--active .timeline-item__marker{background:var(--color-primary);color:var(--color-on-primary);animation:pulse-glow 2s infinite}.timeline-item--pending .timeline-item__marker{background:var(--color-surface);color:var(--color-text-muted);border:2px solid var(--color-border)}.timeline-item--followup .timeline-item__marker{background:var(--color-warning);color:var(--color-on-primary)}@keyframes pulse-glow{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.4)}50%{box-shadow:0 0 0 8px rgba(var(--color-primary-rgb),0)}}.timeline-item__content{min-height:1.75rem}.timeline-item__title{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.timeline-item__date{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.125rem}.timeline-item__detail{font-size:.85rem;color:var(--color-text-muted);font-style:italic}.client-intake-panel__actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.client-intake-panel__actions .btn{padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.client-intake-panel__actions .btn i{font-size:.9rem}.client-intake-panel__actions .btn--primary{background:var(--color-primary);color:var(--color-on-primary);border:none}.client-intake-panel__actions .btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px rgba(var(--color-primary-rgb),.2)}.client-intake-panel__actions .btn--secondary{background:var(--color-card-bg);color:var(--color-text);border:1px solid var(--color-border)}.client-intake-panel__actions .btn--secondary:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.client-intake-panel__actions .btn--success{background:var(--color-success);color:var(--color-on-primary);border:none}.client-intake-panel__actions .btn--success:hover{background:var(--color-success-dark);transform:translateY(-1px);box-shadow:0 4px 6px rgba(var(--color-success-rgb),.2)}.client-intake-panel__actions .btn--danger{background:var(--color-danger);color:var(--color-on-primary);border:none}.client-intake-panel__actions .btn--danger:hover{background:var(--color-danger-dark);transform:translateY(-1px);box-shadow:0 4px 6px rgba(var(--color-danger-rgb),.2)}.client-intake-panel__actions .btn--small{padding:.5rem 1rem;font-size:.85rem}.intake-services-grid{display:flex;flex-direction:column;gap:1.5rem;margin:1rem 0}.intake-services-category{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;background:var(--color-surface)}.intake-services-category__title{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.intake-service-item{display:flex;align-items:center;gap:.75rem;padding:.625rem;margin-bottom:.5rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.intake-service-item:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.intake-service-item--selected{background:var(--color-primary-bg);border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.intake-service-checkbox{width:1.125rem;height:1.125rem;cursor:pointer}.intake-service-name{flex:1;font-size:.9rem;color:var(--color-text)}.intake-service-name strong{color:var(--color-primary);font-weight:600}.modal__info-box{padding:.875rem;border-radius:var(--radius-md);margin:1rem 0;display:flex;align-items:flex-start;gap:.75rem}.modal__info-box--info{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info-text)}.modal__info-box--warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.modal__info-box i{margin-top:.125rem}.modal__section-title{font-weight:600;font-size:1rem;margin:1.5rem 0 1rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.client-intake-panel{padding:1rem}.client-intake-panel__actions{flex-direction:column}.client-intake-panel__actions .btn{width:100%;justify-content:center}.client-intake-timeline{padding-left:2rem}.timeline-item__marker{left:-1.9rem;width:1.5rem;height:1.5rem;font-size:.7rem}.timeline-item:not(:last-child):before{left:-1.6rem}}.status-actions-panel{display:flex;flex-direction:column;gap:2rem}.status-actions-panel__header{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.status-actions-panel__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.status-actions-panel__status{display:flex;align-items:center}.status-actions-panel__description{margin:0;color:var(--color-text-secondary);font-size:.9rem}.status-actions-panel__section{display:flex;flex-direction:column;gap:1rem}.status-actions-panel__section-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.status-actions-panel__section-title i{color:var(--color-primary)}.status-change-modal__section{display:flex;flex-direction:column;gap:1rem}.status-change-modal__label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--color-text)}.status-change-modal__current-status{padding:.5rem 0}.status-change-modal__warning{margin-top:1.5rem;padding:1.25rem;background:var(--color-warning-bg);border:2px solid var(--color-warning);border-radius:var(--radius-lg)}.status-change-modal__warning-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--color-warning-text)}.status-change-modal__warning-header i{font-size:1.5rem;color:var(--color-warning)}.status-change-modal__warning-header strong{font-size:1.1rem}.status-change-modal__warning-text{margin:0 0 1rem;color:var(--color-warning-text);font-size:.95rem}.status-change-modal__task-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 1.5rem;padding:1rem;background:var(--color-card-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.status-change-modal__task-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;color:var(--color-text);font-size:.9rem}.status-change-modal__task-item i{color:var(--color-warning);font-size:.75rem}.status-change-modal__override{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-card-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);cursor:pointer;margin-bottom:1rem;transition:all var(--transition-fast)}.status-change-modal__override:hover{background:var(--color-warning-bg)}.status-change-modal__override span{font-size:.95rem;font-weight:600;color:var(--color-warning-text)}.status-change-modal__checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-warning)}.status-change-modal__quick-action{margin-bottom:1rem;text-align:center}.status-change-modal__quick-action .btn--full{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.status-change-modal__quick-action-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--color-text-secondary)}.status-change-modal__divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.status-change-modal__divider:before,.status-change-modal__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.status-change-modal__divider span{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.status-change-modal__warning-note{margin:.75rem 0 0;font-size:.85rem;color:var(--color-warning-text);font-style:italic}.status-change-modal__history{margin-top:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.status-change-modal__history-toggle{padding:.75rem 1rem;font-weight:600;font-size:.9rem;color:var(--color-text);cursor:pointer;list-style:none;background:var(--color-surface);border-radius:var(--radius-md)}.status-change-modal__history-toggle::-webkit-details-marker{display:none}.status-change-modal__history-toggle:before{content:"▶";display:inline-block;margin-right:.5rem;font-size:.75rem;transition:transform var(--transition-fast)}.status-change-modal__history[open] .status-change-modal__history-toggle:before{transform:rotate(90deg)}.status-history__list{padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto}.status-history__item{padding:.75rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.status-history__change{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600}.status-history__from{color:var(--color-text-secondary)}.status-history__arrow{color:var(--color-text-muted)}.status-history__to{color:var(--color-primary)}.status-history__meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.375rem}.status-history__reason{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;line-height:1.4}.status-history__empty{margin:0;text-align:center;color:var(--color-text-muted);font-style:italic}.form-send-history{margin-top:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.form-send-history__toggle{padding:.75rem 1rem;font-weight:600;font-size:.9rem;color:var(--color-text);cursor:pointer;list-style:none;background:var(--color-surface);border-radius:var(--radius-md)}.form-send-history__toggle::-webkit-details-marker{display:none}.form-send-history__toggle:before{content:"▶";display:inline-block;margin-right:.5rem;font-size:.75rem;transition:transform var(--transition-fast)}.form-send-history[open] .form-send-history__toggle:before{transform:rotate(90deg)}.form-send-history__list{padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto}.form-send-history__item{padding:.75rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.form-send-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.form-send-history__date{font-weight:600;color:var(--color-text)}.form-send-history__method{font-size:.8rem;padding:.125rem .5rem;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.form-send-history__meta{font-size:.8rem;color:var(--color-text-muted)}.form-send-history__notes{margin-top:.5rem;font-size:.85rem;color:var(--color-text-secondary);font-style:italic;line-height:1.4}@media(prefers-reduced-motion:reduce){.timeline-item--active .timeline-item__marker{animation:none}}.meetings-tab{padding:1.5rem}.meetings-tab__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.meetings-tab__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.meetings-tab__actions{display:flex;gap:.75rem;align-items:center}.meetings-tab__filter{padding:.5rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.875rem;background:var(--color-input-bg)}.meetings-tab__loading,.meetings-tab__empty,.meetings-tab__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:var(--text-secondary, #6b7280);text-align:center}.meetings-tab__loading i,.meetings-tab__empty i,.meetings-tab__error i{font-size:2.5rem;color:var(--text-tertiary, #9ca3af)}.meetings-tab__error i{color:var(--error-color, #ef4444)}.meetings-tab__empty p{margin:0 0 1rem}.meetings-tab__list{display:flex;flex-direction:column;gap:1rem}.meeting-card{padding:1.25rem;background:var(--color-card-bg);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;transition:all .2s ease}.meeting-card:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.05)}.meeting-card--past{opacity:.75}.meeting-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.meeting-card__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.meeting-card__date{font-size:.875rem;font-weight:500;color:var(--primary-color, #3b82f6);white-space:nowrap}.meeting-card__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.meeting-card__time,.meeting-card__duration,.meeting-card__location{display:flex;align-items:center;gap:.25rem}.meeting-card__time:before{content:"🕐"}.meeting-card__duration:before{content:"⏱️"}.meeting-card__location:before{content:"📍"}.meeting-card__attendees{margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.meeting-card__attendees-label{font-weight:500;margin-right:.25rem}.meeting-card__footer{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e5e7eb)}.meeting-card__action{padding:.375rem .75rem;font-size:.8rem;font-weight:500;color:var(--primary-color, #3b82f6);background:transparent;border:1px solid var(--primary-color, #3b82f6);border-radius:4px;cursor:pointer;transition:all .2s}.meeting-card__action:hover{background:var(--primary-color, #3b82f6);color:var(--color-on-primary)}.meeting-card__action--danger{color:var(--error-color, #ef4444);border-color:var(--error-color, #ef4444)}.meeting-card__action--danger:hover{background:var(--error-color, #ef4444);color:var(--color-on-danger)}.meeting-card--calendar{border-left:4px solid var(--primary-color, #3b82f6)}.meeting-card__title-row{display:flex;align-items:center;gap:.5rem}.meeting-card__type-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px;background:var(--primary-color, #3b82f6);color:var(--color-on-primary)}.meetings-tab__calendar-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-info-bg);border:1px solid var(--color-info-light);border-radius:6px;margin-bottom:1rem;font-size:.875rem;color:var(--color-info-dark)}.meetings-tab__calendar-notice i{font-size:1rem}.meetings-tab__calendar-notice a{color:var(--color-info);text-decoration:underline}.meetings-tab__calendar-notice a:hover{color:var(--color-info-dark)}.meetings-tab__empty .meetings-tab__calendar-notice{margin-top:1rem;justify-content:center}.meeting-modal{max-width:100%}.meeting-modal__section{display:flex;flex-direction:column;gap:1rem}.meeting-modal__label{display:flex;flex-direction:column;gap:.375rem;font-size:.9rem;font-weight:500;color:var(--text-primary, #111827)}.meeting-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.meeting-modal__attendees-section{margin-top:.5rem}.meeting-modal__attendees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;padding:.75rem;background:var(--background-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;max-height:150px;overflow-y:auto}.meeting-modal__attendee{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.meeting-modal__attendee:hover{background:var(--background-hover, #f3f4f6)}.meeting-modal__attendee input{cursor:pointer}.meeting-notes-modal__info{padding:.75rem;background:var(--background-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;margin-bottom:1rem}.meeting-notes-modal__info p{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.meeting-notes-modal__list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.meeting-notes-modal__empty{text-align:center;color:var(--text-tertiary, #9ca3af);font-style:italic;padding:2rem}.meeting-note-card{padding:1rem;background:var(--color-card-bg);border:1px solid var(--border-color, #e5e7eb);border-radius:6px}.meeting-note-card__header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem}.meeting-note-card__author{font-weight:600;color:var(--text-primary, #111827)}.meeting-note-card__date{color:var(--text-tertiary, #9ca3af)}.meeting-note-card__content{font-size:.9rem;color:var(--text-secondary, #4b5563);line-height:1.5;white-space:pre-wrap}.meeting-card--linked{border-left-color:var(--color-success)}.meeting-card--linked .meeting-card__type-badge{background:var(--color-success)}.link-event-modal{min-height:200px}.link-event-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-secondary, #6b7280)}.link-event-modal__empty{text-align:center;padding:3rem;color:var(--text-secondary, #6b7280)}.link-event-modal__info{padding:.75rem 1rem;background:var(--background-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;margin-bottom:1rem}.link-event-modal__info p{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.link-event-modal__list{max-height:400px;overflow-y:auto}.link-event-modal__date-group{margin-bottom:1rem}.link-event-modal__date{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.link-event-modal__event{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:var(--color-surface);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;transition:all .2s}.link-event-modal__event:hover{border-color:var(--primary-color, #3b82f6)}.link-event-modal__event--linked{background:var(--color-success-bg);border-color:var(--color-success-light)}.link-event-modal__event-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.link-event-modal__event-time{font-size:.8rem;font-weight:500;color:var(--text-secondary, #6b7280);white-space:nowrap}.link-event-modal__event-title{font-size:.9rem;color:var(--text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.meetings-tab__header{flex-direction:column;gap:1rem;align-items:stretch}.meetings-tab__actions{flex-direction:column}.meeting-modal__row{grid-template-columns:1fr}.meeting-card__footer{flex-wrap:wrap}}.calendar-page{--calendar-cell-min-height: 100px;--calendar-cell-min-height-mobile: 60px;--calendar-week-day-height: 300px;--calendar-day-max-width: 800px;--calendar-event-time-width: 100px;--calendar-icon-btn-size: 36px;--calendar-clear-btn-size: 28px;--calendar-date-indicator-size: 28px;--calendar-filter-input-width: 140px;--calendar-filter-input-focus-width: 160px;--calendar-filter-input-width-mobile: 120px;--calendar-filter-input-focus-width-mobile: 140px;--calendar-event-gap: 2px;--calendar-event-padding: 2px 4px;--calendar-event-time-margin: 4px;--calendar-textarea-min-height: 80px}.calendar-page{display:flex;flex-direction:column;height:calc(100% + 2 * var(--spacing-xl));width:calc(100% + 2 * var(--spacing-xl));margin:calc(-1 * var(--spacing-xl));background:var(--color-bg);box-sizing:border-box;overflow:hidden}.calendar-page__header{height:var(--sidebar-header-height);min-height:var(--sidebar-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.calendar-page__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em}.calendar-page__title i{color:var(--color-primary);font-size:var(--font-size-xl)}.calendar-page__header-actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.calendar-page__toolbar{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-md);flex-wrap:wrap}.calendar-page__toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.calendar-page__toolbar-right{display:flex;align-items:center;gap:var(--spacing-lg)}.calendar-page__nav{display:flex;align-items:center;gap:var(--spacing-sm)}.calendar-page__nav-btn{width:var(--calendar-icon-btn-size);height:var(--calendar-icon-btn-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.calendar-page__nav-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.calendar-page__today-btn{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-weight:500;cursor:pointer;transition:all var(--transition-fast)}.calendar-page__today-btn:hover{background:var(--color-surface-hover)}.calendar-page__month-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);min-width:200px}.calendar-page__view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.calendar-page__view-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;background:var(--color-card-bg);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.calendar-page__view-btn:not(:last-child){border-right:1px solid var(--color-border)}.calendar-page__view-btn:hover{background:var(--color-surface-hover)}.calendar-page__view-btn--active{background:var(--color-primary);color:var(--white)}.calendar-page__view-btn--active:hover{background:var(--color-primary-hover)}.calendar-page__add-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);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 var(--transition-fast);white-space:nowrap}.calendar-page__add-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-default)}.calendar-page__add-btn:active{transform:translateY(0)}.calendar-page__add-btn i{font-size:var(--font-size-xs)}.calendar-page__filters{display:flex;align-items:center;gap:var(--spacing-sm)}.calendar-page__filter{display:flex;align-items:center;position:relative}.calendar-page__filter-icon{position:absolute;left:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);pointer-events:none}.calendar-page__filter-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) + var(--spacing-xl));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);width:var(--calendar-filter-input-width);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),width var(--transition-fast)}.calendar-page__filter-input::placeholder{color:var(--color-text-muted)}.calendar-page__filter-input:hover{border-color:var(--color-border-hover)}.calendar-page__filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);width:var(--calendar-filter-input-focus-width)}.calendar-page__filter-clear{display:flex;align-items:center;justify-content:center;width:var(--calendar-clear-btn-size);height:var(--calendar-clear-btn-size);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.calendar-page__filter-clear:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-hover)}.calendar-page__body{flex:1;overflow:auto;padding:var(--spacing-md)}.calendar-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-secondary)}.calendar-page__loading i{font-size:var(--font-size-3xl)}.calendar-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-secondary);text-align:center}.calendar-page__error i{font-size:var(--font-size-3xl);color:var(--color-warning)}.calendar-page__error p{margin:0;font-size:var(--font-size-md)}.calendar-page__retry-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);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)}.calendar-page__retry-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.calendar-grid{height:100%;display:flex;flex-direction:column}.calendar-grid__header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--color-border)}.calendar-grid__day-name{padding:var(--spacing-sm);text-align:center;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-secondary);min-width:0}.calendar-grid__body{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:1fr}.calendar-grid__cell{min-height:var(--calendar-cell-min-height);min-width:0;padding:var(--spacing-sm);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);overflow:hidden;background:var(--color-card-bg)}.calendar-grid__cell:hover{background:var(--color-surface-hover)}.calendar-grid__cell:nth-child(7n){border-right:none}.calendar-grid__cell--has-events{border-left:3px solid var(--color-primary)}.calendar-grid__cell--other-month{background:var(--color-secondary-bg);opacity:.6}.calendar-grid__cell--other-month .calendar-grid__date{color:var(--color-text-muted)}.calendar-grid__cell--today{background:var(--color-primary-bg)}.calendar-grid__cell--today .calendar-grid__date{background:var(--color-primary);color:var(--white);border-radius:50%;width:var(--calendar-date-indicator-size);height:var(--calendar-date-indicator-size);display:flex;align-items:center;justify-content:center}.calendar-grid__date{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-xs)}.calendar-grid__events{display:flex;flex-direction:column;gap:var(--calendar-event-gap)}.calendar-grid__event{padding:var(--calendar-event-padding);font-size:var(--font-size-xxs);background:var(--color-primary);color:var(--white);border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:opacity var(--transition-fast)}.calendar-grid__event:hover{opacity:.85}.calendar-grid__event-time{font-weight:600;margin-right:var(--calendar-event-time-margin)}.calendar-grid__more{font-size:var(--font-size-xxs);color:var(--color-primary);padding:var(--calendar-event-padding);cursor:pointer;font-weight:500;transition:color var(--transition-fast)}.calendar-grid__more:hover{color:var(--color-primary-hover);text-decoration:underline}.calendar-week{height:100%;display:flex;flex-direction:column}.calendar-week__header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--color-border)}.calendar-week__day-header{padding:var(--spacing-sm);text-align:center;border-right:1px solid var(--color-border);min-width:0}.calendar-week__day-header:last-child{border-right:none}.calendar-week__day-header--today{background:var(--color-primary-bg)}.calendar-week__day-name{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.calendar-week__day-number{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.calendar-week__day-header--today .calendar-week__day-number{color:var(--color-primary)}.calendar-week__body{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow-y:auto}.calendar-week__day{min-height:var(--calendar-week-day-height);min-width:0;padding:var(--spacing-sm);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden}.calendar-week__day:last-child{border-right:none}.calendar-week__day--today{background:var(--color-primary-bg)}.calendar-week__event{padding:var(--spacing-sm);background:var(--color-primary);color:var(--white);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.calendar-week__event-time{font-size:var(--font-size-xxs);opacity:.9;margin-bottom:var(--calendar-event-gap)}.calendar-week__event-title{font-weight:500}.calendar-day{max-width:var(--calendar-day-max-width);margin:0 auto}.calendar-day__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);text-align:center}.calendar-day__empty i{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.calendar-day__events{display:flex;flex-direction:column;gap:var(--spacing-md)}.calendar-day__event{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg)}.calendar-day__event-time{min-width:var(--calendar-event-time-width);font-weight:500;color:var(--color-primary);font-size:var(--font-size-sm)}.calendar-day__event-content{flex:1}.calendar-day__event-title{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.calendar-day__event-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.calendar-day__event-location{font-size:var(--font-size-sm);color:var(--color-text-muted)}.calendar-day__event-location i{margin-right:var(--spacing-xs)}.calendar-day__event-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.calendar-day__event-link{color:var(--color-text-muted);font-size:var(--font-size-md);transition:color var(--transition-fast)}.calendar-day__event-link:hover{color:var(--color-primary)}.calendar-day__event-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.calendar-day__event-menu-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.calendar-context-menu{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);padding:var(--spacing-xs);min-width:180px;animation:calendar-context-menu-in .12s ease-out}@keyframes calendar-context-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calendar-context-menu__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}.calendar-context-menu__item:hover{background:var(--color-surface-hover)}.calendar-context-menu__item i{width:16px;text-align:center;color:var(--color-text-secondary)}.calendar-context-menu__item--danger,.calendar-context-menu__item--danger i{color:var(--color-danger)}.calendar-context-menu__item--danger:hover{background:var(--color-danger-bg)}.calendar-week__event{cursor:pointer;transition:opacity var(--transition-fast)}.calendar-week__event:hover{opacity:.85}.calendar-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.calendar-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.calendar-modal__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.calendar-modal__input,.calendar-modal__textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-input-bg);color:var(--color-input-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.calendar-modal__input:focus,.calendar-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.calendar-modal__textarea{min-height:var(--calendar-textarea-min-height);resize:vertical}.calendar-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.calendar-modal__checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.calendar-modal__checkbox-label input{cursor:pointer}@media(max-width:900px){.calendar-page__toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.calendar-page__toolbar-left{justify-content:center}.calendar-page__toolbar-right{flex-direction:column;gap:var(--spacing-sm)}.calendar-page__filters{justify-content:center;flex-wrap:wrap}.calendar-page__view-toggle{justify-content:center;align-self:center}}@media(max-width:768px){.calendar-page__nav{justify-content:center}.calendar-page__month-title{text-align:center;min-width:auto}.calendar-grid__cell{min-height:var(--calendar-cell-min-height-mobile);padding:var(--spacing-xs)}.calendar-grid__event{font-size:var(--font-size-2xs)}.calendar-modal__row{grid-template-columns:1fr}.calendar-page__filter-input{width:var(--calendar-filter-input-width-mobile)}.calendar-page__filter-input:focus{width:var(--calendar-filter-input-focus-width-mobile)}}.leave-calendar{display:flex;flex-direction:column;height:100vh;width:calc(100vw - var(--sidebar-width));padding:0;gap:0;background:var(--color-bg);box-sizing:border-box;overflow:hidden;position:fixed;top:0;left:var(--sidebar-width);transition:left var(--transition-base),width var(--transition-base)}@media(max-width:1260px){.leave-calendar{width:calc(100vw - var(--sidebar-collapsed-width));left:var(--sidebar-collapsed-width)}}.leave-calendar__header{height:var(--sidebar-header-height);min-height:var(--sidebar-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.leave-calendar__title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.leave-calendar__title i{color:var(--color-primary);font-size:22px}.leave-calendar__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.leave-calendar__year-selector{position:relative}.leave-calendar__year-select{padding:8px 32px 8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.leave-calendar__year-select:hover{border-color:var(--color-primary)}.leave-calendar__year-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.leave-calendar__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.leave-calendar__btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.leave-calendar__btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-default)}.leave-calendar__btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.leave-calendar__btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.leave-calendar__btn i{font-size:12px}.leave-calendar__tabs{display:flex;gap:0;padding:0 var(--spacing-xl);background:var(--color-card-bg);border-bottom:2px solid var(--color-border);position:sticky;top:var(--sidebar-header-height);z-index:99}.leave-calendar__tab{position:relative;display:inline-flex;align-items:center;padding:10px 16px;gap:6px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.leave-calendar__tab:hover:not(.leave-calendar__tab--active){color:var(--color-text);background:var(--color-surface-hover)}.leave-calendar__tab--active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.leave-calendar__tab i{font-size:13px}.leave-calendar__tab--has-pending,.leave-calendar__tab--has-pending:hover:not(.leave-calendar__tab--active),.leave-calendar__tab--has-pending.leave-calendar__tab--active{color:var(--color-danger)}.leave-calendar__tab--has-pending.leave-calendar__tab--active{border-bottom-color:var(--color-danger)}.leave-calendar__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-danger);color:var(--color-on-danger);font-size:11px;font-weight:700;line-height:1;margin-left:6px}.leave-calendar__content{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg)}.leave-calendar__grid-wrapper,.leave-calendar__balances-wrapper,.leave-calendar__pending-hr-wrapper,.leave-calendar__register-wrapper{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.leave-calendar__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-secondary)}.leave-calendar__loading i{font-size:32px;color:var(--color-primary)}.leave-calendar__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-danger)}.leave-calendar__error i{font-size:48px}.leave-calendar__error button{margin-top:var(--spacing-md);padding:8px 16px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);cursor:pointer}.leave-calendar__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.leave-calendar__empty i{font-size:64px;color:var(--color-text-muted);opacity:.5}.leave-calendar__empty h3{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.leave-calendar__empty p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:300px}.leave-grid{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--color-surface)}.leave-grid__header{display:flex;flex-shrink:0;background:var(--color-card-bg);border-bottom:2px solid var(--color-border);z-index:20}.leave-grid__header-date{flex-shrink:0;width:120px;min-width:120px;display:flex;align-items:center;padding:12px 16px;font-size:12px;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface);border-right:1px solid var(--color-border)}.leave-grid__header-scroll{flex:1;overflow-x:hidden;overflow-y:hidden}.leave-grid__header-content{display:flex;min-width:max-content}.leave-grid__header-cell{flex-shrink:0;width:80px;min-width:80px;display:flex;align-items:center;justify-content:center;padding:12px 8px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;border-right:1px solid var(--color-border-light);background:var(--color-card-bg)}.leave-grid__header-cell--all{font-weight:700;border-right:none;position:relative}.leave-grid__header-cell--all:after{content:"";position:absolute;top:0;bottom:-1px;right:0;width:2px;background:var(--color-text-muted)}.leave-grid__header-scrollbar-spacer{flex-shrink:0;width:8px;background:var(--color-card-bg)}.leave-grid__scroll-area{display:flex;align-items:flex-start;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.leave-grid__scroll-area::-webkit-scrollbar{width:8px}.leave-grid__scroll-area::-webkit-scrollbar-track{background:var(--color-surface)}.leave-grid__scroll-area::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.leave-grid__scroll-area::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.leave-grid__date-column{flex-shrink:0;width:120px;background:var(--color-surface);border-right:1px solid var(--color-border)}.leave-grid__date-canvas{position:relative}.leave-grid__date-rows{position:absolute;top:0;left:0;right:0}.leave-grid__date-row{display:flex;align-items:center;gap:8px;height:32px;padding:0 16px;background:var(--color-card-bg);border-bottom:1px solid var(--color-border-light)}.leave-grid__date-row--today{background:var(--color-primary-bg)}.leave-grid__cells-wrapper{flex:1;overflow-x:scroll;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.leave-grid__cells-wrapper::-webkit-scrollbar{height:8px}.leave-grid__cells-wrapper::-webkit-scrollbar-track{background:var(--color-surface)}.leave-grid__cells-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.leave-grid__cells-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.leave-grid__canvas{position:relative;min-width:max-content}.leave-grid__rows{position:absolute;top:0;left:0;right:0}.leave-grid__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-top:1px solid var(--color-border);gap:var(--spacing-lg);flex-shrink:0;min-height:48px}.leave-grid__footer-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.leave-grid__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.leave-grid__nav-btn:hover{background:var(--color-hover);color:var(--color-primary);border-color:var(--color-primary)}.leave-grid__nav-btn:active{transform:scale(.95)}.leave-grid__nav-month{min-width:140px;text-align:center;font-weight:600;font-size:14px;color:var(--color-text)}.leave-grid__footer-scroll{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:400px}.leave-grid__scroll-label{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.leave-grid__scroll-range{flex:1;height:6px;cursor:pointer;appearance:none;background:var(--color-border);border-radius:3px}.leave-grid__scroll-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:transform .15s ease}.leave-grid__scroll-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.leave-grid__scroll-range::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--color-primary);cursor:pointer}.leave-grid__row{display:flex;height:32px;border-bottom:1px solid var(--color-border-light);background:var(--color-card-bg)}.leave-grid__row:hover,.leave-grid__row--weekend:hover{background:var(--color-surface-hover)}.leave-grid__row--today{background:var(--color-primary-bg)}.leave-grid__row--today:hover{background:rgba(var(--color-primary-rgb),.15)}.leave-grid__date-day{font-size:14px;font-weight:600;color:var(--color-text);min-width:20px}.leave-grid__date-month{font-size:11px;font-weight:600;color:var(--color-primary);text-transform:uppercase;min-width:28px}.leave-grid__date-weekday{font-size:11px;color:var(--color-text-secondary)}.leave-grid__date-row--weekend .leave-grid__date-weekday{color:var(--color-text-muted)}.leave-grid__cell{width:80px;min-width:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;border-right:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast)}.leave-grid__cell:hover{background:var(--color-surface-hover)}.leave-grid__cell--empty .leave-grid__cell-add{display:none;font-size:18px;color:var(--color-text-muted);font-weight:300}.leave-grid__cell--empty:hover .leave-grid__cell-add{display:block;color:var(--color-primary)}.leave-grid__cell-abbr{font-size:11px;font-weight:600;letter-spacing:.03em}.leave-grid__cell-hours{font-size:9px;opacity:.8}.leave-grid__cell--all{border-right:none;position:relative}.leave-grid__cell--all:after{content:"";position:absolute;top:-1px;bottom:-1px;right:0;width:2px;background:var(--color-text-muted)}.leave-grid__cell--all:hover{background:var(--color-surface-hover)}.leave-grid__col-highlight{background:rgba(var(--color-primary-rgb),.08)}.leave-grid__cell--all.leave-grid__col-highlight,.leave-grid__header-cell--all.leave-grid__col-highlight{background:var(--color-surface-hover)}.leave-grid__cell--focused{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:2;position:relative}.leave-grid__cell--annual{background:#3b82f626}.leave-grid__cell--annual .leave-grid__cell-abbr{color:#2563eb}.leave-grid__cell--sick{background:#f9731626}.leave-grid__cell--sick .leave-grid__cell-abbr{color:#ea580c}.leave-grid__cell--family{background:#14b8a626}.leave-grid__cell--family .leave-grid__cell-abbr{color:#0d9488}.leave-grid__cell--personal{background:#8b5cf626}.leave-grid__cell--personal .leave-grid__cell-abbr{color:#7c3aed}.leave-grid__cell--parental{background:#ec489926}.leave-grid__cell--parental .leave-grid__cell-abbr{color:#db2777}.leave-grid__cell--study{background:#06b6d426}.leave-grid__cell--study .leave-grid__cell-abbr{color:#0891b2}.leave-grid__cell--compassionate{background:#6b728026}.leave-grid__cell--compassionate .leave-grid__cell-abbr{color:#4b5563}.leave-grid__cell--holiday{background:#a855f72e}.leave-grid__cell--holiday .leave-grid__cell-abbr{color:#9333ea}.leave-grid__cell--company-holiday,.leave-grid__cell--closure{background:#14b8a626}.leave-grid__cell--company-holiday .leave-grid__cell-abbr,.leave-grid__cell--closure .leave-grid__cell-abbr{color:#0d9488}.leave-grid__cell--free{background:#22c55e26}.leave-grid__cell--free .leave-grid__cell-abbr{color:#16a34a}.leave-grid__cell--early{background:#84cc1626}.leave-grid__cell--early .leave-grid__cell-abbr{color:#65a30d}.leave-grid__cell--overtime{background:#f59e0b26}.leave-grid__cell--overtime .leave-grid__cell-abbr{color:#d97706}.leave-grid__cell--unpaid{background:#b4530926}.leave-grid__cell--unpaid .leave-grid__cell-abbr{color:#92400e}.leave-grid__cell--company,.leave-grid__cell--shutdown,.leave-grid__cell--training,.leave-grid__cell--team{background:#3b82f626}.leave-grid__cell--company .leave-grid__cell-abbr,.leave-grid__cell--shutdown .leave-grid__cell-abbr,.leave-grid__cell--training .leave-grid__cell-abbr,.leave-grid__cell--team .leave-grid__cell-abbr{color:#2563eb}.leave-grid__cell--other,.leave-grid__cell--unknown{background:#6b72801f}.leave-grid__cell--other .leave-grid__cell-abbr,.leave-grid__cell--unknown .leave-grid__cell-abbr{color:#6b7280}#leave-entry-modal .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}#leave-entry-modal .form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}#leave-entry-modal .form-input{width:100%;padding:10px 12px;font-size:var(--font-size-base);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)}#leave-entry-modal .form-input:hover{border-color:var(--color-primary)}#leave-entry-modal .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}#leave-entry-modal select.form-input{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-entry-modal textarea.form-input{resize:vertical;min-height:60px;line-height:1.5}#leave-entry-modal .form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.leave-modal__type-buttons{display:flex;gap:8px}.leave-modal__type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.leave-modal__type-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.leave-modal__type-btn--active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.leave-modal__type-btn i{font-size:20px}.leave-modal__type-btn span{font-size:11px;font-weight:500}.leave-modal__employee-display,.leave-modal__date-display{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.leave-modal__employee-display i,.leave-modal__date-display i{color:var(--color-text-secondary)}.leave-modal__hours-row{display:flex;align-items:center;gap:var(--spacing-md)}.leave-modal__hours-row .form-input{width:100px}.leave-modal__hours-presets{display:flex;gap:8px}.leave-modal__preset-btn{padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.leave-modal__preset-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.modal__button--danger-confirm{animation:pulse-danger .8s ease-in-out infinite alternate}@keyframes pulse-danger{0%{box-shadow:0 0 rgba(var(--color-danger-rgb),.4)}to{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb),0)}}.import-holidays__intro{margin-bottom:var(--spacing-lg)}.import-holidays__intro p{margin:0 0 8px;color:var(--color-text)}.import-holidays__hint{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-info-bg);border-radius:var(--radius-md);font-size:13px;color:var(--color-info)}.import-holidays__controls{display:flex;gap:8px;margin-bottom:var(--spacing-md)}.import-holidays__select-btn{padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.import-holidays__select-btn:hover{background:var(--color-surface-hover)}.import-holidays__list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.import-holidays__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}.import-holidays__item:last-child{border-bottom:none}.import-holidays__item:hover:not(.import-holidays__item--existing){background:var(--color-primary-bg)}.import-holidays__item--existing{opacity:.6;cursor:not-allowed}.import-holidays__item input{flex-shrink:0}.import-holidays__date{width:80px;font-size:13px;color:var(--color-text-secondary)}.import-holidays__name{flex:1;font-size:14px;color:var(--color-text)}.import-holidays__existing-badge{font-size:11px;padding:2px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.import-holidays__summary{margin-top:var(--spacing-md);padding:10px 12px;background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:14px;color:var(--color-primary);text-align:center}.form-label--small{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);color:var(--color-text-muted);font-weight:500}.form-checkbox{display:inline-flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;user-select:none}.form-checkbox input[type=checkbox]{cursor:pointer}@media(max-width:768px){.leave-calendar__header-actions{gap:var(--spacing-sm)}.leave-calendar__btn span{display:none}.leave-calendar__btn{padding:8px 12px}.leave-stats__summary{flex-wrap:wrap}.leave-stats__summary-item{min-width:calc(50% - var(--spacing-md))}.leave-stats__cards{grid-template-columns:1fr}.leave-modal__type-buttons{flex-wrap:wrap}.leave-modal__type-btn{min-width:calc(50% - 4px)}}.leave-balances{display:flex;flex-direction:column;flex:1 1 0;min-height:0;padding:var(--spacing-lg)}.leave-balances__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.leave-balances__loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:leave-balances-spin .8s linear infinite}@keyframes leave-balances-spin{to{transform:rotate(360deg)}}.leave-balances__skeleton{padding:var(--spacing-md)}.leave-balances__skeleton-header{height:48px;background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:leave-balances-shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.leave-balances__skeleton-row{height:44px;background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:leave-balances-shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}@keyframes leave-balances-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.leave-balances__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-shrink:0;flex-wrap:wrap;gap:var(--spacing-md);position:relative;z-index:30}.leave-balances__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.leave-balances__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:18px;font-weight:600;color:var(--color-text)}.leave-balances__title i{color:var(--color-primary)}.leave-balances__count{padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-secondary);font-weight:500}.leave-balances__expiry-setting{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;background:var(--color-amber-bg);border:1px solid var(--color-amber-border);border-radius:var(--radius-full);font-size:12px}.leave-balances__expiry-label{color:var(--color-text-secondary);font-weight:500}.leave-balances__expiry-value{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--color-amber);cursor:pointer;transition:background .15s ease}.leave-balances__expiry-value:hover{background:var(--color-amber-bg)}.leave-balances__expiry-value i{font-size:10px;opacity:.7}.leave-balances__expiry-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.leave-balances__expiry-input--visible{position:static;opacity:1;pointer-events:auto;width:auto;height:auto;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;background:var(--color-bg);color:var(--color-text)}.leave-balances__header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.leave-balances__filter-wrapper{position:relative;z-index:var(--z-dropdown)}.leave-balances__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.leave-balances__btn--filter{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.leave-balances__btn--filter:hover,.leave-balances__btn--active{background:var(--color-surface-hover);border-color:var(--color-primary)}.leave-balances__btn--active .leave-balances__filter-arrow{transform:rotate(180deg)}.leave-balances__filter-arrow{font-size:10px;color:var(--color-text-secondary);transition:transform .2s ease}.leave-balances__btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.leave-balances__btn--primary:hover{background:var(--color-primary-hover)}.leave-balances__btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.leave-balances__btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.leave-balances__btn i{font-size:12px}.leave-balances__filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);padding:var(--spacing-xs);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.leave-balances__filter-dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.leave-balances__filter-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease;font-size:13px;color:var(--color-text)}.leave-balances__filter-item:hover{background:var(--color-surface-hover)}.leave-balances__filter-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.leave-balances__filter-icon{width:18px;text-align:center}.leave-balances__filter-icon--annual{color:var(--color-primary)}.leave-balances__filter-icon--family{color:var(--color-teal)}.leave-balances__filter-icon--study{color:var(--color-cyan)}.leave-balances__filter-icon--sick{color:var(--color-warning)}.leave-balances__table-wrapper{flex:1 1 0;min-height:0;max-height:100%;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.leave-balances__table-wrapper::-webkit-scrollbar{width:8px;height:8px}.leave-balances__table-wrapper::-webkit-scrollbar-track{background:var(--color-surface)}.leave-balances__table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.leave-balances__table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.leave-balances__table{width:auto;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}.leave-balances__table thead{position:sticky;top:0;z-index:20}.leave-balances__th,.leave-balances__td{width:65px;white-space:nowrap;padding:10px 6px}.leave-balances__th--sub{width:65px}.leave-balances__header-row--main .leave-balances__th{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:14px 12px;font-weight:600;text-align:center;white-space:nowrap;font-size:13px}.leave-balances__header-row--sub .leave-balances__th{background:var(--color-surface);border-bottom:2px solid var(--color-border);padding:10px 8px;font-weight:500;text-align:center;font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.leave-balances__th--employee{text-align:left;padding-left:12px;position:sticky;left:0;top:0;z-index:25;background:var(--color-surface);width:220px;min-width:220px;max-width:220px}.leave-balances__th--group{font-size:13px}.leave-balances__th--group i{margin-right:6px}.leave-balances__th--annual{background:var(--color-primary-bg)}.leave-balances__th--family{background:var(--color-teal-bg)}.leave-balances__th--study{background:var(--color-cyan-bg)}.leave-balances__th--sick{background:var(--color-amber-bg)}.leave-balances__th--actions,.leave-balances__td--actions{width:40px;min-width:40px;max-width:40px;border-left:2px solid var(--color-border)}.leave-balances__th--employee,.leave-balances__td--employee{border-right:3px solid var(--color-border)}.leave-balances__th--annual-end,.leave-balances__td--annual-end{border-right:2px solid var(--color-primary)}.leave-balances__th--family-end,.leave-balances__td--family-end{border-right:2px solid var(--color-teal)}.leave-balances__th--study-end,.leave-balances__td--study-end{border-right:2px solid var(--color-cyan)}.leave-balances__row{transition:background-color .15s ease}.leave-balances__row:hover{background:var(--color-surface-hover)}.leave-balances__row:nth-child(2n){background:var(--color-surface)}.leave-balances__row:nth-child(2n):hover{background:var(--color-surface-hover)}.leave-balances__td{padding:12px 8px;text-align:center;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.leave-balances__td--employee{text-align:left;padding-left:12px;position:sticky;left:0;background:inherit;z-index:5;width:220px;min-width:220px;max-width:220px}.leave-balances__td--annual{background:var(--color-primary-bg)}.leave-balances__td--family{background:var(--color-teal-bg)}.leave-balances__td--study{background:var(--color-cyan-bg)}.leave-balances__td--sick{background:var(--color-amber-bg)}.leave-balances__td--warning{background:var(--color-warning-bg);color:var(--color-warning);font-weight:600}.leave-balances__td--danger{background:var(--color-danger-bg);color:var(--color-danger);font-weight:600}.leave-balances__th--expired{color:var(--color-amber)}.leave-balances__td--expired-value{color:var(--color-amber);font-weight:500}.leave-balances__td--bf-used{color:var(--color-info);font-weight:500}.leave-balances__td--left{font-weight:600}.leave-balances__td--readonly{color:var(--color-text-secondary)}.leave-balances__td--actions{padding:4px}.leave-balances__employee{display:flex;align-items:center;gap:var(--spacing-sm)}.leave-balances__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:11px;font-weight:600;flex-shrink:0}.leave-balances__name{font-weight:500;color:var(--color-text);white-space:nowrap}.leave-balances__input{width:48px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;font-size:12px;font-weight:500;background:var(--color-card-bg);color:var(--color-text);transition:all .15s ease;-moz-appearance:textfield}.leave-balances__input::-webkit-outer-spin-button,.leave-balances__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.leave-balances__input:hover{border-color:var(--color-primary)}.leave-balances__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.leave-balances__remove-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:0}.leave-balances__row:hover .leave-balances__remove-btn{opacity:1}.leave-balances__remove-btn:hover{background:var(--color-danger-bg);color:var(--color-danger)}.leave-balances__dropdown{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:300px;overflow-y:auto}.leave-balances__dropdown-content{padding:var(--spacing-xs)}.leave-balances__dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:var(--radius-md);transition:all .15s ease;font-size:13px;color:var(--color-text)}.leave-balances__dropdown-item:hover{background:var(--color-primary-bg);color:var(--color-primary)}.leave-balances__dropdown-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-surface);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;transition:all .15s ease}.leave-balances__dropdown-item:hover .leave-balances__dropdown-avatar{background:var(--color-primary);color:var(--color-on-primary)}.leave-balances__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary)}.leave-balances__empty i{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.leave-balances__empty p{margin-bottom:var(--spacing-lg)}@media(max-width:1200px){.leave-balances__input{width:44px}.leave-balances__th--employee,.leave-balances__td--employee{width:180px;min-width:180px;max-width:180px}}@media(max-width:768px){.leave-balances__header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.leave-balances__header-right{justify-content:flex-start;flex-wrap:wrap}.leave-balances__btn span{display:none}.leave-balances__btn{padding:8px 12px}.leave-balances__th--employee,.leave-balances__td--employee{width:160px;min-width:160px;max-width:160px}.leave-balances__th,.leave-balances__td{width:55px}}.pending-hr{display:flex;flex-direction:column;padding:var(--spacing-lg);flex:1 1 0;min-height:0;overflow:hidden}.pending-hr__sync-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);background:color-mix(in srgb,var(--color-warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-md)}.pending-hr__sync-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text)}.pending-hr__sync-info i{color:var(--color-warning);font-size:var(--font-size-base)}.pending-hr__sync-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-warning);color:var(--color-on-warning);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.pending-hr__sync-btn:hover{background:color-mix(in srgb,var(--color-warning) 85%,black);transform:translateY(-1px)}.pending-hr__sync-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.pending-hr__sync-btn i{font-size:var(--font-size-xs)}.pending-hr__sync-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.pending-hr__sync-btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.pending-hr__sync-btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.pending-hr__sync-banner--compact{justify-content:flex-end;background:var(--color-surface);border-color:var(--color-border)}.pending-hr__header{margin-bottom:var(--spacing-lg)}.pending-hr__header--cancellation{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.pending-hr__header--cancellation .pending-hr__title i{color:var(--color-danger)}.pending-hr__header--cancellation .pending-hr__count{background:var(--color-danger)}.pending-hr__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.pending-hr__title i{color:var(--color-warning)}.pending-hr__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-xs);background:var(--color-warning);color:var(--color-on-warning);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;margin-left:var(--spacing-sm)}.pending-hr__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.pending-hr__table-wrapper{background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.pending-hr__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.pending-hr__table th{background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.pending-hr__row{transition:all var(--transition-fast)}.pending-hr__row:hover{background:var(--color-surface-hover)}.pending-hr__row--removing{opacity:0;transform:translate(20px);transition:all .3s ease}.pending-hr__row--cancellation{background:color-mix(in srgb,var(--color-danger) 5%,transparent)}.pending-hr__row--cancellation:hover{background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface-hover))}.pending-hr__cell{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.pending-hr__cell--employee{min-width:180px}.pending-hr__employee-name{font-weight:600;color:var(--color-text)}.pending-hr__employee-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pending-hr__cell--days{font-weight:600;text-align:center}.pending-hr__cell--reason{max-width:200px;color:var(--color-text-secondary);font-style:italic}.pending-hr__cell--actions{white-space:nowrap}.pending-hr__leave-type{display:inline-flex;padding:4px 10px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600}.pending-hr__leave-type--annual{background:var(--color-info-bg);color:var(--color-info)}.pending-hr__leave-type--sick{background:var(--color-danger-bg);color:var(--color-danger)}.pending-hr__leave-type--study{background:var(--color-purple-bg);color:var(--color-purple)}.pending-hr__leave-type--maternity{background:var(--color-pink-bg);color:var(--color-pink)}.pending-hr__leave-type--unpaid{background:var(--color-gray-bg);color:var(--color-gray)}.pending-hr__leave-type--family{background:var(--color-warning-bg);color:var(--color-warning)}.pending-hr__leave-type--mixed{background:var(--color-info-bg);color:var(--color-info)}.pending-hr__approver{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.pending-hr__notes{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;margin-top:2px}.pending-hr__btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.pending-hr__btn--approve{background:var(--color-success-bg);color:var(--color-success);margin-right:var(--spacing-xs)}.pending-hr__btn--approve:hover{background:var(--color-success);color:var(--color-on-success)}.pending-hr__btn--reject{background:var(--color-danger-bg);color:var(--color-danger)}.pending-hr__btn--reject:hover{background:var(--color-danger);color:var(--color-on-danger)}.pending-hr__btn:disabled{opacity:.5;cursor:not-allowed}.pending-hr__batch-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.pending-hr__batch-select-all{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer}.pending-hr__btn--batch-approve{background:var(--color-success-bg);color:var(--color-success);padding:var(--spacing-xs) var(--spacing-md)}.pending-hr__btn--batch-approve:hover:not(:disabled){background:var(--color-success);color:var(--color-on-success)}.pending-hr__th--checkbox,.pending-hr__cell--checkbox{width:36px;text-align:center}.pending-hr__row--selected{background:color-mix(in srgb,var(--color-success) 5%,transparent)}.pending-hr__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.pending-hr__empty i{font-size:48px;color:var(--color-success);opacity:.5;margin-bottom:var(--spacing-md)}.pending-hr__empty h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.pending-hr__empty p{margin:0;color:var(--color-text-muted)}.pending-hr__tabs{display:flex;gap:var(--spacing-xs);padding:0 0 var(--spacing-md) 0;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg)}.pending-hr__tab{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-2px}.pending-hr__tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.pending-hr__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.pending-hr__tab i{font-size:var(--font-size-xs)}.pending-hr__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--spacing-xs);background:var(--color-warning);color:var(--color-on-warning);border-radius:var(--radius-full);font-size:10px;font-weight:700;margin-left:2px}.pending-hr__content{flex:1 1 0;min-height:0;overflow-y:auto}.pending-hr__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);color:var(--color-text-secondary)}.pending-hr__loading i{color:var(--color-primary)}.pending-hr__history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.pending-hr__history-filters{display:flex;align-items:center;gap:var(--spacing-sm)}.pending-hr__year-select{padding:var(--spacing-xs) var(--spacing-md);padding-right:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.pending-hr__year-select:hover{border-color:var(--color-primary)}.pending-hr__year-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.pending-hr__count--muted{background:var(--color-surface);color:var(--color-text-secondary)}.pending-hr__row--history{background:var(--color-card-bg)}.pending-hr__row--history:nth-child(2n){background:var(--color-surface)}.pending-hr__cell--date{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.pending-hr__status{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.pending-hr__status i{font-size:10px}.pending-hr__status--approved{background:var(--color-success-bg);color:var(--color-success)}.pending-hr__status--rejected{background:var(--color-danger-bg);color:var(--color-danger)}.pending-hr__status--pending{background:var(--color-warning-bg);color:var(--color-warning)}.pending-hr__status--pending-hr{background:var(--color-info-bg);color:var(--color-info)}.pending-hr__status--cancelled{background:var(--color-gray-bg);color:var(--color-gray)}.pending-hr__status--pending-cancel{background:var(--color-amber-bg);color:var(--color-amber)}.pending-hr__status--deleted{background:var(--color-gray-bg);color:var(--color-text-muted)}.pending-hr__status--default{background:var(--color-surface);color:var(--color-text-secondary)}@media(max-width:900px){.pending-hr__table-wrapper{overflow-x:auto}.pending-hr__table{min-width:700px}.pending-hr__tabs{flex-wrap:wrap}}.leave-calendar__permission-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:48px 24px;text-align:center}.leave-calendar__permission-denied-icon{width:80px;height:80px;border-radius:50%;background:var(--color-danger-bg);color:var(--color-danger);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:32px}.leave-calendar__permission-denied-title{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.leave-calendar__permission-denied-message{font-size:16px;color:var(--color-text-secondary);margin:0 0 8px;max-width:500px}.leave-calendar__permission-denied-hint{font-size:14px;color:var(--color-text-muted);margin:0 0 32px;max-width:500px}.leave-calendar__register-wrapper{overflow-y:auto;overflow-x:hidden;display:block}.leave-register{max-width:820px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-xl) 80px}.leave-register__filter-bar{position:sticky;top:0;z-index:10;background:var(--color-bg);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.leave-register__filter-input-wrap{position:relative;display:flex;align-items:center}.leave-register__filter-icon{position:absolute;left:14px;color:var(--color-text-muted);font-size:13px;pointer-events:none}.leave-register__filter-input{width:100%;padding:10px 40px 10px 38px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color .2s ease,box-shadow .2s ease}.leave-register__filter-input::placeholder{color:var(--color-text-muted)}.leave-register__filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.leave-register__filter-clear{position:absolute;right:10px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;font-size:13px;border-radius:50%;transition:color .15s ease,background .15s ease}.leave-register__filter-clear:hover{color:var(--color-danger);background:var(--color-danger-bg)}.leave-register__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-sm)}.leave-register__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .15s ease,transform .1s ease;user-select:none}.leave-register__chip:hover{background:var(--color-primary);color:var(--color-on-primary);transform:scale(1.03)}.leave-register__chip-remove{font-size:10px;opacity:.7}.leave-register__chip:hover .leave-register__chip-remove{opacity:1}.leave-register__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;max-height:240px;overflow-y:auto;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);display:none;z-index:20}.leave-register__dropdown--visible{display:block}.leave-register__dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);transition:background .1s ease}.leave-register__dropdown-item:hover{background:var(--color-surface-hover)}.leave-register__dropdown-item--selected{background:var(--color-primary-bg);color:var(--color-primary);font-weight:500}.leave-register__dropdown-item--selected:hover{background:var(--color-primary-bg)}.leave-register__dropdown-check{font-size:12px;color:var(--color-primary)}.leave-register__dropdown-empty{padding:14px;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.leave-register__body{display:flex;flex-direction:column}.leave-register__person-section{margin-bottom:48px;animation:registerFadeIn .3s ease both}.leave-register__person-section:last-child{margin-bottom:0}@keyframes registerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leave-register__person-section:nth-child(1){animation-delay:0s}.leave-register__person-section:nth-child(2){animation-delay:.04s}.leave-register__person-section:nth-child(3){animation-delay:.08s}.leave-register__person-section:nth-child(4){animation-delay:.12s}.leave-register__person-section:nth-child(5){animation-delay:.16s}.leave-register__person-section:nth-child(6){animation-delay:.2s}.leave-register__person-section:nth-child(7){animation-delay:.24s}.leave-register__person-section:nth-child(8){animation-delay:.28s}.leave-register__person-heading{font-size:20px;font-weight:600;color:var(--color-text);letter-spacing:-.01em;margin:0;padding:0 0 10px;border-bottom:2px solid var(--color-primary);position:relative}.leave-register__person-heading:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 30%,transparent 100%)}.leave-register__no-leave{padding:16px 0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.leave-register__summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0 8px;font-size:13px;color:var(--color-text-secondary)}.leave-register__summary-total{font-weight:600;color:var(--color-text);font-size:14px}.leave-register__summary-divider{width:1px;height:14px;background:var(--color-border);margin:0 4px}.leave-register__summary-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;background:var(--color-surface);border-radius:12px;font-size:12px;color:var(--color-text-secondary);font-weight:500}.leave-register__entry-list{display:flex;flex-direction:column}.leave-register__entry{display:grid;grid-template-columns:260px 180px 80px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);transition:background .15s ease}.leave-register__entry:last-child{border-bottom:none}.leave-register__entry:hover{background:var(--color-surface-hover);margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:var(--radius-md)}.leave-register__entry-date{color:var(--color-text);font-weight:500;font-variant-numeric:tabular-nums}.leave-register__entry-type{display:inline-flex;align-items:center;gap:7px;color:var(--color-text-secondary);font-weight:500}.leave-register__entry-duration{color:var(--color-text-muted);font-size:12px;font-weight:500}.leave-register__entry-description{color:var(--color-text-muted);font-size:12px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-register__type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 0 0 2px var(--color-bg)}.leave-register__type-dot--annual{background:#3b82f6;box-shadow:0 0 6px #3b82f659}.leave-register__type-dot--sick{background:#f97316;box-shadow:0 0 6px #f9731659}.leave-register__type-dot--family{background:#14b8a6;box-shadow:0 0 6px #14b8a659}.leave-register__type-dot--study{background:#06b6d4;box-shadow:0 0 6px #06b6d459}.leave-register__type-dot--maternity{background:#ec4899;box-shadow:0 0 6px #ec489959}.leave-register__type-dot--unpaid{background:#b45309;box-shadow:0 0 6px #b4530959}.leave-register__type-dot--holiday{background:#a855f7;box-shadow:0 0 6px #a855f759}.leave-register__type-dot--free{background:#22c55e;box-shadow:0 0 6px #22c55e59}.leave-register__type-dot--early{background:#84cc16;box-shadow:0 0 6px #84cc1659}.leave-register__type-dot--unknown{background:var(--color-text-muted)}.leave-register__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.leave-register__loading i{font-size:24px;color:var(--color-primary)}.leave-register__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 0;color:var(--color-text-muted)}.leave-register__empty i{font-size:32px;opacity:.4}.leave-register__empty p{margin:0;font-size:var(--font-size-sm)}@media(max-width:768px){.leave-register{padding:var(--spacing-md)}.leave-register__entry{grid-template-columns:1fr;gap:4px;padding:12px 0}.leave-register__entry:hover{margin:0 -8px;padding-left:8px;padding-right:8px}.leave-register__person-heading{font-size:18px}}#leave-request-modal .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}#leave-request-modal .form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}#leave-request-modal .form-input{width:100%;padding:10px 12px;font-size:var(--font-size-base);color:var(--color-input-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;transition:all var(--transition-fast)}#leave-request-modal .form-input:hover:not(:disabled){border-color:var(--color-primary)}#leave-request-modal .form-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-request-modal .form-input:disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}#leave-request-modal select.form-input{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 textarea.form-input{resize:vertical;min-height:60px;line-height:1.5}.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, #16a34a)}.btn--danger{background:var(--color-danger);color:var(--color-on-danger);border:none}.btn--danger:hover{background:var(--color-danger-hover, #dc2626)}#leave-request-modal .btn:disabled{cursor:not-allowed;opacity:.7}#leave-request-modal .btn .fa-spinner{margin-right:var(--spacing-xs)}.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}}.profile{height:100%;display:flex;flex-direction:column}.profile__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-shrink:0}.profile__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);margin:0}.profile__title-icon{color:var(--color-primary)}.profile__content{flex:1;display:flex;align-items:center;justify-content:center}.profile__placeholder{text-align:center;padding:var(--spacing-2xl);max-width:400px}.profile__placeholder-icon{font-size:4rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);opacity:.5}.profile__placeholder-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.profile__placeholder-text{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0;line-height:1.5}.activity{display:flex;flex-direction:column;height:100%;padding:2rem;gap:1.5rem;overflow-y:auto}.activity__header{display:flex;align-items:center;justify-content:space-between}.activity__title{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.6rem}.activity__title-icon{color:var(--color-primary);font-size:1.4rem}.activity__subtitle{margin:.3rem 0 0;color:var(--color-text-secondary);font-size:.875rem}.activity__filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px}.activity__filter-group{display:flex;flex-direction:column;gap:.3rem;min-width:140px}.activity__filter-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.activity__filter-select,.activity__filter-date{padding:.5rem .75rem;font-size:.85rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.activity__filter-select:focus,.activity__filter-date:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.activity__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.activity__stat-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.activity__stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:10px 10px 0 0}.activity__stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.activity__stat-icon{font-size:1.1rem;opacity:.85}.activity__stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1}.activity__stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.activity__stat-card--total .activity__stat-icon{color:var(--color-primary)}.activity__stat-card--total:before{background:var(--color-primary)}.activity__stat-card--login .activity__stat-icon{color:var(--color-success)}.activity__stat-card--login:before{background:var(--color-success)}.activity__stat-card--task .activity__stat-icon{color:var(--color-primary)}.activity__stat-card--task:before{background:var(--color-primary)}.activity__stat-card--audit .activity__stat-icon{color:var(--color-warning)}.activity__stat-card--audit:before{background:var(--color-warning)}.activity__stat-card--note .activity__stat-icon{color:var(--color-purple)}.activity__stat-card--note:before{background:var(--color-purple)}.activity__stat-card--comment .activity__stat-icon{color:var(--color-cyan)}.activity__stat-card--comment:before{background:var(--color-cyan)}.activity__stat-card--timesheet .activity__stat-icon{color:var(--color-teal)}.activity__stat-card--timesheet:before{background:var(--color-teal)}.activity__feed{flex:1;min-height:200px}.activity__loading,.activity__error,.activity__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--color-text-secondary);text-align:center}.activity__loading i{font-size:1.5rem;color:var(--color-primary)}.activity__error i{font-size:2rem;color:var(--color-danger)}.activity__empty-icon{font-size:2.5rem;opacity:.3;color:var(--color-primary)}.activity__empty h3{margin:0;color:var(--color-text-primary);font-weight:600}.activity__empty p{margin:0;font-size:.875rem}.activity__day-group{margin-bottom:1.5rem}.activity__day-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:1}.activity__day-items{display:flex;flex-direction:column}.activity__item{display:grid;grid-template-columns:56px 28px 1fr;gap:.75rem;align-items:flex-start;padding:.65rem 0}.activity__item+.activity__item{border-top:1px solid var(--color-border)}.activity__item:hover .activity__item-content{background:var(--color-surface)}.activity__item-time{font-size:.78rem;font-weight:500;color:var(--color-text-secondary);text-align:right;padding-top:.4rem;font-variant-numeric:tabular-nums}.activity__item-indicator{position:relative;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--white, #fff);flex-shrink:0;z-index:1;margin-top:.2rem}.activity__item-indicator--login{background:var(--color-success)}.activity__item-indicator--task{background:var(--color-primary)}.activity__item-indicator--audit{background:var(--color-warning)}.activity__item-indicator--note{background:var(--color-purple)}.activity__item-indicator--comment{background:var(--color-cyan)}.activity__item-indicator--timesheet{background:var(--color-teal)}.activity__item-indicator--default{background:var(--color-gray)}.activity__item-content{padding:.5rem .75rem;border-radius:8px;transition:background .12s ease}.activity__item-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity__item-avatar{width:26px;height:26px;border-radius:50%;font-size:.6rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white, #fff)}.activity__item-avatar--img{width:26px;height:26px;border-radius:50%;object-fit:cover}.activity__item-text{flex:1;min-width:0;display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}.activity__item-user{font-weight:600;font-size:.85rem;color:var(--color-text-primary);white-space:nowrap}.activity__item-desc{font-size:.83rem;color:var(--color-text-secondary);line-height:1.4}.activity__item-detail{margin-top:.3rem;padding:.4rem .6rem;font-size:.78rem;color:var(--color-text-secondary);background:var(--color-row-alt);border-radius:5px;line-height:1.45;white-space:pre-wrap;word-break:break-word;max-height:3.5em;overflow:hidden}.activity__item-badge{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.activity__item-badge--login{background:var(--color-success-bg);color:var(--color-success)}.activity__item-badge--task{background:var(--color-primary-bg);color:var(--color-primary)}.activity__item-badge--audit{background:var(--color-warning-bg);color:var(--color-warning)}.activity__item-badge--note{background:var(--color-purple-bg);color:var(--color-purple)}.activity__item-badge--comment{background:var(--color-cyan-bg);color:var(--color-cyan)}.activity__item-badge--timesheet{background:var(--color-teal-bg);color:var(--color-teal)}.activity__item-badge--default{background:var(--color-gray-bg);color:var(--color-gray)}.activity__load-more-container{display:flex;justify-content:center;padding:1.5rem 0}.activity__load-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 2rem;font-size:.85rem;font-weight:500;color:var(--color-primary);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.activity__load-more-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.activity__load-more-btn:active{transform:translateY(0)}.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:#fff;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}.reminders-list{min-height:120px}.reminders-list__controls{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.reminders-list__toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-secondary);cursor:pointer}.reminders-list__toggle input[type=checkbox]{accent-color:var(--color-primary)}.reminders-list__group{margin-bottom:14px}.reminders-list__group:last-child{margin-bottom:0}.reminders-list__group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:4px;padding:0 4px}.reminders-list__item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:5px;transition:background .12s}.reminders-list__item:hover{background:var(--color-surface-hover)}.reminders-list__date{font-size:11px;font-weight:600;min-width:48px;text-align:center;padding:2px 6px;border-radius:4px;background:var(--color-surface);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.reminders-list__date--overdue{background:var(--color-danger-bg);color:var(--color-danger)}.reminders-list__date--today{background:var(--color-warning-bg);color:var(--color-warning)}.reminders-list__title{flex:1;font-size:13px;color:var(--color-text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminders-list__context{font-size:11px;color:var(--color-text-muted);background:var(--color-surface);padding:1px 6px;border-radius:3px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.reminders-list__meta{font-size:11px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.reminders-list__delete-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;font-size:12px;opacity:0;transition:opacity .12s,color .12s;flex-shrink:0}.reminders-list__item:hover .reminders-list__delete-btn{opacity:1}.reminders-list__delete-btn:hover{color:var(--color-danger)}.reminders-list__empty{text-align:center;padding:32px 16px;color:var(--color-text-muted);font-size:13px}.reminders-list__empty i{display:block;font-size:24px;margin-bottom:8px;opacity:.4}.reminders-list__item--sent{opacity:.5}.reminders-list__item--sent .reminders-list__title{text-decoration:line-through}.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__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__edit-cancel{padding:3px 8px;border:1px solid var(--color-border);border-radius:5px;background:transparent;color:var(--color-text-secondary);font-size:10px;cursor:pointer;transition:all .15s ease}.notes-popover__edit-cancel:hover{background:var(--color-surface);color:var(--color-text)}.notes-popover__edit-save{padding:3px 8px;border:none;border-radius:5px;background:var(--color-primary);color:var(--color-on-primary);font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:3px}.notes-popover__edit-save:hover{filter:brightness(1.1)}.notes-popover__edit-save:disabled{opacity:.6;cursor:not-allowed}.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__delete-confirm-yes{padding:2px 8px;border:none;border-radius:4px;background:var(--color-danger);color:var(--color-on-danger);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s ease}.notes-popover__delete-confirm-yes:hover{filter:brightness(1.1)}.notes-popover__delete-confirm-yes:disabled{opacity:.6;cursor:not-allowed}.notes-popover__delete-confirm-no{padding:2px 8px;border:1px solid var(--color-border);border-radius:4px;background:transparent;color:var(--color-text-secondary);font-size:10px;cursor:pointer;transition:all .15s ease}.notes-popover__delete-confirm-no:hover{background:var(--color-surface);color:var(--color-text)}.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__compose-cancel{padding:4px 10px;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all .15s ease}.notes-popover__compose-cancel:hover{background:var(--color-surface);color:var(--color-text)}.notes-popover__compose-save{padding:4px 10px;border:none;border-radius:6px;background:var(--color-primary);color:var(--color-on-primary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.notes-popover__compose-save:hover{filter:brightness(1.1)}.notes-popover__compose-save:disabled{opacity:.6;cursor:not-allowed}.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}.retainer-matrix{display:flex;flex-direction:column;height:100vh;width:calc(100vw - var(--sidebar-width));position:fixed;top:0;left:var(--sidebar-width);background:var(--color-bg);overflow:hidden;box-sizing:border-box;transition:left var(--transition-base),width var(--transition-base);--frozen-client-w: 280px;--frozen-freq-w: 130px;--frozen-total-w: 120px;--frozen-freq-left: var(--frozen-client-w);--frozen-total-left: calc(var(--frozen-client-w) + var(--frozen-freq-w))}@media(max-width:1260px){.retainer-matrix{width:calc(100vw - var(--sidebar-width-responsive));left:var(--sidebar-width-responsive)}}.retainer-matrix__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:var(--sidebar-header-height);min-height:var(--sidebar-header-height);padding:0 var(--spacing-xl);background:var(--color-card-bg);border-bottom:1px solid var(--color-border);box-sizing:border-box}.retainer-matrix__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.retainer-matrix__title{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.retainer-matrix__title i{color:var(--color-primary);font-size:22px}.retainer-matrix__header-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.retainer-matrix__add-btn,.retainer-matrix__order-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:none;border-radius:var(--radius-md, .375rem);cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.retainer-matrix__add-btn{color:var(--color-on-primary);background:var(--color-primary)}.retainer-matrix__add-btn:hover{background:var(--color-primary-hover);box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.3)}.retainer-matrix__order-btn{color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border)}.retainer-matrix__order-btn:hover{color:var(--color-text-primary);background:rgba(var(--color-primary-rgb),.06);border-color:var(--color-primary)}.retainer-matrix__body{flex:1;overflow:auto;background:var(--color-card-bg)}.retainer-matrix__table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px;font-size:.8125rem}.retainer-matrix__th{position:sticky;top:0;z-index:2;padding:.5rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);background:var(--color-card-bg);border-bottom:2px solid var(--color-border);border-right:1px solid var(--color-border-light, var(--color-border));text-align:center;white-space:nowrap;user-select:none}.retainer-matrix__th:last-child{border-right:none}.retainer-matrix__th--client{position:sticky;left:0;z-index:3;width:var(--frozen-client-w);min-width:var(--frozen-client-w);max-width:var(--frozen-client-w);text-align:left}.retainer-matrix__th--frequency{position:sticky;left:var(--frozen-freq-left);z-index:3;width:var(--frozen-freq-w);min-width:var(--frozen-freq-w);max-width:var(--frozen-freq-w)}.retainer-matrix__th--total{position:sticky;left:var(--frozen-total-left);z-index:3;width:var(--frozen-total-w);min-width:var(--frozen-total-w);max-width:var(--frozen-total-w);border-right:2px solid var(--color-border)}.retainer-matrix__th--service{min-width:80px}.retainer-matrix__table tbody tr{transition:background .1s ease}.retainer-matrix__row--alt{background:var(--color-row-alt)}.retainer-matrix__table tbody tr:hover{background:rgba(var(--color-primary-rgb),.04)}.retainer-matrix__td{padding:.375rem .75rem;border-bottom:1px solid var(--color-border-light, var(--color-border));border-right:1px solid var(--color-border-light, var(--color-border));vertical-align:middle;color:var(--color-text-primary)}.retainer-matrix__td:last-child{border-right:none}.retainer-matrix__td--client{position:sticky;left:0;z-index:1;width:var(--frozen-client-w);min-width:var(--frozen-client-w);max-width:var(--frozen-client-w);background:var(--color-card-bg);font-weight:500}.retainer-matrix__td--frequency{position:sticky;left:var(--frozen-freq-left);z-index:1;width:var(--frozen-freq-w);min-width:var(--frozen-freq-w);max-width:var(--frozen-freq-w);background:var(--color-card-bg)}.retainer-matrix__td--total{position:sticky;left:var(--frozen-total-left);z-index:1;width:var(--frozen-total-w);min-width:var(--frozen-total-w);max-width:var(--frozen-total-w);background:var(--color-card-bg);border-right:2px solid var(--color-border)}.retainer-matrix__row--alt .retainer-matrix__td--client,.retainer-matrix__row--alt .retainer-matrix__td--frequency,.retainer-matrix__row--alt .retainer-matrix__td--total{background:color-mix(in srgb,var(--color-card-bg) 98%,var(--color-text-primary) 2%)}.retainer-matrix__td--misc{text-align:right;color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.retainer-matrix__td--service{padding:.25rem .375rem}.retainer-matrix__td--total-mismatch{background:rgba(var(--color-danger-rgb),.12)}.retainer-matrix__row--alt .retainer-matrix__td--total-mismatch{background:rgba(var(--color-danger-rgb),.16)}.retainer-matrix__misc--warning{color:var(--color-danger);font-weight:600}.retainer-matrix__client-cell{display:flex;align-items:center;gap:.375rem}.retainer-matrix__client-link{color:var(--color-primary);cursor:pointer;text-decoration:none;font-weight:500;transition:color .15s ease}.retainer-matrix__client-link:hover{color:var(--color-primary-hover);text-decoration:underline}.retainer-matrix__remove-btn{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;padding:0;border:none;border-radius:.25rem;background:transparent;color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease;font-size:.6875rem;flex-shrink:0}.retainer-matrix__table tbody tr:hover .retainer-matrix__remove-btn{opacity:.5}.retainer-matrix__remove-btn:hover{opacity:1;color:var(--color-danger);background:rgba(var(--color-danger-rgb),.08)}.retainer-matrix__note-btn{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;padding:0;border:none;border-radius:.25rem;background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease,opacity .15s ease;font-size:.6875rem;flex-shrink:0}.retainer-matrix__note-btn--empty{color:var(--color-text-secondary);opacity:.3}.retainer-matrix__note-btn--has-notes{color:var(--color-warning);opacity:1}.retainer-matrix__note-btn:hover{opacity:1;background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary)}.retainer-matrix__input{width:100%;min-width:60px;border:1px solid transparent;background:transparent;padding:.375rem .5rem;text-align:right;color:var(--color-text-primary);font-size:.8125rem;font-family:inherit;font-variant-numeric:tabular-nums;border-radius:.25rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;box-sizing:border-box}.retainer-matrix__input:hover{border-color:var(--color-border)}.retainer-matrix__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15);background:var(--color-card-bg)}.retainer-matrix__input::placeholder{color:var(--color-text-secondary);opacity:.5}.retainer-matrix__input[type=number]::-webkit-inner-spin-button,.retainer-matrix__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.retainer-matrix__input[type=number]{-moz-appearance:textfield}.retainer-matrix__input--saved{animation:retainerSavedPulse .8s ease}@keyframes retainerSavedPulse{0%{background:rgba(var(--color-success-rgb),.18)}to{background:transparent}}.retainer-matrix__select{appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--color-border);border-radius:.25rem;padding:.375rem 1.75rem .375rem .5rem;color:var(--color-text-primary);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:.625rem}.retainer-matrix__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.retainer-matrix__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color-text-secondary);text-align:center;gap:.5rem}.retainer-matrix__empty-icon{font-size:2rem;opacity:.35}.retainer-matrix__empty-text{font-size:.875rem}.retainer-matrix__search-wrap{position:relative}.retainer-matrix__search-input{width:100%;padding:.625rem .75rem .625rem 2rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-card-bg);color:var(--color-text-primary);font-size:.8125rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.retainer-matrix__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.retainer-matrix__search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.75rem;pointer-events:none}.retainer-matrix__search-results{margin-top:.5rem;max-height:240px;overflow-y:auto;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-card-bg)}.retainer-matrix__search-results:empty{display:none}.retainer-matrix__search-item{padding:.5rem .75rem;cursor:pointer;font-size:.8125rem;color:var(--color-text-primary);transition:background .1s ease;border-bottom:1px solid var(--color-border-light, var(--color-border))}.retainer-matrix__search-item:last-child{border-bottom:none}.retainer-matrix__search-item:hover{background:rgba(var(--color-primary-rgb),.06)}.retainer-matrix__search-empty{padding:1rem .75rem;text-align:center;color:var(--color-text-secondary);font-size:.8125rem}.retainer-matrix__search-hint{padding:.75rem;text-align:center;color:var(--color-text-secondary);font-size:.75rem;opacity:.7}.retainer-matrix__order-list{list-style:none;margin:0;padding:0}.retainer-matrix__order-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border:1px solid var(--color-border-light, var(--color-border));border-radius:.25rem;margin-bottom:.25rem;background:var(--color-card-bg);font-size:.8125rem;color:var(--color-text-primary);transition:background .15s ease,opacity .15s ease}.retainer-matrix__order-item:hover{background:rgba(var(--color-primary-rgb),.04)}.retainer-matrix__order-item--disabled{opacity:.45}.retainer-matrix__order-item--disabled .retainer-matrix__order-item-name{text-decoration:line-through}.retainer-matrix__order-item-name{flex:1}.retainer-matrix__order-item-code{color:var(--color-text-secondary);font-size:.75rem}.retainer-matrix__order-arrows{display:flex;flex-direction:column;gap:1px}.retainer-matrix__order-arrow{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1rem;padding:0;border:none;border-radius:.125rem;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.625rem;transition:color .1s ease,background .1s ease}.retainer-matrix__order-arrow:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.retainer-matrix__order-arrow:disabled{opacity:.2;pointer-events:none}.retainer-matrix__order-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.retainer-matrix__order-toggle input{position:absolute;opacity:0;width:0;height:0}.retainer-matrix__order-toggle-track{position:relative;width:28px;height:16px;background:var(--color-border);border-radius:8px;transition:background .2s ease}.retainer-matrix__order-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--color-card-bg);border-radius:50%;transition:transform .2s ease}.retainer-matrix__order-toggle input:checked+.retainer-matrix__order-toggle-track{background:var(--color-primary)}.retainer-matrix__order-toggle input:checked+.retainer-matrix__order-toggle-track:after{transform:translate(12px)}.retainer-matrix__order-toggle input:disabled+.retainer-matrix__order-toggle-track{opacity:.5;cursor:not-allowed}.retainer-matrix__row--child .retainer-matrix__td--client,.retainer-matrix__row--child .retainer-matrix__td--frequency,.retainer-matrix__row--child .retainer-matrix__td--total{background:var(--color-card-bg)}.retainer-matrix__row--child.retainer-matrix__row--alt .retainer-matrix__td--client,.retainer-matrix__row--child.retainer-matrix__row--alt .retainer-matrix__td--frequency,.retainer-matrix__row--child.retainer-matrix__row--alt .retainer-matrix__td--total{background:color-mix(in srgb,var(--color-card-bg) 98%,var(--color-text-primary) 2%)}.retainer-matrix__td--child-client{padding-left:3rem}.retainer-matrix__child-prefix{color:var(--color-text-secondary);margin-right:.125rem;font-size:.75rem;flex-shrink:0}.retainer-matrix__select--child{font-size:.75rem;padding:.25rem 1.5rem .25rem .375rem;opacity:.7;transition:opacity .15s ease}.retainer-matrix__row--child:hover .retainer-matrix__select--child{opacity:1}.retainer-matrix__member-freq-picker{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-light, var(--color-border))}.retainer-matrix__member-freq-label{font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap}.retainer-matrix__add-freq-btn,.retainer-matrix__add-member-btn{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;padding:0;border:none;border-radius:.25rem;background:transparent;color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease;font-size:.625rem;flex-shrink:0;margin-left:auto}.retainer-matrix__table tbody tr:hover .retainer-matrix__add-freq-btn,.retainer-matrix__table tbody tr:hover .retainer-matrix__add-member-btn{opacity:.5}.retainer-matrix__add-freq-btn:hover,.retainer-matrix__add-member-btn:hover{opacity:1;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08)}.retainer-matrix__billing-options{display:flex;gap:.75rem}.retainer-matrix__billing-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.retainer-matrix__billing-option:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.04)}.retainer-matrix__billing-option--selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08)}.retainer-matrix__billing-option input[type=radio]{display:none}.retainer-matrix__billing-option i{font-size:1.25rem;color:var(--color-text-secondary)}.retainer-matrix__billing-option--selected i{color:var(--color-primary)}.retainer-matrix__billing-option span{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.retainer-matrix__th--costs{min-width:100px;text-align:right}.retainer-matrix__td--costs{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding:.25rem .5rem}.retainer-matrix__costs-cell{display:flex;align-items:center;justify-content:flex-end;gap:.375rem}.retainer-matrix__costs-cell span{color:var(--color-text-primary);font-size:.8125rem}.retainer-matrix__costs-btn{background:none;border:none;cursor:pointer;padding:.125rem .25rem;border-radius:var(--radius-md);color:var(--color-text-secondary);opacity:0;transition:opacity .15s,color .15s,background .15s;font-size:.6875rem}.retainer-matrix__table tbody tr:hover .retainer-matrix__costs-btn{opacity:1}.retainer-matrix__costs-btn:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.costs-popover{width:320px;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),.15);overflow:hidden}.costs-popover__inner{display:flex;flex-direction:column;max-height:400px}.costs-popover__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}.costs-popover__title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.375rem}.costs-popover__title i{color:var(--color-primary);font-size:.75rem}.costs-popover__close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;border-radius:var(--radius-md);transition:color .15s,background .15s}.costs-popover__close-btn:hover{color:var(--color-text-primary);background:rgba(var(--color-primary-rgb),.1)}.costs-popover__body{padding:.5rem 0;overflow-y:auto;flex:1}.costs-popover__empty{padding:1.5rem .75rem;text-align:center;color:var(--color-text-secondary);font-size:.8125rem}.costs-popover__row{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:background .1s}.costs-popover__row:hover{background:rgba(var(--color-primary-rgb),.04)}.costs-popover__row-name{flex:1;font-size:.8125rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.costs-popover__row-amount{display:flex;align-items:center;gap:.125rem}.costs-popover__row-currency{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.costs-popover__row-input{width:80px;padding:.25rem .375rem;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);font-size:.8125rem;text-align:right;font-variant-numeric:tabular-nums;transition:border-color .15s,box-shadow .15s;-moz-appearance:textfield}.costs-popover__row-input::-webkit-outer-spin-button,.costs-popover__row-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.costs-popover__row-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}@keyframes costsSavedPulse{0%{background:rgba(var(--color-success-rgb),.15)}to{background:transparent}}.costs-popover__row-input--saved{animation:costsSavedPulse .8s ease-out}.costs-popover__row-remove{background:none;border:none;cursor:pointer;padding:.125rem .25rem;color:var(--color-text-secondary);border-radius:var(--radius-md);opacity:0;transition:opacity .15s,color .15s;font-size:.6875rem}.costs-popover__row:hover .costs-popover__row-remove{opacity:1}.costs-popover__row-remove:hover{color:var(--color-danger)}.costs-popover__add-section{padding:.375rem .75rem;border-top:1px solid var(--color-border-light)}.costs-popover__add-select{width:100%;padding:.375rem 1.5rem .375rem .5rem;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text-primary);font-size:.8125rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.costs-popover__add-select:focus{outline:none;border-color:var(--color-primary)}.costs-popover__footer{padding:.5rem .75rem;border-top:1px solid var(--color-border-light);background:var(--color-bg)}.costs-popover__total{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.cost-alloc{display:flex;flex-direction:column;height:100%;padding:20px 24px;overflow:hidden}.cost-alloc__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0}.cost-alloc__header-left{display:flex;align-items:center;gap:12px}.cost-alloc__title{font-size:1.3rem;font-weight:600;color:var(--color-text);margin:0;display:flex;align-items:center;gap:8px}.cost-alloc__title i{color:var(--color-primary);font-size:1.1rem}.cost-alloc__header-right{display:flex;align-items:center;gap:10px}.cost-alloc__date-label{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.85rem}.cost-alloc__date-label i{font-size:.8rem}.cost-alloc__date-input{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card-bg);color:var(--color-text);font-size:.85rem;font-family:inherit}.cost-alloc__date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.cost-alloc__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;font-family:inherit}.cost-alloc__btn:disabled{opacity:.6;cursor:not-allowed}.cost-alloc__btn--save{background:var(--color-primary);color:var(--color-on-primary)}.cost-alloc__btn--save:hover:not(:disabled){opacity:.9}.cost-alloc__btn--clear{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.cost-alloc__btn--clear:hover:not(:disabled){background:var(--color-hover)}.cost-alloc__grid-wrapper{flex:1;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg)}.cost-alloc__table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.cost-alloc__th--num,.cost-alloc__td--num{width:36px;text-align:center}.cost-alloc__th--cost-type,.cost-alloc__td--cost-type{width:160px}.cost-alloc__th--client,.cost-alloc__td--client{width:200px}.cost-alloc__th--service,.cost-alloc__td--service,.cost-alloc__th--task,.cost-alloc__td--task{width:140px}.cost-alloc__th--amount,.cost-alloc__td--amount{width:110px}.cost-alloc__th--billing,.cost-alloc__td--billing{width:130px}.cost-alloc__th--notes,.cost-alloc__td--notes{width:auto}.cost-alloc__th--actions,.cost-alloc__td--actions{width:36px;text-align:center}.cost-alloc__th{position:sticky;top:0;padding:8px 6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-surface);border-bottom:2px solid var(--color-border);text-align:left;white-space:nowrap;z-index:2}.cost-alloc__td{padding:2px 4px;border-bottom:1px solid var(--color-border-light, var(--color-border));vertical-align:middle}.cost-alloc__td--num{font-size:.75rem;color:var(--color-text-muted, var(--color-text-secondary));font-weight:500}.cost-alloc__row:hover .cost-alloc__td{background:var(--color-hover)}.cost-alloc__row--empty .cost-alloc__td{opacity:.65}.cost-alloc__row--empty:hover .cost-alloc__td{opacity:1}.cost-alloc__row:nth-child(2n) .cost-alloc__td{background:var(--color-row-alt, transparent)}.cost-alloc__row:nth-child(2n):hover .cost-alloc__td{background:var(--color-hover)}.cost-alloc__select{width:100%;padding:5px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:.82rem;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.cost-alloc__select:hover{border-color:var(--color-border);background:var(--color-card-bg)}.cost-alloc__select:focus{outline:none;border-color:var(--color-primary);background:var(--color-card-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.cost-alloc__select:disabled{opacity:.4;cursor:default}.cost-alloc__client-search{position:relative;display:flex;align-items:center}.cost-alloc__client-input{width:100%;padding:5px 24px 5px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:.82rem;font-family:inherit;transition:border-color .15s,background .15s}.cost-alloc__client-input:hover{border-color:var(--color-border);background:var(--color-card-bg)}.cost-alloc__client-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-card-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.cost-alloc__client-clear{position:absolute;right:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:transparent;color:var(--color-text-secondary);font-size:.65rem;cursor:pointer;transition:background .15s,color .15s}.cost-alloc__client-clear:hover{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.cost-alloc__search-popup{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg, 0 8px 24px rgba(var(--color-shadow-rgb),.15));max-height:200px;overflow-y:auto;z-index:10000}.cost-alloc__search-item{padding:7px 10px;font-size:.82rem;color:var(--color-text);cursor:pointer;transition:background .1s}.cost-alloc__search-item:hover,.cost-alloc__search-item--focused{background:var(--color-hover)}.cost-alloc__amount-wrap{display:flex;align-items:center;gap:2px}.cost-alloc__currency{font-size:.78rem;color:var(--color-text-secondary);font-weight:500;flex-shrink:0}.cost-alloc__amount-input{width:100%;padding:5px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:.82rem;font-family:inherit;text-align:right;transition:border-color .15s,background .15s;-moz-appearance:textfield}.cost-alloc__amount-input::-webkit-inner-spin-button,.cost-alloc__amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cost-alloc__amount-input:hover{border-color:var(--color-border);background:var(--color-card-bg)}.cost-alloc__amount-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-card-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.cost-alloc__notes-input{width:100%;padding:5px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:.82rem;font-family:inherit;transition:border-color .15s,background .15s}.cost-alloc__notes-input:hover{border-color:var(--color-border);background:var(--color-card-bg)}.cost-alloc__notes-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-card-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.cost-alloc__remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:transparent;color:var(--color-text-secondary);font-size:.7rem;cursor:pointer;transition:background .15s,color .15s;margin:0 auto}.cost-alloc__remove-btn:hover{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.cost-alloc__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 4px 0;flex-shrink:0}.cost-alloc__row-count{font-size:.8rem;color:var(--color-text-secondary)}.cost-alloc__total{font-size:.9rem;font-weight:600;color:var(--color-text)}@media(max-width:1100px){.cost-alloc{padding:16px}.cost-alloc__header{flex-direction:column;align-items:flex-start;gap:10px}}.article-hours{padding:0 4px}.article-hours__header{margin-bottom:24px}.article-hours__title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 6px;display:flex;align-items:center;gap:8px}.article-hours__title i{color:var(--color-primary)}.article-hours__subtitle{font-size:.82rem;color:var(--color-text-muted);margin:0}.article-hours__table-wrap{overflow-x:auto;max-height:70vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card-bg)}.article-hours__table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}.article-hours__th{padding:10px 8px;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);background:var(--color-surface);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:2}.article-hours__th--name{text-align:left;min-width:160px;left:0;z-index:3}.article-hours__th--date{min-width:130px}.article-hours__th--target{min-width:100px}.article-hours__th--bf{min-width:80px}.article-hours__th--total{min-width:90px}.article-hours__row{border-bottom:1px solid var(--color-border);transition:background .15s ease}.article-hours__row:last-child{border-bottom:none}.article-hours__row:hover{background:var(--color-row-alt)}.article-hours__cell{padding:6px 4px;text-align:center;vertical-align:middle}.article-hours__cell--name{text-align:left;padding-left:12px;font-weight:500;color:var(--color-text);position:sticky;left:0;z-index:1;background:var(--color-card-bg)}.article-hours__row:hover .article-hours__cell--name{background:var(--color-row-alt)}.article-hours__cell--total{font-weight:600;color:var(--color-primary)}.article-hours__input{width:72px;padding:5px 6px;font-size:.82rem;text-align:right;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease;-moz-appearance:textfield}.article-hours__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.article-hours__input--target{width:88px;font-weight:500}.article-hours__input--date{width:120px;text-align:center;font-size:.78rem}.article-hours__cell--date{padding:6px 2px}.article-hours__input::-webkit-inner-spin-button,.article-hours__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.article-hours__total{display:inline-block;min-width:72px;text-align:right;padding:5px 6px}.article-hours__legend{margin-top:20px;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.article-hours__legend-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:10px}.article-hours__legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px 24px}.article-hours__legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text)}.article-hours__legend-code{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 6px;font-size:.72rem;font-weight:700;border-radius:4px;background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.article-hours__legend-code--nc{background:rgba(var(--color-warning-rgb),.12);color:var(--color-warning)}.article-hours__legend-name{color:var(--color-text-muted)}.article-hours__loading,.article-hours__empty,.article-hours__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--color-text-muted);font-size:.9rem}.article-hours__loading i,.article-hours__empty i,.article-hours__error i{font-size:1.6rem;opacity:.5}.article-hours__error i{color:var(--color-danger)}