.list-page{display:flex;flex-direction:column;min-height:100%;padding:var(--space-lg);margin:0 auto}.list-page--narrow{max-width:800px}.list-page--standard{max-width:1200px}.list-page--wide{max-width:none}.list-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.list-page__header-content{flex:1;min-width:200px}.list-page__title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);line-height:1.3}.list-page__subtitle{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.list-page__actions{display:flex;gap:var(--space-sm);flex-shrink:0}.list-page__filter-toolbar{margin-bottom:var(--space-md)}.list-page__content{flex:1;min-height:0;overflow:visible}@media (max-width: 768px){.list-page{padding:var(--space-md)}.list-page__header{flex-direction:column;align-items:stretch}.list-page__actions{justify-content:flex-end}}.form-page{display:flex;flex-direction:column;min-height:100%;padding:var(--space-lg);padding-bottom:80px;margin:0 auto}.form-page--narrow{max-width:640px}.form-page--standard{max-width:960px}.form-page__header{margin-bottom:var(--space-xl)}.form-page__title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);line-height:1.3}.form-page__subtitle{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.form-page__content{flex:1}@media (max-width: 768px){.form-page{padding:var(--space-md);padding-bottom:100px}}.queue-page{display:flex;flex-direction:column;min-height:100%;padding:var(--space-lg);max-width:1400px;margin:0 auto}.queue-page__header{margin-bottom:var(--space-lg)}.queue-page__title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);line-height:1.3}.queue-page__subtitle{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.queue-page__summary{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.queue-page__summary-item{display:flex;flex-direction:column;padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);min-width:120px}.queue-page__summary-value{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.queue-page__summary-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-xs)}.queue-page__summary-item--success .queue-page__summary-value{color:var(--status-success)}.queue-page__summary-item--warning .queue-page__summary-value{color:var(--status-warning)}.queue-page__summary-item--danger .queue-page__summary-value{color:var(--status-danger)}.queue-page__filter-toolbar{margin-bottom:var(--space-md)}.queue-page__content{flex:1;min-height:0}.queue-page__action-panel{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-default)}@media (max-width: 768px){.queue-page{padding:var(--space-md)}.queue-page__summary{flex-direction:column}.queue-page__summary-item{min-width:auto}}.detail-page{display:flex;flex-direction:column;min-height:100%;padding:var(--space-lg);max-width:960px;margin:0 auto}.detail-page__back{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0;margin-bottom:var(--space-md);background:transparent;border:none;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:color .15s ease}.detail-page__back:hover{color:var(--text-primary)}.detail-page__back:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.detail-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.detail-page__header-content{flex:1;min-width:200px}.detail-page__title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);line-height:1.3}.detail-page__subtitle{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.detail-page__status{flex-shrink:0}.detail-page__body{flex:1}.detail-page__section{margin-bottom:var(--space-xl)}.detail-page__section:last-child{margin-bottom:0}.detail-page__section-title{margin:0 0 var(--space-md);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.detail-page__metadata,.detail-page__timeline{padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.detail-page__action-panel{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;gap:var(--space-sm)}@media (max-width: 768px){.detail-page{padding:var(--space-md)}.detail-page__header{flex-direction:column;align-items:stretch}.detail-page__status{align-self:flex-start}}.field-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.field-wrapper__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.field-wrapper__label--required:after{content:"*";color:var(--status-danger)}.field-wrapper__control{display:flex;flex-direction:column}.field-wrapper__helper{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-xs);line-height:1.4}.field-wrapper__error{font-size:var(--font-size-xs);color:var(--status-danger);margin-top:var(--space-xs);line-height:1.4;display:flex;align-items:center;gap:var(--space-xs)}.field-wrapper__error-icon{flex-shrink:0;width:14px;height:14px}.field-wrapper--disabled .field-wrapper__label{color:var(--text-tertiary)}.form-section{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-lg)}.form-section__header{padding:0;margin-bottom:var(--space-md)}.form-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.3}.form-section__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0 0;line-height:1.5}.form-section__content{display:flex;flex-direction:column;gap:var(--space-lg)}.validation-summary{background-color:color-mix(in srgb,var(--status-danger) 10%,transparent);border:1px solid var(--status-danger);border-radius:var(--radius-md);padding:var(--space-md)}.validation-summary__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.validation-summary__icon{flex-shrink:0;width:20px;height:20px;color:var(--status-danger)}.validation-summary__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--status-danger)}.validation-summary__list{margin:0;padding-left:var(--space-xl);list-style-type:disc}.validation-summary__item{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5;margin-bottom:var(--space-xs)}.validation-summary__item:last-child{margin-bottom:0}.validation-summary__field{font-weight:var(--font-weight-medium)}.validation-summary__link{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s ease}.validation-summary__link:hover{text-decoration-color:var(--status-danger)}.validation-summary__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.sticky-action-bar{position:sticky;left:0;right:0;background-color:var(--bg-surface);border-top:1px solid var(--border-default);padding:var(--space-md) var(--space-lg);z-index:10}.sticky-action-bar--bottom{bottom:0}.sticky-action-bar--top{top:0;border-top:none;border-bottom:1px solid var(--border-default)}.sticky-action-bar__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);max-width:100%}.sticky-action-bar__actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.sticky-action-bar__tertiary{margin-right:auto}.sticky-action-bar__primary,.sticky-action-bar__secondary{display:flex;align-items:center}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.4;border-radius:var(--radius-sm);white-space:nowrap}.ds-badge--default{background-color:var(--bg-inset);color:var(--text-primary)}.ds-badge--success{background-color:var(--status-success-bg);color:var(--status-success)}.ds-badge--warning{background-color:var(--status-warning-bg);color:#946c00}[data-theme=dark] .ds-badge--warning{color:var(--status-warning)}.ds-badge--danger{background-color:var(--status-danger-bg);color:var(--status-danger)}.ds-badge--info{background-color:var(--status-info-bg);color:var(--status-info)}.ds-badge--neutral{background-color:var(--status-neutral-bg);color:var(--status-neutral)}.searchable-multi-select{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:var(--space-xs) var(--space-sm);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.searchable-multi-select:hover:not(.searchable-multi-select--disabled){border-color:var(--border-hover)}.searchable-multi-select--open{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.searchable-multi-select--disabled{opacity:.5;cursor:not-allowed}.searchable-multi-select__content{flex:1;min-width:0}.searchable-multi-select__placeholder{color:var(--text-tertiary);font-size:var(--font-size-sm)}.searchable-multi-select__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.searchable-multi-select__tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding-right:var(--space-xs)}.searchable-multi-select__tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:opacity .15s ease}.searchable-multi-select__tag-remove:hover{opacity:1}.searchable-multi-select__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-secondary)}.searchable-multi-select__spinner{width:16px;height:16px;animation:spin 1s linear infinite}.searchable-multi-select__dropdown{width:var(--radix-popover-trigger-width);min-width:200px;max-height:300px;background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);overflow:hidden;z-index:50}.searchable-multi-select__search{padding:var(--space-sm);border-bottom:1px solid var(--border-default)}.searchable-multi-select__search-input{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--text-primary);outline:none}.searchable-multi-select__search-input:focus{border-color:var(--accent-primary)}.searchable-multi-select__search-input::placeholder{color:var(--text-tertiary)}.searchable-multi-select__options{max-height:200px;overflow-y:auto;padding:var(--space-xs)}.searchable-multi-select__option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.searchable-multi-select__option:hover:not(.searchable-multi-select__option--disabled){background-color:var(--bg-hover)}.searchable-multi-select__option--selected{background-color:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.searchable-multi-select__option--disabled{opacity:.5;cursor:not-allowed}.searchable-multi-select__checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--accent-primary)}.searchable-multi-select__option--selected .searchable-multi-select__checkbox{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.searchable-multi-select__option-label{font-size:var(--font-size-sm);color:var(--text-primary)}.searchable-multi-select__no-results{padding:var(--space-lg);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.radio-card-group{display:flex;gap:var(--space-sm)}.radio-card-group--vertical{flex-direction:column}.radio-card-group--horizontal{flex-direction:row;flex-wrap:wrap}.radio-card-group--disabled{opacity:.5}.radio-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.radio-card:hover:not(.radio-card--disabled){border-color:var(--border-hover)}.radio-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.radio-card--selected{border-color:var(--accent-primary);background-color:color-mix(in srgb,var(--accent-primary) 5%,transparent)}.radio-card--disabled{cursor:not-allowed;opacity:.6}.radio-card__indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--border-default);border-radius:50%;background-color:var(--bg-surface);transition:border-color .15s ease}.radio-card--selected .radio-card__indicator{border-color:var(--accent-primary)}.radio-card__indicator-dot{width:10px;height:10px;border-radius:50%;background-color:var(--accent-primary)}.radio-card__content{display:flex;align-items:flex-start;gap:var(--space-sm);flex:1}.radio-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary)}.radio-card--selected .radio-card__icon{color:var(--accent-primary)}.radio-card__text{display:flex;flex-direction:column;gap:var(--space-xs)}.radio-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.radio-card__description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.email-token-input{display:flex;flex-direction:column;gap:var(--space-xs)}.email-token-input__tokens{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);min-height:38px;padding:var(--space-xs) var(--space-sm);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.email-token-input__tokens:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.email-token-input--disabled .email-token-input__tokens{opacity:.5;cursor:not-allowed}.email-token-input--invalid .email-token-input__tokens{border-color:var(--status-danger)}.email-token-input--invalid .email-token-input__tokens:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--status-danger) 20%,transparent)}.email-token-input__token{display:inline-flex;align-items:center;gap:var(--space-xs);padding-right:var(--space-xs)}.email-token-input__token-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:opacity .15s ease}.email-token-input__token-remove:hover{opacity:1}.email-token-input__input{flex:1;min-width:150px;padding:var(--space-xs) 0;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--text-primary);outline:none}.email-token-input__input::placeholder{color:var(--text-tertiary)}.email-token-input__input:disabled{cursor:not-allowed}.email-token-input__error{font-size:var(--font-size-xs);color:var(--status-danger)}.template-editor{display:flex;flex-direction:column;gap:var(--space-sm)}.template-editor__textarea{width:100%;padding:var(--space-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.5;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.template-editor__textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.template-editor__textarea::placeholder{color:var(--text-tertiary)}.template-editor__textarea--disabled{opacity:.5;cursor:not-allowed}.template-editor__textarea--invalid{border-color:var(--status-danger)}.template-editor__textarea--invalid:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--status-danger) 20%,transparent)}.template-editor__variables{display:flex;flex-direction:column;gap:var(--space-xs)}.template-editor__variables-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.template-editor__variables-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.template-editor__variable-chip{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--accent-primary);background-color:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.template-editor__variable-chip:hover:not(:disabled){background-color:color-mix(in srgb,var(--accent-primary) 20%,transparent);border-color:var(--accent-primary)}.template-editor__variable-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.template-editor__variable-chip:disabled{opacity:.5;cursor:not-allowed}.skeleton{background-color:var(--bg-hover);display:block}.skeleton--text{height:1em;border-radius:var(--radius-sm);transform-origin:0 55%;transform:scaleY(.6)}.skeleton--circular{border-radius:50%}.skeleton--rectangular{border-radius:0}.skeleton--rounded{border-radius:var(--radius-md)}.skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--wave{position:relative;overflow:hidden}.skeleton--wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:skeleton-wave 1.6s linear infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes skeleton-wave{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}[data-theme=dark] .skeleton--wave:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.preview-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.preview-card__header{padding:var(--space-sm) var(--space-md);background-color:var(--bg-hover);border-bottom:1px solid var(--border-default)}.preview-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.preview-card__content{padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.preview-card__loading{display:flex;flex-direction:column;gap:var(--space-sm)}.preview-card__error{display:flex;align-items:center;gap:var(--space-sm);color:var(--status-danger)}.preview-card__error-icon{flex-shrink:0;width:16px;height:16px}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;border:1px solid transparent;position:relative}.ds-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.ds-button:disabled{cursor:not-allowed;opacity:.6}.ds-button--sm{height:32px;padding:0 var(--space-md);font-size:var(--text-sm)}.ds-button--md{height:40px;padding:0 var(--space-lg);font-size:var(--text-base)}.ds-button--lg{height:48px;padding:0 var(--space-xl);font-size:var(--text-md)}.ds-button--primary{background-color:var(--accent-primary);color:var(--text-on-accent)}.ds-button--primary:hover:not(:disabled){background-color:var(--accent-primary-hover)}.ds-button--secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.ds-button--secondary:hover:not(:disabled){background-color:var(--bg-inset)}.ds-button--ghost{background-color:transparent;color:var(--text-primary)}.ds-button--ghost:hover:not(:disabled){background-color:var(--bg-inset)}.ds-button--destructive{background-color:var(--status-danger);color:var(--text-on-accent)}.ds-button--destructive:hover:not(:disabled){background-color:#e03131}.ds-button--loading{pointer-events:none}.ds-button__content{display:inline-flex;align-items:center;gap:var(--space-sm)}.ds-button__content--hidden{visibility:hidden}.ds-button__spinner{position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ds-button-spin .6s linear infinite}@keyframes ds-button-spin{to{transform:rotate(360deg)}}.ds-input{display:block;width:100%;height:40px;padding:0 var(--space-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.ds-input::placeholder{color:var(--text-muted)}.ds-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.ds-input:disabled,.ds-input--disabled{background-color:var(--bg-inset);color:var(--text-muted);cursor:not-allowed}.ds-input--invalid{border-color:var(--status-danger)}.ds-input--invalid:focus{border-color:var(--status-danger);box-shadow:0 0 0 3px #fa525233}.ds-textarea{display:block;width:100%;min-height:100px;padding:var(--space-md);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.ds-textarea::placeholder{color:var(--text-muted)}.ds-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.ds-textarea:disabled,.ds-textarea--disabled{background-color:var(--bg-inset);color:var(--text-muted);cursor:not-allowed;resize:none}.ds-textarea--invalid{border-color:var(--status-danger)}.ds-textarea--invalid:focus{border-color:var(--status-danger);box-shadow:0 0 0 3px #fa525233}.ds-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 var(--space-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.ds-select-trigger:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.ds-select-trigger--disabled{background-color:var(--bg-inset);color:var(--text-muted);cursor:not-allowed}.ds-select-trigger--invalid{border-color:var(--status-danger)}.ds-select-trigger--invalid:focus{border-color:var(--status-danger);box-shadow:0 0 0 3px #fa525233}.ds-select-icon{color:var(--text-muted)}.ds-select-content{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;min-width:var(--radix-select-trigger-width)}.ds-select-viewport{padding:var(--space-xs)}.ds-select-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;outline:none}.ds-select-item:focus,.ds-select-item[data-highlighted]{background-color:var(--bg-inset)}.ds-select-item[data-disabled]{color:var(--text-muted);cursor:not-allowed}.ds-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;animation:ds-dialog-overlay-show .15s ease;z-index:100}.ds-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;padding:var(--space-xl);background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:ds-dialog-content-show .15s ease;z-index:101;overflow-y:auto}.ds-dialog-content:focus{outline:none}.ds-dialog-title{margin:0 0 var(--space-sm);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.ds-dialog-description{margin:0 0 var(--space-lg);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal)}.ds-dialog-body{color:var(--text-primary)}.ds-dialog-close{position:absolute;top:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.ds-dialog-close:hover{background-color:var(--bg-inset);color:var(--text-primary)}.ds-dialog-close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}@keyframes ds-dialog-overlay-show{0%{opacity:0}to{opacity:1}}@keyframes ds-dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ds-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;animation:ds-drawer-overlay-show .2s ease;z-index:100}.ds-drawer-content{position:fixed;top:0;bottom:0;width:100%;max-width:480px;background-color:var(--bg-surface);box-shadow:var(--shadow-overlay);z-index:101;display:flex;flex-direction:column}.ds-drawer-content:focus{outline:none}.ds-drawer--right{right:0;animation:ds-drawer-slide-in-right .2s ease}.ds-drawer--left{left:0;animation:ds-drawer-slide-in-left .2s ease}.ds-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle)}.ds-drawer-title{margin:0;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.ds-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.ds-drawer-close:hover{background-color:var(--bg-inset);color:var(--text-primary)}.ds-drawer-close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.ds-drawer-body{flex:1;padding:var(--space-xl);overflow-y:auto}@keyframes ds-drawer-overlay-show{0%{opacity:0}to{opacity:1}}@keyframes ds-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ds-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.ds-tabs{display:flex;flex-direction:column}.ds-tabs-list{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border-subtle);padding-bottom:0}.ds-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.ds-tabs-trigger:hover:not(:disabled){color:var(--text-primary)}.ds-tabs-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-radius:var(--radius-sm)}.ds-tabs-trigger[data-state=active]{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.ds-tabs-trigger:disabled{color:var(--text-muted);cursor:not-allowed}.ds-tabs-content{padding-top:var(--space-lg)}.ds-tabs-content:focus{outline:none}.tooltip-content{background-color:var(--bg-elevated);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.4;max-width:240px;box-shadow:var(--shadow-overlay);z-index:50;animation:tooltip-fade-in .15s ease-out}.tooltip-content[data-state=delayed-open][data-side=top]{animation-name:tooltip-slide-down-fade}.tooltip-content[data-state=delayed-open][data-side=right]{animation-name:tooltip-slide-left-fade}.tooltip-content[data-state=delayed-open][data-side=bottom]{animation-name:tooltip-slide-up-fade}.tooltip-content[data-state=delayed-open][data-side=left]{animation-name:tooltip-slide-right-fade}.tooltip-arrow{fill:var(--bg-elevated)}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tooltip-slide-down-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-up-fade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-left-fade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-slide-right-fade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}.toast-viewport{position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--space-lg);gap:var(--space-sm);width:390px;max-width:100vw;margin:0;list-style:none;z-index:100;outline:none}.toast{background-color:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);padding:var(--space-md) var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md);border-left:4px solid var(--border-default)}.toast--default{border-left-color:var(--accent-primary)}.toast--success{border-left-color:var(--status-success)}.toast--error{border-left-color:var(--status-danger)}.toast--warning{border-left-color:var(--status-warning)}.toast[data-state=open]{animation:toast-slide-in .15s ease-out}.toast[data-state=closed]{animation:toast-hide .1s ease-in}.toast[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}.toast[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast[data-swipe=end]{animation:toast-swipe-out .1s ease-out}.toast-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.toast-title{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.toast-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.toast-action{flex-shrink:0}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.toast-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toast-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes toast-slide-in{0%{transform:translate(calc(100% + var(--space-lg)))}to{transform:translate(0)}}@keyframes toast-hide{0%{opacity:1}to{opacity:0}}@keyframes toast-swipe-out{0%{transform:translate(var(--radix-toast-swipe-end-x))}to{transform:translate(calc(100% + var(--space-lg)))}}.card{background-color:var(--bg-surface);border-radius:var(--radius-md);display:flex;flex-direction:column}.card--default{border:1px solid var(--border-default)}.card--elevated{box-shadow:var(--shadow-overlay)}.card--outlined{border:1px solid var(--border-default);background-color:transparent}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-sm)}.card--padding-md{padding:var(--space-lg)}.card--padding-lg{padding:var(--space-xl)}.card-header{display:flex;flex-direction:column;gap:var(--space-xs)}.card--padding-none .card-header{padding:var(--space-lg);padding-bottom:0}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.3}.card-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.card-content{flex:1}.card--padding-none .card-content{padding:var(--space-lg)}.card-footer{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-default);margin-top:var(--space-md)}.card--padding-none .card-footer{padding:var(--space-lg);padding-top:var(--space-md);margin-top:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);min-height:200px}.empty-state--sm{padding:var(--space-lg);min-height:150px}.empty-state--lg{padding:calc(var(--space-xl) * 2);min-height:300px}.empty-state__icon{color:var(--text-tertiary);margin-bottom:var(--space-md)}.empty-state__icon svg{width:48px;height:48px}.empty-state--sm .empty-state__icon svg{width:32px;height:32px}.empty-state--lg .empty-state__icon svg{width:64px;height:64px}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.empty-state--sm .empty-state__title{font-size:var(--font-size-base)}.empty-state__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-lg) 0;max-width:400px;line-height:1.5}.empty-state--sm .empty-state__description{margin-bottom:var(--space-md)}.empty-state__action{display:flex;gap:var(--space-sm)}.inline-alert{display:flex;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid}.inline-alert--info{background:color-mix(in srgb,var(--status-info) 10%,transparent);border-color:color-mix(in srgb,var(--status-info) 30%,transparent)}.inline-alert--warning{background:color-mix(in srgb,var(--status-warning) 10%,transparent);border-color:color-mix(in srgb,var(--status-warning) 30%,transparent)}.inline-alert--error{background:color-mix(in srgb,var(--status-danger) 10%,transparent);border-color:color-mix(in srgb,var(--status-danger) 30%,transparent)}.inline-alert--success{background:color-mix(in srgb,var(--status-success) 10%,transparent);border-color:color-mix(in srgb,var(--status-success) 30%,transparent)}.inline-alert__icon{flex-shrink:0;margin-top:2px}.inline-alert--info .inline-alert__icon{color:var(--status-info)}.inline-alert--warning .inline-alert__icon{color:var(--status-warning)}.inline-alert--error .inline-alert__icon{color:var(--status-danger)}.inline-alert--success .inline-alert__icon{color:var(--status-success)}.inline-alert__content{flex:1;min-width:0}.inline-alert__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.inline-alert__message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.inline-alert__dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.inline-alert__dismiss:hover{background:#0000001a;color:var(--text-primary)}.inline-alert__dismiss:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.banner--page{border-radius:var(--radius-md);margin-bottom:var(--space-md)}.banner--system{border-radius:0;position:sticky;top:0;z-index:50}.banner--info{background:color-mix(in srgb,var(--status-info) 15%,var(--bg-surface));color:var(--text-primary)}.banner--warning{background:color-mix(in srgb,var(--status-warning) 15%,var(--bg-surface));color:var(--text-primary)}.banner--error{background:color-mix(in srgb,var(--status-danger) 15%,var(--bg-surface));color:var(--text-primary)}.banner--success{background:color-mix(in srgb,var(--status-success) 15%,var(--bg-surface));color:var(--text-primary)}.banner__icon{flex-shrink:0}.banner--info .banner__icon{color:var(--status-info)}.banner--warning .banner__icon{color:var(--status-warning)}.banner--error .banner__icon{color:var(--status-danger)}.banner--success .banner__icon{color:var(--status-success)}.banner__content{flex:1;min-width:0}.banner__action{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid currentColor;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:inherit;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.banner__action:hover{background:#0000000d}.banner__action:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.banner__dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:inherit;opacity:.7;cursor:pointer;flex-shrink:0;transition:opacity .15s ease,background-color .15s ease}.banner__dismiss:hover{opacity:1;background:#0000001a}.banner__dismiss:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.data-grid{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:visible;position:relative}.data-grid__toolbar{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);gap:var(--space-xs)}.data-grid__toolbar-actions{display:flex;align-items:center;gap:var(--space-xs)}.data-grid__toolbar-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s,color .15s}.data-grid__toolbar-button:hover{background:var(--bg-inset);color:var(--text-primary)}.data-grid__toolbar-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.data-grid__table-wrapper{overflow-x:auto;overflow-y:visible;position:relative}.data-grid__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-grid__thead{position:sticky;top:0;z-index:1;background:var(--bg-surface)}.data-grid__th{padding:var(--space-md) var(--space-lg);text-align:left;font-weight:var(--font-semibold);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-grid--compact .data-grid__th{padding:var(--space-sm) var(--space-md)}.data-grid__th--checkbox{width:40px;padding-left:var(--space-lg);padding-right:var(--space-sm)}.data-grid__th--actions{width:48px;padding-right:var(--space-lg)}.data-grid__th--sortable{cursor:pointer}.data-grid__th--sorted{color:var(--text-primary)}.data-grid__th-content{display:flex;align-items:center;gap:var(--space-xs)}.data-grid__th-content--sortable:hover{color:var(--text-primary)}.data-grid__th-content--sortable:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.data-grid__sort-indicator{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--accent-primary)}.data-grid__sort-placeholder{width:12px;height:12px}.data-grid__tbody{background:var(--bg-surface);position:relative}.data-grid__tr{border-bottom:1px solid var(--border-subtle);transition:background-color .15s;position:relative}.data-grid__tr:last-child{border-bottom:none}.data-grid__tr:hover{background:var(--bg-inset)}.data-grid__tr--selected,.data-grid__tr--selected:hover{background:var(--status-info-bg)}.data-grid__tr--clickable{cursor:pointer}.data-grid__tr--skeleton{pointer-events:none}.data-grid__td{padding:var(--space-md) var(--space-lg);color:var(--text-primary);vertical-align:middle}.data-grid--compact .data-grid__td{padding:var(--space-sm) var(--space-md)}.data-grid__td--checkbox{width:40px;padding-left:var(--space-lg);padding-right:var(--space-sm)}.data-grid__td--actions{width:48px;padding-right:var(--space-lg);text-align:right;overflow:visible;position:relative}.data-grid__checkbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--accent-primary)}.data-grid__checkbox:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.data-grid__copyable-cell{display:flex;align-items:center;gap:var(--space-xs)}.data-grid__copyable-value{font-family:var(--font-mono);font-size:var(--text-xs)}.data-grid__copy-button{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(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s,background-color .15s,color .15s}.data-grid__copyable-cell:hover .data-grid__copy-button,.data-grid__copy-button:focus-visible{opacity:1}.data-grid__copy-button:hover{background:var(--bg-inset);color:var(--text-primary)}.data-grid__copy-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.data-grid__row-actions{position:relative;display:inline-flex;z-index:100}.data-grid__actions-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s,color .15s}.data-grid__actions-trigger:hover{background:var(--bg-elevated);color:var(--text-primary)}.data-grid__actions-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.data-grid__actions-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:160px;padding:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.data-grid__actions-menu--portal{position:fixed;z-index:9999;min-width:160px;max-width:200px;padding:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm)}.data-grid__action-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color .15s}.data-grid__action-item:hover{background:var(--bg-inset)}.data-grid__action-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.data-grid__action-item--destructive{color:var(--status-danger)}.data-grid__action-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.data-grid__column-visibility{position:relative}.data-grid__visibility-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:180px;padding:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:var(--space-xs)}.data-grid__visibility-header{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.data-grid__visibility-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background-color .15s}.data-grid__visibility-item:hover{background:var(--bg-inset)}.data-grid__visibility-item input{margin:0;accent-color:var(--accent-primary)}.data-grid__density-toggle{position:relative}.data-grid__density-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:140px;padding:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:var(--space-xs)}.data-grid__density-item{display:flex;align-items:center;width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color .15s}.data-grid__density-item:hover{background:var(--bg-inset)}.data-grid__density-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.data-grid__density-item--active{background:var(--status-info-bg);color:var(--accent-primary)}.data-grid__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center;min-height:300px}.data-grid__error-icon{color:var(--status-danger);margin-bottom:var(--space-md)}.data-grid__error-title{margin:0 0 var(--space-xs) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.data-grid__error-message{margin:0 0 var(--space-lg) 0;font-size:var(--text-sm);color:var(--text-secondary);max-width:400px}[data-theme=dark] .data-grid__actions-menu,[data-theme=dark] .data-grid__visibility-menu,[data-theme=dark] .data-grid__density-menu{border-color:var(--border-strong)}@media (max-width: 768px){.data-grid__th,.data-grid__td{padding:var(--space-sm) var(--space-md)}.data-grid--compact .data-grid__th,.data-grid--compact .data-grid__td{padding:var(--space-xs) var(--space-sm)}}.filter-toolbar{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default)}.filter-toolbar__row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter-toolbar__row--primary{gap:var(--space-md)}.filter-toolbar__row--filters{padding-top:var(--space-xs)}.filter-toolbar__row--info{font-size:var(--font-size-sm);color:var(--text-secondary);gap:var(--space-md)}.filter-toolbar__search{position:relative;flex:1;min-width:200px;max-width:400px}.filter-toolbar__search-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;display:flex;align-items:center}.filter-toolbar__search-input{padding-left:calc(var(--space-sm) + 16px + var(--space-xs))}.filter-toolbar__dropdown{position:relative}.filter-toolbar__dropdown-trigger{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.filter-toolbar__dropdown-trigger:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.filter-toolbar__dropdown-trigger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.filter-toolbar__dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--space-xs);min-width:180px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);z-index:1000;padding:var(--space-xs)}.filter-toolbar__dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);transition:background-color .15s ease}.filter-toolbar__dropdown-item:hover{background:var(--bg-elevated)}.filter-toolbar__dropdown-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.filter-toolbar__date-range{display:flex;align-items:center;gap:var(--space-xs)}.filter-toolbar__date-input{padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color .15s ease}.filter-toolbar__date-input:hover{border-color:var(--border-hover)}.filter-toolbar__date-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-alpha)}.filter-toolbar__date-separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.filter-toolbar__saved-views{position:relative}.filter-toolbar__saved-views-trigger{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.filter-toolbar__saved-views-trigger:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.filter-toolbar__saved-views-trigger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.filter-toolbar__saved-views-menu{position:absolute;top:100%;right:0;margin-top:var(--space-xs);min-width:220px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);z-index:1000;padding:var(--space-xs)}.filter-toolbar__saved-views-empty{padding:var(--space-sm);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}.filter-toolbar__saved-view-item{display:flex;align-items:center;gap:var(--space-xs)}.filter-toolbar__saved-view-button{flex:1;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color .15s ease}.filter-toolbar__saved-view-button:hover{background:var(--bg-elevated)}.filter-toolbar__saved-view-button--active{background:var(--accent-primary-alpha);color:var(--accent-primary)}.filter-toolbar__saved-view-delete{padding:var(--space-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.filter-toolbar__saved-view-item:hover .filter-toolbar__saved-view-delete{opacity:1}.filter-toolbar__saved-view-delete:hover{color:var(--status-danger)}.filter-toolbar__saved-views-divider{height:1px;background:var(--border-default);margin:var(--space-xs) 0}.filter-toolbar__save-view-button{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--accent-primary);cursor:pointer;transition:background-color .15s ease}.filter-toolbar__save-view-button:hover{background:var(--bg-elevated)}.filter-toolbar__save-input-container{display:flex;gap:var(--space-xs);padding:var(--space-xs)}.filter-toolbar__save-input{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.filter-toolbar__save-input:focus{outline:none;border-color:var(--accent-primary)}.filter-toolbar__refresh{padding:var(--space-xs)}.filter-toolbar__refresh-icon--spinning{animation:spin 1s linear infinite}.filter-toolbar__chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.filter-toolbar__chip{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.filter-toolbar__chip-label{color:var(--text-secondary)}.filter-toolbar__chip-value{color:var(--text-primary);font-weight:500}.filter-toolbar__chip-remove{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:color .15s ease,background-color .15s ease}.filter-toolbar__chip-remove:hover{color:var(--text-primary);background:var(--bg-surface)}.filter-toolbar__chip-remove:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.filter-toolbar__clear-all{padding:var(--space-xs) var(--space-sm);background:transparent;border:none;font-size:var(--font-size-sm);color:var(--accent-primary);cursor:pointer;transition:color .15s ease}.filter-toolbar__clear-all:hover{color:var(--accent-primary-hover);text-decoration:underline}.filter-toolbar__clear-all:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.filter-toolbar__result-count{font-weight:500;color:var(--text-primary)}.filter-toolbar__last-updated{color:var(--text-tertiary)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:500;border-radius:var(--radius-sm);white-space:nowrap}.status-badge--sm{padding:2px var(--space-xs);font-size:var(--font-size-xs)}.status-badge--md{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.status-badge__icon{flex-shrink:0}.status-badge--success{background-color:var(--status-success-bg, rgba(34, 197, 94, .1));color:var(--status-success, #16a34a)}.status-badge--warning{background-color:var(--status-warning-bg, rgba(234, 179, 8, .1));color:var(--status-warning, #ca8a04)}.status-badge--error{background-color:var(--status-danger-bg, rgba(239, 68, 68, .1));color:var(--status-danger, #dc2626)}.status-badge--info{background-color:var(--status-info-bg, rgba(59, 130, 246, .1));color:var(--status-info, #2563eb)}.status-badge--neutral{background-color:var(--bg-elevated, rgba(107, 114, 128, .1));color:var(--text-secondary, #6b7280)}.status-badge--queued,.status-badge--processing{background-color:var(--status-info-bg, rgba(59, 130, 246, .1));color:var(--status-info, #2563eb)}.status-badge--processing .status-badge__icon{animation:spin 1s linear infinite}.status-badge--retrying{background-color:var(--status-warning-bg, rgba(234, 179, 8, .1));color:var(--status-warning, #ca8a04)}.status-badge--retrying .status-badge__icon{animation:spin 1s linear infinite}.status-badge--partial{background-color:var(--status-warning-bg, rgba(234, 179, 8, .1));color:var(--status-warning, #ca8a04)}.status-badge--disabled,.status-badge--archived{background-color:var(--bg-elevated, rgba(107, 114, 128, .1));color:var(--text-tertiary, #9ca3af)}@media (prefers-color-scheme: dark){.status-badge--success{background-color:#22c55e26;color:#4ade80}.status-badge--warning{background-color:#eab30826;color:#facc15}.status-badge--error{background-color:#ef444426;color:#f87171}.status-badge--info,.status-badge--queued,.status-badge--processing{background-color:#3b82f626;color:#60a5fa}.status-badge--retrying,.status-badge--partial{background-color:#eab30826;color:#facc15}.status-badge--neutral,.status-badge--disabled,.status-badge--archived{background-color:#6b728026;color:#9ca3af}}@media (prefers-contrast: high){.status-badge{border:1px solid currentColor}}.dashboard{min-height:100vh;padding:var(--space-xl) var(--space-xl) var(--space-3xl);background:var(--bg-canvas);display:flex;flex-direction:column;align-items:center}.dashboard__header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.dashboard__header-content{flex:1}.dashboard__title{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1.2}.dashboard__subtitle{margin:var(--space-xs) 0 0;font-size:var(--font-size-md);color:var(--text-secondary)}.dashboard__header-actions{display:flex;gap:var(--space-sm)}.dashboard__banner-wrapper{width:100%;max-width:900px}.dashboard__features{width:100%;max-width:900px;margin-top:var(--space-lg)}.dashboard__section-title{margin:0 0 var(--space-lg);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.dashboard__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:900px}.dashboard__feature-card{display:flex;flex-direction:column;padding:var(--space-xl);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.dashboard__feature-card:hover:not(.dashboard__feature-card--disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dashboard__feature-card--disabled{opacity:.6;cursor:not-allowed}.dashboard__feature-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.dashboard__feature-name{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.dashboard__feature-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;flex:1}.dashboard__coming-soon{display:inline-block;margin-top:var(--space-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted);background:var(--bg-inset);border-radius:var(--radius-sm)}@media (max-width: 768px){.dashboard{padding:var(--space-lg)}.dashboard__header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.dashboard__header-actions{width:100%;justify-content:flex-end}.dashboard__features-grid{grid-template-columns:1fr}}.reconciliation-page{min-height:100vh;background:var(--bg-canvas);padding:var(--space-xl)}.reconciliation-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);max-width:800px;margin-left:auto;margin-right:auto}.reconciliation-page__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.reconciliation-page__user{display:flex;align-items:center;gap:var(--space-md)}.reconciliation-page__username{font-size:var(--text-sm);color:var(--text-secondary)}.reconciliation-page__content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.reconciliation-form-card{padding:var(--space-xl)}.reconciliation-form{display:flex;flex-direction:column;gap:var(--space-xl)}.reconciliation-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.reconciliation-form__actions{display:flex;justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.reconciliation-status-card{padding:var(--space-xl)}.reconciliation-status-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.reconciliation-status-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.reconciliation-status-card__content{display:flex;flex-direction:column;gap:var(--space-md)}.reconciliation-status-card__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.reconciliation-status-card__row:last-child{border-bottom:none}.reconciliation-status-card__label{font-size:var(--text-sm);color:var(--text-secondary)}.reconciliation-status-card__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-inset);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.reconciliation-status-card__actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.reconciliation-download-link{text-decoration:none;display:inline-block}@media (max-width: 640px){.reconciliation-page{padding:var(--space-md)}.reconciliation-page__header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.reconciliation-form__row{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas);padding:var(--space-lg)}.login-card{width:100%;max-width:400px;padding:var(--space-2xl)}.login-card__header{text-align:center;margin-bottom:var(--space-xl)}.login-card__logo-container{display:flex;justify-content:center;align-items:center;min-height:60px;margin-bottom:var(--space-lg)}.login-card__logo{max-width:200px;max-height:80px;width:auto;height:auto;object-fit:contain}.login-card__logo-skeleton{width:150px;height:50px;border-radius:var(--radius-md)}.login-card__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.login-card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.login-form__submit{width:100%;margin-top:var(--space-sm)}.login-form__submit--branded{--button-primary-bg: var(--login-primary-color, var(--accent-primary));--button-primary-bg-hover: var(--login-primary-color-hover, var(--accent-primary-hover));--button-primary-bg-active: var(--login-primary-color-active, var(--accent-primary-active));background-color:var(--button-primary-bg)}.login-form__submit--branded:hover:not(:disabled){background-color:var(--button-primary-bg-hover)}.login-form__submit--branded:active:not(:disabled){background-color:var(--button-primary-bg-active)}.login-form__submit--branded:focus-visible{outline:2px solid var(--login-primary-color, var(--accent-primary));outline-offset:2px}.login-card__subtitle .skeleton{display:inline-block}.mfa-setup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas);padding:var(--space-lg)}.mfa-setup-card{width:100%;max-width:520px;padding:var(--space-2xl)}.mfa-setup-card--success{text-align:center}.mfa-setup-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xl) 0;text-align:center}.mfa-setup-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0}.mfa-success{padding:var(--space-xl) 0}.mfa-success__icon{width:64px;height:64px;border-radius:50%;background:var(--status-success);color:#fff;font-size:var(--text-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg)}.mfa-success__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.mfa-success__message{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.mfa-steps{display:flex;flex-direction:column;gap:var(--space-xl)}.mfa-step{display:flex;gap:var(--space-md)}.mfa-step__number{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center}.mfa-step__content{flex:1;min-width:0}.mfa-step__title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.mfa-step__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0;line-height:1.5}.mfa-qr-container{display:flex;justify-content:center;margin-bottom:var(--space-md)}.mfa-qr-code{width:200px;height:200px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:#fff;padding:var(--space-sm)}.mfa-manual-entry{font-size:var(--text-sm);color:var(--text-secondary)}.mfa-manual-entry summary{cursor:pointer;color:var(--accent-primary)}.mfa-manual-entry summary:hover{text-decoration:underline}.mfa-secret-code{display:block;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-muted);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--text-sm);word-break:break-all;-webkit-user-select:all;user-select:all}.mfa-verify-form{display:flex;flex-direction:column;gap:var(--space-md)}.mfa-code-input{text-align:center;font-size:var(--text-xl);letter-spacing:.5em;font-family:monospace}.mfa-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-sm)}.mfa-verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas);padding:var(--space-lg)}.mfa-verify-card{width:100%;max-width:400px;padding:var(--space-2xl)}.mfa-verify-card__header{text-align:center;margin-bottom:var(--space-xl)}.mfa-verify-card__icon{font-size:48px;margin-bottom:var(--space-md)}.mfa-verify-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.mfa-verify-card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.mfa-verify-form{display:flex;flex-direction:column;gap:var(--space-lg)}.mfa-verify-code-input{text-align:center;font-size:var(--text-2xl);letter-spacing:.5em;font-family:monospace}.mfa-verify-actions{display:flex;gap:var(--space-md);justify-content:space-between;margin-top:var(--space-sm)}.mfa-verify-submit{flex:1}.admin-nav{display:flex;flex-direction:column;width:260px;height:100%;background:var(--bg-surface);border-right:1px solid var(--border-subtle);transition:width .2s ease-in-out;overflow:hidden}.admin-nav--collapsed{width:60px}.admin-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);min-height:56px}.admin-nav--collapsed .admin-nav__header{justify-content:center;padding:var(--space-md) var(--space-sm)}.admin-nav__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav__collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.admin-nav__collapse-btn:hover{background:var(--bg-inset);color:var(--text-primary)}.admin-nav__collapse-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.admin-nav__collapse-icon{width:18px;height:18px}.admin-nav__list{flex:1;margin:0;padding:var(--space-sm) 0;list-style:none;overflow-y:auto;overflow-x:hidden}.admin-nav__submenu{margin:0;padding:0;list-style:none}.admin-nav__item{margin:0;padding:0}.admin-nav__link{display:flex;align-items:center;width:100%;padding:var(--space-sm) var(--space-lg);background:transparent;border:none;border-radius:0;color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-normal);text-align:left;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease;gap:var(--space-md)}.admin-nav__link:hover{background:var(--bg-inset);color:var(--text-primary)}.admin-nav__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;z-index:1;position:relative}.admin-nav__item--active>.admin-nav__link{background:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-medium)}.admin-nav__item--active>.admin-nav__link:hover{background:var(--accent-primary-hover);color:var(--text-on-accent)}.admin-nav__item--has-active-child>.admin-nav__link{color:var(--text-primary);font-weight:var(--font-medium)}.admin-nav--collapsed .admin-nav__link{justify-content:center;padding:var(--space-sm)}.admin-nav__item--level-1>.admin-nav__link{padding-left:calc(var(--space-lg) + var(--space-xl))}.admin-nav__item--level-2>.admin-nav__link{padding-left:calc(var(--space-lg) + var(--space-xl) * 2)}.admin-nav--collapsed .admin-nav__item--level-1>.admin-nav__link,.admin-nav--collapsed .admin-nav__item--level-2>.admin-nav__link{padding-left:var(--space-sm)}.admin-nav__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.admin-nav__icon-svg{width:100%;height:100%}.admin-nav__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);background:var(--status-info-bg);border-radius:var(--radius-full);color:var(--status-info);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1}.admin-nav__item--active .admin-nav__badge{background:#fff3;color:var(--text-on-accent)}.admin-nav__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-left:auto;transition:transform .15s ease}.admin-nav__chevron-svg{width:100%;height:100%}@media (max-width: 768px){.admin-nav{width:60px}.admin-nav .admin-nav__header{justify-content:center;padding:var(--space-md) var(--space-sm)}.admin-nav .admin-nav__title{display:none}.admin-nav .admin-nav__link{justify-content:center;padding:var(--space-sm)}.admin-nav .admin-nav__label,.admin-nav .admin-nav__badge,.admin-nav .admin-nav__chevron,.admin-nav .admin-nav__submenu{display:none}}.admin-nav__list::-webkit-scrollbar{width:6px}.admin-nav__list::-webkit-scrollbar-track{background:transparent}.admin-nav__list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.admin-nav__list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.admin-nav__list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.detail-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:100;animation:detail-drawer-overlay-show .15s ease-out}@keyframes detail-drawer-overlay-show{0%{opacity:0}to{opacity:1}}.detail-drawer{position:fixed;top:0;right:0;bottom:0;display:flex;flex-direction:column;background:var(--bg-surface);box-shadow:var(--shadow-overlay);z-index:101;animation:detail-drawer-slide-in .2s ease-out}@keyframes detail-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-drawer--sm{width:400px;max-width:90vw}.detail-drawer--md{width:560px;max-width:90vw}.detail-drawer--lg{width:720px;max-width:90vw}.detail-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-default);flex-shrink:0}.detail-drawer__header-content{flex:1;min-width:0}.detail-drawer__title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.4}.detail-drawer__subtitle{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.detail-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.detail-drawer__close:hover{background:var(--bg-elevated);color:var(--text-primary)}.detail-drawer__close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.detail-drawer__content{flex:1;overflow-y:auto;padding:var(--space-lg)}.detail-drawer__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-default);flex-shrink:0}@media (max-width: 640px){.detail-drawer{width:100vw;max-width:100vw}.detail-drawer__header,.detail-drawer__content{padding:var(--space-md)}.detail-drawer__actions{padding:var(--space-sm) var(--space-md);flex-direction:column}.detail-drawer__actions button{width:100%}}.key-value-summary{display:grid;gap:var(--space-md);margin:0}.key-value-summary--cols-1{grid-template-columns:1fr}.key-value-summary--cols-2{grid-template-columns:repeat(2,1fr)}.key-value-summary--cols-3{grid-template-columns:repeat(3,1fr)}.key-value-summary__item{display:flex;flex-direction:column;gap:var(--space-xs)}.key-value-summary__label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.key-value-summary__value{display:flex;align-items:center;gap:var(--space-xs);margin:0;font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word}.key-value-summary__value-text{flex:1;min-width:0}.key-value-summary__copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.key-value-summary__copy-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.key-value-summary__copy-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 640px){.key-value-summary--cols-2,.key-value-summary--cols-3{grid-template-columns:1fr}}@media (min-width: 641px) and (max-width: 900px){.key-value-summary--cols-3{grid-template-columns:repeat(2,1fr)}}.audit-timeline{list-style:none;margin:0;padding:0;position:relative}.audit-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--border-default)}.audit-timeline--loading:before,.audit-timeline--empty:before{display:none}.audit-timeline__event{position:relative;display:flex;gap:var(--space-md);padding-bottom:var(--space-lg)}.audit-timeline__event:last-child{padding-bottom:0}.audit-timeline__event-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-top:2px;background:var(--bg-surface)}.audit-timeline__event--success .audit-timeline__event-icon{color:var(--status-success)}.audit-timeline__event--warning .audit-timeline__event-icon{color:var(--status-warning)}.audit-timeline__event--error .audit-timeline__event-icon{color:var(--status-danger)}.audit-timeline__event--info .audit-timeline__event-icon{color:var(--status-info)}.audit-timeline__event--pending .audit-timeline__event-icon{color:var(--text-secondary)}.audit-timeline__event-content{flex:1;min-width:0}.audit-timeline__event-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.audit-timeline__event-action{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.audit-timeline__event-time{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.audit-timeline__event-source{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.audit-timeline__event-system{padding:2px 6px;background:var(--bg-elevated);border-radius:var(--radius-sm);font-family:var(--font-mono)}.audit-timeline__event-message{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.audit-timeline__expand-btn{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:0;background:transparent;border:none;font-size:var(--font-size-xs);color:var(--accent-primary);cursor:pointer;transition:color .15s ease}.audit-timeline__expand-btn:hover{color:var(--accent-primary-hover)}.audit-timeline__expand-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.audit-timeline__metadata{margin:var(--space-sm) 0 0;padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.audit-timeline__skeleton{display:flex;gap:var(--space-md);padding-bottom:var(--space-lg)}.audit-timeline__skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.audit-timeline--empty{padding:var(--space-xl);text-align:center}.retry-panel{padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-default)}.retry-panel__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--text-primary)}.retry-panel__title{font-size:var(--font-size-sm);font-weight:600}.retry-panel__stats{display:flex;flex-direction:column;gap:var(--space-sm)}.retry-panel__stat{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md)}.retry-panel__stat-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.retry-panel__stat-value{font-size:var(--font-size-sm);color:var(--text-primary);text-align:right}.retry-panel__stat-relative{margin-left:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.retry-panel__stat--exhausted .retry-panel__stat-value{color:var(--status-danger);font-weight:500}.retry-panel__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-default)}.copy-payload-button{display:inline-flex;align-items:center;gap:var(--space-xs)}.copy-payload-button--copied{color:var(--status-success)}.config-overview__module-name{display:flex;align-items:center;gap:var(--space-sm);font-weight:500;color:var(--text-primary)}.config-overview__module-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);flex-shrink:0}.config-overview__module-icon svg{width:18px;height:18px}.config-overview__description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.config-overview__entry-count{font-variant-numeric:tabular-nums;color:var(--text-primary)}.config-overview__date{color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap}.config-overview .data-grid__tr--clickable:hover .config-overview__module-name{color:var(--accent-primary)}.config-overview .data-grid__tr--clickable:hover .config-overview__module-icon{background:var(--accent-primary);color:var(--text-on-accent)}@media (prefers-color-scheme: dark){.config-overview__module-icon{background:var(--bg-surface)}}@media (max-width: 768px){.config-overview__description{display:none}}.module-config__actions{display:flex;align-items:center;gap:var(--space-sm)}.module-config__back-button{display:flex;align-items:center;gap:var(--space-xs)}.module-config__content{display:flex;flex-direction:column;gap:var(--space-lg)}.module-config__entry-list{display:flex;flex-direction:column;gap:var(--space-md)}.module-config__entry-name{display:flex;flex-direction:column;gap:2px}.module-config__entry-display-name{font-weight:500;color:var(--text-primary)}.module-config__entry-key{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.module-config__entry-type{font-size:var(--text-sm);color:var(--text-secondary);padding:2px 8px;background:var(--bg-elevated);border-radius:var(--radius-sm)}.module-config__entry-value{font-size:var(--text-sm);color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-config__entry-value--masked{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.1em}.module-config__entry-date{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.module-config .ds-tabs{width:100%}.module-config .ds-tabs-content{padding-top:var(--space-md)}.module-config .data-grid__tr--clickable:hover .module-config__entry-display-name{color:var(--accent-primary)}.module-config__system-required{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary);margin-left:var(--space-xs)}.module-config__system-required svg{width:12px;height:12px}@media (prefers-color-scheme: dark){.module-config__entry-type{background:var(--bg-surface)}}@media (max-width: 768px){.module-config__entry-key{display:none}.module-config__entry-value{max-width:120px}.module-config__actions{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.module-config .ds-tabs-list{flex-wrap:wrap}.module-config__entry-type{display:none}}.module-config--loading{padding:var(--space-xl)}.module-config__loading-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.module-config__loading-header-content{display:flex;flex-direction:column;gap:var(--space-sm)}.module-config__loading-tabs{display:flex;flex-direction:column;gap:var(--space-lg)}.module-config__loading-tab-list{display:flex;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.module-config__loading-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.module-config__loading-table{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) 0}.module-config__loading-row{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.config-entry-form__form{display:flex;flex-direction:column;gap:var(--space-xl)}.config-entry-form__secret-input{display:flex;align-items:stretch;gap:var(--space-xs)}.config-entry-form__secret-field{flex:1}.config-entry-form__secret-toggle{display:flex;align-items:center;justify-content:center;width:40px;padding:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.config-entry-form__secret-toggle:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-hover)}.config-entry-form__secret-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.config-entry-form__secret-toggle:active{background:var(--bg-pressed)}.config-entry-form__json-input{font-family:var(--font-mono, "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace);font-size:var(--text-sm);line-height:1.5}[data-theme=dark] .config-entry-form__secret-toggle{background:var(--bg-surface);border-color:var(--border-default)}[data-theme=dark] .config-entry-form__secret-toggle:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.secret-field{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:40px}.secret-field--revealed{background:var(--bg-elevated);border-color:var(--accent-primary)}.secret-field--disabled{opacity:.7}.secret-field__value-container{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0;overflow:hidden}.secret-field__value{font-family:var(--font-mono, "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace);font-size:var(--text-sm);color:var(--text-primary);background:transparent;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.secret-field--revealed .secret-field__value{color:var(--status-success);font-weight:500}.secret-field__countdown{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;color:var(--status-warning);background:color-mix(in srgb,var(--status-warning) 15%,transparent);border-radius:var(--radius-sm);flex-shrink:0}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.6}}.secret-field__countdown{animation:countdown-pulse 1s ease-in-out infinite}.secret-field__actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.secret-field__reveal-btn,.secret-field__hide-btn,.secret-field__copy-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);transition:color .15s ease}.secret-field__reveal-btn:hover:not(:disabled),.secret-field__hide-btn:hover,.secret-field__copy-btn:hover{color:var(--accent-primary)}.secret-field__reveal-btn--disabled{cursor:not-allowed;opacity:.5}.secret-field__hide-btn{color:var(--status-warning)}.secret-field__hide-btn:hover{color:var(--status-danger)}.secret-field__copy-btn svg{width:14px;height:14px}.secret-field__disabled-wrapper{display:inline-flex}.secret-field__error{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);color:var(--status-danger);background:color-mix(in srgb,var(--status-danger) 10%,transparent);border-radius:var(--radius-sm)}.secret-field__dialog-content{display:flex;flex-direction:column;gap:var(--space-lg)}.secret-field__dialog-warning{padding:var(--space-md);font-size:var(--text-sm);color:var(--text-primary);background:color-mix(in srgb,var(--status-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--status-warning) 30%,transparent);border-radius:var(--radius-md);margin:0}.secret-field__dialog-warning strong{color:var(--status-warning)}.secret-field__dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}[data-theme=dark] .secret-field{background:var(--bg-surface);border-color:var(--border-subtle)}[data-theme=dark] .secret-field--revealed{background:var(--bg-elevated)}[data-theme=dark] .secret-field__value{color:var(--text-primary)}[data-theme=dark] .secret-field--revealed .secret-field__value{color:var(--status-success)}@media (max-width: 480px){.secret-field{flex-wrap:wrap;gap:var(--space-xs)}.secret-field__value-container{width:100%}.secret-field__actions{width:100%;justify-content:flex-end}.secret-field__reveal-btn span,.secret-field__hide-btn span{display:none}}.config-import-export{width:100%;max-width:800px}.config-import-export__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-secondary)}.config-import-export__spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.config-import-export__section{margin-top:var(--space-lg)}.config-import-export__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.config-import-export__section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.config-import-export__select-all{background:none;border:none;color:var(--accent-primary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background-color .15s ease}.config-import-export__select-all:hover{background-color:var(--bg-elevated)}.config-import-export__module-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:240px;overflow-y:auto;padding:var(--space-sm);background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.config-import-export__empty{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;padding:var(--space-lg);margin:0}.config-import-export__checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.config-import-export__checkbox-label:hover{background-color:var(--bg-elevated)}.config-import-export__checkbox-label--warning{background-color:color-mix(in srgb,var(--status-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--status-warning) 30%,transparent)}.config-import-export__checkbox-label--warning:hover{background-color:color-mix(in srgb,var(--status-warning) 15%,transparent)}.config-import-export__checkbox{width:16px;height:16px;margin-top:2px;accent-color:var(--accent-primary);cursor:pointer}.config-import-export__checkbox-text{display:flex;flex-direction:column;gap:2px;flex:1}.config-import-export__module-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.config-import-export__module-key{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono)}.config-import-export__secret-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--status-warning)}.config-import-export__secret-label svg{width:14px;height:14px}.config-import-export__secret-warning{font-size:var(--text-xs);color:var(--text-secondary)}.config-import-export__error{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background-color:color-mix(in srgb,var(--status-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--status-danger) 30%,transparent);border-radius:var(--radius-md);color:var(--status-danger);font-size:var(--text-sm);margin-bottom:var(--space-md)}.config-import-export__error svg{flex-shrink:0;margin-top:2px}.config-import-export__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-canvas);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.config-import-export__dropzone:hover,.config-import-export__dropzone:focus{border-color:var(--accent-primary);background-color:color-mix(in srgb,var(--accent-primary) 5%,transparent);outline:none}.config-import-export__dropzone:focus-visible{box-shadow:0 0 0 2px var(--accent-primary)}.config-import-export__file-input{display:none}.config-import-export__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--text-secondary)}.config-import-export__dropzone-content svg{width:32px;height:32px;color:var(--accent-primary)}.config-import-export__dropzone-text{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin:0}.config-import-export__dropzone-hint{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.config-import-export__file-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.config-import-export__file-details{display:flex;align-items:center;gap:var(--space-sm)}.config-import-export__file-details svg{color:var(--accent-primary)}.config-import-export__file-meta{display:flex;flex-direction:column;gap:2px}.config-import-export__file-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.config-import-export__file-size{font-size:var(--text-xs);color:var(--text-secondary)}.config-import-export__preview{margin-top:var(--space-lg)}.config-import-export__preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.config-import-export__error-count{font-size:var(--text-xs);color:var(--status-danger);font-weight:500}.config-import-export__status-cell{display:flex;flex-direction:column;gap:2px}.config-import-export__error-hint{font-size:var(--text-xs);color:var(--status-danger);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-import-export__option-hint{font-size:var(--text-xs);color:var(--text-secondary)}.config-import-export__result{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-lg)}.config-import-export__result--success{background-color:color-mix(in srgb,var(--status-success) 10%,transparent);border:1px solid color-mix(in srgb,var(--status-success) 30%,transparent);color:var(--status-success)}.config-import-export__result--error{background-color:color-mix(in srgb,var(--status-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--status-warning) 30%,transparent);color:var(--status-warning)}.config-import-export__result svg{flex-shrink:0;margin-top:2px}.config-import-export__result-text{display:flex;flex-direction:column;gap:var(--space-xs)}.config-import-export__result-summary{font-size:var(--text-sm);font-weight:500}.config-import-export__result-errors{margin:0;padding-left:var(--space-lg);font-size:var(--text-xs);color:var(--text-secondary)}.config-import-export__result-errors li{margin-bottom:2px}.config-import-export__dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}@media (prefers-color-scheme: dark){.config-import-export__module-list,.config-import-export__dropzone,.config-import-export__file-info{background-color:var(--bg-surface)}}.user-list__display-name{font-weight:500;color:var(--text-primary)}.user-list__email{color:var(--text-secondary);font-size:var(--text-sm)}.user-list__role{color:var(--text-primary);font-size:var(--text-sm)}.user-list__date{color:var(--text-secondary);font-size:var(--text-sm)}.user-list__detail-content{padding:var(--space-md)}.user-list-page .list-page__actions button{display:inline-flex;align-items:center;gap:var(--space-xs)}.user-list-page .filter-toolbar__dropdown{position:relative}.user-list-page .filter-toolbar__row--primary{gap:var(--space-md)}.user-list-page .data-grid__td .status-badge{display:inline-flex}@media (max-width: 768px){.user-list__email{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list__display-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-color-scheme: dark){.user-list__display-name{color:var(--text-primary)}.user-list__email,.user-list__date{color:var(--text-secondary)}}.user-list__dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.user-form{max-width:600px}.user-form__fields{display:flex;flex-direction:column;gap:var(--space-lg)}.user-form__field{display:flex;flex-direction:column;gap:var(--space-xs)}.user-form__label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.user-form__required{color:var(--status-danger)}.user-form__error{font-size:var(--text-xs);color:var(--status-danger);margin:0}.user-form__helper{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.user-form__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}@media (max-width: 480px){.user-form__actions{flex-direction:column-reverse}.user-form__actions button{width:100%}}.user-form__mfa-info{display:flex;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-sm)}.user-form__mfa-info--required{background-color:var(--status-warning-bg, rgba(245, 158, 11, .1));border:1px solid var(--status-warning, #f59e0b)}.user-form__mfa-info--optional{background-color:var(--status-info-bg, rgba(59, 130, 246, .1));border:1px solid var(--status-info, #3b82f6)}.user-form__mfa-icon{flex-shrink:0;width:24px;height:24px}.user-form__mfa-info--required .user-form__mfa-icon{color:var(--status-warning, #f59e0b)}.user-form__mfa-info--optional .user-form__mfa-icon{color:var(--status-info, #3b82f6)}.user-form__mfa-icon svg{width:100%;height:100%}.user-form__mfa-content{display:flex;flex-direction:column;gap:var(--space-xs)}.user-form__mfa-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.user-form__mfa-message{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.user-role-selector{display:flex;flex-direction:column;gap:var(--space-md, 12px)}.user-role-selector__label{font-size:var(--text-sm, .875rem);font-weight:500;color:var(--text-primary)}.user-role-selector__content{display:flex;align-items:center;gap:var(--space-sm, 8px)}.user-role-selector__select-wrapper{flex:1;max-width:200px}.user-role-selector__badge-wrapper{display:inline-flex;cursor:help}.user-role-selector__tooltip{display:flex;flex-direction:column;gap:var(--space-xs, 4px);max-width:280px}.user-role-selector__tooltip-title{font-weight:600;font-size:var(--text-sm, .875rem);color:var(--text-primary)}.user-role-selector__tooltip-description{font-size:var(--text-xs, .75rem);color:var(--text-secondary)}.user-role-selector__tooltip-permissions{margin-top:var(--space-xs, 4px);padding-top:var(--space-xs, 4px);border-top:1px solid var(--border-subtle)}.user-role-selector__tooltip-permissions-label{font-size:var(--text-xs, .75rem);font-weight:500;color:var(--text-secondary)}.user-role-selector__tooltip-permissions-list{margin:var(--space-xs, 4px) 0 0 0;padding-left:var(--space-md, 12px);font-size:var(--text-xs, .75rem);color:var(--text-secondary)}.user-role-selector__tooltip-permissions-list li{margin-bottom:2px}.user-role-selector__error{display:flex;align-items:center;gap:var(--space-xs, 4px);font-size:var(--text-sm, .875rem);color:var(--status-danger)}.user-role-selector__warning{display:flex;align-items:flex-start;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 12px);background-color:var(--bg-warning-subtle, rgba(245, 158, 11, .1));border:1px solid var(--border-warning, rgba(245, 158, 11, .3));border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);color:var(--text-warning, #b45309)}[data-theme=dark] .user-role-selector__warning{background-color:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.user-role-selector__notice{display:flex;align-items:flex-start;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 12px);background-color:var(--bg-info-subtle, rgba(59, 130, 246, .1));border:1px solid var(--border-info, rgba(59, 130, 246, .3));border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);color:var(--text-info, #1d4ed8)}[data-theme=dark] .user-role-selector__notice{background-color:#3b82f626;border-color:#3b82f666;color:#60a5fa}.user-role-selector__icon{flex-shrink:0}.user-role-selector__icon--warning{color:var(--status-warning, #f59e0b)}.user-role-selector__icon--info{color:var(--status-info, #3b82f6)}.user-role-selector__icon--check{color:var(--status-success, #10b981)}.user-role-selector__permissions{margin-top:var(--space-md, 12px)}.user-role-selector__permissions-header{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm, 8px)}.user-role-selector__permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md, 12px)}.user-role-selector__role-card{display:flex;flex-direction:column;gap:var(--space-xs, 4px);padding:var(--space-md, 12px);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease}.user-role-selector__role-card:hover:not(.user-role-selector__role-card--disabled){border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.user-role-selector__role-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.user-role-selector__role-card--selected{border-color:var(--accent-primary);background-color:var(--bg-accent-subtle, rgba(59, 130, 246, .05))}.user-role-selector__role-card--disabled{opacity:.6;cursor:not-allowed}.user-role-selector__role-card--disabled:hover{border-color:var(--border-subtle);box-shadow:none}.user-role-selector__role-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm, 8px)}.user-role-selector__current-indicator{font-size:var(--text-xs, .75rem);font-weight:500;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.user-role-selector__role-card-description{font-size:var(--text-sm, .875rem);color:var(--text-secondary);margin-top:var(--space-xs, 4px)}.user-role-selector__role-card-permissions{list-style:none;margin:var(--space-sm, 8px) 0 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.user-role-selector__role-card-permissions li{display:flex;align-items:center;gap:var(--space-xs, 4px);font-size:var(--text-xs, .75rem);color:var(--text-secondary)}.user-role-selector__role-card-disabled-reason{margin-top:var(--space-sm, 8px);padding-top:var(--space-sm, 8px);border-top:1px solid var(--border-subtle);font-size:var(--text-xs, .75rem);color:var(--status-danger);font-style:italic}@media (max-width: 640px){.user-role-selector__permissions-grid{grid-template-columns:1fr}}.password-reset-dialog__content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md) 0;min-width:320px}.password-reset-dialog__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin-bottom:var(--space-lg)}.password-reset-dialog__icon--confirm{background-color:var(--bg-info-subtle, rgba(59, 130, 246, .1));color:var(--text-info, #3b82f6)}.password-reset-dialog__icon--success{background-color:var(--bg-success-subtle, rgba(34, 197, 94, .1));color:var(--status-success, #22c55e)}.password-reset-dialog__icon--error{background-color:var(--bg-danger-subtle, rgba(239, 68, 68, .1));color:var(--status-danger, #ef4444)}.password-reset-dialog__message{font-size:var(--text-base, 1rem);color:var(--text-primary);margin:0 0 var(--space-sm) 0;line-height:1.5}.password-reset-dialog__detail{font-size:var(--text-sm, .875rem);color:var(--text-secondary);margin:0 0 var(--space-lg) 0;line-height:1.5}.password-reset-dialog__detail strong{color:var(--text-primary);font-weight:500}.password-reset-dialog__error{font-size:var(--text-sm, .875rem);color:var(--status-danger, #ef4444);margin:0 0 var(--space-lg) 0;padding:var(--space-sm) var(--space-md);background-color:var(--bg-danger-subtle, rgba(239, 68, 68, .1));border-radius:var(--radius-sm, 6px);line-height:1.5;max-width:100%;word-break:break-word}.password-reset-dialog__loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) 0}.password-reset-dialog__spinner{animation:password-reset-spin 1s linear infinite;color:var(--accent-primary, #3b82f6);margin-bottom:var(--space-lg)}@keyframes password-reset-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-reset-dialog__actions{display:flex;gap:var(--space-sm);justify-content:flex-end;width:100%;margin-top:var(--space-md)}.password-reset-dialog__actions--centered{justify-content:center}@media (prefers-color-scheme: dark){.password-reset-dialog__icon--confirm{background-color:#3b82f626}.password-reset-dialog__icon--success{background-color:#22c55e26}.password-reset-dialog__icon--error,.password-reset-dialog__error{background-color:#ef444426}}[data-theme=dark] .password-reset-dialog__icon--confirm,.dark .password-reset-dialog__icon--confirm{background-color:#3b82f626}[data-theme=dark] .password-reset-dialog__icon--success,.dark .password-reset-dialog__icon--success{background-color:#22c55e26}[data-theme=dark] .password-reset-dialog__icon--error,.dark .password-reset-dialog__icon--error,[data-theme=dark] .password-reset-dialog__error,.dark .password-reset-dialog__error{background-color:#ef444426}.audit-history__timestamp{font-family:var(--font-mono, monospace);font-size:var(--text-sm);color:var(--text-secondary)}.audit-history__actor{font-size:var(--text-sm);color:var(--text-primary)}.audit-history__target{font-family:var(--font-mono, monospace);font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.audit-history__module{font-size:var(--text-sm);color:var(--text-secondary);text-transform:capitalize}.audit-history__category{font-size:var(--text-sm);color:var(--text-secondary)}.audit-history__detail-content{display:flex;flex-direction:column;gap:var(--space-xl)}.audit-history__values-section{display:flex;flex-direction:column;gap:var(--space-md)}.audit-history__section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.audit-history__values-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@media (max-width: 640px){.audit-history__values-grid{grid-template-columns:1fr}}.audit-history__value-block{display:flex;flex-direction:column;gap:var(--space-xs)}.audit-history__value-label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.audit-history__value-content{font-family:var(--font-mono, monospace);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm);margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.audit-history__metadata-section{display:flex;flex-direction:column;gap:var(--space-md)}.audit-history__value-content:has([data-secret=true]){color:var(--status-warning);font-style:italic}.branding-settings{display:flex;flex-direction:column;gap:var(--space-lg)}.branding-settings__layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl);align-items:start}@media (max-width: 1024px){.branding-settings__layout{grid-template-columns:1fr}.branding-settings__preview{order:-1}}.branding-settings__form,.branding-settings__loading{display:flex;flex-direction:column;gap:var(--space-lg)}.branding-settings__error,.branding-settings__success{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm)}.branding-settings__error{background-color:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger)}.branding-settings__success{background-color:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.branding-settings__error-dismiss{margin-left:auto;padding:var(--space-xs);background:none;border:none;color:inherit;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.branding-settings__error-dismiss:hover{background-color:#0000001a}.branding-upload{position:relative}.branding-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}.branding-upload__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);border:2px dashed var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-inset);color:var(--text-secondary);cursor:pointer;transition:border-color .2s,background-color .2s}.branding-upload__dropzone:hover,.branding-upload__dropzone--active{border-color:var(--accent-primary);background-color:var(--bg-surface)}.branding-upload__dropzone:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.branding-upload__text{font-size:var(--text-sm);font-weight:500}.branding-upload__hint{font-size:var(--text-xs);color:var(--text-muted)}.branding-upload__loading{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary)}.branding-upload__spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.branding-upload__preview{position:relative;display:inline-flex;padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-surface)}.branding-upload__image{max-width:200px;max-height:100px;object-fit:contain}.branding-upload__remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--status-danger);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s}.branding-upload__remove:hover{background-color:var(--status-danger);filter:brightness(.9)}.branding-upload__remove:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.branding-color-picker{display:flex;align-items:center;gap:var(--space-sm)}.branding-color-picker__swatch{width:48px;height:40px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0}.branding-color-picker__swatch::-webkit-color-swatch-wrapper{padding:2px}.branding-color-picker__swatch::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.branding-color-picker__input{width:100px;font-family:monospace}.branding-color-picker__contrast{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.branding-color-picker__contrast--pass{background-color:var(--status-success-bg);color:var(--status-success)}.branding-color-picker__contrast--warning{background-color:var(--status-warning-bg);color:var(--status-warning)}.branding-color-picker__warning{display:flex;align-items:flex-start;gap:var(--space-xs);margin-top:var(--space-xs);padding:var(--space-sm);background-color:var(--status-warning-bg);color:var(--status-warning);border-radius:var(--radius-sm);font-size:var(--text-xs)}.branding-color-picker__warning svg{flex-shrink:0;margin-top:1px}.branding-preview{position:sticky;top:var(--space-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-surface);overflow:hidden}.branding-preview__header{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-inset)}.branding-preview__title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.branding-preview__content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.branding-preview__app-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.branding-preview__logo{max-width:80px;max-height:32px;object-fit:contain}.branding-preview__logo-placeholder{width:80px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-inset);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted)}.branding-preview__app-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.branding-preview__buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.branding-preview__button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:default;transition:none}.branding-preview__button--primary{color:#fff;border:none}.branding-preview__button--secondary{background-color:transparent;border:1px solid}.branding-preview__links{display:flex;flex-direction:column;gap:var(--space-xs)}.branding-preview__link{font-size:var(--text-sm);text-decoration:underline;cursor:default}.branding-preview__text{font-size:var(--text-sm)}.logo-uploader{width:100%}.logo-uploader__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md, 12px);min-height:160px;padding:var(--space-xl, 24px);border:2px dashed var(--border-default, #dee2e6);border-radius:var(--radius-lg, 12px);background-color:var(--bg-surface, #ffffff);cursor:pointer;transition:all .2s ease}.logo-uploader__dropzone:hover:not(.logo-uploader__dropzone--disabled){border-color:var(--accent-primary, #228be6);background-color:var(--bg-surface-hover, #f8f9fa)}.logo-uploader__dropzone:focus-visible{outline:2px solid var(--accent-primary, #228be6);outline-offset:2px;border-color:var(--accent-primary, #228be6)}.logo-uploader__dropzone--active{border-color:var(--accent-primary, #228be6);background-color:var(--bg-accent-subtle, #e7f5ff);border-style:solid}.logo-uploader__dropzone--disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-disabled, #f1f3f5)}.logo-uploader__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm, 8px)}.logo-uploader__dropzone-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs, 4px);text-align:center}.logo-uploader__dropzone-primary{font-size:var(--text-sm, 14px);font-weight:500;color:var(--text-primary, #212529)}.logo-uploader__dropzone-secondary{font-size:var(--text-xs, 12px);color:var(--text-secondary, #868e96)}.logo-uploader__icon{color:var(--text-secondary, #868e96)}.logo-uploader__placeholder-icon{color:var(--border-default, #dee2e6);opacity:.5}.logo-uploader__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm, 8px)}.logo-uploader__loading-text{font-size:var(--text-sm, 14px);color:var(--text-secondary, #868e96)}.logo-uploader__spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border-default, #dee2e6);border-top-color:var(--accent-primary, #228be6);border-radius:50%;animation:logo-uploader-spin .8s linear infinite}@keyframes logo-uploader-spin{to{transform:rotate(360deg)}}.logo-uploader__preview{display:flex;flex-direction:column;gap:var(--space-md, 12px)}.logo-uploader__preview-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-lg, 16px);border:1px solid var(--border-default, #dee2e6);border-radius:var(--radius-lg, 12px);background-color:var(--bg-surface, #ffffff);background-image:linear-gradient(45deg,var(--bg-canvas, #f8f9fa) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-canvas, #f8f9fa) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-canvas, #f8f9fa) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-canvas, #f8f9fa) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.logo-uploader__preview-image{max-width:100%;max-height:100px;object-fit:contain}.logo-uploader__preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;border-radius:var(--radius-lg, 12px)}[data-theme=dark] .logo-uploader__preview-loading{background-color:#0009}.logo-uploader__preview-actions{display:flex;gap:var(--space-sm, 8px)}.logo-uploader__change-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm, 8px) var(--space-md, 12px);font-size:var(--text-sm, 14px);font-weight:500;color:var(--accent-primary, #228be6);background-color:transparent;border:1px solid var(--accent-primary, #228be6);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease}.logo-uploader__change-btn:hover:not(:disabled){background-color:var(--bg-accent-subtle, #e7f5ff)}.logo-uploader__change-btn:focus-visible{outline:2px solid var(--accent-primary, #228be6);outline-offset:2px}.logo-uploader__change-btn:disabled{opacity:.6;cursor:not-allowed}.logo-uploader__remove-btn{display:inline-flex;align-items:center;gap:var(--space-xs, 4px);padding:var(--space-sm, 8px) var(--space-md, 12px);font-size:var(--text-sm, 14px);font-weight:500;color:var(--status-danger, #fa5252);background-color:transparent;border:1px solid var(--status-danger, #fa5252);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease}.logo-uploader__remove-btn:hover:not(:disabled){background-color:var(--bg-danger-subtle, #fff5f5)}.logo-uploader__remove-btn:focus-visible{outline:2px solid var(--status-danger, #fa5252);outline-offset:2px}.logo-uploader__remove-btn:disabled{opacity:.6;cursor:not-allowed}.logo-uploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=dark] .logo-uploader__dropzone{background-color:var(--bg-surface, #1a1b1e);border-color:var(--border-default, #373a40)}[data-theme=dark] .logo-uploader__dropzone:hover:not(.logo-uploader__dropzone--disabled){background-color:var(--bg-surface-hover, #25262b);border-color:var(--accent-primary, #339af0)}[data-theme=dark] .logo-uploader__dropzone--active{background-color:var(--bg-accent-subtle, #1c2536);border-color:var(--accent-primary, #339af0)}[data-theme=dark] .logo-uploader__dropzone--disabled{background-color:var(--bg-disabled, #25262b)}[data-theme=dark] .logo-uploader__preview-container{background-color:var(--bg-surface, #1a1b1e);border-color:var(--border-default, #373a40);background-image:linear-gradient(45deg,var(--bg-canvas, #141517) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-canvas, #141517) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-canvas, #141517) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-canvas, #141517) 75%)}[data-theme=dark] .logo-uploader__change-btn:hover:not(:disabled){background-color:var(--bg-accent-subtle, #1c2536)}[data-theme=dark] .logo-uploader__remove-btn:hover:not(:disabled){background-color:var(--bg-danger-subtle, #2c1f1f)}[data-theme=dark] .logo-uploader__spinner{border-color:var(--border-default, #373a40);border-top-color:var(--accent-primary, #339af0)}.color-picker{display:flex;flex-direction:column;gap:var(--space-xs)}.color-picker__label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.color-picker__controls{display:flex;align-items:center;gap:var(--space-sm)}.color-picker__swatch{width:48px;height:40px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;background:none}.color-picker__swatch:hover:not(:disabled){border-color:var(--accent-primary)}.color-picker__swatch:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.color-picker__swatch:disabled{opacity:.5;cursor:not-allowed}.color-picker__swatch::-webkit-color-swatch-wrapper{padding:2px}.color-picker__swatch::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-sm) - 2px)}.color-picker__swatch::-moz-color-swatch{border:none;border-radius:calc(var(--radius-sm) - 2px)}.color-picker__input{width:100px;font-family:var(--font-mono, monospace);text-transform:uppercase}.color-picker__contrast{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap;flex-shrink:0}.color-picker__contrast--pass{background-color:var(--status-success-bg);color:var(--status-success)}.color-picker__contrast--warning{background-color:var(--status-warning-bg);color:var(--status-warning)}.color-picker__contrast svg{flex-shrink:0}.color-picker__helper{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.color-picker__error{margin:0;font-size:var(--text-xs);color:var(--status-danger)}.color-picker__warning{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);background-color:var(--status-warning-bg);color:var(--status-warning);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.4}.color-picker__warning svg{flex-shrink:0;margin-top:1px}.permission-matrix{display:flex;flex-direction:column;gap:var(--space-lg, 16px);position:relative}.permission-matrix--loading,.permission-matrix--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md, 12px);color:var(--text-secondary, #6b7280)}.permission-matrix__spinner{width:40px;height:40px;color:var(--accent-primary, #3b82f6)}.permission-matrix__error-message{color:var(--status-danger, #ef4444);text-align:center}.permission-matrix__retry-btn{padding:var(--space-sm, 8px) var(--space-lg, 16px);background:var(--accent-primary, #3b82f6);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;font-weight:500}.permission-matrix__retry-btn:hover{background:var(--accent-primary-hover, #2563eb)}.permission-matrix__error-banner{padding:var(--space-md, 12px) var(--space-lg, 16px);background:var(--status-danger-bg, #fef2f2);color:var(--status-danger, #ef4444);border-radius:var(--radius-md, 8px);border:1px solid var(--status-danger-border, #fecaca)}.permission-matrix__table-container{overflow-x:auto;border:1px solid var(--border-subtle, #e5e7eb);border-radius:var(--radius-lg, 12px);background:var(--bg-surface, #ffffff)}.permission-matrix__table{width:100%;border-collapse:collapse;font-size:var(--text-sm, 14px)}.permission-matrix__header-cell{padding:var(--space-md, 12px) var(--space-lg, 16px);text-align:center;font-weight:600;background:var(--bg-elevated, #f9fafb);border-bottom:2px solid var(--border-subtle, #e5e7eb);white-space:nowrap}.permission-matrix__header-cell--permission{text-align:left;min-width:280px}.permission-matrix__header-cell--role{min-width:100px}.permission-matrix__role-name{display:block}.permission-matrix__mfa-badge{display:inline-block;margin-top:var(--space-xs, 4px);padding:2px 6px;font-size:var(--text-xs, 12px);font-weight:500;background:var(--status-warning-bg, #fef3c7);color:var(--status-warning, #d97706);border-radius:var(--radius-sm, 6px)}.permission-matrix__category-row{background:var(--bg-elevated, #f9fafb)}.permission-matrix__category-cell{padding:var(--space-sm, 8px) var(--space-lg, 16px);font-weight:600;font-size:var(--text-xs, 12px);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);border-top:1px solid var(--border-subtle, #e5e7eb)}.permission-matrix__permission-row{border-bottom:1px solid var(--border-subtle, #e5e7eb)}.permission-matrix__permission-row:last-child{border-bottom:none}.permission-matrix__permission-row:hover{background:var(--bg-hover, #f3f4f6)}.permission-matrix__permission-cell{padding:var(--space-md, 12px) var(--space-lg, 16px);vertical-align:middle}.permission-matrix__permission-name{display:block;font-weight:500;color:var(--text-primary, #111827)}.permission-matrix__permission-desc{display:block;font-size:var(--text-xs, 12px);color:var(--text-secondary, #6b7280);margin-top:2px}.permission-matrix__checkbox-cell{padding:var(--space-md, 12px);text-align:center;vertical-align:middle}.permission-matrix__checkbox-cell--changed{background:var(--status-info-bg, #eff6ff)}.permission-matrix__checkbox{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--border-default, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--bg-surface, #ffffff);cursor:pointer;transition:all .15s ease}.permission-matrix__checkbox:hover:not(:disabled){border-color:var(--accent-primary, #3b82f6);background:var(--accent-primary-bg, #eff6ff)}.permission-matrix__checkbox--checked{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6)}.permission-matrix__checkbox--checked:hover:not(:disabled){background:var(--accent-primary-hover, #2563eb);border-color:var(--accent-primary-hover, #2563eb)}.permission-matrix__checkbox--locked{background:var(--bg-disabled, #f3f4f6);border-color:var(--border-subtle, #e5e7eb);cursor:not-allowed}.permission-matrix__checkbox--locked.permission-matrix__checkbox--checked{background:var(--status-success, #10b981);border-color:var(--status-success, #10b981);opacity:.7}.permission-matrix__checkbox-icon{width:14px;height:14px;color:#fff}.permission-matrix__checkbox--locked .permission-matrix__checkbox-icon{color:var(--text-secondary, #6b7280)}.permission-matrix__checkbox--locked.permission-matrix__checkbox--checked .permission-matrix__checkbox-icon{color:#fff}.permission-matrix__action-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md, 12px) var(--space-lg, 16px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:var(--radius-lg, 12px);box-shadow:0 -4px 6px -1px #0000001a}.permission-matrix__changes-count{font-size:var(--text-sm, 14px);color:var(--text-secondary, #6b7280)}.permission-matrix__actions{display:flex;gap:var(--space-md, 12px)}.permission-matrix__btn{display:inline-flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-lg, 16px);font-size:var(--text-sm, 14px);font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease}.permission-matrix__btn:disabled{opacity:.6;cursor:not-allowed}.permission-matrix__btn--secondary{background:var(--bg-surface, #ffffff);color:var(--text-primary, #111827);border:1px solid var(--border-default, #d1d5db)}.permission-matrix__btn--secondary:hover:not(:disabled){background:var(--bg-hover, #f3f4f6)}.permission-matrix__btn--primary{background:var(--accent-primary, #3b82f6);color:#fff;border:none}.permission-matrix__btn--primary:hover:not(:disabled){background:var(--accent-primary-hover, #2563eb)}.permission-matrix__btn-icon{width:16px;height:16px}.permission-matrix__btn-icon--spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.permission-matrix__header-cell--permission{min-width:200px}.permission-matrix__header-cell--role{min-width:80px}.permission-matrix__action-bar{flex-direction:column;gap:var(--space-md, 12px)}.permission-matrix__actions{width:100%;justify-content:flex-end}}@media (prefers-color-scheme: dark){.permission-matrix__table-container{background:var(--bg-surface-dark, #1f2937);border-color:var(--border-subtle-dark, #374151)}.permission-matrix__header-cell{background:var(--bg-elevated-dark, #111827);border-color:var(--border-subtle-dark, #374151)}.permission-matrix__category-row{background:var(--bg-elevated-dark, #111827)}.permission-matrix__category-cell,.permission-matrix__permission-row{border-color:var(--border-subtle-dark, #374151)}.permission-matrix__permission-row:hover{background:var(--bg-hover-dark, #374151)}.permission-matrix__checkbox{background:var(--bg-surface-dark, #1f2937);border-color:var(--border-default-dark, #4b5563)}.permission-matrix__action-bar{background:var(--bg-surface-dark, #1f2937);border-color:var(--border-subtle-dark, #374151)}.permission-matrix__btn--secondary{background:var(--bg-surface-dark, #1f2937);border-color:var(--border-default-dark, #4b5563);color:var(--text-primary-dark, #f9fafb)}.permission-matrix__btn--secondary:hover:not(:disabled){background:var(--bg-hover-dark, #374151)}}.role-permissions-page{display:flex;flex-direction:column;gap:var(--space-lg, 16px);padding:var(--space-lg, 16px);max-width:1400px;margin:0 auto}.role-permissions-page--unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-secondary, #6b7280)}.role-permissions-page__unauthorized-icon{width:64px;height:64px;color:var(--status-danger, #ef4444);margin-bottom:var(--space-lg, 16px)}.role-permissions-page--unauthorized h2{margin:0 0 var(--space-sm, 8px);color:var(--text-primary, #111827)}.role-permissions-page--unauthorized p{margin:0}.role-permissions-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg, 16px)}.role-permissions-page__title-section{flex:1}.role-permissions-page__title{display:flex;align-items:center;gap:var(--space-sm, 8px);margin:0 0 var(--space-sm, 8px);font-size:var(--text-2xl, 24px);font-weight:600;color:var(--text-primary, #111827)}.role-permissions-page__title-icon{width:28px;height:28px;color:var(--accent-primary, #3b82f6)}.role-permissions-page__description{margin:0;color:var(--text-secondary, #6b7280);font-size:var(--text-sm, 14px);max-width:600px}.role-permissions-page__message{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-md, 12px) var(--space-lg, 16px);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, 14px)}.role-permissions-page__message--success{background:var(--status-success-bg, #ecfdf5);color:var(--status-success, #10b981);border:1px solid var(--status-success-border, #a7f3d0)}.role-permissions-page__message--error{background:var(--status-danger-bg, #fef2f2);color:var(--status-danger, #ef4444);border:1px solid var(--status-danger-border, #fecaca)}.role-permissions-page__message-icon{width:20px;height:20px;flex-shrink:0}.role-permissions-page__info-box{padding:var(--space-md, 12px) var(--space-lg, 16px);background:var(--status-info-bg, #eff6ff);color:var(--status-info, #3b82f6);border:1px solid var(--status-info-border, #bfdbfe);border-radius:var(--radius-md, 8px);font-size:var(--text-sm, 14px)}.role-permissions-page__info-box strong{font-weight:600}@media (max-width: 768px){.role-permissions-page{padding:var(--space-md, 12px)}.role-permissions-page__header{flex-direction:column}.role-permissions-page__title{font-size:var(--text-xl, 20px)}}@media (prefers-color-scheme: dark){.role-permissions-page__title{color:var(--text-primary-dark, #f9fafb)}.role-permissions-page__description,.role-permissions-page--unauthorized{color:var(--text-secondary-dark, #9ca3af)}.role-permissions-page--unauthorized h2{color:var(--text-primary-dark, #f9fafb)}}.report-page{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl);background:var(--bg-canvas);min-height:100%}.report-page__header{display:flex;flex-direction:column;gap:var(--space-sm)}.report-page__title{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.report-page__description{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.report-page__content{display:flex;flex-direction:column;gap:var(--space-xl)}.ps-filter-form{display:flex;flex-direction:column;gap:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xl)}.ps-filter-form__row{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:flex-start}.ps-filter-form__field{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:180px}.ps-filter-form__field-group{display:flex;flex-wrap:wrap;gap:var(--space-lg);flex:1}.ps-filter-form__field--operator{flex:0 0 140px;min-width:140px}.ps-filter-form__field--value{flex:1;min-width:200px}.ps-filter-form__label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.ps-filter-form__input,.ps-filter-form__select{height:36px;padding:0 var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-canvas);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color .15s}.ps-filter-form__input:focus,.ps-filter-form__select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.ps-filter-form__input--error,.ps-filter-form__select--error{border-color:var(--status-danger)}.ps-filter-form__error{font-size:var(--text-xs);color:var(--status-danger)}.ps-filter-form__warning{font-size:var(--text-xs);color:var(--status-warning);padding:var(--space-xs) 0}.ps-filter-form__loading-hint{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-xs) 0}.ps-filter-form__actions{display:flex;justify-content:flex-end;padding-top:var(--space-sm)}.ps-filter-form__submit{height:36px;padding:0 var(--space-xl);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:opacity .15s}.ps-filter-form__submit:hover:not(:disabled){opacity:.88}.ps-filter-form__submit:disabled{opacity:.5;cursor:not-allowed}.ps-results{display:flex;flex-direction:column;gap:var(--space-xl)}.ps-results__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary)}.ps-results__header-sep{color:var(--border-default)}.ps-results__header-label{font-weight:500;color:var(--text-primary)}.ps-results__header-value{color:var(--text-primary)}.ps-results__table-wrapper{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ps-results__table{width:100%;border-collapse:collapse;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface)}.ps-results__th{padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.ps-results__th--num{text-align:right}.ps-results__tr:nth-child(2n){background:var(--bg-elevated)}.ps-results__tr:hover{background:color-mix(in srgb,var(--accent-primary) 6%,transparent)}.ps-results__td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.ps-results__td--num{text-align:right;font-variant-numeric:tabular-nums}.ps-results__td--mono{font-family:var(--font-mono, monospace);font-size:var(--text-xs);color:var(--text-secondary)}.ps-results__tr:last-child .ps-results__td{border-bottom:none}.ps-results__summary{padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ps-results__summary-title{margin:0 0 var(--space-md);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.ps-results__summary-grid{display:flex;flex-wrap:wrap;gap:var(--space-xl);margin:0}.ps-results__summary-item{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.ps-results__summary-label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.ps-results__summary-value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.ps-page__access-denied{padding:var(--space-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm)}.ps-page__loading{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-secondary);font-size:var(--text-sm)}.ps-page__spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:ps-spin .7s linear infinite;flex-shrink:0}@keyframes ps-spin{to{transform:rotate(360deg)}}.ps-page__empty{padding:var(--space-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center}.ps-page__empty-message{margin:0 0 var(--space-sm);font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.ps-page__empty-detail{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.ps-page__error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:color-mix(in srgb,var(--status-danger) 8%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--status-danger) 30%,transparent);border-radius:var(--radius-md)}.ps-page__error-message{margin:0;font-size:var(--text-sm);color:var(--status-danger)}.ps-page__retry-btn{height:32px;padding:0 var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .15s}.ps-page__retry-btn:hover:not(:disabled){background:var(--bg-elevated)}.ps-page__retry-btn:disabled{opacity:.5;cursor:not-allowed}.reports-nav{display:flex;flex-direction:column;width:260px;height:100%;background:var(--bg-surface);border-right:1px solid var(--border-subtle);transition:width .2s ease-in-out;overflow:hidden}.reports-nav--collapsed{width:60px}.reports-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);min-height:56px}.reports-nav--collapsed .reports-nav__header{justify-content:center;padding:var(--space-md) var(--space-sm)}.reports-nav__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-nav__collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.reports-nav__collapse-btn:hover{background:var(--bg-inset);color:var(--text-primary)}.reports-nav__collapse-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.reports-nav__collapse-icon{width:18px;height:18px}.reports-nav__list{flex:1;margin:0;padding:var(--space-sm) 0;list-style:none;overflow-y:auto;overflow-x:hidden}.reports-nav__item{margin:0;padding:0}.reports-nav__link{display:flex;align-items:center;width:100%;padding:var(--space-sm) var(--space-lg);background:transparent;border:none;border-radius:0;color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-normal);text-align:left;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease;gap:var(--space-md)}.reports-nav__link:hover{background:var(--bg-inset);color:var(--text-primary)}.reports-nav__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;z-index:1;position:relative}.reports-nav__item--active>.reports-nav__link{background:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-medium)}.reports-nav__item--active>.reports-nav__link:hover{background:var(--accent-primary-hover);color:var(--text-on-accent)}.reports-nav--collapsed .reports-nav__link{justify-content:center;padding:var(--space-sm)}.reports-nav__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.reports-nav__icon-svg{width:100%;height:100%}.reports-nav__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.reports-nav{width:60px}.reports-nav .reports-nav__header{justify-content:center;padding:var(--space-md) var(--space-sm)}.reports-nav .reports-nav__title{display:none}.reports-nav .reports-nav__link{justify-content:center;padding:var(--space-sm)}.reports-nav .reports-nav__label{display:none}}.reports-nav__list::-webkit-scrollbar{width:6px}.reports-nav__list::-webkit-scrollbar-track{background:transparent}.reports-nav__list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.reports-nav__list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.reports-nav__list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}:root{--primary-color: #0066cc;--primary-hover: #0052a3;--error-color: #d32f2f;--success-color: #2e7d32;--warning-color: #ed6c02;--text-color: #333;--text-secondary: #666;--border-color: #ddd;--background-color: #f5f5f5;--card-background: #fff;--input-background: #fff;--border-radius: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--shadow-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--primary-color: #4da6ff;--primary-hover: #80bfff;--error-color: #f44336;--success-color: #4caf50;--warning-color: #ff9800;--text-color: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #444;--background-color: #1a1a1a;--card-background: #2d2d2d;--input-background: #3a3a3a;--shadow-color: rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5}.app-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.loading-container{text-align:center}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-form-container,.reconciliation-form-container{background:var(--card-background);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:var(--spacing-xl);width:100%;max-width:480px}.reconciliation-form-container{max-width:600px}h1,h2,h3{margin:0 0 var(--spacing-lg);color:var(--text-color)}h2{font-size:1.5rem;text-align:center}.form-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(--border-color)}.form-header h1{margin:0;font-size:1.25rem}.user-info{display:flex;align-items:center;gap:var(--spacing-md);font-size:.875rem;color:var(--text-secondary)}.login-form,.reconciliation-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1}label{font-weight:500;font-size:.875rem;color:var(--text-color)}input,select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;background-color:var(--input-background);color:var(--text-color);transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}input:disabled,select:disabled{background-color:var(--background-color);cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error-color)}button{cursor:pointer;font-size:1rem;border-radius:var(--border-radius);transition:background-color .2s,opacity .2s}.submit-button{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:#fff;border:none;font-weight:500;margin-top:var(--spacing-sm)}.submit-button:hover:not(:disabled){background-color:var(--primary-hover)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.logout-button{padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);font-size:.875rem}.logout-button:hover{background-color:#0066cc0d}.error-message{padding:var(--spacing-sm) var(--spacing-md);background-color:#d32f2f1a;border:1px solid var(--error-color);border-radius:var(--border-radius);color:var(--error-color);font-size:.875rem}.field-error{color:var(--error-color);font-size:.75rem}.job-status{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--background-color);border-radius:var(--border-radius)}.job-status h3{margin-bottom:var(--spacing-md);font-size:1rem}.job-status p{margin:var(--spacing-xs) 0;font-size:.875rem}.status-running{color:var(--warning-color);font-weight:500}.status-succeeded{color:var(--success-color);font-weight:500}.status-failed{color:var(--error-color);font-weight:500}.download-section{margin-top:var(--spacing-md)}.download-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--success-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:background-color .2s}.download-link:hover{background-color:#1b5e20}@media (max-width: 480px){.form-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.form-row,.user-info{flex-direction:column}}.theme-toggle{position:fixed;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--card-background);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px var(--shadow-color);transition:background-color .2s,transform .2s;z-index:1000}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle svg{width:20px;height:20px;fill:var(--text-color)}.dashboard-container{background:var(--card-background);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:var(--spacing-xl);width:100%;max-width:800px}.dashboard-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(--border-color)}.dashboard-header h1{margin:0;font-size:1.5rem}.mfa-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#ed6c021a;border:1px solid var(--warning-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);flex-wrap:wrap}[data-theme=dark] .mfa-banner{background-color:#ff980026}.mfa-setup-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--warning-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;white-space:nowrap}.mfa-setup-button:hover{opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color);border-color:var(--primary-color)}.feature-card.feature-disabled{opacity:.6;cursor:not-allowed}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.feature-card h3{margin:0 0 var(--spacing-xs);font-size:1rem;color:var(--text-color)}.feature-card p{margin:0;font-size:.875rem;color:var(--text-secondary)}.coming-soon{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--border-color);border-radius:var(--border-radius);font-size:.75rem;color:var(--text-secondary)}.mfa-setup-container,.mfa-verify-container{background:var(--card-background);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:var(--spacing-xl);width:100%;max-width:500px}.mfa-setup-container h2,.mfa-verify-container h2{text-align:center;margin-bottom:var(--spacing-lg)}.mfa-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mfa-step{display:flex;gap:var(--spacing-md)}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{margin:0 0 var(--spacing-xs);font-size:1rem}.step-content p{margin:0 0 var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.qr-code-container{display:flex;justify-content:center;padding:var(--spacing-md);background:#fff;border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.qr-code{width:200px;height:200px}.manual-entry{font-size:.875rem;color:var(--text-secondary)}.manual-entry summary{cursor:pointer;margin-bottom:var(--spacing-sm)}.secret-code{display:block;padding:var(--spacing-sm);background:var(--background-color);border-radius:var(--border-radius);font-family:monospace;word-break:break-all;font-size:.875rem}.verification-form,.mfa-verify-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.verification-input{font-size:1.5rem;text-align:center;letter-spacing:.5em;padding:var(--spacing-md);font-family:monospace}.mfa-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.cancel-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-button:hover{background-color:var(--background-color)}.mfa-success{text-align:center;padding:var(--spacing-xl)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--success-color);color:#fff;border-radius:50%;font-size:2rem;margin-bottom:var(--spacing-md)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--primary-color);border:none;font-size:.875rem;margin-bottom:var(--spacing-md)}.back-button:hover{text-decoration:underline}.feature-wrapper{width:100%;max-width:600px}@media (max-width: 600px){.dashboard-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.mfa-banner{flex-direction:column;text-align:center}.features-grid{grid-template-columns:1fr}.mfa-step{flex-direction:column;align-items:center;text-align:center}.mfa-actions{flex-direction:column}.mfa-actions button{width:100%}}.admin-layout{display:flex;min-height:100vh;width:100%}.admin-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--background-color)}.admin-content__header{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.admin-content__header .back-button{margin-bottom:0}.app-container:has(.admin-layout){padding:0;align-items:stretch;justify-content:stretch}.access-denied-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;min-height:300px}.access-denied-container h2{color:var(--error-color);margin-bottom:var(--spacing-md)}.access-denied-container p{color:var(--text-secondary);max-width:400px}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-content__header{padding:var(--spacing-sm) var(--spacing-md)}}.reports-layout{display:flex;min-height:100vh;width:100%}.reports-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--background-color)}.reports-content__header{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.reports-content__header .back-button{margin-bottom:0}.app-container:has(.reports-layout){padding:0;align-items:stretch;justify-content:stretch}@media (max-width: 768px){.reports-layout{flex-direction:column}.reports-content__header{padding:var(--spacing-sm) var(--spacing-md)}}:root{--bg-canvas: #f8f9fa;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-inset: #f1f3f5;--border-subtle: #e9ecef;--border-strong: #ced4da;--text-primary: #212529;--text-secondary: #495057;--text-muted: #868e96;--text-on-accent: #ffffff;--accent-primary: #228be6;--accent-primary-hover: #1c7ed6;--focus-ring: rgba(34, 139, 230, .4);--status-success: #40c057;--status-success-bg: #d3f9d8;--status-warning: #fab005;--status-warning-bg: #fff3bf;--status-danger: #fa5252;--status-danger-bg: #ffe3e3;--status-info: #228be6;--status-info-bg: #d0ebff;--status-neutral: #868e96;--status-neutral-bg: #f1f3f5;--status-processing: #7950f2;--status-processing-bg: #e5dbff;--status-disabled: #adb5bd;--status-disabled-bg: #f8f9fa}[data-theme=dark]{--bg-canvas: #1a1b1e;--bg-surface: #25262b;--bg-elevated: #2c2e33;--bg-inset: #141517;--border-subtle: #373a40;--border-strong: #5c5f66;--text-primary: #f8f9fa;--text-secondary: #ced4da;--text-muted: #909296;--text-on-accent: #ffffff;--accent-primary: #4dabf7;--accent-primary-hover: #74c0fc;--focus-ring: rgba(77, 171, 247, .4);--status-success: #51cf66;--status-success-bg: #2b3d2f;--status-warning: #fcc419;--status-warning-bg: #3d3520;--status-danger: #ff6b6b;--status-danger-bg: #3d2b2b;--status-info: #4dabf7;--status-info-bg: #2b3544;--status-neutral: #909296;--status-neutral-bg: #2c2e33;--status-processing: #9775fa;--status-processing-bg: #352f44;--status-disabled: #5c5f66;--status-disabled-bg: #25262b}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 48px;--space-5xl: 64px}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 28px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}:root{--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-overlay: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}[data-theme=dark]{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-overlay: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4)}