*{margin:0;box-sizing:border-box}body{width:100%;background-color:#f5f5f5}#root{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;height:100vh;width:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:1px solid transparent;border-radius:8px;padding:.6em 1.2em;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#254d70}.backBtn{background-color:#fff;border-color:#254d70;color:#254d70}.backBtn:hover{background-color:#254d70;color:#fff}input,textarea,select,dialog{border-radius:8px;border:1px solid #ced4da}input,textarea{min-width:300px;font-size:14px}.homeHeaderContainer{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;width:100%;padding:.6rem;gap:.6rem;background-color:#254d70}.headerTitle{color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:bolder;font-size:2rem}.homeLogo{height:70px}.homeNav{display:flex;align-items:center;gap:1rem;font-weight:bolder}a{color:#fff;text-decoration:none}.homeMain{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:flex-end;width:100%;height:90vh;padding:6rem;background-image:url(/homebackground.jpg);background-size:cover;background-position:center}h1{color:#254d70;font-family:Georgia,Times New Roman,Times,serif;font-size:3rem}.subtitleSpan{color:green}.userFormContainer{min-width:400px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background-color:#fff;border:1px solid lightgrey;border-radius:8px;gap:1rem;padding:2rem}main{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding:1rem}.userForm{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:1rem}input{font-weight:bolder;padding:.6rem}button{font-weight:700;background-color:#254d70;color:#fff}button:hover{background-color:#f5f5f5;color:#254d70;transform:scale(1.1);transition:.4s}.logoutTooltip{width:fit-content;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2.5rem;border-radius:8px;background-color:#fff;box-shadow:0 10px 25px #0000004d;z-index:1000;gap:1rem}.logoutTooltipContainer{display:flex;flex-flow:column wrap;justify-content:space-between;align-items:center;text-align:center;gap:2.3rem}.logoutTitle{font-weight:bolder}.logoutBtnsContainer{display:flex;align-items:center;gap:2rem}.dashboardHeaderContainer{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;height:100vh;padding:1rem;gap:14rem;background-color:#254d70}.dashboardLogo{height:60px}.dashboardNav{display:flex;flex-flow:column nowrap;justify-content:space-evenly;align-items:center;gap:1rem;font-weight:bolder}.dashboardHeaderLink{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;gap:.4rem;padding:.6rem;border:4px solid transparent;border-radius:8px}.linkText{font-size:.8rem;color:#fff!important}.dashboardHeaderLink:hover{cursor:pointer;background-color:#1a3c54;transform:scale(1.02);transition:1s}.dashboardHeaderImg{height:30px}.themeBtn{display:flex;justify-content:center;align-items:center;font-weight:700;border-radius:50%;width:50px;height:50px}.themeBtn:hover{transform:scale(1.1)}.logoutBtn{padding:.4rem;background-color:#fff;border-radius:1rem}.logoutBtn:hover{transform:scale(1.02);transition:.6s}.transactionsContainer{display:flex;flex-flow:column nowrap;width:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;border-radius:8px}.paymentContainer{padding:.6rem;background-color:#fff;border:1px solid lightgrey;border-radius:8px}.paymentContainer:hover{background-color:#e6e6e6;cursor:pointer}.paymentSummary{display:flex;flex-flow:wrap;justify-content:space-around;align-items:center;gap:.6rem}.paymentSummaryData1,.paymentSummaryData2{width:45%;display:flex;justify-content:space-between;align-items:center}.paymentTitle{flex:1;text-align:left}.paymentDesription{flex:2;text-align:left}.paymentAmount{flex:1;font-weight:bolder}.paymentDate{flex:1;color:gray;font-weight:bolder}.btnContainer{flex:1;display:flex;justify-content:flex-end;gap:.6rem}.paymentDetails{padding:.6rem}.btnEdit{color:#fff;background-color:#6c757d;border-color:#6c757d}.btnEdit:hover{color:#fff;background-color:#5c636a;border-color:#5c636a}.btnEdit:focus{box-shadow:130,138,145}.btnEdit:active{color:#fff;background-color:#565e64;border-color:#51585e;box-shadow:inset 0 3px 5px #00000020}.btnRemove{color:#fff;background-color:#dc3545;border-color:#dc3545}.btnRemove:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btnRemove:focus{box-shadow:225,83,97}.btnRemove:active{color:#fff;background-color:#b02a37;border-color:#a52834;box-shadow:inset 0 3px 5px #00000020}.newTransactionDialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.4rem;min-width:400px;border:none;border-radius:8px;background-color:#fff;box-shadow:0 10px 25px #0000004d;z-index:1000}.newTransactionDialogContainer{display:flex;flex-flow:column wrap;justify-content:space-between;align-items:center;gap:1.4rem}.newTransactionForm{display:flex;flex-flow:column wrap;justify-content:space-between;align-items:flex-start;gap:1rem}.newTransactionBtns{min-width:300px;display:flex;justify-content:space-between;gap:1rem}.dialogTitle{color:#254d70;font-size:xx-large}.newTransactionCategory{height:2.1rem}.newTransactionDescription{padding:.5rem;height:5rem}::placeholder{color:#d3d3d3}.transactionMsgError{align-self:center;font-weight:bolder;color:red}::backdrop{background-color:#00000080}.removeTransactionTooltip{width:fit-content;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem;border-radius:8px;background-color:#fff;box-shadow:0 10px 25px #0000004d;z-index:1000;gap:1rem}.removeTransactionTooltipContainer{display:flex;flex-flow:column wrap;justify-content:space-between;align-items:center;text-align:center;gap:1rem}.removeTransactionTitle{font-weight:bolder}.removeTransactionBtnsContainer{display:flex;justify-content:space-evenly;align-items:center;gap:1rem}.removeConfirmBtn{background-color:red}.dashboardMain{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;flex-grow:1;height:100vh;gap:1rem;padding:2rem}.paymentsHeaderWelcome{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:1rem;padding-bottom:1rem;gap:.6rem}.paymentsHeaderFilters{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;gap:.6rem}.paymentsFilters{display:flex;gap:1rem}.filterSelect{height:1.5rem}.paymentBtn{display:flex;justify-content:center;align-items:center;width:20px;height:20px;padding:1rem}.balanceDataContainer{margin-top:auto;width:100%;display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;background-color:#e6e6e6;border:1px solid lightgrey;border-radius:8px;padding:1rem;gap:.5rem}.balanceTitle{width:100%;font-weight:bolder}.balanceText{font-weight:bolder}.positiveNum{color:green}.negativeNum{color:red}.userProfileData,.userTransactionsInfo{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;border:2px solid #254d70;border-radius:1rem;padding:1rem}.userProfileImg{width:100px;height:100px;border-radius:50%}@media screen and (max-width: 950px){.dashboardMain{padding:.8rem}.dashboardHeaderContainer{width:100%;height:fit-content;gap:1rem;flex-flow:row nowrap;justify-content:space-evenly;align-items:center}.dashboardNav{flex-flow:row nowrap}.dashboardHeaderLink{width:fit-content}.dashboardHeaderLink:hover .linkText{display:none}.dashboardHeaderImg{height:25px}.dashboardTitle{font-size:1.8rem}}