.ledger-demo{color:#ececef;background:#15161a;border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:34rem;font-size:13px;line-height:18px;overflow:hidden;box-shadow:0 32px 64px -28px #000000b3}.ledger-demo-head,.ledger-demo-foot{color:#a4a6ae;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ledger-demo-head{border-bottom:1px solid #24262b}.ledger-demo-foot{background:#0c0d0f;border-top:1px solid #24262b}.ledger-demo-tag{color:#868993;border:1px solid #32343b;border-radius:5px;padding:1px 7px;font-size:11px}.ledger-demo-rows{height:225px;margin:0;padding:0;list-style:none;overflow:hidden}.ledger-demo-row{border-bottom:1px solid #24262b;grid-template-columns:3.25rem minmax(0,1fr) 6.5rem 12.75rem;align-items:center;gap:12px;height:45px;padding-inline:16px;animation:.52s cubic-bezier(.2,.8,.2,1) both ledger-row-in;display:grid}.ledger-demo-date{color:#868993;font-variant-numeric:tabular-nums}.ledger-demo-payee{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ledger-demo-amount{text-align:right;font-variant-numeric:tabular-nums}.ledger-demo-amount.is-in{color:#4fc48e}.ledger-demo-category{height:24px;position:relative}.ledger-demo-sorting,.ledger-demo-sorted{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding-inline:8px;transition:opacity .26s,transform .26s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:absolute;inset:0 auto 0 0}.ledger-demo-sorting{color:#868993;background:linear-gradient(90deg,#1b1c21 0%,#2a2c31 50%,#1b1c21 100%) 0 0/200% 100%;animation:1s linear infinite ledger-sorting}.ledger-demo-sorted{color:#c9c8ff;text-overflow:ellipsis;background:#9391ff1f;overflow:hidden}.ledger-demo-sorted svg{color:#4fc48e;flex:none}.ledger-demo-category[data-sorted=true] .ledger-demo-sorting{opacity:0}.ledger-demo-category[data-sorted=false] .ledger-demo-sorted{opacity:0;transform:translateY(4px)}.ledger-demo-reconciled{color:#4fc48e;align-items:center;gap:6px;font-weight:500;display:inline-flex}@keyframes ledger-row-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes ledger-sorting{0%{background-position:100% 0}to{background-position:-100% 0}}.login-enter{animation:.48s cubic-bezier(.2,.8,.2,1) both login-enter}.login-enter-late{animation:.56s cubic-bezier(.2,.8,.2,1) .12s both login-enter}@keyframes login-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ledger-demo-row,.ledger-demo-sorting,.login-enter,.login-enter-late{animation:none}}