.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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__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)}.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}: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%}}: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)}