#page-finance{--finance-ink:#17435b;--finance-teal:#159f9b}
.v36-sync{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:10px 0 16px;background:#f3fbff;border:1px solid #d6e9ef;border-radius:14px;font-size:12px;color:#265c71;flex-wrap:wrap}.v36-sync small{color:#6b8190}.v36-sync button{margin-left:auto}.v36-status-dot{width:8px;height:8px;background:#e8ad39;border-radius:50%}.v36-sync.ready .v36-status-dot{background:#12a681;box-shadow:0 0 0 4px #12a68117}.v36-sync.error{background:#fff7ef;border-color:#ebc998}
#page-finance .jfr-finance-visual{border-radius:24px;background:linear-gradient(120deg,#f5fcff,#ecf8fa);box-shadow:0 12px 30px #14516c0a}
#page-finance .finance-card{border-radius:17px;transition:transform .2s,box-shadow .2s;animation:v36-enter .4s ease both}#page-finance .finance-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #14516c12}
#page-finance .jfr-fin-track i{transform-origin:bottom;animation:v36-grow .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay,0ms)}
.v36-trend{margin:16px 0;padding:24px;background:white;border:1px solid #d6e9ef;border-radius:22px;box-shadow:0 10px 30px #14516c07}.v36-trend header{display:flex;justify-content:space-between;align-items:center;gap:16px}.v36-trend header small{font-size:9px;font-weight:800;letter-spacing:2px;color:#118995}.v36-trend h3{color:#17435b;margin:6px 0;font-size:17px}.v36-trend header span{font-size:11px;color:#607e8d}.v36-trend header i{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px 0 12px}.v36-trend .income{background:linear-gradient(#3ac9c0,#168da3)}.v36-trend .expense{background:linear-gradient(#ffc36c,#e29835)}
.v36-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:40px}.v36-pair{height:165px;display:flex;align-items:flex-end;justify-content:center;gap:8px;border-bottom:1px solid #d9e8ed;background:repeating-linear-gradient(to top,transparent 0,transparent 40px,#ecf2f5 41px)}.v36-column{position:relative;width:30%;max-width:40px;height:var(--height);border-radius:7px 7px 0 0;transform-origin:bottom;animation:v36-grow .85s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay)}.v36-column span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;padding-bottom:6px;color:#376277}.v36-column.expense span{padding-bottom:18px}.v36-month>b,.v36-month>small{display:block;text-align:center;margin-top:9px;font-size:10px;color:#456d82}.v36-month>small{color:#708c9c;font-size:9px}.v36-trend>p{font-size:10px;color:#6c8595;margin:22px 0 0}.v36-empty{padding:40px;text-align:center;color:#617e8d}
#page-finance .jfr-income-track i{transform-origin:left;animation:v36-bar .8s ease both}
@keyframes v36-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes v36-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes v36-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.v36-trend{padding:15px}.v36-trend header{align-items:flex-start;flex-direction:column}.v36-months{gap:9px;overflow-x:auto;grid-template-columns:repeat(6,minmax(85px,1fr));padding-top:15px}.v36-sync small{flex-basis:100%;order:3}}
@media(prefers-reduced-motion:reduce){#page-finance *,#page-finance *::before,#page-finance *::after{animation:none!important;transition:none!important}}