@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--base: #08080f;--surface: #111120;--surface-alt: #11111f;--surface-raised: #15152a;--surface-hover: #161628;--line: #23233e;--line-subtle: #141428;--accent: #4f7eff;--accent-hover: #6690ff;--accent-soft: #9db8ff;--accent-dim: rgba(79, 126, 255, .1);--text-primary: #eef0ff;--text-secondary: #8890b8;--text-dim: #9aa0b8;--text-muted: #6b7090;--signal-attention: #ffb454;--signal-positive: #72d6aa;--signal-negative: #ff7f91;--mixed: #ffb454;--owner: #9db8ff;--timing: #6670a0;color:var(--text-primary);background:var(--base);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-weight:300;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{color-scheme:dark;width:100%;overflow-x:hidden}body{margin:0;min-width:320px;width:100%;overflow-x:hidden;background:radial-gradient(circle at top right,rgba(79,126,255,.16),transparent 32rem),linear-gradient(145deg,#08080f,#0c0c18 48%,#08080f)}button{cursor:pointer;font:inherit}#root{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.shell{display:grid;gap:22px}.panel,.net-card,.net-gap{border:1px solid var(--line);background:linear-gradient(180deg,#15152af0,#111120e0);box-shadow:0 22px 70px #00000038}.panel{width:100%;max-width:100%;min-width:0;padding:24px;overflow-wrap:anywhere}.qbo-bridge-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:clamp(24px,5vw,64px);padding:clamp(26px,5vw,56px);overflow:hidden}.hero-copy{display:grid;align-content:center;min-width:0}.qbo-bridge-hero>*,.control-row>*,.pulse-grid>*{min-width:0}.hero-copy h1,.panel h2{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:-.06em}.hero-copy h1{margin-top:18px;max-width:15ch;font-size:clamp(2.8rem,6.6vw,6rem);line-height:.94;overflow-wrap:break-word}.hero-copy h1 span{display:block}.panel h2{font-size:clamp(1.24rem,2vw,1.8rem);line-height:1.08;overflow-wrap:anywhere}.eyebrow,.period-chip span,.status-pill,.net-card span,.net-gap span,.basis-badge span,.addback-grid span,.two-column-metric span,.expense-summary span,.review-row small{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.08em}.eyebrow{margin:0;color:var(--accent-soft);font-size:.75rem;text-transform:uppercase}.lede{max-width:62ch;margin:18px 0 0;color:var(--text-secondary);font-size:1.06rem;line-height:1.62;overflow-wrap:anywhere}.net-compare{display:grid;gap:12px}.net-card,.net-gap{padding:20px}.net-card{min-height:164px}.net-card.qbo{border-left:3px solid var(--text-muted)}.net-card.owner{border-left:3px solid var(--accent);background:linear-gradient(180deg,#4f7eff21,#111120e6)}.net-card span,.net-gap span,.basis-badge span,.addback-grid span,.two-column-metric span,.expense-summary span{display:block;color:var(--text-secondary);font-size:.72rem;text-transform:uppercase}.net-card strong,.net-gap strong,.addback-grid strong,.two-column-metric strong,.expense-summary strong{display:block;margin-top:10px;font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:-.08em}.net-card strong{font-size:clamp(2.7rem,7vw,5.4rem)}.net-card small,.net-gap small,.legend-item small,.review-row small,.addback-grid small{color:var(--text-muted)}.net-gap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-color:#ffb4546b}.net-gap strong{margin-top:0;color:var(--signal-attention);font-size:clamp(1.8rem,4vw,3.4rem)}.net-gap small{grid-column:1 / -1}.control-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:22px}.date-filter{display:grid;gap:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.period-chip,.status-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);background:#08080f57;color:var(--text-primary);white-space:nowrap}.period-chip{flex-direction:column;align-items:flex-start}.period-chip span,.status-pill{color:var(--text-secondary);font-size:.72rem;text-transform:uppercase}.period-chip strong{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:-.03em}.preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.preset{display:grid;gap:6px;min-height:88px;padding:14px;border:1px solid var(--line);background:#08080f38;color:var(--text-primary);text-align:left}.preset span{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.84rem}.preset small{color:var(--text-muted)}.preset.active{border-color:var(--accent);background:var(--accent-dim);box-shadow:inset 0 0 0 1px #4f7eff61}.custom-notice{padding:14px 16px;border:1px solid rgba(255,180,84,.42);background:#ffb45414;color:var(--signal-attention);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.84rem;line-height:1.5}.basis-badge{display:grid;align-content:start;gap:16px;padding:24px;border:1px solid var(--accent);background:linear-gradient(180deg,#4f7eff2e,#111120e6);box-shadow:inset 0 0 0 1px #4f7eff2e}.basis-badge strong{display:block;margin-top:5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(1.05rem,2vw,1.45rem)}.basis-badge p{margin:0;padding-top:12px;border-top:1px solid rgba(157,184,255,.22);color:var(--text-secondary);line-height:1.55}.pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pulse-card{min-height:330px}.addback-grid,.two-column-metric,.expense-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.addback-grid>div,.two-column-metric>div,.expense-summary>div{padding:18px;border:1px solid var(--line-subtle);background:#08080f42}.addback-grid strong,.two-column-metric strong{font-size:clamp(2rem,5vw,3.5rem)}.owner-addback p,.basis-callout,.expense-boundary{color:var(--text-secondary);line-height:1.62}.basis-callout{margin:20px 0 0;padding:16px;border:1px solid rgba(79,126,255,.34);background:#4f7eff14}.expense-stack-panel{display:grid;gap:20px}.expense-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.expense-summary strong{font-size:clamp(1.8rem,4vw,3rem)}.variance-stack{display:flex;height:42px;overflow:hidden;border:1px solid var(--line);background:#08080f70}.stack-segment{min-width:2%;padding:0;border:0;transition:width .22s ease}.stack-segment.direct,.legend-item.direct span{background:var(--accent)}.stack-segment.mixed,.legend-item.mixed span{background:var(--mixed)}.stack-segment.owner,.legend-item.owner span{background:var(--owner)}.stack-segment.timing,.legend-item.timing span{background:var(--timing)}.stack-segment.active{box-shadow:inset 0 0 0 2px #eef0ffcc}.stack-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.legend-item{display:flex;gap:10px;padding:13px;border:1px solid var(--line-subtle);background:#08080f3d;color:inherit;text-align:left}.legend-item span{flex:0 0 10px;height:100%;min-height:42px}.legend-item.active{border-color:var(--accent);background:#4f7eff1a}.legend-item strong{display:block;font-weight:500}.expense-boundary{margin:0;padding-top:4px}.drawer-layer{position:fixed;inset:0;z-index:20;pointer-events:none}.drawer-backdrop{position:absolute;inset:0;border:0;background:#06070eb3;pointer-events:auto}.expense-drawer{position:absolute;top:0;right:0;display:grid;align-content:start;gap:18px;width:min(560px,100vw);height:100%;padding:28px;border-left:1px solid rgba(79,126,255,.24);background:linear-gradient(180deg,#11111ffa,#08080ffa);box-shadow:-18px 0 60px #00000059;overflow-y:auto;pointer-events:auto;transform:translate(0);transition:transform .22s ease}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.drawer-close{padding:10px 14px;border:1px solid var(--line);background:#08080f4d;color:var(--text-primary);font-family:JetBrains Mono,ui-monospace,monospace;text-transform:uppercase}.drawer-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.drawer-summary>div,.drawer-group-card{padding:16px;border:1px solid var(--line-subtle);background:#08080f42}.drawer-summary span,.drawer-group-meta span{display:block;color:var(--text-secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;text-transform:uppercase}.drawer-summary strong,.drawer-amount{display:block;margin-top:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.2rem;letter-spacing:-.04em}.drawer-copy{margin:0;color:var(--text-secondary);line-height:1.62}.drawer-boundary{padding:14px 16px;border:1px solid rgba(255,180,84,.42);background:#ffb45414;color:var(--signal-attention);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.84rem;line-height:1.5}.drawer-card-grid{display:grid;gap:12px}.drawer-group-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:10px}.drawer-group-card strong{display:block;font-size:1.02rem;font-weight:500}.drawer-group-card p{margin:8px 0 0;color:var(--text-muted);text-transform:capitalize}.drawer-amount{margin-top:16px}.materiality-list{display:grid;gap:16px}.review-list{display:grid;gap:10px}.review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line-subtle)}.review-row strong{display:block;font-weight:500}.review-row small{display:block;margin-top:4px;text-transform:uppercase}.review-row>span{font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.15rem;letter-spacing:-.04em}.personal-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,6vw,80px);padding:clamp(28px,5vw,56px);overflow:hidden}.personal-hero h1{margin:16px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.92;letter-spacing:-.08em}.source-stamp{display:grid;gap:8px;min-width:min(310px,100%);padding:20px;border:1px solid rgba(79,126,255,.38);background:#4f7eff14}.source-stamp span,.source-stamp small,.personal-metric span,.close-metrics span,.repeating-grid span,.monthly-flow-grid span,.monthly-group-grid span,.explore-filters label,.aggregate-table th{color:var(--text-secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.source-stamp strong{font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.06em}.source-stamp small{color:var(--text-muted);line-height:1.45;text-transform:none}.mode-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.mode-navigation button,.lens-options button{border:1px solid transparent;background:transparent;color:var(--text-secondary);text-align:left;transition:border-color .16s ease,background .16s ease,color .16s ease}.mode-navigation button{display:grid;gap:5px;min-height:70px;padding:14px 16px}.mode-navigation button:hover,.lens-options button:hover{color:var(--text-primary);background:#4f7eff14}.mode-navigation button.active,.lens-options button.active{border-color:var(--accent);background:var(--accent-dim);color:var(--text-primary)}.mode-navigation strong{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500}.mode-navigation small{color:var(--text-muted)}.personal-controls{grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr)}.lens-control{display:grid;align-content:start;gap:18px}.lens-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lens-options button{padding:12px;text-align:center}.lens-note,.empty-state,.aggregate-drill>p{margin:0;color:var(--text-secondary);line-height:1.55}.lens-note{padding:12px 14px;border:1px solid rgba(255,180,84,.3);background:#ffb4540f}.personal-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.personal-metric-grid{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.personal-metric{display:grid;align-content:space-between;gap:14px;min-height:170px}.personal-metric strong,.close-metrics strong{display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(2rem,4.4vw,3.5rem);letter-spacing:-.08em}.personal-metric small{color:var(--text-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.positive{color:var(--signal-positive)!important}.negative{color:var(--signal-negative)!important}.owner-bridge,.behavior-panel,.repeating-panel,.monthly-flow-panel{min-width:0}.bridge-rows{display:grid}.bridge-rows>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:13px 0;border-top:1px solid var(--line-subtle)}.bridge-rows span{color:var(--text-secondary)}.bridge-rows strong{font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.05rem;font-weight:500}.bridge-rows .result{margin:3px 0;padding:14px 12px;border:1px solid rgba(79,126,255,.3);background:#4f7eff12}.aggregate-bars{display:grid;gap:14px}.aggregate-bar{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(80px,1.2fr) auto;gap:14px;align-items:center}.aggregate-bar div{display:grid;gap:3px}.aggregate-bar strong{font-weight:500}.aggregate-bar small{color:var(--text-muted)}.aggregate-bar i{display:block;height:8px;background:linear-gradient(90deg,var(--accent),var(--accent-soft))}.aggregate-bar>span{font-family:JetBrains Mono,ui-monospace,monospace;text-align:right}.repeating-grid,.monthly-flow-grid,.monthly-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.repeating-grid article,.monthly-flow-grid article,.monthly-group-grid article{display:grid;gap:8px;padding:16px;border:1px solid var(--line-subtle);background:#08080f3d}.repeating-grid strong,.monthly-flow-grid strong,.monthly-group-grid strong{font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.15rem;font-weight:500}.repeating-grid small,.monthly-flow-grid small{color:var(--text-muted);line-height:1.45}.monthly-flow-panel{grid-column:1 / -1}.close-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px}.close-checklist ol{display:grid;gap:13px;margin:24px 0 0;padding-left:22px;color:var(--text-secondary);line-height:1.5}.close-checklist li::marker{color:var(--accent-soft);font-family:JetBrains Mono,ui-monospace,monospace}.close-metrics{display:grid;gap:14px}.close-metrics article{display:grid;align-content:space-between;gap:16px}.review-aggregate-list{grid-column:1 / -1}.explore-panel{display:grid;gap:20px}.explore-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.explore-filters label{display:grid;gap:8px}.explore-filters select{width:100%;padding:12px;border:1px solid var(--line);border-radius:0;background:var(--base);color:var(--text-primary);font:inherit}.aggregate-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line-subtle)}.aggregate-table{width:100%;min-width:820px;border-collapse:collapse}.aggregate-table th,.aggregate-table td{padding:13px 14px;border-bottom:1px solid var(--line-subtle);text-align:left;white-space:nowrap}.aggregate-table th{background:#08080f8f}.aggregate-table td{color:var(--text-secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem}.aggregate-table td:nth-last-child(-n+3){text-align:right}.aggregate-table button{padding:0;border:0;border-bottom:1px solid var(--accent);background:transparent;color:var(--accent-soft);text-align:left}.aggregate-drill{display:grid;gap:18px;padding:20px;border:1px solid rgba(79,126,255,.34);background:#4f7eff0f}.aggregate-drill h2{margin-top:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1120px){.qbo-bridge-hero,.personal-hero,.control-row,.pulse-grid,.personal-mode-grid,.close-layout{grid-template-columns:1fr}.source-stamp{min-width:0}.personal-metric-grid,.preset-grid,.stack-legend,.drawer-summary,.repeating-grid,.monthly-flow-grid,.monthly-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){#root{width:min(370px,calc(100vw - 20px));max-width:min(370px,calc(100vw - 20px));margin-right:0;margin-left:10px;padding:24px 0 42px;overflow-x:hidden}.panel,.basis-badge{max-width:100%;margin-right:auto;margin-left:auto;padding:18px}.qbo-bridge-hero{max-width:100%;padding:22px}.personal-hero{padding:24px 20px}.personal-hero h1{font-size:clamp(2.4rem,15vw,3.5rem);letter-spacing:-.07em}.lede{max-width:100%;font-size:.95rem}.hero-copy h1{max-width:100%;font-size:clamp(2.4rem,13vw,3.2rem);letter-spacing:-.045em}.panel h2{font-size:clamp(1.05rem,6.2vw,1.35rem);letter-spacing:-.045em}.panel-head,.net-gap,.review-row{grid-template-columns:1fr}.panel-head{display:grid}.preset-grid,.mode-navigation,.personal-metric-grid,.lens-options,.explore-filters,.repeating-grid,.monthly-flow-grid,.monthly-group-grid,.addback-grid,.two-column-metric,.expense-summary,.stack-legend,.drawer-summary{grid-template-columns:1fr}.mode-navigation button{min-height:0}.aggregate-bar,.bridge-rows>div{grid-template-columns:1fr}.aggregate-bar>span{text-align:left}.period-chip,.status-pill{white-space:normal}.expense-drawer{width:100vw;padding:20px}.drawer-head{display:grid}}
