.monthly-head{align-items:center}.month-navigation{display:flex;align-items:center;gap:14px;padding:7px;border:1px solid #303747;border-radius:11px;background:#191d27}.month-navigation a{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#b9b2ee;background:#292444}.month-navigation strong{min-width:72px;text-align:center}.monthly-note{margin:-4px 0 16px;padding:10px 13px;border:1px solid #303747;border-radius:10px;color:#8f98aa;background:#171b24;font-size:11px}.monthly-note b{color:#d9dce5}.monthly-analysis-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.category-table-panel{grid-column:1/-1}.monthly-category-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:28px}.monthly-category-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #2b3140}.monthly-category-list span{display:flex;align-items:center;gap:10px;min-width:0}.monthly-category-list span b{position:relative;width:72px;height:6px;overflow:hidden;border-radius:4px;background:#292f3c}.monthly-category-list span b:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--share);border-radius:4px;background:#8b7cf6}.monthly-category-list em{overflow:hidden;color:#d9dce5;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.monthly-category-list strong{display:flex;align-items:flex-end;flex-direction:column;font-size:12px}.monthly-category-list small{color:#8993a5;font-size:9px}.warning{color:#efb84c}@media(max-width:900px){.monthly-analysis-grid{grid-template-columns:1fr}.category-table-panel{grid-column:auto}}@media(max-width:600px){.monthly-head{align-items:flex-start}.monthly-category-list{grid-template-columns:1fr}.month-navigation{width:100%;justify-content:space-between}}