.cbd{container-type:inline-size;aspect-ratio:803 / 369;width:100%;max-width:1000px}.cbd-frame{--u: calc(100cqw / 803);--text-main: #0a0d14;--text-sub: #525866;--text-soft: #8d9296;--stroke: #e2e4e9;--bg-weak: #f6f8fa;--c-income: #fbae4a;--c-charge: #b3a6ff;--c-dot-income: #ff9656;--c-dot-charge: #9235e9;--c-badge-income-bg: #ff9b5c;--c-badge-income-fg: #241608;--c-badge-charge-bg: #e6dafb;--c-badge-charge-fg: #4c1d95;--c-accent: #ff9656;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;padding:calc(var(--u) * 14.93);background:#fff;border-radius:calc(var(--u) * 14.93);box-shadow:0 0 0 1px #0a0d140a,0 calc(var(--u) * 24) calc(var(--u) * 56) #6445161f;color:var(--text-sub);line-height:1.2;white-space:nowrap}.cbd[data-theme=evidence] .cbd-frame{--c-income: #5ea8f5;--c-charge: #f79ec4;--c-dot-income: #2e86e6;--c-dot-charge: #e85ba0;--c-badge-income-bg: #b9d9fb;--c-badge-income-fg: #0b3563;--c-badge-charge-bg: #fbd3e6;--c-badge-charge-fg: #83184a;--c-accent: #2e86e6}.cbd[data-theme=recovery] .cbd-frame{--c-income: #57cb8b;--c-charge: #f2c862;--c-dot-income: #1f9d57;--c-dot-charge: #d99a25;--c-badge-income-bg: #bdecd0;--c-badge-income-fg: #0b3d24;--c-badge-charge-bg: #f7e6b4;--c-badge-charge-fg: #6b4a0f;--c-accent: #1f9d57}.cbd svg{display:block;flex:none}.cbd-header{display:flex;align-items:center;gap:calc(var(--u) * 22.4);padding-block:calc(var(--u) * 3.73);margin-bottom:calc(var(--u) * 14.93)}.cbd-title{display:flex;align-items:center;gap:calc(var(--u) * 7.47);flex:1;min-width:0}.cbd-title-icon{width:calc(var(--u) * 16.8);height:calc(var(--u) * 18.7);color:var(--text-sub)}.cbd-title-text{font-family:var(--font-serif);font-size:calc(var(--u) * 24.53);letter-spacing:-.01em;color:#2b2825}.cbd-legend{display:flex;align-items:center;gap:calc(var(--u) * 14.93)}.cbd-legend-item{display:inline-flex;align-items:center;gap:calc(var(--u) * 5.6);font-size:calc(var(--u) * 8);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.cbd-dot{width:calc(var(--u) * 7.47);height:calc(var(--u) * 7.47);flex:none;border-radius:9999px}.cbd-dot--income{background:var(--c-dot-income)}.cbd-dot--charge{background:var(--c-dot-charge)}.cbd-lock{display:inline-flex;align-items:center;gap:calc(var(--u) * 3.63);height:calc(var(--u) * 29);padding-left:calc(var(--u) * 10.88);padding-right:calc(var(--u) * 5.44);border:1px solid var(--stroke);border-radius:9999px;background:#fff;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .12s ease}.cbd-lock-icon{width:calc(var(--u) * 10.99);height:calc(var(--u) * 13.74);color:#7f838e}.cbd-lock-chevron{width:calc(var(--u) * 7.02);height:calc(var(--u) * 4.29);color:var(--text-sub)}.cbd-divider{height:1px;flex:none;background:var(--stroke)}.cbd-stats{display:flex;align-items:center;gap:calc(var(--u) * 29.87);margin-block:calc(var(--u) * 18.67)}.cbd-stat{display:flex;align-items:center;gap:calc(var(--u) * 11.2);flex:1;min-width:0}.cbd-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 37.34);height:calc(var(--u) * 37.34);flex:none;border:1px solid var(--stroke);border-radius:9999px;background:#fff;box-shadow:0 1px calc(var(--u) * 1.87) #e4e5e73d}.cbd-icon-arrow{width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:var(--c-accent)}.cbd-icon-card{width:calc(var(--u) * 15.54);height:calc(var(--u) * 15.74)}.cbd-icon-chat{width:calc(var(--u) * 15.64);height:calc(var(--u) * 14.38);color:#ff9656}.cbd-stat-text{display:flex;flex-direction:column;gap:calc(var(--u) * 3.73);min-width:0}.cbd-stat-text small{font-size:calc(var(--u) * 8);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.cbd-stat-row{display:flex;align-items:center;gap:calc(var(--u) * 5.6)}.cbd-stat-row strong{font-size:calc(var(--u) * 13.94);font-weight:500;letter-spacing:-.011em;color:var(--text-main)}.cbd-badge{display:inline-flex;align-items:center;padding:calc(var(--u) * 1.87) calc(var(--u) * 5.6);border-radius:9999px;font-size:calc(var(--u) * 9.27);font-style:normal;font-weight:500;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}.cbd-badge--income{background:var(--c-badge-income-bg);color:var(--c-badge-income-fg)}.cbd-badge--charge{background:var(--c-badge-charge-bg);color:var(--c-badge-charge-fg)}.cbd-vline{width:1px;align-self:stretch;flex:none;background:var(--stroke)}.cbd-chart{display:flex;gap:calc(var(--u) * 22.4);flex:1;min-height:0;margin-top:calc(var(--u) * 18.67)}.cbd-axis{display:flex;flex-direction:column;justify-content:space-between;width:calc(var(--u) * 22.4);flex:none;height:calc(var(--u) * 151.2);font-size:calc(var(--u) * 9);letter-spacing:.01em;text-transform:uppercase;color:var(--text-soft)}.cbd-axis-zero{font-size:calc(var(--u) * 9.2);color:#868c98}.cbd-columns{display:flex;gap:calc(var(--u) * 22.4);flex:1;min-width:0;padding-right:calc(var(--u) * 7.47)}.cbd-col{display:flex;flex-direction:column;gap:calc(var(--u) * 11.2);flex:1;min-width:0}.cbd-bars{display:flex;flex-direction:column;gap:calc(var(--u) * 1.87);height:calc(var(--u) * 151.2)}.cbd-track{flex:1;min-height:calc(var(--u) * 1);background:var(--bg-weak);transition:background-color .2s ease}.cbd-bar{position:relative;flex:none;width:100%;overflow:hidden;border-radius:calc(var(--u) * 9);background:#fff;box-shadow:inset calc(var(--u) * 19) calc(var(--u) * -1) calc(var(--u) * 35.7) 0 var(--bar-color);transition:filter .2s ease}.cbd-bar:after{content:"";position:absolute;inset:0;background-image:url(/_astro/bg-noise-2.C1alOkut.png);background-size:100%;opacity:1;pointer-events:none}.cbd-bar--income{--bar-color: var(--c-income)}.cbd-bar--charge{--bar-color: var(--c-charge)}.cbd-bar--mid{height:calc(var(--u) * 29.87)}.cbd-bar--pill{height:calc(var(--u) * 14.93)}.cbd-month{font-size:calc(var(--u) * 10);letter-spacing:.01em;text-transform:uppercase;text-align:center;color:var(--text-soft);transition:color .2s ease}@media(hover:hover){.cbd-lock:hover{background:var(--bg-weak);border-color:#cdd0d5}.cbd-col:hover .cbd-bar{filter:brightness(1.05) saturate(1.08)}.cbd-col:hover .cbd-track{background:#eef1f4}.cbd-col:hover .cbd-month{color:var(--text-main)}}.cbd-lock:active{transform:scale(.96)}