.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}}
.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)}
.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}}
.alert{align-items:flex-start;gap:var(--space-label-gap);padding:var(--space-prominent-padding-y) var(--space-prominent-padding-x);border-radius:var(--border-radius-component);border-width:var(--border-width-default);font-family:var(--font-family-base);font-size:var(--font-size-control);line-height:var(--line-height-control);border-style:solid;display:flex}.alert--success{background:var(--color-feedback-success-background);color:var(--color-feedback-success-foreground);border-color:var(--color-feedback-success-border)}.alert--warning{background:var(--color-feedback-warning-background);color:var(--color-feedback-warning-foreground);border-color:var(--color-feedback-warning-border)}.alert--error{background:var(--color-feedback-error-background);color:var(--color-feedback-error-foreground);border-color:var(--color-feedback-error-border)}.alert--info{background:var(--color-feedback-info-background);color:var(--color-feedback-info-foreground);border-color:var(--color-feedback-info-border)}.alert__icon{width:var(--size-icon-md);height:var(--size-icon-md);flex-shrink:0;align-items:center;display:flex}.alert__icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.alert__content{gap:var(--alert-content-gap);flex-direction:column;flex:1;min-width:0;display:flex}.alert__title{font-weight:var(--alert-title-weight);line-height:var(--line-height-control);margin:0}.alert__body,.alert__body p{margin:0}.alert__close{min-width:var(--size-touch-target);min-height:var(--size-touch-target);border-radius:var(--border-radius-interactive);color:currentColor;opacity:var(--opacity-high);cursor:pointer;transition:opacity var(--duration-interaction) var(--easing-default);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:calc(-1 * var(--alert-close-offset));margin-inline-end:calc(-1 * var(--alert-close-offset));padding:0;display:flex}.alert__close:hover{opacity:1}.alert__close:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);opacity:1}.alert--dismissing{animation:alert-exit var(--duration-transition) var(--easing-default) forwards;pointer-events:none}@keyframes alert-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(-1 * var(--alert-exit-distance)))}}@media (prefers-reduced-motion:reduce){.alert--dismissing{animation-duration:var(--duration-instant)}.alert__close{transition:none}}
.card{background:var(--color-surface-primary);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);flex-direction:column;display:flex;overflow:hidden}.card--ghost{background:var(--color-surface-secondary);border-color:#0000}.card--interactive{transition:box-shadow var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default)}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}button.card{appearance:none;font:inherit;text-align:left;width:100%;padding:0}.card--clickable{cursor:pointer}.card--clickable:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.card--horizontal{flex-direction:row}.card--horizontal .card__media{width:var(--card-horizontal-media-width);border-radius:0;flex-shrink:0;align-self:stretch}.card--horizontal .card__media img{object-fit:cover;height:100%}.card--compact .card__header{padding:calc(var(--space-container-padding) / 2) calc(var(--space-container-padding) / 2) 0}.card--compact .card__body{padding:calc(var(--space-element-gap) / 2)}.card--compact .card__footer{padding:calc(var(--space-element-gap) / 2) calc(var(--space-container-padding) / 2) calc(var(--space-container-padding) / 2)}.card--featured{border-color:var(--color-accent-default)}.card__media{border-radius:var(--border-radius-image);flex-shrink:0;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:auto;display:block}.card__header{padding:var(--space-container-padding) var(--space-container-padding) 0;gap:var(--space-element-gap);flex-direction:column;display:flex}.card__body{padding:var(--space-element-gap);gap:var(--space-element-gap);flex-direction:column;flex:1;display:flex}.card__body:not(:last-child){padding-bottom:0}.card__footer{padding:var(--space-element-gap) var(--space-container-padding) var(--space-container-padding);align-items:center;gap:var(--space-inline-gap);display:flex}.card__description{font-size:var(--font-size-control);color:var(--color-text-secondary);line-height:var(--line-height-control);margin:0;display:none}@media (min-width:1024px){.card__description{display:block}}[data-mode=dark] .card{background:var(--color-surface-secondary);border-color:var(--color-border-default)}[data-mode=dark] .card--ghost{background:var(--color-surface-primary)}[data-mode=dark] .card--featured{border-color:var(--color-accent-default)}@media (prefers-reduced-motion:reduce){.card--interactive{transition:none}}
.menu{min-width:var(--radix-dropdown-menu-trigger-width);padding:var(--space-tight-gap);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);font-family:var(--font-family-base);box-sizing:border-box}.menu__item{align-items:center;gap:var(--space-inline-gap);padding:var(--space-compact-padding-y) var(--space-control-padding-x);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;-webkit-user-select:none;user-select:none;transition:background var(--duration-interaction) var(--easing-default);outline:none;display:flex}.menu__item[data-highlighted]{background:var(--color-surface-secondary)}.menu__item[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.menu__item--destructive{color:var(--color-feedback-error)}.menu__item--destructive[data-highlighted]{background:var(--color-feedback-error-background)}.menu__icon{width:var(--size-icon-sm);height:var(--size-icon-sm);flex-shrink:0;display:inline-flex}.menu__label{padding:var(--space-compact-padding-y) var(--space-control-padding-x);font-size:var(--font-size-small);line-height:var(--line-height-label);font-weight:var(--font-weight-label);color:var(--color-text-secondary)}.menu__separator{height:var(--border-width-default);margin:var(--space-tight-gap);background:var(--color-border-default)}@media (prefers-reduced-motion:reduce){.menu__item{transition:none}}
.breadcrumb__list{align-items:center;gap:var(--space-inline-gap);font-family:var(--font-family-base);font-size:var(--breadcrumb-font-size);line-height:var(--line-height-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:var(--space-inline-gap);display:flex}.breadcrumb__link{color:var(--color-text-secondary);max-width:var(--breadcrumb-item-max-width);text-overflow:ellipsis;white-space:nowrap;transition:color var(--duration-interaction) var(--easing-default);text-decoration:none;overflow:hidden}.breadcrumb__link:hover{color:var(--color-text-primary)}.breadcrumb__link:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--border-radius-sm)}.breadcrumb__label{color:var(--color-text-secondary);max-width:var(--breadcrumb-item-max-width);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb__separator{color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;flex-shrink:0}.breadcrumb__current{color:var(--color-text-primary);font-weight:var(--font-weight-medium);max-width:var(--breadcrumb-current-max-width);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (prefers-reduced-motion:reduce){.breadcrumb__link{transition:none}}