:root{--btn-primary-bg: #2563eb;--btn-primary-bg-hover: #1d4ed8;--btn-primary-fg: #ffffff;--btn-success-bg: #0a7f32;--btn-success-bg-hover: #086627;--btn-success-fg: #ffffff;--btn-neutral-bg: #334155;--btn-neutral-bg-hover: #1e293b;--btn-neutral-fg: #ffffff;--btn-danger-bg: #dc2626;--btn-danger-bg-hover: #b91c1c;--btn-danger-fg: #ffffff;--btn-disabled-bg: #94a3b8;--btn-disabled-fg: #ffffff;--btn-blue: var(--btn-primary-bg);--btn-blue-hover: var(--btn-primary-bg-hover);--btn-green: var(--btn-success-bg);--btn-green-hover: var(--btn-success-bg-hover);--btn-slate: var(--btn-neutral-bg);--btn-slate-hover: var(--btn-neutral-bg-hover);--btn-red: var(--btn-danger-bg);--btn-red-hover: var(--btn-danger-bg-hover);--btn-on-fill: #ffffff;--btn-quiet-bg: var(--btn-neutral-bg);--btn-quiet-bg-hover: var(--btn-neutral-bg-hover);--btn-quiet-fg: var(--btn-neutral-fg);--btn-quiet-border: var(--btn-neutral-bg)}@layer components{.btn,.btn-primary,.btn-success,.btn-secondary,.btn-neutral,.btn-danger,.btn-quiet,.btn-save,.btn-edit,.btn-add,.btn-delete,.btn-cancel{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border:1px solid transparent;padding:.45rem .85rem;font:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;cursor:pointer;transition:background-color .15s,border-color .15s}.btn:disabled,.btn-primary:disabled,.btn-success:disabled,.btn-secondary:disabled,.btn-neutral:disabled,.btn-danger:disabled,.btn-quiet:disabled,.btn-save:disabled,.btn-edit:disabled,.btn-add:disabled,.btn-delete:disabled,.btn-cancel:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:.25rem .6rem;font-size:.8rem}.btn-primary,.btn-save,.btn-edit{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-primary:not(:disabled):hover,.btn-save:not(:disabled):hover,.btn-edit:not(:disabled):hover{background-color:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover)}.btn-success,.btn-add{background-color:var(--btn-success-bg);border-color:var(--btn-success-bg);color:var(--btn-success-fg)}.btn-success:not(:disabled):hover,.btn-add:not(:disabled):hover{background-color:var(--btn-success-bg-hover);border-color:var(--btn-success-bg-hover)}.btn-secondary,.btn-neutral,.btn-quiet{background-color:var(--btn-neutral-bg);border-color:var(--btn-neutral-bg);color:var(--btn-neutral-fg)}.btn-secondary:not(:disabled):hover,.btn-neutral:not(:disabled):hover,.btn-quiet:not(:disabled):hover{background-color:var(--btn-neutral-bg-hover);border-color:var(--btn-neutral-bg-hover)}.btn-danger,.btn-delete,.btn-cancel{background-color:var(--btn-danger-bg);border-color:var(--btn-danger-bg);color:var(--btn-danger-fg)}.btn-danger:not(:disabled):hover,.btn-delete:not(:disabled):hover,.btn-cancel:not(:disabled):hover{background-color:var(--btn-danger-bg-hover);border-color:var(--btn-danger-bg-hover)}a.btn,a.btn-primary,a.btn-secondary,a.btn-success,a.btn-danger,a.btn-quiet,a.btn-save,a.btn-edit,a.btn-add,a.btn-delete,a.btn-cancel{text-decoration:none}}:root{color-scheme:only light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}a{color:#1d4ed8}code{font-size:.86em}.btn-primary,.btn-success,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;padding:0 12px;height:32px;font-size:.8rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-success{background:var(--btn-success-bg);color:var(--btn-success-fg)}.btn-secondary{background:var(--btn-neutral-bg);color:var(--btn-neutral-fg)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-fg)}button:disabled{opacity:.5;cursor:default}