@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Geist+Mono:wght@400;500&display=swap");:root{--bg:#f3ede1;--bg-2:#ebe4d4;--bg-3:#e3dcc8;--fg:#16140f;--fg-muted:rgba(22,20,15,0.72);--fg-dim:rgba(22,20,15,0.52);--fg-faint:rgba(22,20,15,0.22);--line:rgba(22,20,15,0.10);--line-2:rgba(22,20,15,0.18);--accent:oklch(0.55 0.16 40);--accent-dim:oklch(0.40 0.12 40);--pos:#5f8a76;--neg:#b0563b}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.serif{font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.02em}.eyebrow,.mono{font-family:Geist Mono,ui-monospace,monospace}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:28px 20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-size:19px;letter-spacing:-.02em}.brand-mark{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:7px;background:var(--fg);color:var(--bg);font-size:14px}.nav{flex-direction:column;gap:2px}.nav,.nav a{display:flex}.nav a{padding:9px 12px;border-radius:9px;font-size:14px;color:var(--fg-dim);align-items:center;gap:10px;transition:background .15s,color .15s}.nav a.active,.nav a:hover{color:var(--fg);background:var(--bg-2)}.nav a.active{font-weight:500}.main{padding:36px 44px 80px;max-width:1180px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.h1{font-family:Fraunces,serif;font-size:32px;line-height:1.1;margin:4px 0 0}.btn{background:var(--fg);color:var(--bg);border:none;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line-2)}.grid{display:grid;grid-gap:18px;gap:18px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:1.4fr 1fr}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:22px 24px}.card-title{font-size:12.5px;font-weight:600;color:var(--fg-dim);margin:0 0 16px;letter-spacing:.01em;display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:12px;color:var(--fg-dim);margin-bottom:8px}.stat-value{font-family:Fraunces,serif;font-size:34px;line-height:1}.stat-sub{font-size:12.5px;color:var(--fg-muted);margin-top:10px}.pos{color:var(--pos)}.neg{color:var(--neg)}.catrow{display:grid;grid-template-columns:130px 1fr 84px;align-items:center;grid-gap:12px;gap:12px;margin-bottom:13px}.catname{font-size:13px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cattrack{height:9px;border-radius:6px;background:var(--bg-3);overflow:hidden}.catfill{height:100%;border-radius:6px}.catamt{font-size:13px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.txn{display:grid;grid-template-columns:36px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.txn:last-child{border-bottom:none}.txn-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:600}.txn-merchant{font-size:14px;font-weight:500}.txn-meta{font-size:12px;color:var(--fg-dim);margin-top:1px}.txn-amt{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.pill{font-size:10.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--line-2);color:var(--fg-dim)}.pill.live{color:var(--pos);border-color:color-mix(in oklab,var(--pos),transparent 60%)}.pill.demo{color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 55%)}.muted{font-size:12.5px}.cat-select,.muted{color:var(--fg-dim)}.cat-select{font-family:inherit;font-size:12px;background:transparent;border:1px solid transparent;border-radius:6px;padding:1px 4px;margin:-1px 0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.cat-select:hover{border-color:var(--line-2);color:var(--fg)}.cat-select:focus{outline:none;border-color:var(--accent);color:var(--fg)}.legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:16px}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-muted)}.dot{width:9px;height:9px;border-radius:3px}.banner{background:color-mix(in oklab,var(--accent),transparent 88%);border:1px solid color-mix(in oklab,var(--accent),transparent 70%);color:var(--accent-dim);border-radius:12px;padding:11px 16px;font-size:13px;margin-bottom:24px;display:flex;gap:10px;align-items:center}@media (max-width:920px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;align-items:center;justify-content:space-between}.nav,.sidebar{flex-direction:row}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.main{padding:24px}}