.Main{color:#fff;background:#000;min-height:100vh;padding:20px;font-family:Inter,sans-serif}.monthlyexpeneswrapper{background:#111;border:1px solid #222;border-radius:16px;padding:25px;transition:all .3s}.monthlyexpeneswrapper:hover{border-color:#fff}.filterwrapper{justify-content:space-between;gap:10px;margin-bottom:40px;display:flex}.filter{background:#181818;border:1px solid #222;border-radius:10px;flex:1;justify-content:space-between;align-items:center;padding:14px;display:flex}.filter span{font-size:14px}.filter input{accent-color:#fff;cursor:pointer;width:18px;height:18px}.ContentWrapper{text-align:center}.ContentWrapper h3{color:#888;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:14px}#Amout{letter-spacing:2px;font-size:52px;font-weight:800}.garph{color:#fff;box-sizing:border-box;background:#111;border:1px solid #222;border-radius:16px;justify-content:center;align-items:center;height:280px;margin-top:30px;padding:15px;transition:all .3s;display:flex}.garph:hover{border-color:#fff}.Deletdata{margin-top:30px}.delet{color:#ff4040;cursor:pointer;background:0 0;border:1px solid #ff4040;border-radius:12px;width:100%;padding:18px;font-size:16px;transition:all .3s}.delet:hover{color:#fff;background:#ff4040}@media (max-width:768px){.filterwrapper{flex-direction:column}#Amout{font-size:40px}.garph{height:220px}}