.btn{cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;font-weight:500;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.btn:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.btn--primary{background:var(--primary);color:#0f172a;border:0;font-weight:600;box-shadow:0 0 20px -4px #38bdf873}.btn--primary:hover{filter:brightness(1.1)}.btn--primary:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.btn--secondary{background:var(--surface);color:var(--foreground);border-color:var(--border)}.btn--secondary:hover{background:var(--elevated);border-color:#38bdf866}.btn--ghost{color:var(--foreground);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface);border-color:var(--border);color:var(--primary)}.btn--danger{background:var(--negative);color:#fff;border:0}.btn--danger:hover{filter:brightness(1.1)}.btn--sm{border-radius:.375rem;height:2rem;padding:0 .75rem;font-size:.875rem}.btn--md{border-radius:.375rem;height:2.5rem;padding:0 1rem;font-size:1rem}.btn--lg{border-radius:.5rem;height:3rem;padding:0 1.5rem;font-size:1rem}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}
.card{border:1px solid var(--border);background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-card);border-radius:.75rem;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-card-hover)}.card__header{padding:1rem 1.5rem}.card__title{color:var(--foreground);font-size:1.125rem;font-weight:600;line-height:1.3}.card__description{color:var(--muted);margin-top:.25rem;font-size:.875rem}.card__content{padding:1rem 1.5rem}.card__footer{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}