@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;0,6..96,700;0,6..96,800;1,6..96,400;1,6..96,500&family=Inter:wght@300;400;450;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #1C1C1C;--bg-elev: #232323;--bg-elev-2: #2A2A2A;--rule: #3A3632;--rule-soft: #2D2A27;--ink: #F2EBDD;--ink-mute: #C8C0AF;--ink-dim: #8A8377;--ink-faint: #5C564D;--ok: #B5C9A0;--warn: #D6B673;--fail: #C58A7A;--serif: "Bodoni Moda", "Bodoni 72", "Didot", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--pad: 32px;--pad-lg: 56px;--rail-w: 232px;--t: .18s cubic-bezier(.4,.1,.2,1)}[data-theme=bone]{--bg: #F2EBDD;--bg-elev: #ECE4D2;--bg-elev-2: #E4DBC6;--rule: #C9BFA7;--rule-soft: #D9CFB8;--ink: #1C1C1C;--ink-mute: #423E37;--ink-dim: #6B6457;--ink-faint: #8F8676;--ok: #4F6B3A;--warn: #8B6A1F;--fail: #8A3F2C}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:400;line-height:1.55;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";transition:background var(--t),color var(--t)}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--bg)}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}.mono{font-family:var(--mono);font-feature-settings:"zero","ss01";letter-spacing:-.005em}.eyebrow{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}h1.display,.display{font-family:var(--serif);font-weight:400;font-size:64px;line-height:1.02;letter-spacing:-.02em;color:var(--ink);margin:0}h2.title,.title{font-family:var(--serif);font-weight:400;font-size:38px;line-height:1.08;letter-spacing:-.015em;margin:0}h3.subtitle{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2;letter-spacing:-.01em;margin:0}.lede{font-size:16px;line-height:1.55;color:var(--ink-mute);font-weight:400;max-width:56ch}.label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.rule{border:0;border-top:1px solid var(--rule);margin:0}.rule-soft{border:0;border-top:1px solid var(--rule-soft);margin:0}.rule-double{border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);height:4px;margin:0}.btn{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 18px;border:1px solid var(--rule);background:transparent;color:var(--ink);font-size:13px;font-weight:450;letter-spacing:.01em;border-radius:0;transition:background var(--t),border-color var(--t),color var(--t)}.btn:hover{background:var(--bg-elev-2);border-color:var(--ink-faint)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{background:var(--ink-mute);border-color:var(--ink-mute)}.btn-ghost{border-color:transparent;padding:0 12px;color:var(--ink-mute)}.btn-ghost:hover{color:var(--ink);background:var(--bg-elev-2)}.btn-sm{height:30px;padding:0 12px;font-size:12px;gap:8px}.input{display:block;width:100%;height:44px;padding:0 14px;border:1px solid var(--rule);background:transparent;color:var(--ink);font-size:14px;border-radius:0;outline:none;transition:border-color var(--t)}.input:focus{border-color:var(--ink)}.input::placeholder{color:var(--ink-faint)}.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);height:22px;padding:0 9px;border:1px solid var(--rule);white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-dim);flex:none}.pill.ok .dot{background:var(--ok)}.pill.warn .dot{background:var(--warn)}.pill.fail .dot{background:var(--fail)}.pill.ok{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 35%,var(--rule))}.pill.warn{color:var(--warn);border-color:color-mix(in oklab,var(--warn) 35%,var(--rule))}.pill.fail{color:var(--fail);border-color:color-mix(in oklab,var(--fail) 35%,var(--rule))}.pill.neutral{color:var(--ink-mute);border-color:var(--rule)}.app{display:grid;grid-template-columns:var(--rail-w) 1fr;min-height:100vh}.rail{border-right:1px solid var(--rule);padding:28px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;background:var(--bg)}.brand{display:flex;align-items:baseline;gap:10px}.brand .v{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1;font-style:italic;letter-spacing:-.02em}.brand .word{font-family:var(--serif);font-size:18px;letter-spacing:-.01em}.brand .product{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin-left:auto;align-self:center}.nav{display:flex;flex-direction:column;gap:1px}.nav-section{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin:18px 8px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 10px;font-size:13.5px;color:var(--ink-mute);cursor:pointer;border-left:2px solid transparent;margin-left:-2px;transition:color var(--t),border-color var(--t),background var(--t)}.nav-item:hover{color:var(--ink)}.nav-item.active{color:var(--ink);border-left-color:var(--ink)}.nav-item .num{font-family:var(--mono);font-size:10px;color:var(--ink-faint);margin-left:auto;letter-spacing:.05em}.nav-item.active .num{color:var(--ink-dim)}.rail-foot{margin-top:auto;padding-top:20px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);line-height:1.6;letter-spacing:.02em}.main{padding:36px var(--pad-lg) 80px;max-width:1280px;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px;padding-bottom:22px;border-bottom:1px solid var(--rule)}.page-header .meta{font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:.06em;text-align:right}.crumb{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:10px}.panel{border:1px solid var(--rule);background:transparent}.panel-pad{padding:24px 28px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--rule)}.panel-head .label{color:var(--ink-mute)}.ledger{width:100%;border-collapse:collapse;font-size:13px}.ledger th{text-align:left;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);padding:14px 16px;border-bottom:1px solid var(--rule);background:transparent;white-space:nowrap}.ledger td{padding:16px;border-bottom:1px solid var(--rule-soft);vertical-align:middle;color:var(--ink-mute)}.ledger tr:hover td{background:var(--bg-elev);color:var(--ink)}.ledger td.num,.ledger th.num{text-align:right}.ledger td .ts{font-family:var(--mono);font-size:12px;color:var(--ink);letter-spacing:-.01em}.ledger td .hash{font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:-.01em}.ledger td .device{color:var(--ink);font-weight:450}.ledger td .sub{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:2px}.ledger td:first-child{position:relative}.row-marker{display:inline-block;width:1px;height:14px;background:var(--ink-faint);margin-right:14px;vertical-align:middle}.stat{padding:28px 0}.stat .num{font-family:var(--serif);font-size:56px;line-height:1;letter-spacing:-.025em;color:var(--ink);font-weight:400;font-variant-numeric:lining-nums tabular-nums}.stat .num small{font-family:var(--mono);font-size:13px;color:var(--ink-dim);margin-left:8px;letter-spacing:.04em;font-style:normal}.stat .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-top:10px}.stat .delta{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:6px;letter-spacing:.04em}.toggle{--w: 38px;--h: 22px;position:relative;width:var(--w);height:var(--h);border:1px solid var(--rule);background:transparent;border-radius:999px;cursor:pointer;padding:0;transition:background var(--t),border-color var(--t);flex:none}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:calc(var(--h) - 6px);height:calc(var(--h) - 6px);border-radius:50%;background:var(--ink-mute);transition:transform var(--t),background var(--t)}.toggle.on{background:var(--ink);border-color:var(--ink)}.toggle.on:after{background:var(--bg);transform:translate(calc(var(--w) - var(--h)))}.center-shell{min-height:100vh;display:grid;place-items:center;padding:40px}.signin-card{width:100%;max-width:440px}.kv{display:grid;grid-template-columns:160px 1fr;gap:14px 24px;font-size:13px}.kv dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);padding-top:2px}.kv dd{margin:0;color:var(--ink)}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.ink{color:var(--ink)}.chev:after{content:"›";font-family:var(--serif);font-size:18px;margin-left:6px;display:inline-block;transform:translateY(-1px)}.ext:after{content:"↗";font-family:var(--serif);font-size:13px;margin-left:6px;color:var(--ink-dim)}.spark{display:flex;align-items:flex-end;gap:3px;height:60px}.spark span{flex:1;background:var(--ink-mute);min-height:2px;opacity:.5;transition:opacity var(--t)}.spark:hover span{opacity:.8}.spark span.today{opacity:1;background:var(--ink)}.ledger tr.selected td{background:var(--bg-elev-2);color:var(--ink)}.search{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border:1px solid var(--rule);min-width:260px}.search input{border:0;background:transparent;outline:none;font-size:13px;flex:1;color:var(--ink)}.search input::placeholder{color:var(--ink-faint)}.search .kbd{font-family:var(--mono);font-size:10px;color:var(--ink-faint);border:1px solid var(--rule);padding:1px 5px;letter-spacing:.04em}.seg{display:inline-flex;border:1px solid var(--rule)}.seg button{height:30px;padding:0 14px;background:transparent;border:0;color:var(--ink-mute);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-right:1px solid var(--rule)}.seg button:last-child{border-right:0}.seg button.on{background:var(--ink);color:var(--bg)}.receipt{border:1px solid var(--rule);padding:18px 20px;font-family:var(--mono);font-size:12px;color:var(--ink-mute);line-height:1.7;letter-spacing:-.005em;position:relative}.receipt .row{display:flex;gap:14px}.receipt .row .k{color:var(--ink-faint);min-width:96px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;padding-top:3px}.receipt .row .val{color:var(--ink);word-break:break-all}.receipt .copy{position:absolute;top:14px;right:14px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);background:transparent;border:1px solid var(--rule);padding:4px 8px;cursor:pointer;transition:color var(--t),border-color var(--t)}.receipt .copy:hover{color:var(--ink);border-color:var(--ink-faint)}.receipt .copy.copied{color:var(--ok);border-color:var(--ok)}.drawer-bg{position:fixed;inset:0;background:color-mix(in oklab,var(--bg) 70%,transparent);backdrop-filter:blur(2px);z-index:50;animation:fade .2s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,92vw);background:var(--bg);border-left:1px solid var(--rule);z-index:51;overflow-y:auto;animation:slidein .25s cubic-bezier(.4,.1,.2,1);padding:28px 36px 60px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.drawer .close{position:absolute;top:18px;right:18px;width:32px;height:32px;border:1px solid var(--rule);background:transparent;color:var(--ink-mute);display:grid;place-items:center;cursor:pointer}.drawer .close:hover{color:var(--ink);border-color:var(--ink-faint)}.detail-strip{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);margin-top:22px}.detail-strip>div{padding:14px 18px;border-right:1px solid var(--rule)}.detail-strip>div:last-child{border-right:0}.detail-strip .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.detail-strip .v{font-family:var(--mono);font-size:13px;color:var(--ink);margin-top:4px}.folio{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase}@media (max-width: 920px){.app{grid-template-columns:1fr}.rail{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--rule);padding:18px var(--pad);flex-direction:row;gap:16px;align-items:center}.nav,.nav-section,.rail-foot{display:none}.main{padding:28px var(--pad) 60px}.page-header{flex-direction:column;align-items:flex-start;gap:14px}.kv{grid-template-columns:1fr;gap:4px 0}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.grid-3>*{padding:28px 32px;border-right:1px solid var(--rule)}.grid-3>*:last-child{border-right:0}@media (max-width: 720px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-3>*{border-right:0;border-bottom:1px solid var(--rule)}}.pulse-v{display:grid;place-items:center;min-height:60vh}.pulse-v .v{font-family:var(--serif);font-style:italic;font-size:96px;color:var(--ink);animation:pulseV 2s ease-in-out infinite}@keyframes pulseV{0%,to{opacity:.4}50%{opacity:1}}.error-panel{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:36px 40px;margin:32px 0;text-align:center}.error-panel .h{font-family:var(--serif);font-size:28px;margin-bottom:12px}.error-panel .body{color:var(--ink-mute);margin-bottom:24px;max-width:56ch;margin-left:auto;margin-right:auto}.skeleton-row{height:48px;background:linear-gradient(90deg,var(--bg-elev) 0%,var(--bg-elev-2) 50%,var(--bg-elev) 100%);background-size:200% 100%;animation:skel 1.5s ease-in-out infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}
