:root{--app-bg:#f4efe8;--ink:#2b202d;--muted:#776b77;--surface:#fffaf5;--line:#ddd2da;--side:#231829;--side-ink:#fff8ef;--side-active:#ffffff14;--accent:#f5b552;--accent-ink:#2b202d;--soft:#eee5ec;--radius:20px}.balance-card{background:#44304a;color:#fff8ef;border-radius:26px;padding:30px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;min-height:190px;position:relative;overflow:hidden}.balance-card::after{content:"";position:absolute;width:270px;aspect-ratio:1;border:1px solid #f5b552;border-radius:50%;inset-inline-end:-100px}.balance-card span{font-size:.8rem;opacity:.68}.balance-card strong{display:block;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.15;margin-top:10px}.balance-card small{font-size:1rem}.balance-ring{position:relative;z-index:1;width:125px;aspect-ratio:1;border-radius:50%;border:12px solid #ffffff20;border-top-color:#f5b552;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.balance-ring b{font-size:1.4rem}.bars{height:240px;display:flex;align-items:flex-end;gap:clamp(10px,3vw,28px);padding-top:20px}.bars i{height:var(--h);flex:1;min-width:18px;background:#d8cbd7;border-radius:8px 8px 2px 2px;position:relative}.bars .today{background:#f5b552}.bars span{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-style:normal;font-size:.7rem}.budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.budget-grid strong{display:block;font-size:1.5rem;margin:20px 0 12px}.danger i{background:#dc665e}.goal-card{background:#d7eedc;border-radius:28px;padding:36px;display:grid;grid-template-columns:1fr 220px;gap:40px;align-items:center}.goal-card h3{font-size:2rem;margin:.4em 0}.goal-card strong{font-size:2.7rem}.goal-card>div:first-child>span{font-size:3rem}.goal-visual{width:190px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2b202d 61%,#fff7 0);position:relative;font-size:2rem;font-weight:800}.goal-visual::after{content:"";position:absolute;width:130px;aspect-ratio:1;background:#d7eedc;border-radius:50%}.goal-visual{isolation:isolate}.goal-visual::first-line{z-index:1}@media(max-width:720px){.balance-ring{display:none}.budget-grid{grid-template-columns:1fr}.goal-card{grid-template-columns:1fr}.goal-visual{margin:auto}}