.ui-spinner{display:inline-block;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:ui-spin .6s linear infinite}.ui-spinner--sm{width:14px;height:14px;border-width:2px}.ui-spinner--md{width:20px;height:20px;border-width:2px}.ui-spinner--lg{width:32px;height:32px;border-width:3px}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;position:relative}.ui-btn--sm{font-size:var(--text-sm);padding:var(--space-1) var(--space-3);height:32px}.ui-btn--md{font-size:var(--text-base);padding:var(--space-2) var(--space-4);height:32px}.ui-btn--lg{font-size:var(--text-md);padding:var(--space-3) var(--space-6);height:40px}.ui-btn--primary{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.ui-btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ui-btn--secondary{background:var(--color-surface-raised);color:var(--color-text-primary);border-color:var(--color-border)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border)}.ui-btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.ui-btn--ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text-primary)}.ui-btn--danger{background:var(--color-error);color:var(--color-text-on-accent);border-color:var(--color-error)}.ui-btn--danger:hover:not(:disabled){background:var(--color-error-hover);border-color:var(--color-error-hover)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--loading{position:relative}.ui-btn__spinner{position:absolute}.ui-btn__label--hidden{visibility:hidden}.ui-btn>span{display:inline-flex;align-items:center;gap:var(--space-1)}.ui-btn>span>svg{flex-shrink:0}.ui-input{display:block;width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);height:32px;transition:border-color var(--transition);outline:none}.ui-input::placeholder{color:var(--color-text-muted)}.ui-input:focus{border-color:var(--color-accent)}.ui-input--error{border-color:var(--color-error)}.ui-input:disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}.ui-textarea{display:block;width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:80px;resize:vertical;transition:border-color var(--transition);outline:none}.ui-textarea::placeholder{color:var(--color-text-muted)}.ui-textarea:focus{border-color:var(--color-accent)}.ui-textarea--error{border-color:var(--color-error)}.ui-textarea:disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}.ui-select{position:relative;width:100%}.ui-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition)}.ui-select__trigger:hover:not(:disabled){border-color:var(--color-text-muted)}.ui-select__trigger:focus{border-color:var(--color-accent);outline:none}.ui-select--error .ui-select__trigger{border-color:var(--color-error)}.ui-select--disabled .ui-select__trigger{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}.ui-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__placeholder{color:var(--color-text-muted)}.ui-select__arrow{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2);flex-shrink:0}.ui-select__dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;max-height:260px;overflow-y:auto}.ui-select__search{padding:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.ui-select__search-input{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text-primary);outline:none}.ui-select__search-input:focus{border-color:var(--color-accent)}.ui-select__options{padding:var(--space-1) 0}.ui-select__option{padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition)}.ui-select__option:hover{background:var(--color-surface)}.ui-select__option--selected{color:var(--color-accent);font-weight:var(--font-medium)}.ui-select__group-label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ui-select__empty{padding:var(--space-3);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.ui-datepicker{position:relative;width:100%}.ui-datepicker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition)}.ui-datepicker__trigger:hover{border-color:var(--color-text-muted)}.ui-datepicker__trigger:focus{border-color:var(--color-accent);outline:none}.ui-datepicker--error .ui-datepicker__trigger{border-color:var(--color-error)}.ui-datepicker__value{font-family:var(--font-mono);font-size:var(--text-sm)}.ui-datepicker__placeholder{color:var(--color-text-muted)}.ui-datepicker__icon{color:var(--color-text-muted);flex-shrink:0;display:flex}.ui-datepicker__dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;width:280px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;padding:var(--space-3)}.ui-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.ui-datepicker__nav{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-secondary);font-size:var(--text-lg);cursor:pointer;transition:background var(--transition)}.ui-datepicker__nav:hover{background:var(--color-surface)}.ui-datepicker__month-year{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.ui-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--space-1)}.ui-datepicker__weekday{text-align:center;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);padding:var(--space-1) 0}.ui-datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.ui-datepicker__day{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all var(--transition);margin:0 auto}.ui-datepicker__day:hover:not(.ui-datepicker__day--empty){background:var(--color-surface)}.ui-datepicker__day--today{font-weight:var(--font-semibold);color:var(--color-accent)}.ui-datepicker__day--selected{background:var(--color-accent)!important;color:var(--color-text-on-accent)!important;font-weight:var(--font-medium)}.ui-datepicker__day--empty{cursor:default}.ui-toggle{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.ui-toggle--disabled{opacity:.5;cursor:not-allowed}.ui-toggle__track{position:relative;width:32px;height:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:0;flex-shrink:0}.ui-toggle__track--on{border-color:var(--color-accent)}.ui-toggle__track:disabled{cursor:not-allowed}.ui-toggle__thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition)}.ui-toggle__track--on .ui-toggle__thumb{transform:translate(14px);background:var(--color-accent)}.ui-toggle__label{font-size:var(--text-sm);color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.ui-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.ui-field__required{color:var(--color-error);margin-left:2px}.ui-field__error{font-size:var(--text-sm);color:var(--color-error)}.ui-field__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.ui-badge{display:inline-flex;align-items:center;font-weight:var(--font-medium);border-radius:var(--radius-sm);white-space:nowrap}.ui-badge--sm{font-size:var(--text-xs);padding:1px var(--space-2)}.ui-badge--md{font-size:var(--text-sm);padding:2px var(--space-2)}.ui-badge--default{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.ui-badge--success{background:var(--color-success-subtle);color:var(--color-success)}.ui-badge--warning{background:var(--color-accent-subtle);color:var(--color-warning)}.ui-badge--error{background:var(--color-error-subtle);color:var(--color-error)}.ui-badge--info{background:var(--color-accent-subtle);color:var(--color-accent)}.ui-avatar{flex-shrink:0;display:block}.ui-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-6)}.ui-modal__panel{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;outline:none}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.ui-modal__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.ui-modal__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-xl);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.ui-modal__close:hover{background:var(--color-surface);color:var(--color-text-primary)}.ui-modal__body{padding:var(--space-6)}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle)}.ui-card{background:var(--color-surface-raised);border-radius:var(--radius-md);padding:var(--space-6)}.ui-card--default{border:1px solid var(--color-border)}.ui-card--raised{box-shadow:var(--shadow-md)}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip__content{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);white-space:nowrap;box-shadow:var(--shadow-sm);z-index:60;pointer-events:none}.ui-progress{width:100%;height:6px;background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden}.ui-progress__fill{height:100%;background:var(--color-accent);border-radius:var(--radius-sm);transition:width var(--transition)}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6)}.ui-empty__icon{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-4)}.ui-empty__heading{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.ui-empty__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6);max-width:360px}.ui-empty__action{margin-top:var(--space-2)}.ui-table-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.ui-table__wrapper{width:100%;overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--text-sm)}.ui-table__th{text-align:left;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--color-surface);border-bottom:1px solid var(--color-border);white-space:nowrap}.ui-table__th--numeric{text-align:right}.ui-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-table__th--sortable:hover{color:var(--color-text-secondary)}.ui-table__th-content{display:inline-flex;align-items:center;gap:var(--space-1)}.ui-table__sort-icon{display:inline-flex;color:var(--color-text-muted)}.ui-table__sort-icon--active{color:var(--color-text-primary)}.ui-table__row{transition:background var(--transition)}.ui-table__row:hover{background:var(--color-surface)}.ui-table__row--selected{background:var(--color-accent-subtle)!important}.ui-table__row--locked{opacity:.6}.ui-table__td{padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.ui-table tbody tr:last-child .ui-table__td{border-bottom:none}.ui-table__td--numeric{font-family:var(--font-mono);font-weight:var(--font-semibold);text-align:right}.ui-table__td--date{font-family:var(--font-mono);font-weight:var(--font-normal);white-space:nowrap}.ui-table__td--mono{font-family:var(--font-mono);font-size:var(--text-sm)}.ui-table__td--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.ui-table__td--description{color:var(--color-text-secondary);max-width:420px;white-space:pre-wrap;word-break:break-word}.ui-table__td--actions{text-align:right;width:140px}.ui-table__actions{display:inline-flex;gap:var(--space-1);align-items:center;opacity:0;transition:opacity var(--transition)}.ui-table__row:hover .ui-table__actions{opacity:1}.ui-table__group-row{background:var(--color-surface);cursor:pointer}.ui-table__group-row:hover{filter:brightness(.97)}.ui-table__group-row td{padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.ui-table__footer-row td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);border-bottom:none;background:var(--color-surface);font-weight:var(--font-semibold)}.ui-table__empty-cell{padding:var(--space-10) var(--space-4)!important;text-align:center;min-height:200px}.ui-table__empty-text{color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:768px){.ui-table__actions{opacity:1}}.ui-tabs__list{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.ui-tabs__tab{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition);margin-bottom:-1px}.ui-tabs__tab:hover{color:var(--color-text-primary)}.ui-tabs__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.ui-tabs__panel{min-height:0}.ui-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:200;min-width:280px;max-width:480px;animation:ui-toast-slide-in .2s ease-out}.ui-toast--info{border-left:3px solid var(--color-accent)}.ui-toast--success{border-left:3px solid var(--color-success)}.ui-toast--warning{border-left:3px solid var(--color-warning)}.ui-toast__message{flex:1;font-size:var(--text-sm);color:var(--color-text-primary)}.ui-toast__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ui-toast__action-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);background:transparent;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition)}.ui-toast__action-btn:hover{background:var(--color-accent-subtle)}.ui-toast__dismiss{font-size:var(--text-lg);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;padding:0 var(--space-1);line-height:1}.ui-toast__dismiss:hover{color:var(--color-text-primary)}@keyframes ui-toast-slide-in{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--text-md);cursor:pointer;transition:all var(--transition)}.ui-icon-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.ui-icon-btn--danger:hover{background:var(--color-error-subtle);color:var(--color-error)}.ui-icon-btn:disabled{opacity:.3;cursor:not-allowed}.ui-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.ui-page-header__left{display:flex;align-items:center;gap:var(--space-4)}.ui-page-header__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.ui-page-header__actions{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:768px){.ui-page-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.ui-page-header__left{flex-wrap:wrap;gap:var(--space-3)}.ui-page-header__actions{flex-wrap:wrap}}.ui-segmented{display:inline-flex;width:fit-content;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;height:32px}.ui-segmented__item{padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-secondary);background:transparent;border:none;border-right:1px solid var(--color-border);cursor:pointer;transition:all var(--transition);white-space:nowrap;line-height:30px}.ui-segmented__item:last-child{border-right:none}.ui-segmented__item:hover:not(.ui-segmented__item--active){background:var(--color-surface)}.ui-segmented__item--active{background:var(--color-surface-raised);color:var(--color-text-primary);font-weight:var(--font-medium)}.ui-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.ui-theme-toggle:hover{background:var(--color-accent-subtle);color:var(--color-text-primary)}.timer-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-success-subtle);border:1px solid var(--color-success);border-radius:var(--radius-sm);cursor:pointer;width:100%;margin-top:var(--space-2);transition:background-color var(--transition)}.timer-indicator:hover{background-color:var(--color-success-subtle);filter:brightness(.96)}.timer-indicator .timer-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-success);animation:timer-pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.timer-indicator .timer-indicator-time{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.layout{min-height:100vh;display:flex}.layout .mobile-header,.layout .sidebar-close,.layout .sidebar-backdrop{display:none}.sidebar{width:240px;min-width:240px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:100}.sidebar-top{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sidebar-brand-link{display:flex;align-items:center;text-decoration:none;min-width:0}.sidebar-logo{max-height:32px;width:auto;display:block}.sidebar-logo--dark,[data-theme=dark] .sidebar-logo--light{display:none}[data-theme=dark] .sidebar-logo--dark{display:block}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:1px}.sidebar-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition);display:block}.sidebar-link:hover{color:var(--color-text-primary);background:var(--color-surface-raised)}.sidebar-link.active{color:var(--color-accent);background:transparent;font-weight:var(--font-semibold);border-left:2px solid var(--color-accent);border-radius:0;padding-left:calc(var(--space-3) - 2px)}.sidebar-divider{height:1px;background:var(--color-border-subtle);margin:var(--space-2) var(--space-3)}.sidebar-user-menu{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2)}.sidebar-user-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex:1;min-width:0;border-radius:var(--radius-md);padding:var(--space-1);transition:background var(--transition)}.sidebar-user-link:hover{background:var(--color-surface-raised)}.sidebar-user-link:hover .sidebar-user-chevron{opacity:1}.sidebar-user-chevron{font-size:var(--text-md);color:var(--color-text-muted);opacity:.4;transition:opacity var(--transition);flex-shrink:0;line-height:1}.user-info{flex:1;min-width:0;display:flex;flex-direction:column}.user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{flex:1;background:var(--color-bg);padding:var(--space-8) 0;min-width:0;overflow-y:auto}.content-container{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}@media print{.sidebar{display:none}.mobile-header{display:none!important}.main-content{padding:0;background:var(--color-bg)}.content-container{max-width:none;padding:0}}@media(max-width:768px){.layout .mobile-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:90}.layout .mobile-header__menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;padding:0}.layout .mobile-header__brand{display:flex;align-items:center;min-width:0;text-decoration:none}.layout .mobile-header__logo{max-height:28px;width:auto;display:block}.layout .mobile-header__logo--dark,[data-theme=dark] .layout .mobile-header__logo--light{display:none}[data-theme=dark] .layout .mobile-header__logo--dark,.layout{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;min-width:280px;max-width:85vw;transform:translate(-100%);transition:transform .2s ease;z-index:200;box-shadow:var(--shadow-md)}.sidebar--open{transform:translate(0)}.layout .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:150}.layout .sidebar-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;padding:0;flex-shrink:0}.sidebar-link{padding:var(--space-3);font-size:var(--text-md)}.sidebar-link.active{padding-left:calc(var(--space-3) - 2px)}.main-content{padding:var(--space-4) 0}.content-container{padding:0 var(--space-4)}}.onboarding-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);padding:var(--space-6)}.onboarding-card{background:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:540px;padding:var(--space-8) var(--space-8) var(--space-6)}.onboarding-header{text-align:center;margin-bottom:var(--space-6)}.onboarding-logo{height:36px}.onboarding-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--space-8)}.onboarding-step{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium)}.step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);flex-shrink:0}.onboarding-step.active .step-number{background-color:var(--color-accent);color:var(--color-bg)}.onboarding-step.active .step-label{color:var(--color-text-primary)}.onboarding-step.completed .step-number{background-color:var(--color-success);color:var(--color-bg)}.onboarding-step.completed .step-label{color:var(--color-text-primary)}.onboarding-step.inactive .step-number{background-color:var(--color-border);color:var(--color-text-muted)}.onboarding-step.inactive .step-label{color:var(--color-text-muted)}.step-connector{width:var(--space-6);height:2px;background-color:var(--color-border);margin:0 var(--space-2);flex-shrink:0}.onboarding-content{min-height:200px}.dashboard{display:flex;flex-direction:column;gap:var(--space-4);max-width:1100px}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.dashboard .dashboard-greeting{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.dashboard .dashboard-period-selector{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.dashboard .dashboard-custom-range{display:flex;align-items:center;gap:var(--space-2)}.dashboard .dashboard-custom-sep{color:var(--color-text-secondary);font-size:var(--text-sm)}.dashboard .dashboard-timer-widget{display:flex;align-items:center;gap:var(--space-3)}.dashboard .dashboard-timer-icon{font-size:var(--text-lg)}.dashboard .dashboard-timer-info{display:flex;align-items:center;gap:var(--space-2);flex:1;font-size:var(--text-sm)}.dashboard .dashboard-timer-label{font-weight:var(--font-semibold);color:var(--color-accent)}.dashboard .dashboard-timer-project{color:var(--color-text-primary)}.dashboard .dashboard-timer-elapsed{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--color-accent)}.dashboard .dashboard-timer-actions{display:flex;gap:var(--space-2)}.dashboard .dashboard-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.dashboard .dashboard-skeleton .dashboard-skeleton-value{height:2rem;background:var(--color-surface);border-radius:var(--radius-md);width:60%;margin:0 auto;animation:dashboard-pulse 1.5s ease-in-out infinite}.dashboard .dashboard-skeleton .dashboard-skeleton-label{height:.75rem;background:var(--color-surface);border-radius:var(--radius-sm);width:40%;margin:var(--space-2) auto 0;animation:dashboard-pulse 1.5s ease-in-out infinite}.dashboard .dashboard-skeleton-row{height:var(--space-6);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-2);animation:dashboard-pulse 1.5s ease-in-out infinite}@keyframes dashboard-pulse{0%,to{opacity:1}50%{opacity:.4}}.dashboard .dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.dashboard .dashboard-chart-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--transition)}.dashboard .dashboard-chart-card:hover{border-color:var(--color-border)}.dashboard .dashboard-chart-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.dashboard .dashboard-chart-empty{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-8) 0}.dashboard .dashboard-day-chart{display:flex;gap:var(--space-2);align-items:flex-end;height:180px;padding-top:var(--space-6)}.dashboard .dashboard-day-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.dashboard .dashboard-day-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1);height:var(--space-4);line-height:var(--space-4)}.dashboard .dashboard-day-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.dashboard .dashboard-day-bar{width:70%;background:var(--chart-1);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:var(--space-1);transition:height var(--transition)}.dashboard .dashboard-day-today .dashboard-day-bar{background:var(--chart-1);opacity:.8}.dashboard .dashboard-day-today .dashboard-day-label{font-weight:var(--font-semibold);color:var(--color-accent-hover)}.dashboard .dashboard-day-placeholder{width:70%;height:2px;border-top:2px dashed var(--color-border)}.dashboard .dashboard-day-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1);font-weight:var(--font-medium)}.dashboard .dashboard-day-skeleton{height:180px;background:var(--color-surface);border-radius:var(--radius-md);animation:dashboard-pulse 1.5s ease-in-out infinite}.dashboard .dashboard-recent{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--transition)}.dashboard .dashboard-recent:hover{border-color:var(--color-border)}.dashboard .dashboard-recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.dashboard .dashboard-recent-list{display:flex;flex-direction:column}.dashboard .dashboard-recent-row{display:grid;grid-template-columns:80px 1fr 60px 90px;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm)}.dashboard .dashboard-recent-row:last-child{border-bottom:none}.dashboard .dashboard-recent-date{color:var(--color-text-secondary);font-weight:var(--font-medium)}.dashboard .dashboard-recent-project{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard .dashboard-recent-hours{font-family:var(--font-mono);text-align:right;font-weight:var(--font-semibold);color:var(--color-text-primary)}.dashboard .dashboard-recent-billable{font-size:var(--text-xs);text-align:right}.dashboard .dashboard-recent-desc{grid-column:2 / -1;color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard .dashboard-recent-skeleton{display:flex;flex-direction:column;gap:var(--space-2)}@media(max-width:768px){.dashboard .dashboard-charts{grid-template-columns:1fr}.dashboard .dashboard-header{flex-direction:column}.dashboard .dashboard-period-selector{align-items:flex-start}.dashboard .dashboard-timer-widget{flex-direction:column;align-items:flex-start}.dashboard .dashboard-recent-row{grid-template-columns:70px 1fr 50px 80px}}.stat-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;transition:border-color var(--transition),box-shadow var(--transition)}.stat-card:hover{border-color:var(--color-border)}.stat-card .stat-card-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.2}.stat-card .stat-card-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.stat-card .stat-card-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.stat-card-skeleton .stat-card-skeleton-value{height:2rem;background:var(--color-surface);border-radius:var(--radius-md);width:60%;margin:0 auto;animation:stat-card-pulse 1.5s ease-in-out infinite}.stat-card-skeleton .stat-card-skeleton-label{height:.75rem;background:var(--color-surface);border-radius:var(--radius-sm);width:40%;margin:var(--space-2) auto 0;animation:stat-card-pulse 1.5s ease-in-out infinite}@keyframes stat-card-pulse{0%,to{opacity:1}50%{opacity:.4}}.breakdown-chart-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.breakdown-chart-card .breakdown-chart-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.breakdown-chart-card .breakdown-chart-empty{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-8) 0}.breakdown-chart-card .breakdown-chart-list{display:flex;flex-direction:column;gap:var(--space-2)}.breakdown-chart-card .breakdown-chart-row{display:grid;grid-template-columns:10px 120px 1fr 50px 40px;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.breakdown-chart-card .breakdown-chart-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.breakdown-chart-card .breakdown-chart-name{color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakdown-chart-card .breakdown-chart-bar-container{height:var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden}.breakdown-chart-card .breakdown-chart-bar{height:100%;border-radius:var(--radius-sm);transition:width var(--transition)}.breakdown-chart-card .breakdown-chart-hours{font-family:var(--font-mono);text-align:right;color:var(--color-text-primary);font-weight:var(--font-medium)}.breakdown-chart-card .breakdown-chart-pct{font-family:var(--font-mono);text-align:right;color:var(--color-text-secondary)}.breakdown-chart-card .breakdown-chart-more{margin-top:var(--space-3);background:none;border:none;color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;padding:0;transition:color var(--transition)}.breakdown-chart-card .breakdown-chart-more:hover{text-decoration:underline;color:var(--color-accent-hover)}.breakdown-chart-card .breakdown-chart-skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.breakdown-chart-card .breakdown-skeleton-row{height:var(--space-6);background:var(--color-surface);border-radius:var(--radius-md);animation:breakdown-pulse 1.5s ease-in-out infinite}@keyframes breakdown-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){.breakdown-chart-card .breakdown-chart-row{grid-template-columns:10px 90px 1fr 45px 35px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-navy) 0%,var(--color-accent) 100%)}.login-container{width:100%;max-width:400px;padding:var(--space-6)}.login-card{background-color:var(--color-surface-raised);border-radius:var(--radius-md);padding:var(--space-10);box-shadow:var(--shadow-md);text-align:center}.login-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.login-subtitle{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-accent);margin-bottom:var(--space-10)}.login-page .login-button{width:100%}.confirm-dialog-message{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.confirm-dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.clients-page{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.clients-page .clients-page__alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:4px solid;font-size:var(--text-sm)}.clients-page .clients-page__alert--error{background-color:var(--color-error-subtle);border-color:var(--color-error);color:var(--color-error)}.clients-page .clients-page__alert strong{font-weight:var(--font-semibold);margin-right:var(--space-2)}.clients-page .clients-page__form-card{border:1px solid var(--color-border)}.clients-page .clients-page__form-title{margin:0 0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.clients-page .clients-page__form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.clients-page .clients-page__loading{display:flex;justify-content:center;padding:var(--space-8)}.budget-progress--compact{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);white-space:nowrap}.budget-progress--compact .budget-progress-text{font-family:var(--font-mono);color:var(--color-text-secondary)}.budget-progress--compact .budget-progress-bar{display:inline-block;width:60px;height:6px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.budget-progress--compact .budget-progress-bar-fill{display:block;height:100%;border-radius:var(--radius-sm);transition:width var(--transition)}.budget-progress--compact .budget-progress-pct{font-family:var(--font-mono);color:var(--color-text-secondary);font-weight:var(--font-semibold);min-width:2.5em;text-align:right}.budget-progress--full{margin-top:var(--space-2)}.budget-progress--full .budget-progress-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.budget-progress--full .budget-progress-bar--full{width:100%;height:8px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.budget-progress--full .budget-progress-bar-fill{display:block;height:100%;border-radius:var(--radius-sm);transition:width var(--transition)}.budget-progress--full .budget-progress-pct{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-semibold);margin-top:var(--space-1)}.projects-page{display:flex;flex-direction:column;gap:var(--space-4)}.projects-page__alert{padding:var(--space-3) var(--space-4);background-color:var(--color-error-subtle);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium)}.projects-page__card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.projects-page__form-card{display:flex;flex-direction:column;gap:var(--space-4)}.projects-page__form-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.projects-page__form-card form{display:flex;flex-direction:column;gap:var(--space-4)}.projects-page__form-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2)}.projects-page__budget-input{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.projects-page__budget-field{width:120px}.projects-page__budget-unit{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.projects-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.projects-page__rate-source{margin-left:var(--space-2);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs)}.projects-page__no-rate{color:var(--color-error);font-size:var(--text-sm)}.tag-selector{position:relative;display:inline-block;min-width:120px}.tag-selector .tag-selector-trigger{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-height:38px;display:flex;align-items:center;background:var(--color-surface-raised);transition:border-color var(--transition)}.tag-selector .tag-selector-trigger:hover{border-color:var(--color-accent)}.tag-selector .tag-selector-placeholder{color:var(--color-text-muted);font-size:var(--text-base)}.tag-selector .tag-selector-chips{display:flex;gap:var(--space-1);flex-wrap:wrap}.tag-selector .tag-chip{display:inline-block;padding:1px var(--space-2);white-space:nowrap}.tag-selector .tag-chip--neutral{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.tag-selector .tag-selector-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;min-width:220px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;padding:var(--space-2) 0;max-height:280px;overflow-y:auto}.tag-selector .tag-selector-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-base);color:var(--color-text-primary);transition:background-color var(--transition)}.tag-selector .tag-selector-option:hover{background-color:var(--color-surface)}.tag-selector .tag-selector-option input[type=checkbox]{width:auto}.tag-selector .tag-selector-empty{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.tag-selector .tag-selector-create-btn{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);background:none;border:none;border-top:1px solid var(--color-border);margin-top:var(--space-1);padding-top:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--font-semibold);transition:background-color var(--transition)}.tag-selector .tag-selector-create-btn:hover{background-color:var(--color-surface)}.tag-selector .tag-selector-create-form{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-1);align-items:center}.tag-selector .tag-selector-create-form input[type=text]{flex:1;min-width:0;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary)}.tag-selector .btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.timer-bar{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.timer-bar.timer-bar--running{border-color:var(--color-success);box-shadow:0 0 0 1px var(--color-success),var(--shadow-md)}.timer-bar .timer-bar-fields{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.timer-bar .timer-bar-description-wrap{position:relative;flex:1;min-width:160px}.timer-bar .timer-bar-description{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:var(--color-surface-raised);color:var(--color-text-primary);height:32px;transition:border-color var(--transition)}.timer-bar .timer-bar-description:focus{border-color:var(--color-accent)}.timer-bar.timer-bar--running .timer-bar-description{font-size:var(--text-base);border-color:transparent;background:transparent}.timer-bar .timer-bar-description::placeholder{color:var(--color-text-muted)}.timer-bar .timer-bar-select-wrap{flex:0 0 150px;min-width:0}.timer-bar .tag-selector{min-width:80px}.timer-bar .tag-selector .tag-selector-trigger{min-height:32px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm)}.timer-bar .timer-bar-project-label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);background-color:var(--color-surface);border-radius:var(--radius-sm);white-space:nowrap}.timer-bar .timer-bar-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.timer-bar .timer-bar-action-spacer{flex:1}.timer-bar .timer-bar-elapsed{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:.05em;min-width:100px;text-align:right;flex:1}.timer-bar .timer-bar-date-wrap{flex:0 0 150px;min-width:0}.timer-bar .timer-bar-hours-input{width:80px;flex:0 0 80px;font-family:var(--font-mono);text-align:right}.timer-bar .timer-bar-error{color:var(--color-error);font-family:var(--font-sans);font-size:var(--text-xs);white-space:nowrap}.timer-bar .timer-bar-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;max-height:200px;overflow-y:auto}.timer-bar .timer-bar-suggestion{padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary)}.timer-bar .timer-bar-suggestion:hover,.timer-bar .timer-bar-suggestion--active{background:var(--color-surface)}.timer-bar .timer-bar-budget-warning{color:var(--color-warning);font-weight:var(--font-semibold);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.timer-bar .timer-bar-budget-over{color:var(--color-error);font-weight:var(--font-semibold);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.timer-bar .timer-bar-advanced{display:contents}.timer-bar .timer-bar-more{display:none}@media(max-width:768px){.timer-bar{padding:var(--space-3);gap:var(--space-2)}.timer-bar .timer-bar-fields{flex-direction:column;align-items:stretch;gap:var(--space-2)}.timer-bar .timer-bar-fields>.ui-segmented{align-self:flex-start}.timer-bar .timer-bar-description-wrap,.timer-bar .timer-bar-select-wrap{flex:1 1 auto;width:100%;min-width:0}.timer-bar .timer-bar-description{height:40px;font-size:var(--text-base)}.timer-bar .timer-bar-project-label{white-space:normal;width:100%}.timer-bar .timer-bar-advanced{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border-subtle)}.timer-bar .timer-bar-advanced>.ui-segmented,.timer-bar .timer-bar-advanced>.tag-selector{width:100%}.timer-bar .timer-bar-more{display:inline-flex;align-items:center;gap:var(--space-1);align-self:flex-start;background:none;border:none;padding:var(--space-1) 0;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer}.timer-bar .timer-bar-more:hover{color:var(--color-text-secondary)}.timer-bar .timer-bar-actions{flex-direction:column;align-items:stretch;gap:var(--space-2)}.timer-bar .timer-bar-action-spacer{display:none}.timer-bar .timer-bar-date-wrap{flex:1 1 auto;width:100%}.timer-bar .timer-bar-hours-input{width:100%;flex:none;text-align:left;height:40px;font-size:var(--text-base)}.timer-bar .timer-bar-actions>.ui-btn--primary,.timer-bar .timer-bar-actions>.ui-btn--danger{width:100%;height:44px;font-size:var(--text-base)}.timer-bar .timer-bar-actions>.ui-btn--ghost,.timer-bar .timer-bar-actions>.ui-btn--secondary{align-self:center;width:auto;padding:var(--space-2) var(--space-4)}.timer-bar .timer-bar-elapsed{text-align:center;font-size:var(--text-xl);min-width:0}.timer-bar .timer-bar-error,.timer-bar .timer-bar-budget-warning,.timer-bar .timer-bar-budget-over{white-space:normal;text-align:center}}.shortcuts-modal .shortcuts-modal-table{width:100%;border-collapse:collapse}.shortcuts-modal .shortcuts-modal-table td{padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-base);color:var(--color-text-primary)}.shortcuts-modal .shortcuts-modal-table td:first-child{width:70px;text-align:center}.shortcuts-modal .shortcuts-modal-table kbd{display:inline-block;padding:1px var(--space-2);font-size:var(--text-sm);font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-border);color:var(--color-text-primary)}.week-grid{width:100%;overflow-x:auto}.week-grid table{width:100%;border-collapse:collapse;table-layout:fixed}.week-grid th,.week-grid td{padding:0;text-align:center;font-size:var(--text-sm);font-family:var(--font-sans)}.week-grid thead th{padding:var(--space-2) var(--space-1);font-weight:var(--font-semibold);color:var(--color-text-primary);border-bottom:2px solid var(--color-border);font-size:var(--text-sm)}.week-grid thead th.week-grid__project-header{text-align:left;min-width:200px;width:220px;padding-left:var(--space-3)}.week-grid thead th.week-grid__day-header{min-width:80px}.week-grid thead th.week-grid__day-header--today{background:var(--color-accent-subtle)}.week-grid__project-label{text-align:left;padding:var(--space-2) var(--space-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.week-grid__project-info{display:flex;align-items:center;gap:var(--space-1)}.week-grid__project-text{overflow:hidden;text-overflow:ellipsis}.week-grid__client-name{color:var(--color-text-secondary);font-size:var(--text-xs)}.week-grid__project-name{color:var(--color-text-primary);font-weight:var(--font-medium)}.week-grid__billable-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1);font-weight:var(--font-normal)}.week-cell{height:40px;cursor:pointer;vertical-align:middle;transition:background-color var(--transition);border:1px solid transparent}.week-cell:hover{background:var(--color-surface)}.week-cell--today,.week-cell--today:hover{background:var(--color-accent-subtle)}.week-cell--error{background:var(--color-error-subtle)!important;animation:week-cell-flash .6s ease}@keyframes week-cell-flash{0%{background:var(--color-error-subtle)}to{background:transparent}}.week-cell--multiple{cursor:default}.week-cell--multiple .week-cell__value{font-style:italic;color:var(--color-text-secondary)}.week-cell--empty{cursor:pointer}.week-cell__dash{color:var(--color-text-muted);font-size:var(--text-xs)}.week-cell__value{font-family:var(--font-mono);font-weight:var(--font-medium);color:var(--color-text-primary)}.week-cell__multi{font-size:var(--text-xs);margin-left:2px;vertical-align:super;color:var(--color-text-secondary)}.week-cell__input{width:100%;height:100%;border:2px solid var(--color-accent);border-radius:0;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);padding:0 var(--space-1);outline:none;box-sizing:border-box;background:var(--color-surface-raised);color:var(--color-text-primary)}.week-cell__input:disabled{opacity:.6}.week-cell__spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:week-cell-spin .6s linear infinite}@keyframes week-cell-spin{to{transform:rotate(360deg)}}.week-grid__totals-row td{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--color-text-primary);border-top:2px solid var(--color-border);padding:var(--space-3) var(--space-1);position:sticky;bottom:0;background:var(--color-surface-raised)}.week-grid__totals-label{font-family:var(--font-sans);text-align:left;padding-left:var(--space-3)!important;color:var(--color-text-secondary);font-weight:var(--font-semibold)}.week-grid__totals-row td.week-grid__total--today{background:var(--color-accent-subtle)}.week-grid__toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.week-grid__week-total{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.week-nav{display:flex;align-items:center;gap:var(--space-2)}.week-nav__label{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);min-width:160px;text-align:center}.week-grid__add-project{padding:var(--space-3) var(--space-3);text-align:left}.week-grid__add-project-btn{background:none;border:none;color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;padding:0}.week-grid__add-project-btn:hover{text-decoration:underline}.week-grid tbody tr{border-bottom:1px solid var(--color-border-subtle)}.week-grid tbody tr:hover{background:var(--color-surface)}.week-grid__row--highlight{animation:week-row-highlight 1.5s ease}@keyframes week-row-highlight{0%{background:var(--color-accent-subtle)}to{background:transparent}}.week-project-picker{position:relative;width:320px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-md);z-index:10}.week-project-picker__search{padding:var(--space-2);border-bottom:1px solid var(--color-border)}.week-project-picker__search input{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface-raised);outline:none;box-sizing:border-box;transition:border-color var(--transition)}.week-project-picker__search input:focus{border-color:var(--color-accent)}.week-project-picker__list{max-height:240px;overflow-y:auto}.week-project-picker__group{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:var(--color-surface)}.week-project-picker__option{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;color:var(--color-text-primary);transition:background-color var(--transition)}.week-project-picker__option:hover,.week-project-picker__option--highlighted{background:var(--color-surface)}.week-project-picker__option--existing{color:var(--color-text-muted)}.week-project-picker__existing-tag{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto;font-style:italic}.week-project-picker__empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm)}.time-entries{display:flex;flex-direction:column;gap:var(--space-4)}.time-entries .te-alert{padding:var(--space-3) var(--space-4);background:var(--color-error-subtle);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm)}.time-entries .week-nav{display:flex;align-items:center;gap:var(--space-2)}.time-entries .week-nav__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-md);transition:all var(--transition)}.time-entries .week-nav__btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.time-entries .week-nav__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);min-width:180px;text-align:center}.time-entries .te-filters{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end}.time-entries .te-filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.time-entries .te-filter-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.time-entries .te-form-card{border:1px solid var(--color-border)}.time-entries .te-form-card h2{font-size:var(--text-md);font-weight:var(--font-semibold);margin:0 0 var(--space-5)}.time-entries .te-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.time-entries .te-form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.time-entries .entry-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.time-entries .entry-tag-chip{display:inline-block;padding:1px var(--space-2);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.time-entries .checkbox-cell{width:30px;text-align:center}.time-entries .lock-icon{margin-right:var(--space-1);font-size:var(--text-xs)}.time-entries .bulk-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-accent-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);flex-wrap:wrap}.time-entries .totals-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);flex-wrap:wrap}.time-entries .totals-bar strong{font-weight:var(--font-semibold)}.time-entries .totals-bar .font-mono{font-family:var(--font-mono);font-weight:var(--font-semibold)}.time-entries .totals-divider{color:var(--color-border)}.time-entries .scope-notice{margin-left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.time-entries .rounding-notice{font-size:var(--text-sm);font-style:italic;color:var(--color-text-muted);margin-left:auto}.time-entries .te-loading{text-align:center;padding:var(--space-10);color:var(--color-text-muted)}.time-entries .te-mobile-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.time-entries .te-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.time-entries .te-card--locked{opacity:.65}.time-entries .te-card__row{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.time-entries .te-card__row--header{justify-content:space-between}.time-entries .te-card__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.time-entries .te-card__hours{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap}.time-entries .te-card__project{font-size:var(--text-sm);color:var(--color-text-primary);flex-wrap:wrap}.time-entries .te-card__client{font-weight:var(--font-medium)}.time-entries .te-card__dot{color:var(--color-text-muted)}.time-entries .te-card__project-name{color:var(--color-text-secondary)}.time-entries .te-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);word-break:break-word}.time-entries .te-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.time-entries .te-card__actions{display:flex;gap:var(--space-2);justify-content:flex-end;padding-top:var(--space-1);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-1)}.time-entries .te-card__actions .ui-icon-btn{width:36px;height:36px}@media(max-width:768px){.time-entries{gap:var(--space-3)}.time-entries .te-filters{gap:var(--space-2)}.time-entries .te-filter-group{flex:1 1 100%;min-width:0}.time-entries .te-filter-group label{display:none}.time-entries .te-filter-group .ui-segmented{width:100%}.time-entries .ui-card{padding:var(--space-3)}.time-entries .bulk-toolbar{gap:var(--space-2)}.time-entries .totals-bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-3);padding:var(--space-3);font-size:var(--text-xs)}.time-entries .totals-bar>span{display:flex;flex-direction:column;gap:2px;min-width:0}.time-entries .totals-bar strong{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.04em}.time-entries .totals-bar .font-mono{font-size:var(--text-base);color:var(--color-text-primary)}.time-entries .totals-bar>span.totals-divider{display:none}.time-entries .rounding-notice,.time-entries .scope-notice{grid-column:1 / -1;margin-left:0;font-size:var(--text-xs)}}.billable-split-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.billable-split-card .billable-split-title{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)}.billable-split-card .billable-split-empty{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-8) 0}.billable-split-card .billable-split-bar{display:flex;height:var(--space-3);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}.billable-split-card .billable-split-segment{height:100%;transition:width var(--transition)}.billable-split-card .billable-split-billable{background-color:var(--color-accent)}.billable-split-card .billable-split-non-billable{background-color:var(--color-border)}.billable-split-card .billable-split-legend{display:flex;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary)}.billable-split-card .billable-split-legend-item{display:flex;align-items:center;gap:var(--space-1)}.billable-split-card .billable-split-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;flex-shrink:0}.billable-split-card .billable-split-billable-dot{background-color:var(--color-accent)}.billable-split-card .billable-split-non-billable-dot{background-color:var(--color-border)}.grouped-report-collapse-indicator{display:inline-block;width:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.grouped-report-child-header td{padding:var(--space-3) var(--space-4);padding-left:calc(var(--space-4) + var(--space-4));font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle)}.grouped-report-entry-indent-1{display:inline-block;padding-left:var(--space-4)}.grouped-report-entry-indent-2{display:inline-block;padding-left:var(--space-8)}.grouped-report-entry-date{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:var(--text-sm)}.grouped-report-entry-desc{color:var(--color-text-muted);font-size:var(--text-sm)}.reports-page{display:flex;flex-direction:column;gap:var(--space-4)}.reports-page .reports-header-actions{display:flex;gap:var(--space-2)}.reports-page .report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);align-items:end}.reports-page .report-filters>div{min-width:0}.reports-page .reports-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.reports-page .reports-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.reports-page .reports-rounding-indicator{margin-top:var(--space-3);font-size:var(--text-sm);font-style:italic;color:var(--color-text-muted)}.reports-page .reports-member-notice{padding:var(--space-3) var(--space-4);font-style:italic;font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-md)}.reports-page .reports-manage-list{list-style:none;padding:0;margin:0 0 var(--space-4) 0}.reports-page .reports-manage-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-base);color:var(--color-text-primary)}.reports-page .reports-manage-list li:last-child{border-bottom:none}.reports-page .reports-no-views{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}@media print{.reports-page .reports-header-actions{display:none}}@media(max-width:768px){.reports-page .reports-charts-row{grid-template-columns:1fr}.reports-page .report-filters{grid-template-columns:1fr 1fr}.reports-page .reports-header-actions{flex-wrap:wrap}}.org-settings{display:flex;flex-direction:column;gap:var(--space-4)}.org-settings .org-settings-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.org-settings .org-settings-tab{padding:var(--space-2) var(--space-4);text-decoration:none;color:var(--color-text-secondary);font-weight:var(--font-medium);font-size:var(--text-base);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition)}.org-settings .org-settings-tab:hover{color:var(--color-text-primary)}.org-settings .org-settings-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:var(--font-semibold)}.org-general{max-width:520px}.org-general-readonly-notice{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.org-general-loading{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.org-general-form{display:flex;flex-direction:column;gap:var(--space-5)}.org-general-form>.ui-btn{align-self:flex-start}.org-general-slug{font-size:var(--text-sm);color:var(--color-text-muted)}.org-general-slug code{background:var(--color-surface);padding:1px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm)}.org-general-section{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-2)}.org-general-section h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.org-general-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.org-general-error{color:var(--color-error);font-size:var(--text-sm)}.org-general-success{color:var(--color-success);font-size:var(--text-sm);font-weight:var(--font-medium)}.org-general-checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);cursor:pointer}.org-general-lock-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.org-members{max-width:640px}.org-members-loading{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.org-members-section{margin-bottom:var(--space-8)}.org-members-section h2{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.org-members-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.org-members-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.org-members-row:last-child{border-bottom:none}.org-members-info{flex:1;min-width:0}.org-members-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.org-members-you{font-weight:var(--font-normal);color:var(--color-text-muted);font-size:var(--text-xs)}.org-members-email{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.org-members-role{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:capitalize;flex-shrink:0}.org-members-role.role-owner{background:var(--color-success-subtle);color:var(--color-success)}.org-members-role.role-admin{background:var(--color-accent-subtle);color:var(--color-accent)}.org-members-role.role-member{background:var(--color-surface);color:var(--color-text-muted)}.org-members-role-select-wrap{flex-shrink:0;width:120px}.org-members-expires{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0}.org-members-actions{flex-shrink:0;min-width:80px;text-align:right}.org-members-remove{background:none;border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition)}.org-members-remove:hover{background:var(--color-error-subtle)}.org-members-confirm{font-size:var(--text-xs);color:var(--color-text-primary)}.org-members-confirm-yes{background:none;border:none;color:var(--color-error);font-weight:var(--font-semibold);cursor:pointer;font-size:var(--text-xs);padding:0}.org-members-confirm-cancel{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);padding:0}.org-members-empty{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.org-members-invite-form{display:flex;gap:var(--space-2);align-items:center}.org-members-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.org-danger{max-width:640px}.org-danger-zone h2{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-error);margin:0 0 var(--space-3)}.org-danger-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5);border:1px solid var(--color-error);border-radius:var(--radius-md)}.org-danger-info h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.org-danger-info p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.color-picker{position:relative;display:inline-block}.color-picker .color-picker-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);transition:border-color var(--transition)}.color-picker .color-picker-trigger:hover{border-color:var(--color-accent)}.color-picker .color-picker-swatch{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.color-picker .color-picker-hex{font-family:var(--font-mono);font-size:var(--text-sm)}.color-picker .color-picker-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:60;padding:var(--space-3);width:220px}.color-picker .color-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.color-picker .color-picker-preset{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;padding:0;margin:0 auto;transition:transform var(--transition)}.color-picker .color-picker-preset:hover{transform:scale(1.15)}.color-picker .color-picker-preset--selected{border-color:var(--color-text-primary);box-shadow:0 0 0 1px var(--color-surface-raised)}.color-picker .color-picker-custom{display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.color-picker .color-picker-custom input{flex:1;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;background:var(--color-bg);color:var(--color-text-primary)}.color-picker .color-picker-preview{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.color-picker .color-picker-remove{display:block;width:100%;margin-top:var(--space-2);padding:var(--space-1);border:none;background:none;color:var(--color-error);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-sans);text-align:center;transition:color var(--transition)}.color-picker .color-picker-remove:hover{text-decoration:underline}.org-branding{max-width:520px}.org-branding-section{margin-bottom:var(--space-8)}.org-branding-section h2{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.org-branding-logo-preview{margin-bottom:var(--space-4)}.org-branding-logo-preview img{max-height:64px;width:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--color-surface-raised)}.org-branding-no-logo{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.org-branding-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition);margin-bottom:var(--space-2)}.org-branding-dropzone:hover,.org-branding-dropzone.dragging{border-color:var(--color-accent);background:var(--color-accent-subtle)}.org-branding-dropzone.has-file{border-style:solid;border-color:var(--color-accent);background:var(--color-accent-subtle)}.org-branding-dropzone-label{font-size:var(--text-sm);color:var(--color-text-muted)}.org-branding-dropzone-label strong{color:var(--color-accent);font-weight:var(--font-semibold)}.org-branding-selected-file{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium)}.org-branding-file-size{color:var(--color-text-muted);font-weight:var(--font-normal);margin-left:var(--space-2)}.org-branding-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.org-branding-color-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.org-branding-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.create-org{text-align:center}.create-org-heading{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.create-org-subheading{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-6)}.create-org-form{text-align:left}.slug-preview{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-4)}.slug-preview code{background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary)}.create-org-error{color:var(--color-error);font-size:var(--text-xs);margin:0 0 var(--space-4)}.create-org .create-org-submit{width:100%}.invite-team{text-align:center}.invite-team-heading{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.invite-team-subheading{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-6)}.invite-form{margin-bottom:var(--space-6)}.invite-input-row{display:flex;gap:var(--space-3);align-items:flex-start}.invite-input-row .ui-field{flex:1}.pending-list{text-align:left;margin-bottom:var(--space-6)}.pending-heading{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin:0 0 var(--space-3)}.pending-items{list-style:none;padding:0;margin:0}.pending-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-2);font-size:var(--text-sm)}.pending-email{color:var(--color-text-secondary)}.invite-skip-btn{text-decoration:underline}.done-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4)}.done-icon{color:var(--color-success);margin-bottom:var(--space-6)}.done-icon svg{width:64px;height:64px}.done-heading{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.done-org-name{font-size:var(--text-md);color:var(--color-text-muted);margin:0 0 var(--space-8)}.done-cta{min-width:200px}.accept-invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-surface);padding:var(--space-6)}.accept-invite-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-10);max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-md)}.accept-invite-heading{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.accept-invite-message{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6);line-height:1.5}.accept-invite-loading{font-size:var(--text-base);color:var(--color-text-muted);margin:0;padding:var(--space-6) 0}.accept-invite-error{color:var(--color-error);font-size:var(--text-sm);margin:0 0 var(--space-4)}.profile{display:flex;flex-direction:column;gap:var(--space-4);max-width:640px}.profile h1{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.profile-loading{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.profile-section{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-5)}.profile-section h2{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.profile-avatar-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-4)}.profile-avatar-info{min-width:0}.profile-avatar-name{font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar-email{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.profile-avatar-since{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.profile-color-row{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.profile-color-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.profile-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.profile-readonly{background-color:var(--color-surface);color:var(--color-text-muted)!important;cursor:not-allowed}.profile-save-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.profile-section--danger{border-color:var(--color-border)}.profile-account-text{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3) 0}@media(max-width:600px){.profile-field-grid{grid-template-columns:1fr}}:root{--color-bg: #FFFFFF;--color-surface: #F8F9FA;--color-surface-raised: #FFFFFF;--color-border: #DDE1E7;--color-border-subtle: #F0F2F5;--color-text-primary: #111318;--color-text-secondary: #5C6470;--color-text-muted: #9DA5B0;--color-accent: #D97706;--color-accent-hover: #B45309;--color-accent-subtle: #FEF3C7;--color-error: #DC2626;--color-error-hover: #B91C1C;--color-error-subtle: #FEF2F2;--color-warning: #CA8A04;--color-success: #16A34A;--color-success-subtle: #F0FDF4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 3px;--radius-md: 6px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--color-text-on-accent: #FFFFFF;--chart-1: var(--color-accent);--chart-2: #4A7FA5;--chart-3: #6B8F71;--chart-4: var(--color-text-muted);--chart-5: #7B6FA0;--avatar-1: #4A7FA5;--avatar-2: #6B8F71;--avatar-3: #7B6FA0;--avatar-4: #A07B5A;--avatar-5: #5A7A8A;--avatar-6: #8A6B6B;--avatar-7: #6B7A5A;--avatar-8: #7A7A8A;--transition: .15s ease}[data-theme=dark]{--color-bg: #0D1117;--color-surface: #161B22;--color-surface-raised: #1C2128;--color-border: #30363D;--color-border-subtle: #21262D;--color-text-primary: #E6EDF3;--color-text-secondary: #8B949E;--color-text-muted: #484F58;--color-accent: #E07B39;--color-accent-hover: #F08040;--color-accent-subtle: #2D1F0E;--color-error: #F85149;--color-error-hover: #DA3633;--color-error-subtle: #2D1117;--color-warning: #D29922;--color-success: #3FB950;--color-success-subtle: #0D2117;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:1.25;color:var(--color-text-primary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary)}#root{min-height:100vh;display:flex;flex-direction:column}.font-mono{font-family:var(--font-mono)}