main{height:100vh;overflow-y:auto;background-color:#3b3b3b;width:100vw;padding:1rem;max-width:1400px;display:flex;flex-direction:column;justify-content:flex-start}nav{font-size:2rem;font-weight:700}header{background-color:#636362;border-radius:.5rem;display:flex;align-items:center;flex-direction:column;gap:1rem;padding:3rem}@media screen and (min-width: 850px) and (max-width: 929px){header{flex-wrap:wrap-reverse;flex-direction:row;align-items:flex-end;justify-content:space-between}}@media screen and (max-width: 849px){header{flex-wrap:wrap;flex-direction:row;align-items:flex-end;justify-content:center;padding:1rem}.card{width:100%}}@media screen and (min-width: 929px){header{flex-direction:row;justify-content:space-around}}.card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;border-radius:.75rem;width:400px;max-width:100%;background-color:#9b9b9b}.cardText{font-size:1.5rem;margin:0}.cardTextGreen{color:var(--color-green)}.cardTextRed{color:var(--color-orange)}@media screen and (max-width: 849px){.card{width:100%}}.Button{border-radius:.75rem;color:inherit;outline:none;border:none;cursor:pointer}.Button img{max-width:25px}.largeButton{padding:.5rem 2rem;font-weight:500}.mediumButton{padding:.5rem 1rem;font-weight:500}.smallButton{padding:.5rem;font-weight:500}.gradientGreen{background:linear-gradient(90deg,#b5dc52,#89e148)}.gradientRed{background:linear-gradient(90deg,#ff9595,#ff4747 80%,#ff3838)}.backgroundOrange{background-color:var(--color-orange)}.backgroundRed{background-color:var(--color-red)}.backgroundWhite{background-color:#fff;color:#000}.backgroundDarkGreen{background-color:#43967b;color:#fff}.shadow{-webkit-box-shadow:2px 2px 5px 2px rgba(148,145,148,1);-moz-box-shadow:2px 2px 5px 2px rgba(148,145,148,1);box-shadow:2px 2px 5px 2px #949194}.Modal{background-color:#ffffff6b;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}.modalBody{background-color:#efefef;border-radius:.5rem;max-width:90vw;width:538px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.modalForm{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.formInputsDiv{width:100%;display:grid;grid-template-rows:1fr;gap:1rem}.formButtons{display:flex;align-items:center;justify-content:center;gap:1rem}.modalHead{font-size:1.875rem;color:#000}.formInput{outline:none;border:none;border-radius:1rem;background-color:var(--color-white);width:100%;padding:.75rem;font-size:.9rem}.formInput,.modalBody button{-webkit-box-shadow:0px 4px 4px 1px rgb(200,200,200);-moz-box-shadow:0px 4px 4px 1px rgb(200,200,200);box-shadow:0 4px 4px 1px #c8c8c8}.balanceFormInputDiv{width:100%;display:flex;align-items:center;justify-content:center}.balanceFormInputDiv input{width:100%}@media screen and (min-width: 780px){.formInputsDiv{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr}.balanceFormInputDiv,.formInput{width:200px}.balanceForm{flex-wrap:nowrap}.balanceForm button{padding:.5rem 1rem!important}}.pieChart{display:flex;flex-direction:column;align-items:center;gap:1rem}.pie{width:200px;height:200px;border-radius:50%}.pieLabelsDiv{display:flex;align-items:center;justify-content:center;gap:1rem}.pieLabel{display:flex;align-items:center;justify-content:center;height:.9rem;gap:.2rem}.labelColorBar{width:2rem;height:.5rem;background-color:red}.labelText{font-size:.9rem}.AppBody{width:100%;flex:1;margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.AppBody h2{font-size:1.75rem;font-style:italic}@media screen and (min-width: 780px){.AppBody{flex-direction:row}}.Transactions{display:flex;flex-direction:column;flex:1}.TransactionBody,.TopExpensesBody{background-color:#fff;flex:1;border-radius:.75rem;padding:1rem .5rem;display:flex;flex-direction:column}.transactionBodyUpper{flex:1;width:100%;padding:0;margin:0}.transactionPage{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}.recharts-bar-rectangle{border-radius:0 8px 8px 0!important}.PageNavigateBar{display:flex;justify-content:center;align-items:center}.TransactionBar{width:100%;border-bottom:2px solid rgba(128,128,128,.507);padding:.5rem .25rem;color:#000;display:flex;align-items:center;gap:.5rem;font-weight:300}.transactionIcon{width:3rem;height:3rem;border-radius:50%;background-color:#d8d9d8;display:flex;align-items:center;justify-content:center}.transactionIcon img{max-width:25px}.TransactionBarBody{display:flex;align-items:center;justify-content:space-between;flex:1;font-size:1rem}.TransactionText{display:flex;flex-direction:column;align-items:flex-start}.TransactionDate{opacity:.7}.TransactionAmount{font-weight:400}:root{--color-white: #ffffff;--color-green: #B5DC52;--color-orange: #F4BB4A;--color-red: #FF3E3E}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{scroll-behavior:smooth;background-color:#3b3b3b;font-family:Ubuntu;color:var(--color-white);display:flex;justify-content:center;align-items:center}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}