body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#181717;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;margin:0;padding:10px;box-sizing:border-box;text-rendering:optimizeLegibility}html,body,#root{height:100%}.mainContainer{border-radius:15px;box-shadow:1px 1px 50px 2px #0003;display:flex;flex-direction:column;height:97vh;overflow:hidden}.filterContainer{align-items:center;display:flex;height:3em;justify-content:space-between;margin:10px 0;padding:0 5%}.filterContainer button{border:1px solid #e7e7e7;box-shadow:.1px .1px 1px 1px #e7e7e7;font-weight:600;height:30px;width:35%}.filterBtnAll{background-color:#fff;border-radius:5px 0 0 5px}.filterBtnExpenses{background-color:#fff;border-radius:0 5px 5px 0}.filterBtnRevenues{background-color:#fff}.filterContainer button:hover{background-color:#f2f2f2;cursor:pointer}.filterBtnActivated{background-color:#f2f2f2}.headerContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;letter-spacing:.05em;padding:10px;text-align:center}.headerTitle{font-size:1.3em;font-weight:800;margin-bottom:0;margin-top:10px}.headerSubTitle{font-size:1.2em;font-weight:600;margin-bottom:5px}.totalValueGreen{color:#5dcd60}.totalValueRed{color:red}.form-container{align-items:flex-end;display:grid;font-weight:600;gap:15px;justify-items:center;margin-bottom:20px;grid-template-columns:repeat(2,1fr);padding:0 5%}.form-group{display:flex;flex-direction:column;width:100%}select,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select{align-items:center;border:2px solid #ddd;background:#fff;font-weight:400;font-size:13px;padding:20px;transition:.4s}select:hover,select:focus{background:#f2f2f2}select::picker-icon{color:#999;transition:.4s rotate}select:open::picker-icon{rotate:180deg}::picker(select){border:none}option{display:flex;justify-content:flex-start;gap:20px;border:1px solid #ddd;background:#fff;padding:10px;transition:.4s}option:first-of-type{border-radius:8px 8px 0 0}option:last-of-type{border-radius:0 0 8px 8px}option:not(option:last-of-type){border-bottom:none}option:nth-of-type(odd){background:#fff}option:hover,option:focus{background:#f2f2f2}option .icon{font-size:1.6rem;text-box:trim-both cap alphabetic}selectedcontent .icon{display:none}option:checked{font-weight:700}option::checkmark{order:1;margin-left:auto;content:"☑️"}::picker(select){opacity:0;transition:all .4s allow-discrete}::picker(select):popover-open{opacity:1}@starting-style{::picker(select):popover-open{opacity:0}}.button-group button{background-color:#216dda;border:none;border-radius:5px;color:#fff;font-weight:600}.button-group button:hover{cursor:pointer}.form-group input,.form-group select,.button-group button{height:30px;padding:0 5px;margin:5px 0}.form-group input,.form-group select{border:1px solid #e7e7e7;border-radius:5px;box-shadow:.1px .1px 1px 1px #e7e7e7}.transaction-item-container{display:flex;flex-direction:column;justify-content:space-between}.item{display:flex;justify-content:space-between}.item span{align-items:flex-end;display:flex}.transaction-list-container{padding:0 5%;overflow-y:auto;margin-bottom:5px}