.tabs{font-family:var(--font-family-base);flex-direction:column;display:flex}.tabs__list{flex-shrink:0;display:flex;position:relative}.tabs--line .tabs__list{border-bottom:var(--border-width-default) solid var(--color-border-default)}.tabs--pill .tabs__list{gap:var(--space-tight-gap)}.tabs__trigger{align-items:center;gap:var(--space-tight-gap);min-height:var(--size-touch-target);padding:var(--space-control-padding-y) var(--space-control-padding-x);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-control);font-weight:var(--font-weight-control);cursor:pointer;white-space:nowrap;transition:color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default);background:0 0;border:none;border-radius:0;outline:none;line-height:1;display:inline-flex;position:relative}.tabs__trigger:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.tabs__trigger[data-state=active]{color:var(--color-text-primary)}.tabs__trigger[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.tabs__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:calc(var(--focus-ring-offset) * -1);border-radius:var(--border-radius-sm)}.tabs--line .tabs__trigger:after{content:"";bottom:calc(-1 * var(--border-width-default));height:var(--tabs-indicator-height);background:var(--color-accent-default);transition:transform var(--duration-interaction) var(--easing-default);position:absolute;left:0;right:0;transform:scaleX(0)}.tabs--line .tabs__trigger[data-state=active]:after{transform:scaleX(1)}.tabs--pill .tabs__trigger{border-radius:var(--border-radius-interactive);background:0 0}.tabs--pill .tabs__trigger[data-state=active]{background:var(--color-surface-secondary)}.tabs--sm .tabs__trigger{padding:var(--space-compact-padding-y) var(--space-compact-padding-x);font-size:var(--font-size-small)}.tabs__content{outline:none;padding-block-start:var(--tabs-content-padding-top)}.tabs__content:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--border-radius-sm)}@media (prefers-reduced-motion:reduce){.tabs__trigger,.tabs--line .tabs__trigger:after{transition:none}}
.badge{align-items:center;gap:var(--space-tight-gap);font-family:var(--font-family-base);font-size:var(--font-size-caption);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--border-radius-pill);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-secondary);color:var(--color-text-secondary);white-space:nowrap;line-height:1;display:inline-flex}.badge--success{background:var(--color-feedback-success-background);color:var(--color-feedback-success-foreground);border-color:var(--color-feedback-success-border)}.badge--warning{background:var(--color-feedback-warning-background);color:var(--color-feedback-warning-foreground);border-color:var(--color-feedback-warning-border)}.badge--error{background:var(--color-feedback-error-background);color:var(--color-feedback-error-foreground);border-color:var(--color-feedback-error-border)}.badge--info{background:var(--color-feedback-info-background);color:var(--color-feedback-info-foreground);border-color:var(--color-feedback-info-border)}.badge--count{min-width:var(--badge-count-size);height:var(--badge-count-size);padding:0 var(--badge-padding-x);justify-content:center}.badge--dot{width:var(--badge-dot-size);height:var(--badge-dot-size);border:none;padding:0}
.select__trigger{justify-content:space-between;align-items:center;gap:var(--space-inline-gap);width:100%;padding:var(--space-control-padding-y) var(--space-control-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-control);line-height:var(--line-height-control);color:var(--color-text-primary);background:var(--color-surface-primary);border:var(--border-width-interactive) solid var(--color-border-default);border-radius:var(--border-radius-interactive);cursor:pointer;transition:border-color var(--duration-interaction) var(--easing-default);box-sizing:border-box;outline:none;display:inline-flex}.select__trigger:hover:not([data-disabled]){border-color:var(--color-border-strong)}.select__trigger:focus-visible{border-color:var(--color-border-focus);outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.select__trigger[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.select__trigger[data-placeholder] .select__value{color:var(--color-text-secondary)}.select__icon{color:var(--color-text-secondary);transition:transform var(--duration-interaction) var(--easing-default);flex-shrink:0;align-items:center;display:flex}.select__trigger[data-state=open] .select__icon{transform:rotate(180deg)}.select__content{background:var(--color-surface-primary);border:var(--border-width-interactive) solid var(--color-border-default);border-radius:var(--border-radius-component);box-shadow:var(--shadow-dropdown);min-width:var(--radix-select-trigger-width);overflow:hidden}.select__viewport{padding:var(--space-tight-gap)}.select__item{padding:var(--select-item-padding-y) var(--select-item-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-control);line-height:var(--line-height-control);color:var(--color-text-primary);border-radius:var(--border-radius-interactive);cursor:pointer;transition:background var(--duration-interaction) var(--easing-default);-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:flex}.select__item[data-highlighted]{background:var(--color-surface-secondary)}.select__item[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.select__label{padding:var(--select-item-padding-y) var(--select-item-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-small);line-height:var(--line-height-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){.select__trigger,.select__icon,.select__item{transition:none}}.select__separator{height:var(--border-width-default);background:var(--color-border-default);margin:var(--space-tight-gap)}
.checkbox{align-items:center;gap:var(--space-label-gap);min-height:var(--size-touch-target);min-width:var(--size-touch-target);cursor:pointer;display:inline-flex}.checkbox--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.checkbox__root{all:unset;width:var(--checkbox-size);height:var(--checkbox-size);background:var(--color-surface-primary);border:var(--border-width-interactive) solid var(--color-border-strong);border-radius:var(--border-radius-interactive);cursor:pointer;transition:background-color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.checkbox__root:before{content:"";inset:calc((var(--size-touch-target) - var(--checkbox-size)) / -2);position:absolute}.checkbox__root:hover:not([disabled]){border-color:var(--color-accent-default)}.checkbox__root:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.checkbox__root[data-state=checked],.checkbox__root[data-state=indeterminate]{background:var(--color-accent-default);border-color:var(--color-accent-default)}.checkbox__root[disabled]{background:var(--color-surface-secondary);cursor:not-allowed}.checkbox__indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.checkbox__icon{width:var(--icon-size-xs);height:var(--icon-size-xs);color:var(--color-accent-foreground);display:none}.checkbox__root[data-state=checked] .checkbox__icon--check{display:block}.checkbox__root[data-state=indeterminate] .checkbox__icon--indeterminate{color:var(--color-accent-foreground);display:block}.checkbox__label{font-family:var(--font-family-base);font-size:var(--font-size-control);color:var(--color-text-primary);cursor:pointer;line-height:var(--line-height-control);-webkit-user-select:none;user-select:none}.checkbox--disabled .checkbox__label{color:var(--color-text-secondary);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.checkbox__root{transition:none}}
.avatar{width:var(--avatar-size-md);height:var(--avatar-size-md);border-radius:var(--border-radius-pill);border:var(--border-width-default) solid var(--color-border-default);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar--sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm)}.avatar--md{width:var(--avatar-size-md);height:var(--avatar-size-md)}.avatar--lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg)}.avatar--xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl)}.avatar:focus-visible{outline:var(--avatar-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__fallback{background:var(--color-surface-secondary);width:100%;height:100%;color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--avatar-fallback-font-size);font-weight:var(--avatar-fallback-font-weight);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.avatar-group{align-items:center;display:inline-flex}.avatar-group>*+*{margin-inline-start:var(--avatar-group-overlap)}.avatar-group__overflow{background:var(--color-surface-secondary);color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--avatar-fallback-font-size);font-weight:var(--avatar-fallback-font-weight);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;overflow:visible}
.input-field{gap:var(--space-inline-gap);flex-direction:column;display:flex}.input-field__label{font-family:var(--font-family-base);font-size:var(--font-size-small);font-weight:var(--font-weight-label);color:var(--color-text-primary);line-height:var(--line-height-label)}.input-field__wrapper{align-items:center;gap:var(--space-inline-gap);padding:var(--space-control-padding-y) var(--space-control-padding-x);background:var(--color-surface-primary);border:var(--border-width-interactive) solid var(--color-border-default);border-radius:var(--border-radius-interactive);transition:border-color var(--duration-interaction) var(--easing-default);box-sizing:border-box;display:flex}.input-field__wrapper:hover:not(.input-field__wrapper--disabled){border-color:var(--color-border-strong)}.input-field__wrapper:focus-within:not(.input-field__wrapper--disabled){border-color:var(--color-border-focus);outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.input-field__wrapper--disabled{background:var(--color-surface-secondary);opacity:var(--opacity-disabled);cursor:not-allowed}.input-field__input{min-width:0;font-family:var(--font-family-base);font-size:var(--font-size-control);color:var(--color-text-primary);cursor:inherit;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0}.input-field__input::placeholder{color:var(--color-text-secondary)}.input-field__input:disabled{cursor:not-allowed}.input-field--error .input-field__wrapper{border-color:var(--color-feedback-error)}.input-field--error .input-field__wrapper:focus-within:not(.input-field__wrapper--disabled){border-color:var(--color-feedback-error);outline-color:var(--color-feedback-error)}.input-field__hint{font-family:var(--font-family-base);font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-caption)}.input-field--error .input-field__hint{color:var(--color-feedback-error)}.input-field__prefix,.input-field__suffix{color:var(--color-text-secondary);flex-shrink:0;align-items:center;display:flex}.input-field__clear{padding-inline:var(--space-tight-gap);margin-inline:calc(var(--space-tight-gap) * -1);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--border-radius-sm);transition:color var(--duration-interaction) var(--easing-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}.input-field__clear:hover{color:var(--color-text-primary)}.input-field__clear:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.input-field--search .input-field__wrapper{border-radius:var(--border-radius-pill)}@media (prefers-reduced-motion:reduce){.input-field__wrapper,.input-field__clear{transition:none}}
.radio-group{gap:var(--space-label-gap);flex-direction:column;display:flex}.radio-group--horizontal{flex-flow:wrap}.radio{align-items:center;gap:var(--space-label-gap);min-height:var(--size-touch-target);min-width:var(--size-touch-target);cursor:pointer;display:inline-flex}.radio--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.radio__item{all:unset;width:var(--radio-size);height:var(--radio-size);background:var(--color-surface-primary);border:var(--border-width-interactive) solid var(--color-border-strong);cursor:pointer;transition:background-color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.radio__item:before{content:"";inset:calc((var(--radio-size) - var(--size-touch-target)) / 2);position:absolute}.radio__item:hover:not([disabled]){border-color:var(--color-accent-default)}.radio__item:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.radio__item[data-state=checked]{background:var(--color-surface-primary);border-color:var(--color-accent-default)}.radio__item[disabled]{background:var(--color-surface-secondary);cursor:not-allowed}.radio__indicator{width:var(--radio-indicator-size);height:var(--radio-indicator-size);background:var(--color-accent-default);border-radius:50%;display:block}.radio__label{font-family:var(--font-family-base);font-size:var(--font-size-control);color:var(--color-text-primary);cursor:pointer;line-height:var(--line-height-control);-webkit-user-select:none;user-select:none}.radio--disabled .radio__label{color:var(--color-text-secondary);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.radio__item{transition:none}}
.switch{align-items:center;gap:var(--space-label-gap);min-height:var(--size-touch-target);cursor:pointer;display:inline-flex}.switch--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.switch__track{all:unset;width:var(--switch-track-width);height:var(--switch-track-height);background:var(--color-border-strong);border-radius:var(--border-radius-pill);cursor:pointer;transition:background-color var(--duration-interaction) var(--easing-default);box-sizing:border-box;flex-shrink:0;align-items:center;display:flex;position:relative}.switch__track:before{content:"";inset:calc((var(--switch-track-height) - var(--size-touch-target)) / 2);position:absolute}.switch__track[data-state=checked]{background:var(--color-accent-default)}.switch__track[data-disabled]{background:var(--color-surface-tertiary);cursor:not-allowed}.switch__track:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.switch__thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);background:var(--color-accent-foreground);border-radius:var(--border-radius-pill);transform:translateX(calc((var(--switch-track-height) - var(--switch-thumb-size)) / 2));transition:transform var(--duration-interaction) var(--easing-default);will-change:transform;display:block}.switch__track[data-state=checked] .switch__thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - (var(--switch-track-height) - var(--switch-thumb-size)) / 2))}.switch__label{font-family:var(--font-family-base);font-size:var(--font-size-control);color:var(--color-text-primary);cursor:pointer;line-height:var(--line-height-control);-webkit-user-select:none;user-select:none}.switch--disabled .switch__label{color:var(--color-text-secondary);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.switch__track,.switch__thumb{transition:none}}