.animated-month-view{background:linear-gradient(135deg,#2d3748,#1a202c);padding:0 0 4rem;position:relative}.month-header{text-align:center;padding:2rem 0;margin-bottom:3rem;position:sticky;top:0;background:linear-gradient(135deg,#2d3748,#1a202c);z-index:200}.month-header h2{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#48bb78,#38a169);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.month-container{display:grid;grid-template-columns:200px 1fr 350px;max-width:1600px;margin:0 auto;padding:0 4rem;gap:3rem}.timeline-column{position:relative}.days-column{min-height:100vh}.balance-column{position:relative}@media(max-width:1024px){.month-container{grid-template-columns:1fr;gap:0;padding:0 2rem}.timeline-column{order:-2;margin-bottom:2rem}.balance-column{order:-1;top:0;margin-bottom:2rem}.days-column{order:1}}@media(max-width:768px){.animated-month-view{display:flex;flex-direction:column}.month-header{padding:1.25rem 0;margin-bottom:2rem}.month-header h2{font-size:2rem}.month-container{display:flex;flex-direction:column;padding:0 .75rem}.timeline-column{order:2;margin-bottom:2rem}.balance-column{order:1;position:sticky;top:7rem;z-index:99;margin-bottom:2rem}.days-column{order:3}}