.btn{letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:background .15s,color .15s,opacity .15s,border-color .15s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--color-green)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--default{background:var(--color-green);height:38px;color:var(--color-button-default-text);padding:0 16px}.btn--default:hover:not(:disabled){background:var(--color-green-bright)}.btn--secondary{background:var(--color-bg-card-header);height:38px;color:var(--color-text-primary);border:1px solid var(--color-border);padding:0 16px}.btn--secondary:hover:not(:disabled){background:var(--color-bg-nav-active);border-color:var(--color-text-muted)}.btn--sm{height:30px;padding:0 12px;font-size:12px}.btn--lg{height:44px;padding:0 24px;font-size:14px}.btn--ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn--outline{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn--outline:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn--destructive{background:var(--color-status-failed);color:var(--color-button-destructive-text)}
.card{background:var(--color-bg-card-parent);border-radius:8px;padding:2px}.card__header{padding:20px 22px}.card__title{color:var(--color-text-primary);font-size:15px;font-weight:600}.card__description{color:var(--color-text-secondary);margin-top:4px;font-size:12px;line-height:1.5}.card__content{background:var(--color-bg-card);border-radius:6px;padding:20px}