.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-button);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);user-select:none;white-space:nowrap}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-btn--primary{background:var(--color-primary);color:#fff}.ui-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.ui-btn--secondary{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-border)}.ui-btn--ghost{background:transparent;color:var(--color-text)}.ui-btn--ghost:hover:not(:disabled){background:var(--color-surface-alt)}.ui-btn--danger{background:var(--color-danger);color:#fff}.ui-btn--danger:hover:not(:disabled){background:var(--color-danger-hover)}.ui-btn--success{background:var(--color-success);color:#fff}.ui-btn--success:hover:not(:disabled){background:var(--color-success-hover)}.ui-btn--link{background:transparent;color:var(--color-primary);padding:4px 8px;font-weight:var(--font-weight-medium)}.ui-btn--link:hover:not(:disabled){background:var(--color-primary-soft)}.ui-btn--sm{padding:6px 12px;font-size:var(--font-size-sm)}.ui-btn--lg{padding:14px 24px;font-size:var(--font-size-lg)}.ui-btn--icon{padding:0;width:36px;height:36px;border-radius:var(--radius-button)}.ui-btn--icon.ui-btn--sm{width:28px;height:28px}.ui-btn--block{width:100%}.ui-card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card)}.ui-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.ui-card__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);display:inline-flex;align-items:center;gap:var(--space-xs)}.ui-card--bordered{border:1px solid var(--color-border);box-shadow:none}.ui-card--flat{box-shadow:none}.ui-page{background:var(--color-bg);min-height:100dvh;padding-bottom:var(--space-2xl)}.ui-page__main{max-width:880px;margin:0 auto;padding:var(--space-page-padding);display:flex;flex-direction:column;gap:var(--space-section-gap)}.ui-page__main--wide{max-width:1280px}.ui-page__main--narrow{max-width:640px}.ui-page-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.ui-page-header--sticky{position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:saturate(1.4) blur(10px)}.ui-page-header__row{display:flex;gap:var(--space-md);align-items:center}.ui-page-header__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-border);color:var(--color-text);line-height:1.4}.ui-badge--primary{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border)}.ui-badge--success{background:var(--color-success-soft);color:var(--color-success-hover);border:1px solid var(--color-success-border)}.ui-badge--warning{background:var(--color-warning-soft);color:var(--color-warning-hover);border:1px solid var(--color-warning-border)}.ui-badge--danger{background:var(--color-danger-soft);color:var(--color-danger-hover);border:1px solid var(--color-danger-border)}.ui-input,.ui-select,.ui-textarea{width:100%;padding:10px 12px;font-family:var(--font-family);font-size:var(--font-size-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.ui-textarea{min-height:60px;resize:vertical}.ui-field{display:flex;flex-direction:column;gap:var(--space-xs)}.ui-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.ui-field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ui-field__error{font-size:var(--font-size-xs);color:var(--color-danger)}