:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{background-color:#202447}.container-bydate{height:70vh;width:35vw;box-sizing:content-box;background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18);margin-right:auto;overflow-y:scroll;padding:20px}.mid-components-bydate{box-sizing:border-box;display:flex;justify-content:space-around}.bottom-report-container{box-sizing:border-box;padding:10px;display:flex;flex-direction:column}.total-money{height:6vh;background-color:#202447;width:100%;margin-top:auto;bottom:0;position:sticky}.container-pie{height:70vh;width:35vw;box-sizing:content-box;background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18);margin-right:auto;overflow-y:scroll;padding:20px}.mid-components-pie{display:flex;justify-content:space-around}.reportBox{display:flex;justify-content:space-around;gap:20px;justify-items:center;align-items:center;align-content:center;margin:auto}.expense{height:60vh;width:25vw;box-sizing:border-box;background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-items:center;align-items:center}.expense-form{height:fit-content;display:flex;flex-direction:column;justify-content:space-around;gap:15px}.track-section{width:80vw;height:10vh;display:flex;justify-content:space-between;margin:20px 0}.box{height:10vh;width:25vw;box-sizing:border-box;background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.grouped-info{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-items:center;align-content:center;padding:10px}.expense-container{height:60vh;width:52.5vw;margin-left:.5vw;box-sizing:border-box;background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18);overflow-y:scroll;padding:20px}.total-exp{box-sizing:border-box;height:5vh;background-color:#232222;width:100%;margin-top:auto!important;bottom:0;position:sticky}.last-section{height:80vh;display:flex;gap:2vw;align-items:center}.card{height:25vh;width:35vw;box-sizing:border-box;background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18);margin-right:auto}.MuiSelect-root{border-color:#f0f8ff!important}.history-card{margin-top:50px;height:45vh;width:70vw;box-sizing:border-box;background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.log-table{padding:20px;box-sizing:border-box}.container{display:grid;justify-items:center}.middle{display:flex;gap:10vw}.sidebar{height:95vh;width:12vw;color:#333;display:flex;flex-direction:column;box-sizing:border-box;background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18);align-items:center;padding:10px}.sidebar-title{color:#f0f8ff;padding:20px;text-align:center;font-weight:bolder!important;font-size:18!important}.line{background:#30355b;border-radius:10px;border:1px solid rgba(255,255,255,.18);width:25%}.sidebar-item{text-align:center;width:100%;cursor:pointer;box-sizing:border-box;padding:20px;color:#fff;font-size:14px!important;text-transform:uppercase}.sidebar-item:hover{transition:background-color .3s;background-color:#2d9edb9a;border-radius:10px;color:#fff}.content{flex-grow:1;padding:40px}.bottom-info{box-sizing:border-box;width:100%;margin-top:auto}.top-bar-item-box{box-sizing:border-box;display:flex;width:20vw;justify-content:space-around}.top-bar-item{width:100%;text-align:center;padding:1vh;height:6vh;cursor:pointer;box-sizing:border-box;color:#fff;font-size:14px!important;text-transform:uppercase;display:flex;justify-content:center;align-content:center;align-items:center}.top-bar-item:hover{transition:background-color .3s;background-color:#2d9edb9a;border-radius:10px;color:#fff}