:root{--navy:#0f1419;--coral:#ff6b5b;--teal:#1db9a4;--bg:#f8fafb;--text:#1f2937;--muted:#0f14198c;--hairline:#0f14191a;--masthead-muted:#f8fafb9e;--display:Inter, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;font-family:var(--display);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100svh}body{background:var(--bg);margin:0}.app-shell{background:var(--bg);min-height:100svh}.masthead{background:var(--navy);color:var(--bg);padding:28px 20px 24px}.masthead-inner{width:min(440px,100%);margin:0 auto}.masthead-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.masthead-actions{align-items:center;gap:12px;display:flex}.logout-button{appearance:none;color:var(--masthead-muted);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:.68rem;font-weight:600}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{color:var(--coral);margin:0;font-size:.85rem}.login-submit{appearance:none;background:var(--navy);color:var(--bg);font-family:var(--display);letter-spacing:.04em;cursor:pointer;border:0;margin-top:8px;padding:12px 16px;font-size:.85rem;font-weight:600}.masthead-label{letter-spacing:.16em;text-transform:uppercase;color:var(--masthead-muted);margin:0;font-size:.72rem;font-weight:600}.live-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);align-items:center;gap:6px;font-size:.68rem;font-weight:600;display:inline-flex}.live-badge.loading{color:var(--masthead-muted)}.live-badge.error{color:var(--coral)}.live-badge.loading .live-dot{opacity:.4;animation:none}.live-badge.error .live-dot{background:var(--coral);animation:none}.live-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.masthead-net{align-items:baseline;gap:10px;margin:0 0 20px;display:flex}.masthead-currency{font-family:var(--mono);letter-spacing:.08em;color:var(--masthead-muted);font-size:.8rem;font-weight:500}.masthead-value{font-family:var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,7vw,2.15rem);font-weight:500;line-height:1}.masthead-split{border-top:1px solid #f8fafb1f;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding-top:16px;display:grid}.masthead-split dt{letter-spacing:.14em;text-transform:uppercase;color:var(--masthead-muted);font-size:.68rem;font-weight:600}.masthead-split dd{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.95rem;font-weight:500}.masthead-split .credit{color:var(--teal)}.masthead-split .debit{color:var(--coral)}.dashboard{width:min(440px,100%);margin:0 auto;padding:0 20px 56px}.filters{z-index:10;background:var(--bg);border-bottom:1px solid var(--hairline);padding:20px 0 16px;position:sticky;top:0}.filter-group+.filter-group,.filter-group+.custom-range,.custom-range+.search-field,.filter-group+.search-field{margin-top:14px}.filter-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.68rem;font-weight:600}.segmented{border:1px solid var(--hairline);background:#fff;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.segment{appearance:none;border:0;border-right:1px solid var(--hairline);color:var(--muted);font-family:var(--display);letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:0 0;margin:0;padding:9px 8px;font-size:.72rem;font-weight:600}.segment:last-child{border-right:0}.segment.is-active{background:var(--navy);color:var(--bg)}.segment.debit.is-active{background:var(--coral);color:#fff}.segment.credit.is-active{background:var(--teal);color:#fff}.custom-range{grid-template-columns:1fr 1fr;gap:12px;display:grid}.custom-range label,.search-field{flex-direction:column;display:flex}.custom-range input,.search-field input{border:0;border-bottom:1px solid var(--navy);width:100%;color:var(--text);font-family:var(--display);background:0 0;border-radius:0;padding:8px 0 7px;font-size:.9rem}.search-field input{font-family:var(--mono);font-size:.85rem}.custom-range input:focus,.search-field input:focus{border-bottom-width:2px;outline:none;padding-bottom:6px}.timeline-heading-row{justify-content:space-between;align-items:baseline;gap:12px;margin:22px 0 18px;display:flex}.timeline-heading{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:600}.match-count{font-family:var(--mono);color:var(--muted);margin:0;font-size:.72rem;font-weight:500}.timeline{margin:0;padding:0;list-style:none}.timeline-day+.timeline-day{margin-top:8px}.day-label{letter-spacing:.04em;color:var(--muted);margin:0 0 16px 32px;font-size:.78rem;font-weight:500}.event{grid-template-columns:16px 1fr;column-gap:16px;padding-bottom:28px;display:grid;position:relative}.timeline-day:not(:last-child) .event:last-child .spine:before{bottom:calc(-28px - 2.1rem)}.timeline-day:last-child .event:last-child{padding-bottom:0}.spine{justify-content:center;display:flex;position:relative}.spine:before{content:"";background:var(--navy);opacity:.18;width:1px;position:absolute;top:12px;bottom:-28px;left:50%;transform:translate(-50%)}.timeline-day:last-child .event:last-child .spine:before{display:none}.node{z-index:1;background:var(--navy);width:11px;height:11px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;margin-top:10px;position:relative}.event.debit .node{background:var(--coral)}.event.credit .node{background:var(--teal)}.event-body{border-bottom:1px solid var(--hairline);min-width:0;padding-bottom:4px}.timeline-day:last-child .event:last-child .event-body{border-bottom:0}.event-primary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 12px;display:flex}.event-time{min-width:0;color:var(--navy);align-items:baseline;gap:6px;display:flex}.clock,.event-amount{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,5.4vw,1.7rem);font-weight:700;line-height:1.05}.period{letter-spacing:.1em;color:var(--muted);font-size:.7rem;font-weight:700}.event-rule{background:var(--navy);opacity:.18;flex-shrink:0;align-self:center;width:1px;height:1.05em}.event-amount{font-family:var(--mono);color:var(--text);align-items:baseline;gap:.3em;margin:0 0 0 auto;display:flex}.event.debit .event-amount{color:var(--coral)}.event.credit .event-amount{color:var(--teal)}.event-amount .currency,.event-amount .sign,.event-amount .value{font-weight:700}.event-meta{justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 12px;display:flex}.event-type,.event-ref{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:500}.event-ref{font-family:var(--mono);letter-spacing:.04em;text-transform:none}.empty{color:var(--muted);margin:0;padding:24px 0}@media (width>=640px){.masthead{padding:36px 24px 28px}.filters{padding-top:24px}}@media (width<=380px){.event-rule{display:none}}