.ui-badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:2px var(--space-2);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.ui-badge--success{background:color-mix(in oklab,var(--color-success) 18%,transparent);color:var(--color-success)}.ui-badge--warning{background:color-mix(in oklab,var(--color-warning) 18%,transparent);color:var(--color-warning)}.ui-badge--error{background:color-mix(in oklab,var(--color-error) 18%,transparent);color:var(--color-error)}.ui-badge--neutral{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.ui-badge--accent{background:var(--color-accent-subtle);color:var(--color-accent-hover)}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--space-4)}.ui-card--elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.ui-card--accent{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-accent) 25%,transparent)}.ui-checkbox{display:grid;gap:var(--space-2)}.ui-checkbox__label{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.ui-checkbox__input{position:absolute;opacity:0;pointer-events:none}.ui-checkbox__box{width:18px;height:18px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);transition:transform var(--transition-spring),background-color var(--transition-fast),border-color var(--transition-fast)}.ui-checkbox__text{color:var(--color-text-primary)}.ui-checkbox__input:checked+.ui-checkbox__box{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.12)}.ui-checkbox__input:focus-visible+.ui-checkbox__box{outline:2px solid var(--color-accent);outline-offset:2px}.ui-checkbox__helper{color:var(--color-text-muted);font-size:var(--font-size-small)}.ui-checkbox__error{color:var(--color-error);font-size:var(--font-size-small)}.ui-checkbox--error .ui-checkbox__box{border-color:var(--color-error)}.ui-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;background:color-mix(in oklab,var(--color-text-primary) 45%,transparent);animation:ui-modal-backdrop-fade var(--transition-base);padding:var(--space-4);overflow-y:auto}.ui-modal__content{width:100%;max-height:calc(100dvh - var(--space-8));border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-xl);animation:ui-modal-content-enter var(--transition-base);display:flex;flex-direction:column}.ui-modal__content--sm{max-width:400px}.ui-modal__content--md{max-width:560px}.ui-modal__content--lg{max-width:720px}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding:var(--space-4)}.ui-modal__title{margin:0;font-size:var(--font-size-h3-mobile)}.ui-modal__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.ui-modal__body{padding:var(--space-4);overflow-y:auto;min-height:0}.ui-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--color-border);padding:var(--space-4)}@keyframes ui-modal-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-content-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ui-confirm-dialog{display:grid;gap:var(--space-3)}.ui-confirm-dialog__description{color:var(--color-text-secondary)}.ui-empty-state{display:grid;justify-items:center;gap:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-align:center;padding:var(--space-6)}.ui-empty-state__icon{color:var(--color-accent)}.ui-empty-state__title{margin:0}.ui-empty-state__description{color:var(--color-text-secondary)}.ui-select{display:grid;gap:var(--space-2)}.ui-select__label{color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.ui-select__control{position:relative}.ui-select__field{width:100%;min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);appearance:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}.ui-select__field:focus-visible{border-color:var(--color-accent)}.ui-select__icon{position:absolute;top:50%;right:var(--space-3);color:var(--color-text-muted);pointer-events:none;transform:translateY(-50%)}.ui-select__helper{color:var(--color-text-muted);font-size:var(--font-size-small)}.ui-select__error{color:var(--color-error);font-size:var(--font-size-small)}.ui-select--error .ui-select__field{border-color:var(--color-error)}.ui-skeleton{display:grid;gap:var(--space-2);width:100%}.ui-skeleton__line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--color-border) 60%,transparent),color-mix(in srgb,var(--color-border) 25%,var(--color-bg-elevated)),color-mix(in srgb,var(--color-border) 60%,transparent));background-size:220% 100%;animation:ui-skeleton-shimmer 1.2s ease-in-out infinite}.ui-skeleton__line:last-child{width:75%}.ui-skeleton--sm .ui-skeleton__line{height:10px}.ui-skeleton--md .ui-skeleton__line{height:12px}.ui-skeleton--lg .ui-skeleton__line{height:16px}@keyframes ui-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.ui-skeleton__line{animation:none}}.ui-toast-stack{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1200;display:grid;gap:var(--space-3);width:min(360px,calc(100vw - var(--space-8)))}.ui-toast{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);animation:ui-toast-slide-in .3s ease}.ui-toast--success{border-left:4px solid var(--color-success)}.ui-toast--error{border-left:4px solid var(--color-error)}.ui-toast--warning{border-left:4px solid var(--color-warning)}.ui-toast--info{border-left:4px solid var(--color-accent)}.ui-toast__title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.ui-toast__message{margin:0;color:var(--color-text-secondary)}.ui-toast__close{border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0}.ui-toast-close-button{border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-accent);cursor:pointer}@keyframes ui-toast-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.ui-toggle{display:grid;gap:var(--space-2)}.ui-toggle__label{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.ui-toggle__input{position:absolute;opacity:0;pointer-events:none}.ui-toggle__track{position:relative;width:42px;height:24px;border-radius:var(--radius-full);background:var(--color-border);transition:background-color var(--transition-fast)}.ui-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.ui-toggle__input:checked+.ui-toggle__track{background:var(--color-accent)}.ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{transform:translate(18px)}.ui-toggle__input:focus-visible+.ui-toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}.ui-toggle__text{color:var(--color-text-primary)}.ui-toggle__helper{color:var(--color-text-muted);font-size:var(--font-size-small)}.ui-toggle__error{color:var(--color-error);font-size:var(--font-size-small)}.ui-toggle--error .ui-toggle__track{background:color-mix(in oklab,var(--color-error) 45%,var(--color-border))}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip__trigger{display:inline-flex}.ui-tooltip__content{position:absolute;z-index:30;border-radius:var(--radius-md);background:var(--color-text-primary);color:var(--color-bg-elevated);box-shadow:var(--shadow-md);font-size:var(--font-size-small);white-space:nowrap;padding:var(--space-2) var(--space-3);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.ui-tooltip__content--visible{opacity:1}.ui-tooltip__content--top{left:50%;bottom:calc(100% + var(--space-2));transform:translate(-50%)}.ui-tooltip__content--right{top:50%;left:calc(100% + var(--space-2));transform:translateY(-50%)}.ui-tooltip__content--bottom{left:50%;top:calc(100% + var(--space-2));transform:translate(-50%)}.ui-tooltip__content--left{top:50%;right:calc(100% + var(--space-2));transform:translateY(-50%)}.ui-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.ui-tooltip__arrow--top{left:50%;bottom:-4px;transform:translate(-50%);border-width:4px 4px 0 4px;border-color:var(--color-text-primary) transparent transparent transparent}.ui-tooltip__arrow--right{left:-4px;top:50%;transform:translateY(-50%);border-width:4px 4px 4px 0;border-color:transparent var(--color-text-primary) transparent transparent}.ui-tooltip__arrow--bottom{left:50%;top:-4px;transform:translate(-50%);border-width:0 4px 4px 4px;border-color:transparent transparent var(--color-text-primary) transparent}.ui-tooltip__arrow--left{right:-4px;top:50%;transform:translateY(-50%);border-width:4px 0 4px 4px;border-color:transparent transparent transparent var(--color-text-primary)}