.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-primary);font-weight:var(--font-weight-medium);line-height:var(--leading-none);white-space:nowrap;border-radius:var(--radius-full);user-select:none}.badge--sm{padding:var(--spacing-0-5) var(--spacing-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}.badge--md{padding:var(--spacing-1) var(--spacing-2-5);font-size:var(--text-sm)}.badge--default{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.badge--success{background-color:var(--color-feedback-success-bg);color:var(--color-feedback-success-text)}.badge--warning{background-color:var(--color-feedback-warning-bg);color:var(--color-feedback-warning-text)}.badge--error{background-color:var(--color-feedback-error-bg);color:var(--color-feedback-error-text)}.badge--info{background-color:var(--color-feedback-info-bg);color:var(--color-feedback-info-text)}.tag{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-primary);font-weight:var(--font-weight-medium);line-height:var(--leading-none);white-space:nowrap;border:var(--border-thin) solid transparent;border-radius:var(--radius-sm);user-select:none}.tag--sm{padding:var(--spacing-0-5) var(--spacing-1-5);font-size:var(--text-xs)}.tag--md{padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-sm)}.tag--default{background-color:var(--color-neutral-100);color:var(--color-neutral-700);border-color:var(--color-neutral-200)}.tag--primary{background-color:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.tag--success{background-color:var(--color-feedback-success-bg);color:var(--color-feedback-success-text);border-color:var(--color-feedback-success-border)}.tag--warning{background-color:var(--color-feedback-warning-bg);color:var(--color-feedback-warning-text);border-color:var(--color-feedback-warning-border)}.tag--error{background-color:var(--color-feedback-error-bg);color:var(--color-feedback-error-text);border-color:var(--color-feedback-error-border)}.tag--info{background-color:var(--color-feedback-info-bg);color:var(--color-feedback-info-text);border-color:var(--color-feedback-info-border)}.tag__remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:none;color:inherit;cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--duration-fast) var(--ease-linear)}.tag__remove:hover{opacity:1}.tag__remove:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:var(--border-thin) solid;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-normal)}.alert__content{flex:1}.alert--success{background-color:var(--color-feedback-success-bg);border-color:var(--color-feedback-success-border);color:var(--color-feedback-success-text)}.alert--warning{background-color:var(--color-feedback-warning-bg);border-color:var(--color-feedback-warning-border);color:var(--color-feedback-warning-text)}.alert--error{background-color:var(--color-feedback-error-bg);border-color:var(--color-feedback-error-border);color:var(--color-feedback-error-text)}.alert--info{background-color:var(--color-feedback-info-bg);border-color:var(--color-feedback-info-border);color:var(--color-feedback-info-text)}.alert__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:none;color:inherit;cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--duration-fast) var(--ease-linear)}.alert__close:hover{opacity:1}.alert__close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.toast{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:var(--border-thin) solid;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-normal);box-shadow:var(--shadow-lg);pointer-events:auto;max-width:24rem}.toast--success{background-color:var(--color-feedback-success-bg);border-color:var(--color-feedback-success-border);color:var(--color-feedback-success-text)}.toast--warning{background-color:var(--color-feedback-warning-bg);border-color:var(--color-feedback-warning-border);color:var(--color-feedback-warning-text)}.toast--error{background-color:var(--color-feedback-error-bg);border-color:var(--color-feedback-error-border);color:var(--color-feedback-error-text)}.toast--info{background-color:var(--color-feedback-info-bg);border-color:var(--color-feedback-info-border);color:var(--color-feedback-info-text)}.toast__content{flex:1}.toast__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:none;color:inherit;cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--duration-fast) var(--ease-linear)}.toast__close:hover{opacity:1}.toast__close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.toast--top-right,.toast--top-left,.toast--top-center{position:fixed;top:var(--spacing-4);z-index:var(--z-toast)}.toast--top-right{right:var(--spacing-4)}.toast--top-left{left:var(--spacing-4)}.toast--top-center{left:50%;transform:translate(-50%)}.toast--bottom-right,.toast--bottom-left{position:fixed;bottom:var(--spacing-4);z-index:var(--z-toast)}.toast--bottom-right{right:var(--spacing-4)}.toast--bottom-left{left:var(--spacing-4)}@media(prefers-reduced-motion:reduce){.toast{transition:none}}.card{display:block;background-color:var(--color-surface-card);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:box-shadow var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo),border-color var(--duration-slow) var(--ease-out)}.card--default{box-shadow:var(--shadow-sm);border:1px solid var(--color-border-default);border-color:var(--color-border-default)}.card--elevated{box-shadow:var(--shadow-md)}.card--outlined{box-shadow:var(--shadow-none);border:1px solid var(--color-border-default)}.card--flat{box-shadow:var(--shadow-none);border:none;background:transparent}.card--glass{background:var(--color-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-default)}.card--gradient{border:none;background:linear-gradient(135deg,var(--color-surface-card) 0%,var(--color-primary-50) 100%)}[data-theme=dark] .card--gradient{background:linear-gradient(135deg,var(--color-secondary-800) 0%,rgba(11,122,138,.12) 100%)}.card--accent-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-accent-500));z-index:1}.card--accent-left{border-left:3px solid var(--color-primary-500)}.card--hoverable{cursor:pointer}.card--hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--color-primary-200)}[data-theme=dark] .card--hoverable:hover{border-color:#0b7a8a4d}.card--hoverable:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.card--pad-none{padding:0}.card--pad-sm{padding:var(--spacing-4)}.card--pad-md{padding:var(--spacing-6)}.card--pad-lg{padding:var(--spacing-8)}a.card{text-decoration:none;color:inherit}@media(prefers-reduced-motion:reduce){.card{transition:none}.card--hoverable:hover{transform:none}}.card-grid{display:grid}.card-grid--cols-1{grid-template-columns:1fr}.card-grid--cols-2{grid-template-columns:repeat(2,1fr)}.card-grid--cols-3{grid-template-columns:repeat(3,1fr)}.card-grid--cols-4{grid-template-columns:repeat(4,1fr)}.card-grid--cols-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-grid--gap-sm{gap:var(--spacing-4)}.card-grid--gap-md{gap:var(--spacing-6)}.card-grid--gap-lg{gap:var(--spacing-8)}@media(width<640px){.card-grid--cols-2,.card-grid--cols-3,.card-grid--cols-4{grid-template-columns:1fr}}@media(width>=640px)and (width<768px){.card-grid--cols-3,.card-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media(width>=768px)and (width<1024px){.card-grid--cols-3,.card-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media(width>=1024px)and (width<1280px){.card-grid--cols-4{grid-template-columns:repeat(3,1fr)}}.divider{border:none;background-color:var(--color-border-default);margin:0}.divider--horizontal{width:100%}.divider--horizontal.divider--sm{height:var(--border-hairline)}.divider--horizontal.divider--md{height:var(--border-default)}.divider--horizontal.divider--lg{height:var(--border-thick)}.divider--vertical{display:inline-block;vertical-align:middle;align-self:stretch}.divider--vertical.divider--sm{width:var(--border-hairline);min-height:1em}.divider--vertical.divider--md{width:var(--border-default);min-height:1.5em}.divider--vertical.divider--lg{width:var(--border-thick);min-height:2em}.spinner{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.spinner svg{animation:spin var(--duration-loading) var(--ease-linear) infinite}.spinner--sm svg{width:var(--spacing-4);height:var(--spacing-4)}.spinner--md svg{width:var(--spacing-6);height:var(--spacing-6)}.spinner--lg svg{width:var(--spacing-10);height:var(--spacing-10)}.spinner--primary{color:var(--color-interactive-primary)}.spinner--current{color:currentColor}.spinner--inverse{color:var(--color-text-inverse)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner svg{animation-duration:2s}}.skeleton{background-color:var(--color-neutral-200);border-radius:var(--radius-sm);animation:skeleton-pulse var(--duration-skeleton) var(--ease-linear) infinite}.skeleton--text{width:100%;height:1em;margin-bottom:var(--spacing-2);border-radius:var(--radius-sm)}.skeleton--text:last-child{width:75%}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--rect{border-radius:var(--radius-md)}.skeleton--card{width:100%;min-height:200px;border-radius:var(--radius-lg)}@keyframes skeleton-pulse{0%{opacity:var(--opacity-skeleton)}50%{opacity:1}to{opacity:var(--opacity-skeleton)}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;opacity:var(--opacity-skeleton)}}.tooltip-wrap{position:relative;display:inline-flex;cursor:help}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--spacing-1-5) var(--spacing-2-5);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-normal);color:var(--color-text-inverse);background-color:var(--color-neutral-800);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-normal) var(--ease-linear)}.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip{opacity:1}.tooltip--top{bottom:calc(100% + var(--spacing-2));left:50%;transform:translate(-50%)}.tooltip--bottom{top:calc(100% + var(--spacing-2));left:50%;transform:translate(-50%)}.tooltip--left{right:calc(100% + var(--spacing-2));top:50%;transform:translateY(-50%)}.tooltip--right{left:calc(100% + var(--spacing-2));top:50%;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}}.breadcrumb{font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-normal)}.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);padding:0;margin:0;list-style:none}.breadcrumb__item{display:flex;align-items:center;gap:var(--spacing-1)}.breadcrumb__item+.breadcrumb__item:before{content:"/";display:inline-block;color:var(--color-text-tertiary);font-size:var(--text-sm);margin-inline-end:var(--spacing-1)}.breadcrumb__link{color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-linear)}.breadcrumb__link:hover{color:var(--color-text-link-hover);text-decoration:underline}.breadcrumb__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.breadcrumb__current{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);font-family:var(--font-primary);font-size:var(--text-sm)}.pagination__pages{display:flex;align-items:center;gap:var(--spacing-1)}.pagination__link{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1-5) var(--spacing-2-5);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-linear),color var(--duration-fast) var(--ease-linear)}.pagination__link:hover{background-color:var(--color-interactive-secondary-hover)}.pagination__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.pagination__link--active{background-color:var(--color-interactive-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold)}.pagination__link--active:hover{background-color:var(--color-interactive-primary);color:var(--color-text-inverse)}.pagination__link--disabled{opacity:var(--opacity-disabled);pointer-events:none}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-tertiary)}.pagination__label{display:none}@media(width>=640px){.pagination__label{display:inline}}.tabs{display:flex;flex-direction:column;gap:0}.tabs__list{display:flex;flex-wrap:wrap;gap:0;border-bottom:var(--border-thin) solid var(--color-border-default);list-style:none;padding:0;margin:0}.tabs__trigger{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;border-bottom:var(--border-thick) solid transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-linear),border-color var(--duration-fast) var(--ease-linear);white-space:nowrap;margin-bottom:-1px}.tabs__trigger:hover{color:var(--color-interactive-primary)}.tabs__trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tabs__trigger[aria-selected=true]{color:var(--color-interactive-primary);border-bottom-color:var(--color-interactive-primary)}.tabs__panel{padding:var(--spacing-6) 0;outline:none}.tabs__panel:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;border-radius:var(--radius-sm)}.accordion{display:flex;flex-direction:column;border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden}.accordion__item{border-bottom:var(--border-hairline) solid var(--color-border-default)}.accordion__item:last-child{border-bottom:none}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-4) var(--spacing-5);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-linear)}.accordion__trigger:hover{background-color:var(--color-interactive-secondary-hover)}.accordion__trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.accordion__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--color-text-tertiary);transition:transform var(--duration-normal) var(--ease-out)}.accordion__trigger[aria-expanded=true] .accordion__icon{transform:rotate(180deg)}.accordion__panel{padding:0 var(--spacing-5) var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){.accordion__icon{transition:none}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-backdrop);display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-overlay);padding:var(--spacing-4)}.modal{position:relative;z-index:var(--z-modal);width:100%;max-width:32rem;max-height:85vh;display:flex;flex-direction:column;background-color:var(--color-surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden}.modal--sm{max-width:24rem}.modal--lg{max-width:48rem}.modal--xl{max-width:64rem}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:var(--border-hairline) solid var(--color-border-default)}.modal__title{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-linear),color var(--duration-fast) var(--ease-linear)}.modal__close:hover{background-color:var(--color-interactive-secondary-hover);color:var(--color-text-primary)}.modal__close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.modal__body{padding:var(--spacing-6);overflow-y:auto;font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:var(--border-hairline) solid var(--color-border-default)}.dropdown{position:relative;display:inline-block}.dropdown__trigger{display:inline-flex;align-items:center;gap:var(--spacing-1)}.dropdown__menu{position:absolute;z-index:var(--z-raised);min-width:200px;padding:var(--spacing-1) 0;margin-top:var(--spacing-1);background-color:var(--color-surface-elevated);border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-linear),visibility var(--duration-fast) var(--ease-linear)}.dropdown--open .dropdown__menu{opacity:1;visibility:visible}.dropdown--right .dropdown__menu{right:0}.dropdown--left .dropdown__menu{left:0}.dropdown__item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-primary);text-decoration:none;background:none;border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-linear)}.dropdown__item:hover,.dropdown__item--highlighted{background-color:var(--color-interactive-secondary-hover)}.dropdown__item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.dropdown__divider{height:var(--border-hairline);background-color:var(--color-border-default);margin:var(--spacing-1) 0}.progress{display:flex;align-items:center;gap:var(--spacing-2);width:100%;background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress__bar{border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.progress--sm{height:var(--spacing-2)}.progress--sm .progress__bar{height:100%}.progress--md{height:var(--spacing-3)}.progress--md .progress__bar{height:100%}.progress--lg{height:var(--spacing-4)}.progress--lg .progress__bar{height:100%}.progress__bar--primary{background-color:var(--color-interactive-primary)}.progress__bar--success{background-color:var(--color-feedback-success-icon)}.progress__bar--warning{background-color:var(--color-feedback-warning-icon)}.progress__bar--error{background-color:var(--color-feedback-error-icon)}.progress__label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}@media(prefers-reduced-motion:reduce){.progress__bar{transition:none}}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-normal)}.table__caption{text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--text-base);padding:var(--spacing-3) 0;color:var(--color-text-primary)}.table__th{padding:var(--spacing-3) var(--spacing-4);font-weight:var(--font-weight-semibold);text-align:left;color:var(--color-text-primary);background-color:var(--color-table-header-bg);border-bottom:var(--border-thick) solid var(--color-table-border);white-space:nowrap}.table--compact .table__th{padding:var(--spacing-2) var(--spacing-3)}.table__th--sortable{cursor:pointer}.table__th--sortable:hover{color:var(--color-interactive-primary)}.table__td{padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);border-bottom:var(--border-hairline) solid var(--color-table-border)}.table--compact .table__td{padding:var(--spacing-2) var(--spacing-3)}.table--striped tbody tr:nth-child(2n){background-color:var(--color-table-row-even)}.table--hoverable tbody tr:hover{background-color:var(--color-table-row-hover)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.form-field__label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-form-label);line-height:var(--leading-normal)}.form-field__required{color:var(--color-interactive-danger);margin-inline-start:var(--spacing-0-5)}.form-field__control{display:flex;flex-direction:column}.form-field__hint{font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-normal);margin:0}.form-field__error{display:flex;align-items:center;gap:var(--spacing-1-5);font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-feedback-error-text);line-height:var(--leading-normal);margin:0}.input{display:block;width:100%;padding:var(--spacing-2-5) var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-form-bg);border:var(--border-default) solid var(--color-form-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-linear),box-shadow var(--duration-fast) var(--ease-linear)}.input::placeholder{color:var(--color-form-placeholder)}.input:focus{outline:none;border-color:var(--color-form-focus-ring);box-shadow:0 0 0 2px var(--color-form-focus-ring)}.input:disabled{background-color:var(--color-form-disabled-bg);color:var(--color-text-tertiary);cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--color-border-error)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--color-border-error)}.select{display:block;width:100%;padding:var(--spacing-2-5) var(--spacing-3);padding-inline-end:var(--spacing-8);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-form-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23606876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 6 8 10 12 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:16px;border:var(--border-default) solid var(--color-form-border);border-radius:var(--radius-sm);appearance:none;transition:border-color var(--duration-fast) var(--ease-linear),box-shadow var(--duration-fast) var(--ease-linear)}.select:focus{outline:none;border-color:var(--color-form-focus-ring);box-shadow:0 0 0 2px var(--color-form-focus-ring)}.select:disabled{background-color:var(--color-form-disabled-bg);color:var(--color-text-tertiary);cursor:not-allowed}.select[aria-invalid=true]{border-color:var(--color-border-error)}.select[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--color-border-error)}.select option{color:var(--color-text-primary);background-color:var(--color-surface-card)}.textarea{display:block;width:100%;padding:var(--spacing-2-5) var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-form-bg);border:var(--border-default) solid var(--color-form-border);border-radius:var(--radius-sm);resize:vertical;min-height:80px;transition:border-color var(--duration-fast) var(--ease-linear),box-shadow var(--duration-fast) var(--ease-linear)}.textarea::placeholder{color:var(--color-form-placeholder)}.textarea:focus{outline:none;border-color:var(--color-form-focus-ring);box-shadow:0 0 0 2px var(--color-form-focus-ring)}.textarea:disabled{background-color:var(--color-form-disabled-bg);color:var(--color-text-tertiary);cursor:not-allowed}.textarea[aria-invalid=true]{border-color:var(--color-border-error)}.textarea[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--color-border-error)}.checkbox-label{display:inline-flex;align-items:flex-start;gap:var(--spacing-2-5);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);user-select:none}.checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:2px;background-color:var(--color-form-bg);border:var(--border-default) solid var(--color-form-border);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-linear),border-color var(--duration-fast) var(--ease-linear)}.checkbox-indicator svg{width:14px;height:14px;opacity:0;color:var(--color-white);transition:opacity var(--duration-fast) var(--ease-linear)}.checkbox:focus-visible+.checkbox-indicator{outline:2px solid var(--color-form-focus-ring);outline-offset:2px}.checkbox:checked+.checkbox-indicator{background-color:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}.checkbox:checked+.checkbox-indicator svg{opacity:1}.checkbox:disabled~.checkbox-text{color:var(--color-text-tertiary);cursor:not-allowed}.checkbox:disabled+.checkbox-indicator{background-color:var(--color-form-disabled-bg);border-color:var(--color-border-default);cursor:not-allowed}.checkbox:disabled:checked+.checkbox-indicator{background-color:var(--color-interactive-primary-disabled);border-color:var(--color-interactive-primary-disabled)}.checkbox-label:hover .checkbox:not(:disabled)+.checkbox-indicator{border-color:var(--color-interactive-primary)}.radio-label{display:inline-flex;align-items:flex-start;gap:var(--spacing-2-5);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);user-select:none}.radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:2px;background-color:var(--color-form-bg);border:var(--border-default) solid var(--color-form-border);border-radius:var(--radius-full);transition:border-color var(--duration-fast) var(--ease-linear)}.radio-indicator:after{content:"";width:10px;height:10px;border-radius:var(--radius-full);background-color:transparent;transition:background-color var(--duration-fast) var(--ease-linear)}.radio:focus-visible+.radio-indicator{outline:2px solid var(--color-form-focus-ring);outline-offset:2px}.radio:checked+.radio-indicator{border-color:var(--color-interactive-primary)}.radio:checked+.radio-indicator:after{background-color:var(--color-interactive-primary)}.radio:disabled~.radio-text{color:var(--color-text-tertiary);cursor:not-allowed}.radio:disabled+.radio-indicator{background-color:var(--color-form-disabled-bg);border-color:var(--color-border-default);cursor:not-allowed}.radio:disabled:checked+.radio-indicator:after{background-color:var(--color-interactive-primary-disabled)}.radio-label:hover .radio:not(:disabled)+.radio-indicator{border-color:var(--color-interactive-primary)}.toggle-label{display:inline-flex;align-items:center;gap:var(--spacing-2-5);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);user-select:none}.toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-track{display:flex;align-items:center;flex-shrink:0;width:44px;height:24px;padding:2px;background-color:var(--color-neutral-300);border-radius:var(--radius-full);transition:background-color var(--duration-normal) var(--ease-out)}.toggle-thumb{width:20px;height:20px;background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out)}.toggle:focus-visible+.toggle-track{outline:2px solid var(--color-form-focus-ring);outline-offset:2px}.toggle:checked+.toggle-track{background-color:var(--color-interactive-primary)}.toggle:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.toggle:disabled~.toggle-text{color:var(--color-text-tertiary);cursor:not-allowed}.toggle:disabled+.toggle-track{background-color:var(--color-form-disabled-bg);cursor:not-allowed}.toggle:disabled:checked+.toggle-track{background-color:var(--color-interactive-primary-disabled)}.toggle-label:hover .toggle:not(:disabled)+.toggle-track{background-color:var(--color-neutral-400)}.toggle-label:hover .toggle:not(:disabled):checked+.toggle-track{background-color:var(--color-interactive-primary-hover)}@media(prefers-reduced-motion:reduce){.toggle-track,.toggle-thumb{transition:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-12) var(--spacing-6);gap:var(--spacing-4)}.empty-state__icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-2)}.empty-state__action{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-5);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);background-color:var(--color-interactive-primary);border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-linear)}.empty-state__action:hover{background-color:var(--color-interactive-primary-hover)}.empty-state__action:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}
