.app-btn[data-v-5678a8c2]{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500;border:none;cursor:pointer;transition:all var(--duration-fast, .15s) var(--ease, cubic-bezier(.22, 1, .36, 1));white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.app-btn[data-v-5678a8c2]:active:not(:disabled){transform:scale(.98)}.app-btn[data-v-5678a8c2]:focus-visible{outline:2px solid var(--brand, var(--primary));outline-offset:3px}.app-btn--disabled[data-v-5678a8c2],.app-btn[data-v-5678a8c2]:disabled{opacity:.5;cursor:not-allowed}.app-btn--xs[data-v-5678a8c2]{padding:4px 10px;font-size:12px;border-radius:4px}.app-btn--sm[data-v-5678a8c2]{padding:6px 14px;font-size:13px;border-radius:6px}.app-btn--md[data-v-5678a8c2]{padding:10px 20px;font-size:14px;border-radius:8px}.app-btn--lg[data-v-5678a8c2]{padding:12px 28px;font-size:16px;border-radius:10px}.app-btn--xl[data-v-5678a8c2]{padding:16px 36px;font-size:18px;border-radius:12px}.app-btn--round[data-v-5678a8c2]{border-radius:9999px}.app-btn--block[data-v-5678a8c2]{width:100%}.app-btn--primary[data-v-5678a8c2]{background-color:var(--brand-action, var(--brand, var(--primary)));color:#fff;border-radius:var(--radius-full, 9999px)}.app-btn--primary[data-v-5678a8c2]:hover:not(:disabled){background-color:var(--brand-600, var(--primary-dark));transform:translateY(-1px)}.app-btn--secondary[data-v-5678a8c2]{background-color:transparent;color:var(--ink, var(--text-primary));border:1px solid var(--hairline-strong, var(--border));border-radius:var(--radius-full, 9999px)}.app-btn--secondary[data-v-5678a8c2]:hover:not(:disabled){border-color:var(--ink-2, var(--text-secondary))}.app-btn--success[data-v-5678a8c2]{background-color:var(--success);color:#fff}.app-btn--danger[data-v-5678a8c2]{background-color:var(--danger);color:#fff}.app-btn--warning[data-v-5678a8c2]{background-color:var(--warning);color:#fff}.app-btn--ghost[data-v-5678a8c2]{background-color:transparent;color:var(--ink, var(--text-primary));border:1px solid var(--hairline-strong, var(--border));border-radius:var(--radius-full, 9999px)}.app-btn--ghost[data-v-5678a8c2]:hover:not(:disabled){border-color:var(--ink-2, var(--text-secondary))}.app-btn__spinner[data-v-5678a8c2]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-5678a8c2 .8s linear infinite}@keyframes spin-5678a8c2{to{transform:rotate(360deg)}}