.lazyloading{align-items:center;display:flex;flex-direction:column;justify-content:center}.lazyloading .logoContainer{border-radius:10px;height:50px;margin-block:1rem;overflow:hidden;width:50px}.lazyloading .logoContainer .logoImage{display:flex;object-fit:cover;width:100%}.appMain.dark{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .background{background:#000;background-image:linear-gradient(150deg,#000,#0f2027 40%,#203a43 50%,#0f2027 60%,#000);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:fixed;top:0;width:100%;z-index:-99}.appMain.dark .lightBorder{box-shadow:none}.appMain.dark .pageTitle{color:#d9e3f3}.appMain.dark ::-webkit-scrollbar-track{background:#141414;background:var(--bg-color-dark-solid)}.appMain.dark ::-webkit-scrollbar-thumb{background:#283e5b;border-radius:100vw}@supports(scrollbar-color:var(--bg-color-dark-solid ) #283e5b){.appMain.dark *{scrollbar-color:#141414 #ffffff14;scrollbar-color:var(--bg-color-dark-solid) var(--bg-color-dark)}}.appMain.dark input,.appMain.dark select{color-scheme:dark}.appMain.dark select option{background-color:#141414;background-color:var(--bg-color-dark-solid)}.appMain.dark button.inactive{background-color:#0000;color:#fcfcfc;color:var(--white-semi)}.appMain.dark button.inactive:hover{background-color:#2c4566;color:#fcfcfc;color:var(--white-semi)}.appMain.dark .cancelButton{background-color:#0000!important;border:1px solid #2d2d2d!important;border:var(--border-dark)!important;color:#fcfcfc!important;color:var(--white-semi)!important}.appMain.dark .cancelButton:hover{background-color:#ffffff14!important;background-color:var(--bg-color-dark)!important}.appMain.dark .btn-cancel{background-color:#0000;color:#fcfcfc;color:var(--white-semi)}.appMain.dark .btn-cancel:hover,.appMain.dark .expandToggleBtn{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .expandToggleBtn{background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .expandToggleBtn:hover{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .expandToggleBtn:active{background-color:#ffffff26}.appMain.dark .card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#14141499;background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .card .cardTitle{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .emojiIconContainer{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #151617e6}.appMain.dark .sidebar{background-color:#141414;background-color:var(--bg-color-dark-solid);border-right:1px solid #2d2d2d;border-right:var(--border-dark);box-sizing:border-box}.appMain.dark .sidebar .top .logoLink .logo{fill:#fff}.appMain.dark .sidebar .top .backIconContainer{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .sidebar .top .backIconContainer:hover{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .sidebar .top .backIconContainer:active{background-color:#ffffff26}.appMain.dark .sidebar ul .sub-menu-title,.appMain.dark .sidebar ul li.menu-title{color:#a6acb8}.appMain.dark .sidebar ul li.menu-item{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .sidebar ul .sub-menu-item{color:#a6acb8}.appMain.dark .sidebar ul .sub-menu-item:hover{color:#16b01e;color:var(--color-main)}.appMain.dark .sidebar ul .addProject,.appMain.dark .sidebar ul .projectForm,.appMain.dark .sidebar ul .projectForm input::placeholder{color:#a6acb8}.appMain.dark .navbar .item{color:#727e8f}.appMain.dark .navbar .item .dropdownMenu{background-color:#141414;background-color:var(--bg-color-dark-solid);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .navbar .item .dropdownMenu .currentUserInfo{border-bottom:1px solid #2d2d2d;border-bottom:var(--border-dark)}.appMain.dark .navbar .item .dropdownMenu .currentUserInfo .username{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .navbar .item .dropdownMenu .currentUserInfo .email{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .navbar .item .dropdownMenu .currentUserInfo .membershipType{border-color:#f5e54e;color:#f5e54e}.appMain.dark .navbar .item .dropdownMenu .dropdownItem{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .navbar .item .dropdownMenu .dropdownItem:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .navbar .navbarContainer:before{background-color:#14141433;background-image:none}.appMain.dark .navbar .settingsContainer{background-color:#141414;background-color:var(--bg-color-dark-solid)}.appMain.dark .navbar .settingsContainer .settingsTitle{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark);border-bottom:1px solid #2d2d2d;border-bottom:var(--border-dark)}.appMain.dark .navbar .settingsContainer .settingsTitle .closeIconContainer{background:#141414;background:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5)}.appMain.dark .navbar .settingsContainer .settingsTitle .closeIconContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .navbar .settingsContainer .settingsTitle .closeIconContainer:active{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient)}.appMain.dark .navbar .settingsContainer .settingItem,.appMain.dark .navbar .settingsContainer .title{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .navbar .settingsContainer .symbol{background-color:#ffffff14;background-color:var(--bg-color-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .navbar .settingsContainer .selectContainer{background-color:#181818;background-color:var(--bg-color-black);border:1px solid #343434;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .navbar .settingsContainer .selectContainer .selectItem{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .navbar .settingsContainer .selectContainer .selectItem:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .mobilenavbar .mobileNavbarContainer:before{background-color:#14141433;background-image:none}.appMain.dark .mobilenavbar .mobileNavbarContainer .navItems .active .navItem{color:#16cb20;color:var(--color-income)}.appMain.dark .mobilenavbar .mobileNavbarContainer .navItems .active .navItem .active-pill{background-color:#16cb20;background-color:var(--color-income)}.appMain.dark .mobilenavbar .mobileNavbarContainer .navItems .navItem{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .home .optionsContainer .buttonGroup button{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .home .optionsContainer .buttonGroup button:hover{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .home .optionsContainer .buttonGroup button:active{background-color:#ffffff26}.appMain.dark .home .optionsContainer .buttonGroup button.active{background-color:#13961a;background-color:var(--color-income-active)}.appMain.dark .home .optionsContainer .buttonGroup button.inactive{background:#0000}.appMain.dark .home .optionsContainer .buttonGroup button.inactive:hover{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .home .optionsContainer .buttonGroup button.inactive:active{background-color:#ffffff26}.appMain.dark .home .periodTitle{color:#d9e3f3}.appMain.dark .home .navigatePeriod .dropdown .dropdownMenu{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .home .navigatePeriod .dropdown .dropdownMenu .menuItem{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .home .navigatePeriod .dropdown .dropdownMenu .menuItem:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .home .barChart,.appMain.dark .home .doughnutChart,.appMain.dark .home .incomesources,.appMain.dark .home .largeTable,.appMain.dark .home .sankeydiagram,.appMain.dark .home .savingswidget,.appMain.dark .home .smallTable,.appMain.dark .home .widget{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#14141499;background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .home .barChart .title,.appMain.dark .home .doughnutChart .title,.appMain.dark .home .incomesources .title,.appMain.dark .home .largeTable .title,.appMain.dark .home .sankeydiagram .title,.appMain.dark .home .savingswidget .title,.appMain.dark .home .smallTable .title,.appMain.dark .home .widget .title{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .home .barChart .link,.appMain.dark .home .doughnutChart .link,.appMain.dark .home .incomesources .link,.appMain.dark .home .largeTable .link,.appMain.dark .home .sankeydiagram .link,.appMain.dark .home .savingswidget .link,.appMain.dark .home .smallTable .link,.appMain.dark .home .widget .link{color:#fcfcfc;color:var(--white-semi)}.appMain.dark .home .savingswidget,.appMain.dark .home .widget{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .home .savingswidget .additionalInfo .remaining{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .home .savingswidget .additionalInfo .remaining .remainingAmout{color:#c8c9d6;color:var(--white-dark);margin-right:5px}.appMain.dark .home .savingswidget .right .edit{color:#fcfcfc;color:var(--white-semi)}.appMain.dark .home .doughnutChart .lineBreak{color:#283f5c}.appMain.dark .home .doughnutChart .customLegend .legendItem .label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .home .doughnutChart .customLegend .legendItem .label.active,.appMain.dark .home .doughnutChart .customLegend .legendItem .right.active{color:#fcfcfc;color:var(--white-semi)}.appMain.dark .home .largeTable table{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .home .largeTable table thead{border-bottom:1px solid #414141}.appMain.dark .home .largeTable table thead tr{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .home .largeTable table thead tr,.appMain.dark .home .largeTable table thead tr :first-child{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark)}.appMain.dark .home .largeTable table tbody tr{background-color:#121212;border-bottom:1px solid #2d2d2d;border-bottom:var(--border-dark);color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .home .largeTable table tbody tr :first-child{background-color:#121212}@media(pointer:fine){.appMain.dark .home .largeTable table tbody tr:hover,.appMain.dark .home .largeTable table tbody tr:hover td:first-child,.appMain.dark .home .largeTable table tbody tr:hover td:first-child .categoryLabelWrapper{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark)}}.appMain.dark .home .largeTable table tbody tr.active td:first-child,.appMain.dark .home .largeTable table tbody tr.active td:first-child .categoryLabelWrapper,.appMain.dark .home .largeTable table tbody tr.active td:not(:first-child){background-color:#0f7815;background-color:var(--color-main-active-row);background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient)}.appMain.dark .home .largeTable table tbody td{border-bottom:1px solid #2d2d2d;border-bottom:var(--border-dark)}.appMain.dark .home .largeTable table tbody td.categoryLabel{border-right:1px solid #2d2d2d;border-right:var(--border-dark)}.appMain.dark .home .largeTable table tbody td .categoryLabelWrapper{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .home .largeTable table tbody td.rightBorder{border-right:1px solid #2d2d2d;border-right:var(--border-dark)}.appMain.dark .home .largeTable table tbody td.active,.appMain.dark .home .largeTable table tbody td.average,.appMain.dark .home .largeTable table tbody td.budget,.appMain.dark .home .largeTable table tbody td.budgetLeft,.appMain.dark .home .largeTable table tbody td.total{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .home .smallTable .transactionssnapshot .transactionList .listItem{background-color:#0000;background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .home .smallTable .transactionssnapshot .transactionList .listItem .info .details{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .home .smallTable .transactionssnapshot .transactionList .listItem .info .details .vendor{color:#c8c9d6!important;color:var(--white-dark)!important}.appMain.dark .home .incomesources .categorytotals .categoryContainer{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .home .incomesources .categorytotals .categoryContainer,.appMain.dark .home .toggleWrapper .add-toggle{box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .home .toggleWrapper .add-toggle.absolute .relativeParent .label{color:#fff;text-shadow:.07em 0 #000,0 .07em #000,-.07em 0 #000,0 -.07em #000}.appMain.dark .projectform .dateGroup,.appMain.dark .transactionsform .dateGroup{border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .projectform .formContainer,.appMain.dark .transactionsform .formContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .projectform .formContainer .closeContainer,.appMain.dark .transactionsform .formContainer .closeContainer{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .projectform .formContainer .closeContainer:hover,.appMain.dark .transactionsform .formContainer .closeContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .projectform .formContainer h1,.appMain.dark .transactionsform .formContainer h1{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .projectform .formContainer .formInput label,.appMain.dark .transactionsform .formContainer .formInput label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .projectform .formContainer .formInput input,.appMain.dark .projectform .formContainer .formInput select,.appMain.dark .transactionsform .formContainer .formInput input,.appMain.dark .transactionsform .formContainer .formInput select{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:none;color:#c8c9d6;color:var(--white-dark)}.appMain.dark .projectform .formContainer .formInput .link,.appMain.dark .transactionsform .formContainer .formInput .link{color:#0f7815;color:var(--color-main-active-row)}.appMain.dark .projectform .formContainer .remainingBudget .label,.appMain.dark .transactionsform .formContainer .remainingBudget .label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .projectform .formContainer .remainingBudget .amount,.appMain.dark .transactionsform .formContainer .remainingBudget .amount{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .transactionsform .formContainer .projectAddRow .projectsListContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .transactionsform .formContainer .projectAddRow .projectsListContainer .projectItem.noProject{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .transactionsform .formContainer .projectAddRow .projectsListContainer .projectItem:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .transactionsform .formContainer .projectAdd{border:1px solid #13961a;border:1px solid var(--color-income-active);color:#13961a;color:var(--color-income-active)}.appMain.dark .transactionsform .formContainer .projectAdd:hover{background-color:#16b01e;background-color:var(--color-main);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .transactionsform .formContainer .projectAdd.active,.appMain.dark .transactionsform .formContainer .projectAdd:active{background-color:#13961a;background-color:var(--color-income-active);border:1px solid #13961a;border:1px solid var(--color-income-active);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .transactions .myProjectsButton{background-color:linear-gradient(180deg,#ffffff0d,#fff0);background-color:var(--bs-gradient-10);border:1px solid #16cb20;border:1px solid var(--color-income);color:#16cb20;color:var(--color-income)}.appMain.dark .transactions .myProjectsButton:hover{background-color:#16b01e;background-color:var(--color-main);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .transactions .myProjectsButton:active{background-color:#13961a;background-color:var(--color-income-active);border:1px solid #13961a;border:1px solid var(--color-income-active);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .accounttransfers,.appMain.dark .datatable,.appMain.dark .income{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .bottomContent,.appMain.dark .accounttransfers .topContent,.appMain.dark .datatable .bottomContent,.appMain.dark .datatable .topContent,.appMain.dark .income .bottomContent,.appMain.dark .income .topContent{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#14141499;background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .accounttransfers .bottomContent .datatableTitle,.appMain.dark .accounttransfers .topContent .datatableTitle,.appMain.dark .datatable .bottomContent .datatableTitle,.appMain.dark .datatable .topContent .datatableTitle,.appMain.dark .income .bottomContent .datatableTitle,.appMain.dark .income .topContent .datatableTitle{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .topContent .datatableInputs .inputsContainer .formInput label,.appMain.dark .datatable .topContent .datatableInputs .inputsContainer .formInput label,.appMain.dark .income .topContent .datatableInputs .inputsContainer .formInput label{color:#8c9fb9!important}.appMain.dark .accounttransfers .topContent .datatableInputs .inputsContainer .formInput input,.appMain.dark .accounttransfers .topContent .datatableInputs .inputsContainer .formInput select,.appMain.dark .datatable .topContent .datatableInputs .inputsContainer .formInput input,.appMain.dark .datatable .topContent .datatableInputs .inputsContainer .formInput select,.appMain.dark .income .topContent .datatableInputs .inputsContainer .formInput input,.appMain.dark .income .topContent .datatableInputs .inputsContainer .formInput select{background-color:#253a55;border:1px solid #2d2d2d!important;border:var(--border-dark)!important;color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .topContent .datatableInputs .inputsContainer .formInput .link,.appMain.dark .datatable .topContent .datatableInputs .inputsContainer .formInput .link,.appMain.dark .income .topContent .datatableInputs .inputsContainer .formInput .link{color:#0f7815;color:var(--color-main-active-row)}.appMain.dark .accounttransfers .bottomContent,.appMain.dark .datatable .bottomContent,.appMain.dark .income .bottomContent{background-image:none;box-shadow:none}.appMain.dark .accounttransfers .bottomContent .exportButton,.appMain.dark .datatable .bottomContent .exportButton,.appMain.dark .income .bottomContent .exportButton{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .bottomContent .exportButton:hover,.appMain.dark .datatable .bottomContent .exportButton:hover,.appMain.dark .income .bottomContent .exportButton:hover{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .accounttransfers .bottomContent .exportButton:active,.appMain.dark .datatable .bottomContent .exportButton:active,.appMain.dark .income .bottomContent .exportButton:active{background-color:#ffffff26}.appMain.dark .accounttransfers .bottomContent .exportButton.inactive,.appMain.dark .datatable .bottomContent .exportButton.inactive,.appMain.dark .income .bottomContent .exportButton.inactive{background:#0000}.appMain.dark .accounttransfers .bottomContent .exportButton.inactive:hover,.appMain.dark .datatable .bottomContent .exportButton.inactive:hover,.appMain.dark .income .bottomContent .exportButton.inactive:hover{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .accounttransfers .bottomContent .exportButton.inactive:active,.appMain.dark .datatable .bottomContent .exportButton.inactive:active,.appMain.dark .income .bottomContent .exportButton.inactive:active{background-color:#ffffff26}@media(max-width:650px){.appMain.dark .accounttransfers .bottomContent,.appMain.dark .datatable .bottomContent,.appMain.dark .income .bottomContent{background-color:#0000;border:none}}.appMain.dark .accounttransfers .bottomContent .row .datatableTotals,.appMain.dark .datatable .bottomContent .row .datatableTotals,.appMain.dark .income .bottomContent .row .datatableTotals{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .bottomContent .datagridContainer .datagrid,.appMain.dark .datatable .bottomContent .datagridContainer .datagrid,.appMain.dark .income .bottomContent .datagridContainer .datagrid{background-color:#121212b3;color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .bottomContent .datagridContainer .datagrid .MuiDataGrid-columnHeaders,.appMain.dark .datatable .bottomContent .datagridContainer .datagrid .MuiDataGrid-columnHeaders,.appMain.dark .income .bottomContent .datagridContainer .datagrid .MuiDataGrid-columnHeaders{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark)}.appMain.dark .accounttransfers .bottomContent .datagridContainer .datagrid .MuiTablePagination-actions button,.appMain.dark .accounttransfers .bottomContent .datagridContainer .datagrid .css-levciy-MuiTablePagination-displayedRows,.appMain.dark .datatable .bottomContent .datagridContainer .datagrid .MuiTablePagination-actions button,.appMain.dark .datatable .bottomContent .datagridContainer .datagrid .css-levciy-MuiTablePagination-displayedRows,.appMain.dark .income .bottomContent .datagridContainer .datagrid .MuiTablePagination-actions button,.appMain.dark .income .bottomContent .datagridContainer .datagrid .css-levciy-MuiTablePagination-displayedRows{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .bottomContent .datagridContainer .datagrid .MuiDataGrid-cell,.appMain.dark .datatable .bottomContent .datagridContainer .datagrid .MuiDataGrid-cell,.appMain.dark .income .bottomContent .datagridContainer .datagrid .MuiDataGrid-cell{border-bottom:1px solid #2d2d2d;border-bottom:var(--border-dark)}.appMain.dark .accounttransfers .bottomContent .datagridContainer .descriptionCell .project,.appMain.dark .datatable .bottomContent .datagridContainer .descriptionCell .project,.appMain.dark .income .bottomContent .datagridContainer .descriptionCell .project{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .accounttransfers .bottomContent .add-toggle,.appMain.dark .datatable .bottomContent .add-toggle,.appMain.dark .income .bottomContent .add-toggle{box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .accounttransfers .searchFilterInput,.appMain.dark .datatable .searchFilterInput,.appMain.dark .income .searchFilterInput{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:none;color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .dateGroup .dateWrapper .total,.appMain.dark .datatable .dateGroup .dateWrapper .total,.appMain.dark .income .dateGroup .dateWrapper .total{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .accounttransfers .dateGroup .dateGroupCard,.appMain.dark .datatable .dateGroup .dateGroupCard,.appMain.dark .income .dateGroup .dateGroupCard{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .accounttransfers .dateGroup .dateGroupCard li .itemWrapper .left .info .details,.appMain.dark .datatable .dateGroup .dateGroupCard li .itemWrapper .left .info .details,.appMain.dark .income .dateGroup .dateGroupCard li .itemWrapper .left .info .details{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .accounttransfers .confirmDelete,.appMain.dark .accounttransfers .dateGroup .dateGroupCard li .itemWrapper .left .info .details .vendor,.appMain.dark .datatable .confirmDelete,.appMain.dark .datatable .dateGroup .dateGroupCard li .itemWrapper .left .info .details .vendor,.appMain.dark .income .confirmDelete,.appMain.dark .income .dateGroup .dateGroupCard li .itemWrapper .left .info .details .vendor{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .confirmDelete .confirmDeleteContainer,.appMain.dark .datatable .confirmDelete .confirmDeleteContainer,.appMain.dark .income .confirmDelete .confirmDeleteContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .accounttransfers .confirmDelete .confirmDeleteContainer h1,.appMain.dark .datatable .confirmDelete .confirmDeleteContainer h1,.appMain.dark .income .confirmDelete .confirmDeleteContainer h1{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .formContainer,.appMain.dark .datatable .formContainer,.appMain.dark .income .formContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .accounttransfers .formContainer .closeContainer,.appMain.dark .datatable .formContainer .closeContainer,.appMain.dark .income .formContainer .closeContainer{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .formContainer .closeContainer:hover,.appMain.dark .datatable .formContainer .closeContainer:hover,.appMain.dark .income .formContainer .closeContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .accounttransfers .formContainer h1,.appMain.dark .datatable .formContainer h1,.appMain.dark .income .formContainer h1{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .formContainer .formInput label,.appMain.dark .datatable .formContainer .formInput label,.appMain.dark .income .formContainer .formInput label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .accounttransfers .formContainer .formInput input,.appMain.dark .accounttransfers .formContainer .formInput select,.appMain.dark .datatable .formContainer .formInput input,.appMain.dark .datatable .formContainer .formInput select,.appMain.dark .income .formContainer .formInput input,.appMain.dark .income .formContainer .formInput select{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransfers .formContainer .buttonsRow .deleteButton,.appMain.dark .datatable .formContainer .buttonsRow .deleteButton,.appMain.dark .income .formContainer .buttonsRow .deleteButton{background-color:#0000!important;border:1px solid #2d2d2d!important;border:var(--border-dark)!important;color:#fcfcfc!important;color:var(--white-semi)!important}.appMain.dark .accounttransfers .formContainer .buttonsRow .deleteButton:hover,.appMain.dark .datatable .formContainer .buttonsRow .deleteButton:hover,.appMain.dark .income .formContainer .buttonsRow .deleteButton:hover{background-color:#ffffff14!important;background-color:var(--bg-color-dark)!important}.appMain.dark .editaddwidget .formContainer{border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .editaddwidget .formContainer .projectAddRow .projectsListContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .editaddwidget .formContainer .projectAddRow .projectsListContainer .projectItem.noProject{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .editaddwidget .formContainer .projectAddRow .projectsListContainer .projectItem:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .editaddwidget .formContainer .projectAdd{border:1px solid #13961a;border:1px solid var(--color-income-active);color:#13961a;color:var(--color-income-active)}.appMain.dark .editaddwidget .formContainer .projectAdd:hover{background-color:#16b01e;background-color:var(--color-main);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .editaddwidget .formContainer .projectAdd.active,.appMain.dark .editaddwidget .formContainer .projectAdd:active{background-color:#13961a;background-color:var(--color-income-active);border:1px solid #13961a;border:1px solid var(--color-income-active);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .editaddwidget .formContainer .formInput .link{color:#0f7815;color:var(--color-main-active-row)}.appMain.dark .editaddwidget .formContainer .formInput input,.appMain.dark .editaddwidget .formContainer .formInput select{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:none;color:#c8c9d6;color:var(--white-dark)}.appMain.dark .editaddwidget .formContainer .remainingBudget .label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .editaddwidget .formContainer .remainingBudget .amount{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .income .gridContainer .rightContainer{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#141414cc;background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .income .gridContainer .rightContainer .lineBreak{color:#283f5c}.appMain.dark .income .gridContainer .rightContainer .row .category,.appMain.dark .income .gridContainer .rightContainer .totals .totalSpent{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .income .categorytotals .categoryContainer{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .income .categorytotals .categoryContainer,.appMain.dark .income .optionsContainer{border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .income .optionsContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,#a0a0a026,#fff0);background-image:var(--bg-gradient-black)}.appMain.dark .income .optionsContainer .periodTitle{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .income .optionsContainer .navigatePeriod .dropdownMenu{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .income .optionsContainer .navigatePeriod .dropdownMenu .menuItem{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .income .optionsContainer .navigatePeriod .dropdownMenu .menuItem:hover,.appMain.dark .projects .projectsList .projectItem:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .projects .projectsList .projectItem:active{background-color:#ffffff26}.appMain.dark .projects .projectsList .projectItem .projectActions button{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .projects .projectsList .projectItem .projectActions button:hover{background-color:#ffffff26;background-color:var(--bg-color-dark-active)}.appMain.dark .project .actions button:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .project .gridContainer .rightContainer{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#141414cc;background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .project .gridContainer .rightContainer .lineBreak{color:#283f5c}.appMain.dark .project .gridContainer .rightContainer .row .category,.appMain.dark .project .gridContainer .rightContainer .totals .totalSpent{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .project .categorytotals .categoryContainer{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .categories .categoryGroup .categoriesList .categoryItem{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .categories .categoryGroup .categoriesList .categoryItem:hover{background-color:#ffffff26;background-color:var(--bg-color-dark-active)}.appMain.dark .categories .categoryGroup .categoriesList .categoryItem .categoryActions .actionContainer{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .categories .categoryGroup .categoriesList .categoryItem .categoryActions .actionContainer:hover{background-color:#ffffff26;background-color:var(--bg-color-dark-active)}.appMain.dark .accountslinecharts{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#141414b3;background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .accountslinecharts .summary .todaySummaryContainer .label{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accountslinecharts .summary .todaySummaryContainer .amountToday{color:#fcfcfc;color:var(--white-semi)}.appMain.dark .accountslinecharts .periodOptions button:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .accountslinecharts .periodOptions button:active{background-color:#ffffff26}.appMain.dark .accountslinecharts .periodOptions button.active{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accountcard{border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .accountcard.active .bottomCard{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,#fff3,#fff0)}.appMain.dark .accountcard .bottomCard{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .accountform .formContainer,.appMain.dark .accounttransferform .formContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,#a0a0a026,#fff0);background-image:var(--bg-gradient-black);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .accountform .formContainer .closeContainer,.appMain.dark .accounttransferform .formContainer .closeContainer{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accountform .formContainer .closeContainer:hover,.appMain.dark .accounttransferform .formContainer .closeContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .accountform .formContainer h1,.appMain.dark .accounttransferform .formContainer h1{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accountform .formContainer .formInput label,.appMain.dark .accounttransferform .formContainer .formInput label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .accountform .formContainer .formInput input,.appMain.dark .accountform .formContainer .formInput select,.appMain.dark .accountform .formContainer .formInput textarea,.appMain.dark .accounttransferform .formContainer .formInput input,.appMain.dark .accounttransferform .formContainer .formInput select,.appMain.dark .accounttransferform .formContainer .formInput textarea{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .accounttransferform .transferFrom{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .categoriesformmodal .formContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .categoriesformmodal .formContainer .closeContainer{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .categoriesformmodal .formContainer .closeContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .categoriesformmodal .formContainer h1{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .categoriesformmodal .formContainer .row .applyToAllMonths input{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .categoriesformmodal .formContainer .formInput label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .categoriesformmodal .formContainer .formInput input,.appMain.dark .categoriesformmodal .formContainer .formInput select{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .confirmdeletemodal .confirmDeleteContainer{border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .confirmdeletemodal .confirmDeleteContainer h3{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .feedback form input,.appMain.dark .feedback form select,.appMain.dark .feedback form textarea{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .feedback form .note{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .colorpicker .colorBox.active,.appMain.dark .colorpicker .colorBox:hover{border:2px solid #c8c9d6;border:2px solid var(--white-dark)}.appMain.dark .iconpicker{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .iconpicker .iconsList .iconContainer.active,.appMain.dark .iconpicker .iconsList .iconContainer:hover{background-color:#ffffff26;background-color:var(--bg-color-dark-active)}.appMain.dark .confirmDelete{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .confirmDeleteContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .confirmDeleteContainer h1{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budget .left,.appMain.dark .budget .right{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#141414cc;border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .budget .left .periodTitle.mobileOnly,.appMain.dark .budget .left .title,.appMain.dark .budget .right .title{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budget .left .optionsContainer .buttonGroup button{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .budget .left .optionsContainer .buttonGroup button:hover{background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .budget .left .optionsContainer .buttonGroup button:active{background-color:#ffffff26}.appMain.dark .budget .left .optionsContainer .buttonGroup button.active{background:#13961a;background:var(--color-income-active)}.appMain.dark .budget .left .optionsContainer .buttonGroup button.inactive{background:#0000}.appMain.dark .budget .left .optionsContainer .buttonGroup button.inactive:hover{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .budget .left .optionsContainer .buttonGroup button.inactive:active{background-color:#ffffff26}.appMain.dark .budget .left .optionsContainer .periodTitle{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budget .left .optionsContainer .navigatePeriod .dropdown .dropdownMenu{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .budget .left .optionsContainer .navigatePeriod .dropdown .dropdownMenu .menuItem{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .budget .left .budgetprogress,.appMain.dark .budget .left .optionsContainer .navigatePeriod .dropdown .dropdownMenu .menuItem:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .budget .left .budgetprogress{background-image:none;border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .budget .left .budgetprogress:hover{background-color:#ffffff26;background-color:var(--bg-color-dark-active)}.appMain.dark .budget .left .budgetprogress:active{background-color:#fff3}.appMain.dark .budget .left .budgetprogress .categoryTitle .categoryName{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budget .left .budgetprogress .progress{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .budget .left .budgetprogress .amount{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budget .left .budgetprogress .amountUsed{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .budget .left .budgetprogress .amountUsed .totalSpent{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budgetform .formContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .budgetform .formContainer .closeContainer{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budgetform .formContainer .closeContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .budgetform .formContainer h1{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budgetform .formContainer .row .applyToAllMonths input{border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .budgetform .formContainer .row .applyToAllMonths .applyToAllMonthsButton,.appMain.dark .budgetform .formContainer .row .applyToAllMonths input{background-color:#ffffff14;background-color:var(--bg-color-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .budgetform .formContainer .row .applyToAllMonths .applyToAllMonthsButton:hover{background-color:#ffffff26}.appMain.dark .budgetform .formContainer .row .applyToAllMonths .applyToAllMonthsButton:active{background-color:#ffffff4d}.appMain.dark .budgetform .formContainer .formInput label,.appMain.dark .budgetform .formContainer .notesInput label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .budgetform .formContainer .formInput input,.appMain.dark .budgetform .formContainer .formInput select,.appMain.dark .budgetform .formContainer .formInput textarea,.appMain.dark .budgetform .formContainer .notesInput input,.appMain.dark .budgetform .formContainer .notesInput select,.appMain.dark .budgetform .formContainer .notesInput textarea{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription hr{background-color:#2d2d2d;color:#2d2d2d}.appMain.dark .subscription .createNewContainer,.appMain.dark .subscription .upgradeMembership{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .subscription .createNewContainer span,.appMain.dark .subscription .upgradeMembership span{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .subscription .createNewSubscriptionWidget{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .subscription .createNewSubscriptionWidget input,.appMain.dark .subscription .createNewSubscriptionWidget select,.appMain.dark .subscription .createNewSubscriptionWidget textarea{border-bottom:1px solid #2d2d2d;border-bottom:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription .createNewSubscriptionWidget input::placeholder,.appMain.dark .subscription .createNewSubscriptionWidget select::placeholder,.appMain.dark .subscription .createNewSubscriptionWidget textarea::placeholder{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .subscription .createNewSubscriptionWidget .description,.appMain.dark .subscription .createNewSubscriptionWidget select{border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .subscription .createNewSubscriptionWidget label{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription .createNewSubscriptionWidget .top .title .subscriptionIconContainer .roundBackground{background-color:gray}.appMain.dark .subscription .createNewSubscriptionWidget .bottom{border-top:1px solid #2d2d2d;border-top:var(--border-dark)}.appMain.dark .subscription .createNewSubscriptionWidget .bottom .note{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .subscription .subscriptionwidget{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#14141499;background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .subscription .subscriptionwidget .top .title .subscriptionName{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription .subscriptionwidget .details .subscriptionDetails .subscriptionNotes{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .subscription .subscriptionwidget .details .subscriptionDetails .subscriptionCategory{border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .subscription .subscriptionwidget .bottom{border-top:1px solid #2d2d2d;border-top:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription .subscriptionwidget .bottom .row .frequency,.appMain.dark .subscription .subscriptionwidget .bottom .row .startDate{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .subscription .subscriptionwidget .bottom .row .startDate span{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription .subscriptionwidget .bottom .row .totalCost .label{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .subscription .subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a}.appMain.dark .subscription .subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions .item{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription .subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions .item:hover,.appMain.dark .subscription .subscriptionwidget .optionsContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .subscription .subscriptionwidget .description,.appMain.dark .subscription .subscriptionwidget select{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription .summarywidget{box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .subscription .summarywidget.active{border:2px solid #4f4f4f}.appMain.dark .subscription .summarywidget.active .summaryContainer{background-color:#141414}.appMain.dark .subscription .summarywidget .summaryContainer{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#14141499;background-image:linear-gradient(180deg,#a0a0a026,#fff0);background-image:var(--bg-gradient-black);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .subscription .confirmDelete,.appMain.dark .subscription .summarywidget .widgetTitle{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .subscription .confirmDelete .confirmDeleteContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .subscription .confirmDelete .confirmDeleteContainer h1{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .firecalculator .formInput label,.appMain.dark .loancalculator .formInput label{color:#c8c9d6!important;color:var(--white-dark)!important}.appMain.dark .firecalculator .formInput input,.appMain.dark .firecalculator .formInput select,.appMain.dark .loancalculator .formInput input,.appMain.dark .loancalculator .formInput select{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d!important;border:var(--border-dark)!important;color:#c8c9d6;color:var(--white-dark)}.appMain.dark .currentFilter .categoryFilter,.appMain.dark .currentFilter .monthFilter{border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .currentFilter .categoryFilter .closeIconContainer,.appMain.dark .currentFilter .monthFilter .closeIconContainer{background-color:#ffffff14;background-color:var(--bg-color-dark);border:none}.appMain.dark .amortizationTable .tableContainer table thead th,.appMain.dark .fireresults .tableContainer table thead th{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .amortizationTable .tableContainer table tbody tr:nth-of-type(odd) td,.appMain.dark .fireresults .tableContainer table tbody tr:nth-of-type(odd) td{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .amortizationTable .tableContainer table tbody tr:hover td,.appMain.dark .fireresults .tableContainer table tbody tr:hover td{background-color:#ffffff26;background-color:var(--bg-color-dark-active)}.appMain.dark .amortizationTable .tableContainer table tbody tr td,.appMain.dark .fireresults .tableContainer table tbody tr td{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .infoModal .content{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .infoModal .content .closeContainer,.appMain.dark .infoModal .content h1,.appMain.dark .infoModal .content p{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .infoModal .content .closeContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .firecalculator .addMoreNRE{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);border:1px solid #2d2d2d;border:var(--border-dark);color:#c8c9d6;color:var(--white-dark)}.appMain.dark .firecalculator .addMoreNRE:hover{background-color:#2d2d2d;background-color:var(--thead-bg-color-dark);background-image:linear-gradient(180deg,#ffffff0d,#fff0);background-image:var(--bs-gradient-10)}.appMain.dark .firecalculator .addMoreNRE:active{background-color:#ffffff26}.appMain.dark .firecalculator .formGroup .futureNREGroup .futureNREGroupTitle .removeNREContainer{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .firecalculator .formGroup .futureNREGroup .futureNREGroupTitle .removeNREContainer:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .firecalculator .formGroup .futureNREGroup .futureNREGroupTitle .removeNREContainer:active{background-color:#ffffff14;background-color:var(--bg-color-dark);background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient)}.appMain.dark .editprofile .accountInfo{background-color:#141414;background-color:var(--bg-color-dark-solid);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);background-image:var(--bs-gradient-5);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .editprofile .accountInfo .infoItem .infoItemLabel{color:#a8a8ab;color:var(--color-secondary-dark)}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue form input{background-color:#ffffff14;background-color:var(--bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark)}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue button{background-color:#2d4667;color:#fff}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue button:hover{background-color:#345279}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue button:active{background-color:#3a5c87}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .submitButton{background-color:#0000}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .submitButton .icon{color:#c8c9d6;color:var(--white-dark)}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .submitButton:disabled{background-color:rgba(45,70,103,.169)}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .submitButton:disabled .icon{color:hsla(0,0%,94%,.173)}@media(max-width:650px){.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .submitButton{background-color:#2d4667}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .submitButton:hover{background-color:#345279}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .submitButton:active{background-color:#3a5c87}}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .cancelButton{background-color:#0000}@media(max-width:650px){.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .cancelButton{background-color:#a9a9a9}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .cancelButton:hover{background-color:#c9c9c9}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .cancelButton:active{background-color:#e3e2e2}}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .confirmDeleteAccount{background-color:#d54a4a;color:#fff}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .confirmDeleteAccount:hover{background-color:#b53f3f}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .confirmDeleteAccount:active{background-color:#a03939}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .deleteAccountButton{background-color:#0000;color:#da7a7a}.appMain.dark .editprofile .accountInfo .infoItem .infoItemValue .deleteAccountButton:hover{background-color:#ffffff14;background-color:var(--bg-color-dark)}.appMain.dark .faqs .faqsContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);border:1px solid #2d2d2d;border:var(--border-dark);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .faqs .faqsContainer .faqsSegment .faqsSegmentTitle{background:#2d2d2d;background:var(--thead-bg-color-dark);border:1px solid #2d2d2d;border:var(--border-dark);color:#fcfcfc;color:var(--white-semi)}.appMain.dark .faqs .faqsContainer .faqsSegment .faqsSegmentQuestions .faqsSegmentItem .faqsSegmentQuestion{color:#fcfcfc;color:var(--white-semi)}.appMain.dark .whatsnew .whatsnewContainer{background-color:#141414;background-color:var(--bg-color-dark-solid);box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark)}.appMain.dark .whatsnew .whatsnewContainer .featureDate{color:#a8a8ab;color:var(--color-secondary-dark)}.pagenotfound{align-items:center;background-color:#f6f9ff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.pagenotfound .logoContainer{border-radius:10px;height:50px;margin-block:1rem;overflow:hidden;width:50px}.pagenotfound .logoContainer .logoImage{display:flex;object-fit:cover;width:100%}.pagenotfound h1{color:#4154f1;font-size:100px;font-weight:600;margin:0}.pagenotfound h2{color:var(--font-color);font-size:21px;font-weight:500}.pagenotfound button{background-color:#3b76e1;border:none;border-radius:.75rem;color:#fff;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .3s;vertical-align:middle}.pagenotfound button:hover{background-color:#366acb}.pagenotfound button:active{background-color:#2e5db5}.datatable .currency{margin-right:.35rem}.datatable .bottomContent,.datatable .topContent{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);padding:20px;position:relative}.datatable .bottomContent .datatableTitle,.datatable .topContent .datatableTitle{align-items:center;color:#101113;color:var(--font-color);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .topButtons{box-sizing:border-box;display:flex;gap:10px}.datatable .buttonContainer{align-items:center;background-color:#ff423d;background-color:var(--color-expense);border:1px solid #0000;border-radius:.75rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);color:#fcfcfc;color:var(--white-semi);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .3s;white-space:nowrap}@media(max-width:650px){.datatable .buttonContainer{display:none}}.datatable .buttonContainer:hover{background-color:#d73b36;background-color:var(--color-expense-hover)}.datatable .buttonContainer:active{background-color:#ab332f;background-color:var(--color-expense-active)}.datatable .buttonContainer .icon{font-size:.875rem;margin-right:.2rem}.datatable .buttonContainer .icon,.datatable .buttonContainer .spinner{color:#fcfcfc;color:var(--white-semi);transition:all .3s}.datatable .bottomContent{margin-top:12px}@media(max-width:650px){.datatable .bottomContent{background-color:#f1f3f7;background-color:var(--bg-color);border-radius:0;padding:10px 0}}.datatable .bottomContent .exportButton{align-items:center;background-color:#f1f3f7;background-color:var(--bg-color);border:1px solid #d8dade;border-radius:10px;display:flex;font-weight:400;letter-spacing:.08em;padding:.47rem .75rem;transition:all .3s}.datatable .bottomContent .exportButton:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.datatable .bottomContent .exportButton:active{background-color:#d1d7e4;background-color:var(--bg-color-200)}.datatable .bottomContent .exportButton .icon{font-size:18px;margin-right:6px}.datatable .bottomContent .row{align-items:center;display:flex;justify-content:end}.datatable .bottomContent .row .datatableTotals{color:#101113;color:var(--font-color);display:flex;font-size:.875rem;font-weight:500;white-space:nowrap}.datatable .bottomContent .row .datatableTotals .description{margin:0}.datatable .bottomContent .row .datatableTotals .amountTotal{margin-left:10px}.datatable .bottomContent .datagridContainer{border-radius:10px;height:80vh;overflow:hidden;width:100%}@media(max-width:650px){.datatable .bottomContent .datagridContainer{display:none;height:80vh}}.datatable .bottomContent .datagridContainer .datagrid{border:none;color:#101113;font-family:inherit!important}.datatable .bottomContent .datagridContainer .datagrid .MuiDataGrid-columnHeaderTitle{font-weight:600!important}.datatable .bottomContent .datagridContainer .datagrid .MuiDataGrid-cell:focus-within{outline:none!important}.datatable .bottomContent .datagridContainer .datagrid .cellWithImg{align-items:center;display:flex}.datatable .bottomContent .datagridContainer .datagrid .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .bottomContent .datagridContainer .datagrid .cellWithColor{align-items:center;border-radius:5px;display:flex;font-size:.75rem;font-weight:500;padding:5px}.datatable .bottomContent .datagridContainer .datagrid .cellWithIcon{align-items:center;display:flex}.datatable .bottomContent .datagridContainer .datagrid .cellWithIcon .emojiIconContainer{margin-right:.5rem}.datatable .bottomContent .datagridContainer .datagrid .cellWithIcon .categoryIconContainer{align-items:center;background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient);border-radius:8px;display:flex;margin-right:.375rem;padding:5px}.datatable .bottomContent .datagridContainer .datagrid .cellWithIcon .categoryIconContainer .icon{color:#fff;font-size:18px}.datatable .bottomContent .datagridContainer .datagrid .cellAction{align-items:center;display:flex;gap:10px}@media(max-width:1200px){.datatable .bottomContent .datagridContainer .datagrid .cellAction{gap:.5rem}}.datatable .bottomContent .datagridContainer .datagrid .cellAction .editButton{border:1px solid rgba(59,118,225,.596);border-radius:5px;color:#3b76e1;cursor:pointer;padding:2px 5px}.datatable .bottomContent .datagridContainer .datagrid .cellAction .deleteButton{border:1px solid #f56e6e99;border-radius:5px;color:#f56e6e;cursor:pointer;padding:2px 5px}.datatable .bottomContent .datagridContainer .datagrid .descriptionCell .project{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500}.datatable .bottomContent .datagridContainer .datagrid .descriptionCell .project .projectIcon{background-color:#b8b8b8;border-radius:50%;height:5px;margin-right:5px;width:5px}.datatable .add-toggle{align-items:center;background-color:#ff423d;background-color:var(--color-expense);border:none;border-radius:50%;bottom:5.5%;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);cursor:pointer;display:none;height:3.5rem;justify-content:center;left:50%;outline:none;position:absolute;transform:translateX(-50%);transition:all .4s;width:3.5rem;z-index:800}@media(display-mode:standalone)and (max-width:650px){.datatable .add-toggle{bottom:12.5%}}.datatable .add-toggle:hover{transform:translateX(-50%) scale(1.04)}.datatable .add-toggle:active{transform:translateX(-50%) scale(.96)}.datatable .add-toggle .icon{color:#fcfcfc;color:var(--white-semi);filter:drop-shadow(0 2px 1px rgba(0,0,0,.2));font-size:1.75rem}@media(max-width:650px){.datatable .add-toggle{bottom:12.5%;display:flex;position:fixed}}.datatable .confirmDelete{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.datatable .confirmDelete .confirmDeleteContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;padding:0 60px;position:relative}@media(max-width:650px){.datatable .confirmDelete .confirmDeleteContainer{padding:0 30px}}.datatable .confirmDelete .confirmDeleteContainer h1{color:#101113;color:var(--font-color);font-size:20px;font-weight:500;text-align:center}.datatable .confirmDelete .confirmDeleteContainer .row{align-items:center;box-sizing:border-box;display:flex;gap:1rem;margin-bottom:.67em}@media(max-width:650px){.datatable .confirmDelete .confirmDeleteContainer .row{display:grid;grid-template-columns:1fr;margin-bottom:1.25rem;width:100%}}.datatable .confirmDelete .confirmDeleteContainer .row Button{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .15s;white-space:nowrap}@media(max-width:650px){.datatable .confirmDelete .confirmDeleteContainer .row Button{width:100%}}.datatable .confirmDelete .confirmDeleteContainer .row .deleteButton{background-color:#ff423d;background-color:var(--color-expense);color:#fcfcfc;color:var(--white-semi)}@media(max-width:650px){.datatable .confirmDelete .confirmDeleteContainer .row .deleteButton{order:-1}}.datatable .confirmDelete .confirmDeleteContainer .row .deleteButton:hover{background-color:#d73b36;background-color:var(--color-expense-hover)}.datatable .confirmDelete .confirmDeleteContainer .row .deleteButton:active{background-color:#ab332f;background-color:var(--color-expense-active)}.datatable .confirmDelete .confirmDeleteContainer .row .deleteButton .spinner{color:#fff}.datatable .newbadge{font-size:.5rem;position:absolute;right:calc(-100% - 10px);top:-5px}.newbadge{border:1px solid #f56e6e;border-radius:8px;box-sizing:border-box;color:#f56e6e;padding:3px;position:absolute}.editaddwidget{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.editaddwidget .formContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;padding:0 60px;position:relative}@media(max-width:650px){.editaddwidget .formContainer{padding:0 30px}}.editaddwidget .formContainer .closeContainer{align-items:center;border-radius:10px;color:#545965;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;transition:all .15s}.editaddwidget .formContainer .closeContainer:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.editaddwidget .formContainer h1{color:#101113;color:var(--font-color);font-size:20px;font-weight:600;text-align:center}.editaddwidget .formContainer .projectAddRow{justify-content:start;margin-bottom:calc(10px + .2rem);position:relative}.editaddwidget .formContainer .projectAddRow .projectsListContainer{-ms-overflow-style:none;background-color:#fff;border:1px solid #c0c2c5;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);box-sizing:border-box;cursor:default;left:0;max-height:400px;overflow-y:scroll;padding:.5rem 0;position:absolute;scrollbar-width:none;top:30px;width:100%;z-index:100001}.editaddwidget .formContainer .projectAddRow .projectsListContainer .projectItem{font-size:.875rem;font-weight:400;padding:.35rem;position:relative}.editaddwidget .formContainer .projectAddRow .projectsListContainer .projectItem:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.editaddwidget .formContainer .projectAddRow .projectsListContainer .projectItem.noProject{color:gray}.editaddwidget .formContainer .projectAdd{background-color:#0000;border:1px solid #0f7815;border:1px solid var(--color-main-active-row);border-radius:.625rem;color:#0f7815;color:var(--color-main-active-row);font-size:.75rem;padding:2px .625rem}.editaddwidget .formContainer .projectAdd:hover{background-color:#16b01e;background-color:var(--color-main);border:1px solid #16b01e;border:1px solid var(--color-main);color:#fcfcfc;color:var(--white-semi)}.editaddwidget .formContainer .projectAdd.active,.editaddwidget .formContainer .projectAdd:active{background-color:#13961a;background-color:var(--color-income-active);border:1px solid #13961a;border:1px solid var(--color-income-active);color:#fcfcfc;color:var(--white-semi)}.editaddwidget .formContainer .formInput{display:flex;flex-direction:column;width:280px}.editaddwidget .formContainer .formInput label{align-items:center;color:gray;display:flex;font-size:.75rem}.editaddwidget .formContainer .formInput input,.editaddwidget .formContainer .formInput select{background-color:#e9ebf71a;border:1px solid #c0c2c5;border:1px solid var(--border-color);border-radius:.75rem;color:#101113;color:var(--font-color);font-family:inherit;margin:10px 0;padding:.47rem .75rem}@media(max-width:650px){.editaddwidget .formContainer .formInput input,.editaddwidget .formContainer .formInput select{border-radius:8px;margin:8px 0;padding:6px .75rem}}.editaddwidget .formContainer .formInput .amountField{position:relative}.editaddwidget .formContainer .formInput .amountField input{box-sizing:border-box;padding-left:25px;text-align:right;width:100%}.editaddwidget .formContainer .formInput .amountField:before{content:"";content:var(--currency-var,"");left:10px;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.editaddwidget .formContainer .formInput .link{color:#0f7815;color:var(--color-main-active-row);font-weight:500;margin-left:.5rem;position:relative}.editaddwidget .formContainer .remainingBudget{display:flex;font-size:.75rem}.editaddwidget .formContainer .remainingBudget .label{color:gray;margin-left:auto;margin-right:5px}.editaddwidget .formContainer .remainingBudget .amount{font-weight:600}.editaddwidget .formContainer .buttonsRow{align-items:center;box-sizing:border-box;display:flex;gap:1rem;justify-content:center;margin-block:.67em}@media(max-width:650px){.editaddwidget .formContainer .buttonsRow{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;width:100%}}.editaddwidget .formContainer .buttonWrapper{margin:.67em 0}@media(max-width:650px){.editaddwidget .formContainer .buttonWrapper.submit{order:-1}.editaddwidget .formContainer .buttonWrapper{margin:.5rem 0}}.editaddwidget .formContainer .buttonWrapper .buttonContainer{align-items:center;border:1px solid #0000;border-radius:.75rem;color:#fcfcfc;color:var(--white-semi);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .15s;white-space:nowrap}@media(max-width:650px){.editaddwidget .formContainer .buttonWrapper .buttonContainer{width:100%}}.editaddwidget .formContainer .buttonWrapper .buttonContainer.expense{background-color:#ff423d;background-color:var(--color-expense)}.editaddwidget .formContainer .buttonWrapper .buttonContainer.expense:hover{background-color:#d73b36;background-color:var(--color-expense-hover)}.editaddwidget .formContainer .buttonWrapper .buttonContainer.expense:active{background-color:#ab332f;background-color:var(--color-expense-active)}.editaddwidget .formContainer .buttonWrapper .buttonContainer.income{background-color:#16cb20;background-color:var(--color-income)}.editaddwidget .formContainer .buttonWrapper .buttonContainer.income:hover{background-color:#199f1f;background-color:var(--color-income-hover)}.editaddwidget .formContainer .buttonWrapper .buttonContainer.income:active{background-color:#13961a;background-color:var(--color-income-active)}.editaddwidget .formContainer .buttonWrapper .buttonContainer .icon{font-size:.875rem;margin-right:.2rem}.editaddwidget .formContainer .buttonWrapper .buttonContainer .icon,.editaddwidget .formContainer .buttonWrapper .buttonContainer .spinner{color:#fcfcfc;color:var(--white-semi);transition:all .3s}@media(max-width:650px){.editaddwidget .formContainer .buttonWrapper .btn-cancel{width:100%}}.categoryIconContainer .icon{filter:drop-shadow(0 2px 1px rgba(0,0,0,.2))}.emojiIconContainer{align-items:center;background-color:#fcfcfc;background-color:var(--white-semi);border:1px solid #c0c2c5;border:1px solid var(--border-color);border-radius:50%;display:flex;height:.75rem;justify-content:center;padding:.75rem;width:.75rem}.emojiIconContainer.size-md{height:1rem;padding:.75rem;width:1rem}.emojiIconContainer.size-md .emojiIcon{font-size:1.25rem}.emojiIconContainer.size-lg{height:1.25rem;padding:1rem;width:1.25rem}.emojiIconContainer.size-lg .emojiIcon{font-size:1.5rem}.transactions .row{align-items:center}.transactions .row h1{margin-bottom:0}.transactions .myProjectsButton{align-items:center;background-color:#fff;border:1px solid #0f7815;border:1px solid var(--color-main-active-row);border-radius:.625rem;color:#0f7815;color:var(--color-main-active-row);display:flex;font-size:.875rem;font-weight:600;margin-left:auto;padding:.275rem .75rem}.transactions .myProjectsButton:hover{background-color:#16b01e;background-color:var(--color-main);border:1px solid #16b01e;border:1px solid var(--color-main);color:#fcfcfc;color:var(--white-semi)}.transactions .myProjectsButton:active{background-color:#13961a;background-color:var(--color-income-active);border:1px solid #13961a;border:1px solid var(--color-income-active);color:#fcfcfc;color:var(--white-semi)}@media(max-width:650px){.transactions .myProjectsButton{margin-right:10px}}.transactions .myProjectsButton .icon{font-size:1rem;margin-right:5px}.budget .gridContainer{grid-gap:24px;display:grid;grid-template-columns:9fr 3fr;margin-top:12px}@media(max-width:1000px){.budget .gridContainer{grid-template-columns:1fr}}.budget .gridContainer .currency{margin-right:.35rem}.budget .gridContainer .left,.budget .gridContainer .right{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);padding:20px}@media(max-width:650px){.budget .gridContainer .left,.budget .gridContainer .right{padding:10px 5px}}.budget .gridContainer .left .title,.budget .gridContainer .right .title{color:#101113;color:var(--font-color);font-size:1rem;font-weight:600;margin-bottom:24px;margin-top:0;width:100%}.budget .gridContainer .left .optionsContainer{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.budget .gridContainer .left .optionsContainer .navigatePeriod{align-items:center;display:flex}.budget .gridContainer .left .optionsContainer .navigatePeriod .dropdown{position:relative}.budget .gridContainer .left .optionsContainer .navigatePeriod .dropdown.hidden{display:none}.budget .gridContainer .left .optionsContainer .navigatePeriod .dropdown .currentPeriod{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;margin-left:20px;position:relative;text-transform:capitalize}.budget .gridContainer .left .optionsContainer .navigatePeriod .dropdown .currentPeriod .icon{font-size:1rem;margin-left:3px}.budget .gridContainer .left .optionsContainer .navigatePeriod .dropdown .dropdownMenu{background-color:#fff;border:1px solid #eff0f2;border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);cursor:pointer;inset:1.4rem auto auto 0;min-width:10rem;overflow:hidden;padding:.5rem 0;position:absolute;text-align:left;text-transform:capitalize;z-index:1000}.budget .gridContainer .left .optionsContainer .navigatePeriod .dropdown .dropdownMenu .menuItem{color:#545965;font-weight:400;padding:.35rem 1.5rem;white-space:nowrap;width:100%}.budget .gridContainer .left .optionsContainer .navigatePeriod .dropdown .dropdownMenu .menuItem:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.budget .gridContainer .left .periodTitle{color:#101113;color:var(--font-color);font-size:1rem;font-weight:600;letter-spacing:.03em;line-height:30px;text-transform:uppercase}.budget .gridContainer .left .periodTitle.mobileOnly{display:none}@media(max-width:650px){.budget .gridContainer .left .periodTitle{display:none}.budget .gridContainer .left .periodTitle.mobileOnly{display:block;margin-bottom:1.25rem;text-align:center}}.budget .gridContainer .left .buttonGroup{align-items:center;display:flex}.budget .gridContainer .left .buttonGroup button{align-items:center;background-color:#fcfcfc;background-color:var(--white-semi);border:1px solid #c0c2c5;border:1px solid var(--border-color);box-sizing:border-box;color:#101113;color:var(--font-color);display:flex;font-size:.875rem;line-height:1.5;padding:.47rem .75rem;text-transform:capitalize;transition:all .15s;white-space:nowrap}.budget .gridContainer .left .buttonGroup button:hover{background:#199f1f;background:var(--color-income-hover);border:1px solid #199f1f;border:1px solid var(--color-income-hover);color:#fcfcfc;color:var(--white-semi)}.budget .gridContainer .left .buttonGroup button:active{background:#13961a;background:var(--color-income-active);border:1px solid #13961a;border:1px solid var(--color-income-active);color:#fcfcfc;color:var(--white-semi);transform:scale(.96)}.budget .gridContainer .left .buttonGroup button.active{background-color:#13961a;background-color:var(--color-income-active);border:1px solid #13961a;border:1px solid var(--color-income-active);color:#fcfcfc;color:var(--white-semi)}.budget .gridContainer .left .buttonGroup button .icon{font-size:1.3125rem;line-height:1}.budget .gridContainer .left .buttonGroup button:first-child{border-bottom-left-radius:.75rem;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:0}.budget .gridContainer .left .buttonGroup button:last-child{border-bottom-left-radius:0;border-bottom-right-radius:.75rem;border-top-left-radius:0;border-top-right-radius:.75rem}@media(max-width:1000px){.budget .gridContainer .right{order:-1}}.radialChart .chartWrapper{display:flex;justify-content:center;width:100%}@media(max-width:1100px){.radialChart .chartWrapper .chartContainer{max-width:400px}}.radialChart .chartWrapper .chartContainer .radialChart{font-family:inherit!important}.radialChart .lineBreak{background-color:#8495ab;border:0;color:#8495ab;height:1px;margin-bottom:1.5rem;opacity:.25}.radialChart .summaryItem{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.radialChart .summaryItem .title{font-size:.875rem!important;font-weight:600;margin:0!important;white-space:nowrap}.radialChart .summaryItem .amount{font-size:.875rem;font-weight:600}.radialChart .summaryItem .amount.remainingBalance{color:var(--color-income)}.radialChart .summaryItem .amount.remainingBalance.negative{color:var(--color-expense)}.radialChart .summaryItem .remainingBalance{font-weight:700}.budgetprogress{align-items:center;background-color:#f1f3f7;background-color:var(--bg-color);background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient);border:1px solid #c0c2c5;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:grid;grid-template-columns:180px 3fr 1fr;justify-content:space-between;margin-bottom:10px;padding:12px 10px;transition:background-color .4s cubic-bezier(.36,.66,.04,1);white-space:nowrap}.budgetprogress .row{box-sizing:border-box;justify-content:flex-end;width:100%}@media(max-width:650px){.budgetprogress{grid-template-columns:180px 1fr}}.budgetprogress:hover{background-color:#16b01e1a;background-color:var(--color-main-transparent-10);color:#0f7815;color:var(--color-main-active-row)}.budgetprogress:active{background-color:#16b01e33;background-color:var(--color-main-transparent-20)}.budgetprogress .categoryTitle{align-items:center;display:flex;overflow:hidden}@media(max-width:650px){.budgetprogress .categoryTitle{width:150px}}.budgetprogress .categoryTitle .emojiIconContainer{margin-right:.5rem}.budgetprogress .categoryTitle .categoryIconContainer{align-items:center;background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient);border-radius:10px;box-sizing:border-box;display:flex;height:28px;justify-content:center;margin-right:10px;padding:5px;width:28px}@media(max-width:650px){.budgetprogress .categoryTitle .categoryIconContainer{margin-right:5px}}.budgetprogress .categoryTitle .categoryIconContainer .icon{color:#fff;font-size:18px}.budgetprogress .categoryTitle .categoryName{flex:1 1;font-size:.875rem;font-weight:500}@media(max-width:650px){.budgetprogress .categoryTitle .categoryName{font-size:.875rem}}.budgetprogress .progress{background-color:#e3e3e7;border-radius:30px;box-sizing:border-box;display:flex;height:15px;overflow:hidden;padding:4px;position:relative;width:100%}.budgetprogress .progress .progressBar{background-color:#06f;background-color:var(--color-budget);background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient);border-radius:30px;height:7px;left:4px;position:absolute;top:50%;transform:translateY(-50%);transition:width .4s}.budgetprogress .progress .progressBar.negative{background-color:#ff423d;background-color:var(--color-expense)}.budgetprogress .progress .progressBar.nearLimit{background-color:#e5821d}.budgetprogress .progress .progressBar:before{background-color:#fff;border-radius:7px;content:"";height:4px;position:absolute;right:2px;top:50%;transform:translateY(-50%);width:4px}.budgetprogress .categoryAmount{box-sizing:border-box;justify-content:flex-end;min-width:120px}@media(max-width:650px){.budgetprogress .categoryAmount{align-items:center;display:flex;flex-direction:row-reverse;grid-column:span 2;justify-content:space-between;margin-top:5px}}.budgetprogress .categoryAmount .amount,.budgetprogress .categoryAmount .amountUsed{display:flex;font-size:.875rem;font-weight:500;justify-content:flex-end}@media(max-width:650px){.budgetprogress .categoryAmount .amount,.budgetprogress .categoryAmount .amountUsed{font-size:.875rem}}.budgetprogress .categoryAmount .amount .separator,.budgetprogress .categoryAmount .amountUsed .separator{box-sizing:border-box;margin:0 .3rem}.budgetprogress .categoryAmount .amount .amountLabel,.budgetprogress .categoryAmount .amountUsed .amountLabel{margin-left:5px}.budgetprogress .categoryAmount .amountUsed{box-sizing:border-box;color:#6b7280;font-size:.75rem;font-weight:400;margin-top:.2rem}@media(max-width:650px){.budgetprogress .categoryAmount .amountUsed{margin-left:33px}}.budgetprogress .categoryAmount .amountUsed .label{margin-left:5px}.budgetprogress .categoryAmount .amountUsed .totalBudget,.budgetprogress .categoryAmount .amountUsed .totalSpent{box-sizing:border-box;display:flex}.budgetprogress .categoryAmount .amountUsed .currency{margin-right:.2rem}.budgetprogress .categoryAmount .amountUsed .totalSpent{color:#101113;color:var(--font-color);font-weight:500}.budgetprogress .categoryAmount .amountUsed .totalSpent.negative{color:#ff423d!important;color:var(--color-expense)!important}.budgetprogress .categoryAmount .amountUsed .setUp.withActualAmount{color:#f56e6e}.budgetform{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.budgetform .formContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;padding:0 60px;position:relative}@media(max-width:1000px){.budgetform .formContainer{padding:0 30px}}.budgetform .formContainer .closeContainer{align-items:center;border-radius:10px;color:#545965;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;transition:all .15s}.budgetform .formContainer .closeContainer:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.budgetform .formContainer h1{color:#101113;color:var(--font-color);font-size:20px;font-weight:600;text-align:center}.budgetform .formContainer .amountField{position:relative}.budgetform .formContainer .amountField input{box-sizing:border-box;padding-left:20px!important}.budgetform .formContainer .amountField:before{content:"";content:var(--currency-var,"");left:5px;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.budgetform .formContainer .row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}@media(max-width:650px){.budgetform .formContainer .row{flex-direction:column-reverse}}.budgetform .formContainer .row .applyToAllMonths{align-items:center;display:flex}@media(max-width:650px){.budgetform .formContainer .row .applyToAllMonths{margin-top:10px}}.budgetform .formContainer .row .applyToAllMonths input{background-color:#e9ebf71a;border-radius:.35rem;box-sizing:border-box;color:#101113;color:var(--font-color);font-family:inherit;margin:10px 0;padding:.47rem .75rem;text-align:right}@media(max-width:650px){.budgetform .formContainer .row .applyToAllMonths input{margin:0 0 5px;max-width:150px;padding:6px 7px}}.budgetform .formContainer .row .applyToAllMonths .applyToAllMonthsButton{align-items:center;background-color:#f1f3f7;background-color:var(--bg-color);display:flex;font-size:.75rem;font-weight:400;margin-left:10px;transition:all .3s}.budgetform .formContainer .row .applyToAllMonths .applyToAllMonthsButton:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.budgetform .formContainer .row .applyToAllMonths .applyToAllMonthsButton:active{background-color:#d1d7e4;background-color:var(--bg-color-200)}.budgetform .formContainer .row .applyToAllMonths .applyToAllMonthsButton .icon{font-size:.75rem;margin-left:5px}.budgetform .formContainer .totalCounter{display:flex;font-weight:500}.budgetform .formContainer .totalCounter div{margin-right:1rem}.budgetform .formContainer form{display:grid}.budgetform .formContainer form .monthsGroupInput{grid-gap:0 20px;display:grid;grid-template-columns:1fr 1fr 1fr}@media(max-width:650px){.budgetform .formContainer form .monthsGroupInput{border-bottom:1px solid #d1d7e4;border-bottom:1px solid var(--bg-color-200);border-top:1px solid #d1d7e4;border-top:1px solid var(--bg-color-200);grid-template-columns:1fr;justify-items:end;max-height:50vh;overflow-y:scroll;padding-block:10px}.budgetform .formContainer form .monthsGroupInput input{max-width:180px}}.budgetform .formContainer form .formInput{display:flex;flex-direction:column}@media(max-width:650px){.budgetform .formContainer form .formInput{flex-direction:row}}.budgetform .formContainer form .formInput label{align-items:center;color:gray;display:flex;font-size:.75rem;text-transform:capitalize}@media(max-width:650px){.budgetform .formContainer form .formInput label{margin-right:10px}}.budgetform .formContainer form .formInput input,.budgetform .formContainer form .formInput select{background-color:#e9ebf71a;border-radius:.35rem;box-sizing:border-box;color:#101113;color:var(--font-color);font-family:inherit;margin:10px 0;padding:.47rem .75rem;text-align:right}@media(max-width:650px){.budgetform .formContainer form .formInput input,.budgetform .formContainer form .formInput select{margin:0 0 5px;padding:6px 7px}}.budgetform .formContainer form .notesInput{display:flex;flex-direction:column;margin-top:10px;width:100%}.budgetform .formContainer form .notesInput label{align-items:center;color:gray;display:flex;font-size:.75rem;text-transform:capitalize}@media(max-width:650px){.budgetform .formContainer form .notesInput label{margin-right:10px}}.budgetform .formContainer form .notesInput textarea{background-color:#e9ebf71a;border-radius:.35rem;box-sizing:border-box;color:#101113;color:var(--font-color);font-family:inherit;margin:10px 0;padding:.47rem .75rem}@media(max-width:650px){.budgetform .formContainer form .notesInput textarea{margin:5px 0;padding:8px 7px}}.budgetform .formContainer .buttonWrapper{margin:1em 0}@media(max-width:650px){.budgetform .formContainer .buttonWrapper{width:100%}}.budgetform .formContainer .buttonWrapper .buttonContainer{align-items:center;background-color:#06f;background-color:var(--color-budget);border:1px solid #0000;border-radius:.75rem;color:#fcfcfc;color:var(--white-semi);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .15s;white-space:nowrap}@media(max-width:650px){.budgetform .formContainer .buttonWrapper .buttonContainer{width:100%}}.budgetform .formContainer .buttonWrapper .buttonContainer:hover{background-color:#035de4;background-color:var(--color-budget-hover)}.budgetform .formContainer .buttonWrapper .buttonContainer:active{background-color:#0351c6;background-color:var(--color-budget-active)}.budgetform .formContainer .buttonWrapper .buttonContainer .icon{font-size:.875rem;margin-right:.2rem}.budgetform .formContainer .buttonWrapper .buttonContainer .icon,.budgetform .formContainer .buttonWrapper .buttonContainer .spinner{color:#fcfcfc;color:var(--white-semi);transition:all .3s}.subscription hr{background-color:#d4d4d4;border:none;color:#d4d4d4;height:1px;margin-bottom:1.5rem}.subscription .summary{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin-bottom:24px}@media(max-width:650px){.subscription .summary{grid-gap:10px;grid-template-columns:1fr;padding-inline:10px}}.subscription .subscriptionsList{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));margin-bottom:24px}@media(max-width:650px){.subscription .subscriptionsList{grid-gap:10px;grid-template-columns:1fr;padding-inline:10px}}.subscription .subscriptionsList .createNewContainer{align-items:center;animation:slide-up .15s;background-color:#fff;border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);cursor:pointer;display:flex;max-width:350px;padding:1rem;transition:all .15s}.subscription .subscriptionsList .createNewContainer .icon{color:#16b01e;color:var(--color-main);font-size:1rem;margin-right:10px}.subscription .subscriptionsList .createNewContainer span{color:#6b7280}.subscription .subscriptionsList .createNewContainer:hover{transform:scale(1.02)}.subscription .subscriptionsList .createNewContainer:hover .icon{background-color:#16b01e;background-color:var(--color-main);border-radius:50%;color:#fff}.subscription .subscriptionsList .createNewContainer:hover span{color:#16b01e;color:var(--color-main)}.subscription .subscriptionsList .createNewContainer:active{transform:scale(.98)}.subscription .subscriptionsList .upgradeMembership{align-items:center;animation:slide-up .15s;background-color:#fff;border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);cursor:not-allowed;display:flex;margin:0!important;max-width:350px;padding:1rem;transition:all .15s}.subscription .subscriptionsList .upgradeMembership .icon{color:#6b7280;font-size:1rem;margin-right:10px}.subscription .subscriptionsList .upgradeMembership span{color:#6b7280}.subscription .subscriptionsList .createNewSubscriptionWidget{animation:slide-up .15s;background-color:#fff;border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);max-width:350px}.subscription .subscriptionsList .createNewSubscriptionWidget input,.subscription .subscriptionsList .createNewSubscriptionWidget select,.subscription .subscriptionsList .createNewSubscriptionWidget textarea{background-color:#0000;border:none;border-bottom:1px solid #d3d3d3;padding:5px;width:100%}.subscription .subscriptionsList .createNewSubscriptionWidget .description,.subscription .subscriptionsList .createNewSubscriptionWidget select{border:1px solid #d3d3d3;border-radius:5px}.subscription .subscriptionsList .createNewSubscriptionWidget .top{padding:1.25rem}.subscription .subscriptionsList .createNewSubscriptionWidget .top .title{align-items:center;display:flex;margin-bottom:1rem}.subscription .subscriptionsList .createNewSubscriptionWidget .top .title .subscriptionIconContainer{margin-right:20px}.subscription .subscriptionsList .createNewSubscriptionWidget .top .title .subscriptionIconContainer .roundBackground{background-color:#efefef;border-radius:50%;height:48px;position:relative;width:48px}.subscription .subscriptionsList .createNewSubscriptionWidget .top .title .subscriptionIconContainer .roundBackground img{border-radius:50%;height:48px;object-fit:cover;width:48px}.subscription .subscriptionsList .createNewSubscriptionWidget .top .title .inputsTop{margin-right:20px}.subscription .subscriptionsList .createNewSubscriptionWidget .top .details{align-items:center;display:flex;flex-direction:column;justify-content:center}.subscription .subscriptionsList .createNewSubscriptionWidget .top .details input,.subscription .subscriptionsList .createNewSubscriptionWidget .top .details select,.subscription .subscriptionsList .createNewSubscriptionWidget .top .details textarea{width:90%}.subscription .subscriptionsList .createNewSubscriptionWidget .top .details input,.subscription .subscriptionsList .createNewSubscriptionWidget .top .details select:not(:last-child),.subscription .subscriptionsList .createNewSubscriptionWidget .top .details textarea{margin-bottom:.5rem}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom{align-items:center;border-top:1px solid #eff0f2;color:#101113;color:var(--font-color);display:flex;flex-direction:column;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1.25rem}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom .row{align-items:center;display:flex;font-size:.75rem;margin-bottom:.25rem;width:90%}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom .row label{margin-right:10px;white-space:nowrap}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom .subscriptionStartDate{align-items:center;display:flex}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom .note{font-size:.625rem;font-weight:300}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom .subscriptionAmount{align-items:center;display:flex;justify-content:center;width:100%}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom .subscriptionAmount input{width:85%}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom .subscriptionAmount span{transform:translateY(-15%)}.subscription .subscriptionsList .createNewSubscriptionWidget .bottom input,.subscription .subscriptionsList .createNewSubscriptionWidget .bottom select{width:90%}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons{display:flex;justify-content:center;padding-bottom:.5rem}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons button{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;transition:all .15s;width:3rem}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons button:hover{transform:scale(1.04)}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons button:active{transform:scale(.96)}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons .submitButton{background-color:#16b01e;background-color:var(--color-main);color:#fff;margin-right:.75rem}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons .submitButton:hover{background-color:#199f1f;background-color:var(--color-income-hover)}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons .submitButton:active{background-color:#13961a;background-color:var(--color-income-active)}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons .submitButton .spinner{color:#fff}.subscription .subscriptionsList .createNewSubscriptionWidget .buttons .cancelButton{color:gray}.subscriptionwidget{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);max-width:600px;position:relative}.subscriptionwidget input,.subscriptionwidget select,.subscriptionwidget textarea{background-color:#0000;border:none;border-bottom:1px solid #d3d3d3;box-sizing:border-box;padding:5px;width:100%}.subscriptionwidget .description,.subscriptionwidget select{border:1px solid #d3d3d3;border-radius:5px}.subscriptionwidget .top{padding:1.25rem}.subscriptionwidget .top .title{align-items:center;display:flex;margin-bottom:.5rem}.subscriptionwidget .top .title .subscriptionIconContainer{margin-right:20px}.subscriptionwidget .top .title .subscriptionIconContainer img{border-radius:50%;height:48px;object-fit:cover;width:48px}.subscriptionwidget .top .title .subscriptionName{color:#141b2b;font-size:1.25rem;font-weight:600;line-height:1.2}.subscriptionwidget .top .title .roundBackground{background-color:#efefef;border-radius:50%;height:48px;margin-right:20px;position:relative;width:48px}.subscriptionwidget .top .title .roundBackground img{border-radius:50%;height:48px;object-fit:cover;width:48px}.subscriptionwidget .top .title .inputsTop{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:80%}.subscriptionwidget .top .details .subscriptionDetails .subscriptionVendor{font-weight:500;margin-bottom:.5rem}.subscriptionwidget .top .details .subscriptionDetails .subscriptionNotes{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.subscriptionwidget .top .details .subscriptionDetails .row{align-items:center;box-sizing:border-box;display:flex;gap:10px}.subscriptionwidget .top .details .subscriptionDetails .subscriptionAccount{align-items:center;border-radius:5px;display:flex;font-size:.75rem;padding:5px}.subscriptionwidget .top .details .subscriptionDetails .subscriptionCategory{border:1px solid #d3d3d3;border-radius:.75rem;font-size:.75rem;padding:5px 10px}.subscriptionwidget .top .details .subscriptionDetails .description{margin:10px 0}.subscriptionwidget .bottom{border-top:1px solid #eff0f2;color:#101113;color:var(--font-color);display:flex;flex-direction:column;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem}.subscriptionwidget .bottom .currency{margin-right:.2rem}.subscriptionwidget .bottom .row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:.25rem;width:100%}.subscriptionwidget .bottom .row .right{align-items:end;display:flex}.subscriptionwidget .bottom .row .frequency{color:#6b7280;font-size:.75rem;font-weight:400}.subscriptionwidget .bottom .row .startDate{color:#6b7280;font-weight:400}.subscriptionwidget .bottom .row .startDate span{color:#101113;color:var(--font-color);margin-left:5px}.subscriptionwidget .bottom .row .totalCost{align-items:end;display:flex}.subscriptionwidget .bottom .row .totalCost .label{color:#6b7280;font-size:.75rem;font-weight:400;margin-left:5px}.subscriptionwidget .buttons{display:flex;justify-content:center;padding-bottom:.5rem}.subscriptionwidget .buttons button{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;transition:all .15s;width:3rem}.subscriptionwidget .buttons button:hover{transform:scale(1.04)}.subscriptionwidget .buttons button:active{transform:scale(.96)}.subscriptionwidget .buttons .submitButton{background-color:#16b01e;background-color:var(--color-main);color:#fff;margin-right:.75rem}.subscriptionwidget .buttons .submitButton:hover{background-color:#199f1f;background-color:var(--color-income-hover)}.subscriptionwidget .buttons .submitButton:active{background-color:#13961a;background-color:var(--color-income-active)}.subscriptionwidget .buttons .submitButton .spinner{color:#fff}.subscriptionwidget .buttons .cancelButton{color:gray}.subscriptionwidget .optionsContainer{align-items:center;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;padding:.2rem .375rem;position:absolute;right:.5rem;top:.5rem;transition:all .15s}.subscriptionwidget .optionsContainer .relativeContainer{position:relative}.subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions{animation:slide-up .15s;background-color:#fff;border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);box-sizing:border-box;display:none;font-size:.875rem;overflow:hidden;padding:.5rem 0;position:absolute;right:1rem;top:.875rem}.subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions.show{display:block}.subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions .item{align-items:center;display:flex;padding:.35rem 1.5rem}.subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions .item:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions .item .icon{font-size:.875rem}.subscriptionwidget .optionsContainer .relativeContainer .dropdownOptions .item span{margin-left:10px}.subscriptionwidget .optionsContainer:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.subscriptionwidget .optionsContainer:active{background-color:#d1d7e4;background-color:var(--bg-color-200)}.summarywidget{border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);cursor:pointer;position:relative;transition:transform .4s cubic-bezier(.36,.66,.04,1)}.summarywidget:hover{transform:scale(1.02)}.summarywidget:active{transform:scale(.98)}.summarywidget.active{transform:scale(1.02)}.summarywidget.active:after,.summarywidget.active:before{background:linear-gradient(121deg,#84d893,#65d26b);border-radius:inherit;content:"";inset:-2px;position:absolute;z-index:-1}.summarywidget.active:after{filter:blur(.3rem)}.summarywidget .summaryContainer{background:#fcfcfc;background:var(--white-semi);border-radius:inherit;padding:10px}.summarywidget .widgetTitle{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:1rem}.summarywidget .row{align-items:flex-end;display:flex}.summarywidget .row .amount{font-size:28px;font-weight:500;line-height:1;margin-right:5px}@media(max-width:1000px){.summarywidget .row .amount{font-size:22px}}.summarywidget .row .amount .currency{font-size:18px;font-weight:400;margin-right:.35rem}.income .gridContainer{grid-gap:24px;display:grid;grid-template-columns:9fr 3fr}@media(max-width:1200px){.income .gridContainer{grid-template-columns:1fr}}.income .gridContainer .leftContainer .currency{margin-right:.35rem}.income .gridContainer .bottomContent,.income .gridContainer .topContent{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);padding:20px;position:relative}.income .gridContainer .bottomContent .datatableTitle,.income .gridContainer .topContent .datatableTitle{align-items:center;color:#101113;color:var(--font-color);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:10px;width:100%}.income .gridContainer .buttonContainer{align-items:center;background-color:#16cb20;background-color:var(--color-income);border:1px solid #0000;border-radius:.75rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);color:#fcfcfc;color:var(--white-semi);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .3s;white-space:nowrap}@media(max-width:650px){.income .gridContainer .buttonContainer{display:none}}.income .gridContainer .buttonContainer:hover{background-color:#199f1f;background-color:var(--color-income-hover)}.income .gridContainer .buttonContainer:active{background-color:#13961a;background-color:var(--color-income-active)}.income .gridContainer .buttonContainer .icon{font-size:.875rem;margin-right:.2rem}.income .gridContainer .buttonContainer .icon,.income .gridContainer .buttonContainer .spinner{color:#fcfcfc;color:var(--white-semi);transition:all .3s}.income .gridContainer .topButtons{box-sizing:border-box;display:flex;gap:10px}@media(max-width:650px){.income .gridContainer .bottomContent{background-color:#f1f3f7;background-color:var(--bg-color);border-radius:0;padding:10px 0}}.income .gridContainer .bottomContent .exportButton{align-items:center;background-color:#f1f3f7;background-color:var(--bg-color);border:1px solid #d8dade;border-radius:10px;display:flex;font-weight:400;letter-spacing:.08em;padding:.47rem .75rem;transition:all .3s}.income .gridContainer .bottomContent .exportButton:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.income .gridContainer .bottomContent .exportButton:active{background-color:#d1d7e4;background-color:var(--bg-color-200)}.income .gridContainer .bottomContent .exportButton .icon{font-size:18px;margin-right:6px}.income .gridContainer .bottomContent .row{align-items:center;display:flex;justify-content:end}.income .gridContainer .bottomContent .row .datatableTotals{color:#101113;color:var(--font-color);display:flex;font-size:.875rem;font-weight:500;white-space:nowrap}.income .gridContainer .bottomContent .row .datatableTotals .description{margin:0}.income .gridContainer .bottomContent .row .datatableTotals .amountTotal{margin-left:10px}.income .gridContainer .bottomContent .datagridContainer{border-radius:10px;height:80vh;overflow:hidden;width:100%}@media(max-width:650px){.income .gridContainer .bottomContent .datagridContainer{display:none;height:80vh}}.income .gridContainer .bottomContent .datagridContainer .datagrid{border:none;color:#101113;color:var(--font-color);font-family:inherit!important}.income .gridContainer .bottomContent .datagridContainer .datagrid .MuiDataGrid-columnHeaderTitle{font-weight:600!important}.income .gridContainer .bottomContent .datagridContainer .datagrid .MuiDataGrid-cell:focus-within{outline:none!important}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellWithImg{align-items:center;display:flex}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellWithColor{align-items:center;border-radius:5px;display:flex;font-size:.75rem;font-weight:500;padding:5px}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellWithIcon{align-items:center;display:flex}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellWithIcon .emojiIconContainer{margin-right:.5rem}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellWithIcon .categoryIconContainer{align-items:center;background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient);border-radius:8px;display:flex;margin-right:.375rem;padding:5px}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellWithIcon .categoryIconContainer .icon{color:#fff;font-size:18px}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellAction{align-items:center;box-sizing:border-box;display:flex;gap:10px}@media(max-width:1200px){.income .gridContainer .bottomContent .datagridContainer .datagrid .cellAction{gap:.5rem}}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellAction .editButton{border:1px solid rgba(59,118,225,.596);border-radius:5px;color:#3b76e1;cursor:pointer;padding:2px 5px}.income .gridContainer .bottomContent .datagridContainer .datagrid .cellAction .deleteButton{border:1px solid #f56e6e99;border-radius:5px;color:#f56e6e;cursor:pointer;padding:2px 5px}.income .gridContainer .add-toggle{align-items:center;background-color:#16cb20;background-color:var(--color-income);border:none;border-radius:50%;bottom:5.5%;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);cursor:pointer;display:none;height:3.5rem;justify-content:center;left:50%;outline:none;position:absolute;transform:translateX(-50%);transition:all .15s;width:3.5rem;z-index:800}@media(display-mode:standalone)and (max-width:650px){.income .gridContainer .add-toggle{bottom:12.5%}}.income .gridContainer .add-toggle:hover{transform:translateX(-50%) scale(1.04)}.income .gridContainer .add-toggle:active{transform:translateX(-50%) scale(.96)}.income .gridContainer .add-toggle .icon{color:#fcfcfc;color:var(--white-semi);filter:drop-shadow(0 2px 1px rgba(0,0,0,.2));font-size:1.75rem}@media(max-width:650px){.income .gridContainer .add-toggle{bottom:12.5%;display:flex;position:fixed}}.income .gridContainer .confirmDelete{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.income .gridContainer .confirmDelete .confirmDeleteContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;padding:0 60px;position:relative}@media(max-width:650px){.income .gridContainer .confirmDelete .confirmDeleteContainer{padding:0 30px}}.income .gridContainer .confirmDelete .confirmDeleteContainer h1{color:#101113;color:var(--font-color);font-size:20px;font-weight:600;text-align:center}.income .gridContainer .confirmDelete .confirmDeleteContainer .row{align-items:center;box-sizing:border-box;display:flex;gap:1rem;margin-bottom:.67em}@media(max-width:650px){.income .gridContainer .confirmDelete .confirmDeleteContainer .row{display:grid;grid-template-columns:1fr;margin-bottom:1.25rem;width:100%}}.income .gridContainer .confirmDelete .confirmDeleteContainer .row Button{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;justify-content:center;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .15s;white-space:nowrap}@media(max-width:650px){.income .gridContainer .confirmDelete .confirmDeleteContainer .row{width:100%}}.income .gridContainer .confirmDelete .confirmDeleteContainer .row .deleteButton{background-color:#ff423d;background-color:var(--color-expense);color:#fcfcfc;color:var(--white-semi)}@media(max-width:650px){.income .gridContainer .confirmDelete .confirmDeleteContainer .row .deleteButton{order:-1}}.income .gridContainer .confirmDelete .confirmDeleteContainer .row .deleteButton:hover{background-color:#d73b36;background-color:var(--color-expense-hover)}.income .gridContainer .confirmDelete .confirmDeleteContainer .row .deleteButton:active{background-color:#ab332f;background-color:var(--color-expense-active)}.income .gridContainer .confirmDelete .confirmDeleteContainer .row .deleteButton .spinner{color:#fff}.income .gridContainer .rightContainer{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);padding:24px}@media(max-width:1200px){.income .gridContainer .rightContainer{order:-1}}@media(max-width:650px){.income .gridContainer .rightContainer{padding:10px}}.income .gridContainer .rightContainer .title{font-size:1rem;font-weight:600;margin-bottom:24px;margin-top:0;width:100%}.income .gridContainer .rightContainer .totals .totalSpent{align-items:center;color:#6b7280;display:flex;font-size:.875rem;margin-bottom:.25rem}.income .gridContainer .rightContainer .totals .totalSpent .period{position:relative}.income .gridContainer .rightContainer .totals .totalSpent .period .currentPeriod{align-items:center;cursor:pointer;display:flex;text-transform:capitalize}.income .gridContainer .rightContainer .totals .totalSpent .period span{margin-left:.75rem}.income .gridContainer .rightContainer .totals .amountTotals{font-size:1.75rem;font-weight:600}.income .gridContainer .rightContainer .totals .amountTotals .cent,.income .gridContainer .rightContainer .totals .amountTotals .currency{font-size:1.25rem;margin-right:.35rem}.income .gridContainer .rightContainer .lineBreak{background-color:#8495ab;border:0;color:#8495ab;height:1px;margin-bottom:1.5rem;opacity:.25}.income .gridContainer .rightContainer .row{align-items:center;margin-bottom:.5rem}.income .gridContainer .rightContainer .row .category{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.income .gridContainer .rightContainer .row .showCategoryToggle{display:none;margin-left:20px}@media(max-width:1200px){.income .gridContainer .rightContainer .row .showCategoryToggle{display:block}}.income .optionsContainer{animation:slide-up .15s;background-color:#fff;border:1px solid #c0c2c5;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);justify-content:space-between;left:-100px;padding:10px 5px;position:absolute;top:60px;z-index:100}.income .optionsContainer,.income .optionsContainer .navigatePeriod{align-items:center;display:flex}.income .optionsContainer .navigatePeriod .dropdown{align-items:center;color:#6b7280;cursor:pointer;display:none;font-size:.875rem;margin-left:20px;position:relative;text-transform:capitalize}.income .optionsContainer .navigatePeriod .dropdown.hidden{display:none}.income .optionsContainer .navigatePeriod .dropdown .icon{font-size:1rem;margin-left:3px}.income .optionsContainer .navigatePeriod .dropdown .dropdownMenu{animation:slide-up .15s;background-color:#fff;border:1px solid #eff0f2;border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);display:none;inset:1.4rem auto auto 0;min-width:10rem;overflow:hidden;padding:.5rem 0;position:absolute;text-align:left;z-index:1000}.income .optionsContainer .navigatePeriod .dropdown .dropdownMenu.show{display:block}.income .optionsContainer .navigatePeriod .dropdown .dropdownMenu .menuItem{color:#545965;font-weight:400;padding:.35rem 1.5rem;white-space:nowrap;width:100%}.income .optionsContainer .navigatePeriod .dropdown .dropdownMenu .menuItem:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.income .optionsContainer .periodTitle{color:#101113;color:var(--font-color);font-size:1rem;font-weight:600;line-height:30px;margin:0 20px;text-align:center;text-transform:uppercase}.income .optionsContainer .buttonGroup{align-items:center;display:flex}.income .optionsContainer .buttonGroup button{align-items:center;border:1px solid #13961a;border:1px solid var(--color-income-active);box-sizing:border-box;display:flex;font-size:.875rem;font-weight:400;line-height:1.5;padding:.47rem .75rem;text-transform:capitalize;transition:all .15s;white-space:nowrap}.income .optionsContainer .buttonGroup button .icon{font-size:1.3125rem;line-height:1}.income .optionsContainer .buttonGroup button:first-child{border-bottom-left-radius:.75rem;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:0}.income .optionsContainer .buttonGroup button:last-child{border-bottom-left-radius:0;border-bottom-right-radius:.75rem;border-top-left-radius:0;border-top-right-radius:.75rem}.income .newbadge{font-size:.5rem;position:absolute;right:calc(-100% - 10px);top:-5px}.categorytotals{height:auto;max-height:63vh;overflow-y:auto;transition:height .15s}@media(max-width:1200px){.categorytotals{height:0}.categorytotals.expanded{height:auto;max-height:63vh}}.categorytotals .emojiIconContainer{margin-right:.5rem}.categorytotals .categoryContainer{align-items:center;border:1px solid #c0c2c5;border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 10px;white-space:nowrap}.categorytotals .categoryContainer .categoryTitle{align-items:center;display:flex;overflow:hidden;width:180px}@media(max-width:650px){.categorytotals .categoryContainer .categoryTitle{width:150px}}.categorytotals .categoryContainer .categoryTitle .categoryIconContainer{align-items:center;background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient);border-radius:10px;display:flex;justify-content:center;margin-right:10px;padding:5px}@media(max-width:650px){.categorytotals .categoryContainer .categoryTitle .categoryIconContainer{margin-right:5px}}.categorytotals .categoryContainer .categoryTitle .categoryIconContainer .icon{color:#fff;font-size:18px}.categorytotals .categoryContainer .categoryTitle .categoryName{flex:1 1;font-size:.875rem;font-weight:500}@media(max-width:650px){.categorytotals .categoryContainer .categoryTitle .categoryName{font-size:.875rem}}.categorytotals .categoryContainer .categoryAmount{flex:1 1;justify-content:flex-end;min-width:80px}.categorytotals .categoryContainer .amount{display:flex;font-size:.875rem;font-weight:500;justify-content:flex-end}.categorytotals .categoryContainer .amount .currency{margin-right:.35rem}@media(max-width:650px){.categorytotals .categoryContainer .amount{font-size:.875rem}}.project .row{align-items:center;display:flex}.project .row h1{margin-bottom:0}.project .row .projectEditNameForm{align-items:center;display:flex}.project .row .projectEditNameForm input{border:1px solid #2d2d2d;border:var(--border-dark);border-radius:5px;font-size:20px;padding:3px 5px}.project .row .actions{display:flex;margin-left:10px}.project .row .actions button{align-items:center;background-color:#0000;color:#545965;display:flex;justify-content:center;padding:2px;transition:all .15s}.project .row .actions button:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.project .row .actions button:active{background-color:#d1d7e4;background-color:var(--bg-color-200)}.project .row .actions .submitButton{color:#ff423d;color:var(--color-expense)}.project .row .actions .submitButton:disabled{color:#c7c4c4}.project .gridContainer{grid-gap:24px;display:grid;grid-template-columns:9fr 3fr}@media(max-width:1200px){.project .gridContainer{grid-template-columns:1fr}}.project .gridContainer .rightContainer{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);margin-top:12px;padding:24px}@media(max-width:1200px){.project .gridContainer .rightContainer{order:-1}}@media(max-width:650px){.project .gridContainer .rightContainer{padding:10px}}.project .gridContainer .rightContainer .title{font-size:1rem;font-weight:600;margin-bottom:24px;margin-top:0;width:100%}.project .gridContainer .rightContainer .totals .totalSpent{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.project .gridContainer .rightContainer .totals .amountTotals{font-size:1.75rem;font-weight:600}.project .gridContainer .rightContainer .totals .amountTotals .cent,.project .gridContainer .rightContainer .totals .amountTotals .currency{font-size:1.25rem;margin-right:.35rem}.project .gridContainer .rightContainer .lineBreak{background-color:#8495ab;border:0;color:#8495ab;height:1px;margin-bottom:1.5rem;opacity:.25}.project .gridContainer .rightContainer .row{margin-bottom:.5rem}.project .gridContainer .rightContainer .row .category{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.project .gridContainer .rightContainer .row .showCategoryToggle{display:none;margin-left:20px}@media(max-width:1200px){.project .gridContainer .rightContainer .row .showCategoryToggle{display:block}}.confirmDelete{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;color:#040622;color:var(--color-primary);display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirmDelete .confirmDeleteContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;max-width:600px;padding:0 60px;position:relative}@media(max-width:650px){.confirmDelete .confirmDeleteContainer{max-width:80%;padding:0 30px}}.confirmDelete .confirmDeleteContainer h1{font-size:20px;font-weight:600;text-align:center}.confirmDelete .confirmDeleteContainer p{margin-bottom:2rem}.confirmDelete .confirmDeleteContainer .row{align-items:center;box-sizing:border-box;display:flex;gap:1rem;margin-bottom:1em}@media(max-width:650px){.confirmDelete .confirmDeleteContainer .row{display:grid;grid-template-columns:1fr;width:100%}}.confirmDelete .confirmDeleteContainer .row Button{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .15s;white-space:nowrap}@media(max-width:650px){.confirmDelete .confirmDeleteContainer .row Button{width:100%}}.confirmDelete .confirmDeleteContainer .row .deleteButton{background-color:#ff423d;background-color:var(--color-expense);color:#fcfcfc;color:var(--white-semi)}@media(max-width:650px){.confirmDelete .confirmDeleteContainer .row .deleteButton{order:-1}}.confirmDelete .confirmDeleteContainer .row .deleteButton:hover{background-color:#d73b36;background-color:var(--color-expense-hover)}.confirmDelete .confirmDeleteContainer .row .deleteButton:active{background-color:#ab332f;background-color:var(--color-expense-active)}.confirmDelete .confirmDeleteContainer .row .deleteButton .spinner{color:#fff}.accounts .row{align-items:center;display:flex;margin-bottom:.5rem}.accounts .overview{margin-bottom:24px}.accounts .actions{box-sizing:border-box;display:flex;gap:10px;margin-left:auto}.accounts .actions button{align-items:center;animation:fade-in .15s;display:flex}.accounts .actions button .icon{font-size:calc(1.25rem + 1px)}.accounts .accountsGroups .divider .groupName{font-size:.875rem;font-weight:500;padding-inline:10px}.accounts .accountsGroups .divider hr{background-color:#8495ab;border:0;color:#8495ab;height:1px;opacity:.25;width:100%}.accounts .accountsGroups .accountsList{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),250px));margin-bottom:24px}@media(max-width:650px){.accounts .accountsGroups .accountsList{grid-gap:10px;grid-template-columns:1fr;padding-inline:20px}}.accountslinecharts{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);padding:12px}@media(max-width:650px){.accountslinecharts{padding:5px}}.accountslinecharts .summary{display:flex;justify-content:flex-end}.accountslinecharts .summary .todaySummaryContainer{align-items:flex-end;border-radius:10px;display:flex;justify-content:center;padding:10px}.accountslinecharts .summary .todaySummaryContainer .label{color:#7f838b;font-size:.875rem;margin-right:10px}.accountslinecharts .summary .todaySummaryContainer .amountToday{font-size:1.3125rem;font-weight:500}.accountslinecharts .summary .todaySummaryContainer .amountToday .currency{font-size:1rem;margin-right:.35rem}.accountslinecharts .summary .todaySummaryContainer .amountToday .cent{font-size:1rem}.accountslinecharts .summary .todaySummaryContainer .amountToday .cent:before{content:"."}.accountslinecharts .chartContainer{flex:0 0 auto;height:300px;width:100%}@media(max-width:650px){.accountslinecharts .chartContainer{height:250px}}.accountslinecharts .periodOptions{box-sizing:border-box;display:flex;gap:10px;justify-content:center;margin-top:10px}.accountslinecharts .periodOptions button{background-color:#0000;color:gray;font-size:.75rem;transition:all .3s;width:50px}.accountslinecharts .periodOptions button:hover{background-color:#e6e7e7}.accountslinecharts .periodOptions button:active{background-color:#c9caca}.accountslinecharts .periodOptions button.active{background-color:#e6e7e7;color:#212529}.accountcard{border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);box-sizing:border-box;max-height:150px;position:relative;transition:transform .4s cubic-bezier(.36,.66,.04,1);width:100%}.accountcard:not(.disabled):hover{transform:scale(1.02)}.accountcard:not(.disabled):hover:active{transform:scale(.98)}.accountcard.active{transform:scale(1.02)}.accountcard.active:after,.accountcard.active:before{background:linear-gradient(121deg,#84d893,#65d26b);border-radius:inherit;content:"";inset:-2px;position:absolute;z-index:-1}.accountcard.active:after{filter:blur(.3rem)}.accountcard .topCard{background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient);border-top-left-radius:inherit;border-top-right-radius:inherit;color:#fcfcfc;color:var(--white-semi);padding:.5rem 1rem}.accountcard .topCard .accountName{font-weight:600;line-height:1.2}.accountcard .bottomCard{background-color:#fff;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#101113;color:var(--font-color);padding:1rem}.accountcard .accountBalance{font-size:28px;font-weight:500}.accountcard .accountBalance .currency{font-size:18px;font-weight:400;margin-right:.35rem;text-transform:uppercase}.accountcard .accountBalance .cent{font-size:18px}.accountcard .accountBalance .cent.negative{color:red}@media(max-width:650px){.accountcard .accountBalance .cent{font-size:.75rem}}.accountcard .accountActions{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:10px;box-sizing:border-box;display:flex;gap:.75rem;padding:5px;position:absolute;right:5px;top:.35rem}.accountcard .accountActions .actionContainer{align-items:center;background:#0000;border-radius:5px;color:#16cb20;color:var(--color-income);display:flex;justify-content:center;padding:5px;transition:all .15s}.accountcard .accountActions .actionContainer:hover{background-color:#ffffff26;background-color:var(--bg-color-dark-active)}.accountcard .accountActions .actionContainer:active{background-color:#bebcbc}.accountcard .accountActions .actionContainer .tooltip{align-items:center;display:flex}.accountcard .accountActions .actionContainer .icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6));font-size:22px}.confirmdeletemodal{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirmdeletemodal .confirmDeleteContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;max-width:500px;padding:0 60px;position:relative}@media(max-width:650px){.confirmdeletemodal .confirmDeleteContainer{padding:0 30px}}.confirmdeletemodal .confirmDeleteContainer h1{color:#101113;color:var(--font-color);font-size:20px;font-weight:600;text-align:center}.confirmdeletemodal .confirmDeleteContainer h3{color:#101113;color:var(--font-color)}.confirmdeletemodal .confirmDeleteContainer .row{align-items:center;box-sizing:border-box;display:flex;gap:1rem;margin-block:1em}@media(max-width:650px){.confirmdeletemodal .confirmDeleteContainer .row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;width:100%}}.confirmdeletemodal .confirmDeleteContainer .row Button{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .15s;white-space:nowrap}@media(max-width:650px){.confirmdeletemodal .confirmDeleteContainer .row Button{width:100%}}.confirmdeletemodal .confirmDeleteContainer .row .deleteButton{background-color:#ff423d;background-color:var(--color-expense);color:#fcfcfc;color:var(--white-semi)}@media(max-width:650px){.confirmdeletemodal .confirmDeleteContainer .row .deleteButton{order:-1}}.confirmdeletemodal .confirmDeleteContainer .row .deleteButton:hover{background-color:#d73b36;background-color:var(--color-expense-hover)}.confirmdeletemodal .confirmDeleteContainer .row .deleteButton:active{background-color:#ab332f;background-color:var(--color-expense-active)}.confirmdeletemodal .confirmDeleteContainer .row .deleteButton .spinner{color:#fff}.accounttransferform{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.accounttransferform .formContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;padding:0 60px;position:relative}@media(max-width:650px){.accounttransferform .formContainer{padding:0 30px}}.accounttransferform .formContainer .closeContainer{align-items:center;border-radius:10px;color:#545965;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;transition:all .15s}.accounttransferform .formContainer .closeContainer:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.accounttransferform .formContainer h1{color:#101113;color:var(--font-color);font-size:20px;font-weight:600;text-align:center}.accounttransferform .formContainer .errorMessage{color:red;font-size:.75rem;margin-bottom:.5rem}.accounttransferform .formContainer .formInput{display:flex;flex-direction:column;width:280px}.accounttransferform .formContainer .formInput label{align-items:center;color:gray;display:flex;font-size:.75rem;margin-bottom:.2rem}.accounttransferform .formContainer .formInput input,.accounttransferform .formContainer .formInput select{border-radius:.75rem;color:#101113;color:var(--font-color);font-family:inherit;margin:10px 0;padding:15px}@media(max-width:650px){.accounttransferform .formContainer .formInput input,.accounttransferform .formContainer .formInput select{border-radius:8px;padding:8px}}.accounttransferform .formContainer .formInput .amountField{position:relative}.accounttransferform .formContainer .formInput .amountField input{box-sizing:border-box;padding-left:25px;text-align:right;width:100%}.accounttransferform .formContainer .formInput .amountField:before{content:"";content:var(--currency-var,"");left:10px;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.accounttransferform .formContainer .submitRow{align-items:center;box-sizing:border-box;display:flex;gap:1rem;justify-content:center;margin-block:.67em}@media(max-width:650px){.accounttransferform .formContainer .submitRow{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;width:100%}}.accounttransferform .formContainer .submitRow button{margin:.67em 0}@media(max-width:650px){.accounttransferform .formContainer .submitRow button{margin:.5rem 0}.accounttransferform .formContainer .submitRow .submitButton{order:-1}.accounttransferform .formContainer .submitRow .btn-cancel{width:100%}}.accounttransferform .formContainer .transferFrom{color:gray;font-size:.875rem;font-weight:500;padding:10px}.tooltip{display:inline-block;position:relative}.tooltip .tooltipText{background-color:#000c;border-radius:4px;color:#fff;font-size:.75rem;padding:5px;position:absolute;right:0;top:calc(-100% - 10px);transform:translateX(25%);z-index:1}.accountform{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.accountform .formContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;padding:0 60px;position:relative}@media(max-width:650px){.accountform .formContainer{padding:0 30px}}.accountform .formContainer .closeContainer{align-items:center;border-radius:10px;color:#545965;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;transition:all .15s}.accountform .formContainer .closeContainer:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.accountform .formContainer h1{color:#101113;color:var(--font-color);font-size:20px;font-weight:500;text-align:center}.accountform .formContainer .errorMessage{color:red;font-size:.75rem;margin-bottom:.5rem}.accountform .formContainer .formInput{display:flex;flex-direction:column;width:280px}.accountform .formContainer .formInput label{align-items:center;color:gray;display:flex;font-size:.75rem;margin-bottom:.2rem}.accountform .formContainer .formInput input,.accountform .formContainer .formInput select{border-radius:.75rem;color:#101113;color:var(--font-color);font-family:inherit;margin:10px 0;padding:15px}@media(max-width:650px){.accountform .formContainer .formInput input,.accountform .formContainer .formInput select{border-radius:8px;padding:8px}}.accountform .formContainer .formInput .amountField{position:relative}.accountform .formContainer .formInput .amountField input{box-sizing:border-box;padding-left:25px;text-align:right;width:100%}.accountform .formContainer .formInput .amountField:before{content:"";content:var(--currency-var,"");left:10px;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.accountform .formContainer .submitRow{display:flex;justify-content:center;margin-block:1rem;width:100%}@media(max-width:650px){.accountform .formContainer .submitRow button{width:100%}}.colorpicker{grid-gap:5px;align-items:center;box-sizing:border-box;display:grid;gap:5px;grid-template-columns:repeat(auto-fit,minmax(min(24px,100%),1fr))}.colorpicker .colorBox{border-radius:50%;box-sizing:border-box;cursor:pointer;height:24px;width:24px}.colorpicker .colorBox.active,.colorpicker .colorBox:hover{border:2px solid #000}.accountreconciliationform{align-items:center;background-color:rgba(0,0,0,.507);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.accountreconciliationform .formContainer{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 4px 0 #00000024,0 3px 3px -2px #0000001f,0 1px 8px 0 #0003;box-shadow:var(--box-shadow-dark);display:flex;flex-direction:column;max-width:500px;padding:0 60px;position:relative}@media(max-width:650px){.accountreconciliationform .formContainer{padding:0 30px}}.accountreconciliationform .formContainer .closeContainer{align-items:center;border-radius:10px;color:#545965;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;transition:all .15s}.accountreconciliationform .formContainer .closeContainer:hover{background-color:#e1e5ee;background-color:var(--bg-color-100)}.accountreconciliationform .formContainer h1{color:#101113;color:var(--font-color);font-size:20px;font-weight:600;text-align:center}.accountreconciliationform .formContainer .errorMessage{color:red;font-size:.75rem;margin-bottom:.5rem}.accountreconciliationform .formContainer .formInput{display:flex;flex-direction:column;width:280px}.accountreconciliationform .formContainer .formInput label{align-items:center;color:gray;display:flex;font-size:.75rem;margin-bottom:.2rem}.accountreconciliationform .formContainer .formInput input,.accountreconciliationform .formContainer .formInput select{border-radius:.75rem;color:#101113;color:var(--font-color);font-family:inherit;margin:10px 0;padding:15px}@media(max-width:650px){.accountreconciliationform .formContainer .formInput input,.accountreconciliationform .formContainer .formInput select{border-radius:8px;padding:8px}}.accountreconciliationform .formContainer .formInput textarea{border-radius:.35rem;box-sizing:border-box;color:#101113;color:var(--font-color);font-family:inherit;margin:10px 0;padding:10px 7px}@media(max-width:650px){.accountreconciliationform .formContainer .formInput textarea{margin:5px 0;padding:8px 7px}}.accountreconciliationform .formContainer .formInput .amountField{position:relative}.accountreconciliationform .formContainer .formInput .amountField input{box-sizing:border-box;padding-left:25px;text-align:right;width:100%}.accountreconciliationform .formContainer .formInput .amountField:before{content:"";content:var(--currency-var,"");left:10px;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.accountreconciliationform .formContainer .submitRow{box-sizing:border-box;display:flex;gap:1rem;justify-content:center;margin-block:1rem;width:100%}.accountreconciliationform .formContainer .submitRow .submitButton{min-width:5rem}@media(max-width:650px){.accountreconciliationform .formContainer .submitRow{display:grid;grid-template-columns:1fr}.accountreconciliationform .formContainer .submitRow .submitButton{order:-1}}.errorfallback{align-items:center;background-color:#f6f9ff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.errorfallback .logoContainer{border-radius:10px;height:50px;margin-block:1rem;overflow:hidden;width:50px}.errorfallback .logoContainer .logoImage{display:flex;object-fit:cover;width:100%}.errorfallback h1{color:#4154f1;font-size:100px;font-weight:600;margin:0}.errorfallback h2{color:var(--font-color);font-size:21px;font-weight:500}.errorfallback button{background-color:#3b76e1;border:none;border-radius:.75rem;color:#fff;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .3s;vertical-align:middle}.errorfallback button:hover{background-color:#366acb}.errorfallback button:active{background-color:#2e5db5}.pftools .pfToolsList{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));margin-bottom:24px}@media(max-width:650px){.pftools .pfToolsList{grid-gap:10px;grid-template-columns:1fr;padding-inline:10px}}.pftools .pfToolsList .card{max-width:450px;overflow:hidden;padding:0}.pftools .pfToolsList .pfToolsItem .top{padding:1rem 1.25rem 0}.pftools .pfToolsList .pfToolsItem .top .title{font-size:1.15rem;font-weight:600;line-height:1.2}.pftools .pfToolsList .pfToolsItem .bottom{padding:1rem 1.25rem}.pftools .pfToolsList .pfToolsItem .bottom .description{line-height:1.5}:root{--bg-color:#f1f3f7;--bg-color-100:#e1e5ee;--bg-color-200:#d1d7e4;--bg-color-dark-solid:#141414;--bg-color-black:#181818;--bg-gradient-black:linear-gradient(180deg,#a0a0a026,#fff0);--bg-color-dark:#ffffff14;--bg-color-dark-active:#ffffff26;--color-primary:#040622;--color-main:#16b01e;--color-main-transparent-10:#16b01e1a;--color-main-transparent-20:#16b01e33;--color-secondary-dark:#a8a8ab;--white-semi:#fcfcfc;--white-dark:#c8c9d6;--box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-gradient:linear-gradient(180deg,#ffffff40,#fff0);--bs-gradient-10:linear-gradient(180deg,#ffffff0d,#fff0);--bs-gradient-5:linear-gradient(180deg,hsla(0,0%,100%,.025),#fff0);--bg-gradient:linear-gradient(180deg,#040622,#191b3b,#2e326e);--bg-gradient-gradial:radial-gradient(#070b3d,#191b3b,#2e326e);--box-shadow-dark:0px 3px 4px 0px #00000024,0px 3px 3px -2px #0000001f,0px 1px 8px 0px #0003;--border-color:#c0c2c5;--border-dark:1px solid #2d2d2d;--sidebar-width-toggled:90px;--font-color:#101113;--font-color-light:#606162;--color-expense:#ff423d;--color-expense-hover:#d73b36;--color-expense-active:#ab332f;--color-income:#16cb20;--color-income-hover:#199f1f;--color-income-active:#13961a;--color-main-active-row:#0f7815;--color-budget:#06f;--color-budget-hover:#035de4;--color-budget-active:#0351c6;--thead-bg-color-dark:#2d2d2d;--margin-gap-smallScreen:1.25rem}input,select{-webkit-appearance:none;background-color:#0000}html{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-width:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#f1f3f7;background:var(--bg-color);border-radius:100vw}::-webkit-scrollbar-thumb{background:#e1e5ee;background:var(--bg-color-100);border-radius:100vw}@supports(scrollbar-color:var(--bg-color ) var(--bg-color-100 )){*{scrollbar-color:#f1f3f7 #e1e5ee;scrollbar-color:var(--bg-color) var(--bg-color-100);scrollbar-width:thin}}@keyframes slide-up{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translateX(-20%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left{0%{opacity:0;transform:translateX(20%)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0;scale:0}to{opacity:100%;scale:1}}body{-webkit-font-smoothing:antialiased;background-color:#f1f3f7;background-color:var(--bg-color);color:#101113;color:var(--font-color);font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-weight:400;margin:0}button{border:none;border-radius:.75rem;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.5;padding:.47rem .75rem;text-align:center;transition:all .15s;vertical-align:middle}.btn-primary{background-color:#16b01e;background-color:var(--color-main);border:1px solid #16b01e;border:1px solid var(--color-main);box-sizing:border-box;color:#fcfcfc;color:var(--white-semi)}.btn-primary:hover{background-color:#199f1f;background-color:var(--color-income-hover);border-color:#199f1f;border-color:var(--color-income-hover)}.btn-primary:active{background-color:#13961a;background-color:var(--color-income-active)}.btn-primary.active{background-color:#16b01e;background-color:var(--color-main)}.btn-primary.inactive{background-color:#fcfcfc;background-color:var(--white-semi);color:#13961a;color:var(--color-income-active)}.btn-primary.inactive:hover{background-color:#199f1f;background-color:var(--color-income-hover);border-color:#199f1f;border-color:var(--color-income-hover);color:#fcfcfc;color:var(--white-semi)}.btn-cancel{--tw-ring-offset-shadow:inset 0 0 0 0px #fff;--tw-ring-shadow:inset 0 0 0 1px #d1d5db;--tw-shadow:0 1px 2px 0 #0000000d;background-color:#0000;border:1px solid #c0c2c5;border:1px solid var(--border-color)}.btn-cancel:hover{background-color:#f9fafb}.btn-cancel:active{background-color:#ecedee}.expandToggleBtn{background-color:#fcfcfc;background-color:var(--white-semi);border:1px solid #c0c2c5;border:1px solid var(--border-color);color:#606162;color:var(--font-color-light);transition:all .3s}.expandToggleBtn.hidden{display:none}.expandToggleBtn:hover{background-color:#f9f8f6;border:1px solid #0f7815;border:1px solid var(--color-main-active-row);color:#0f7815;color:var(--color-main-active-row)}.expandToggleBtn:active{background-color:#efeeeb}input,select,textarea{font-family:inherit;font-size:.875rem}@media(max-width:650px){input,select,textarea{font-size:1rem}}.lightBorder{border:1px solid #c0c2c5;border:1px solid var(--border-color)}a{color:inherit;text-decoration:none}.formContainer{-ms-overflow-style:none;max-height:95vh;overflow-y:scroll;scrollbar-width:none}.formContainer::-webkit-scrollbar{display:none}.card{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);font-size:.875rem;padding:1.25rem}@media(max-width:650px){.card{padding:10px}}.row{display:flex}.overflowHidden{overflow:hidden}.mainContent{margin-left:255px;padding:10px 20px;transition:all .15s}.mainContent .content{margin-inline:auto;max-width:2000px}@media(max-width:650px){.mainContent{padding:10px 5px 89px}}@media(display-mode:standalone)and (max-width:650px){.mainContent{padding-bottom:89px}}.mainContent .pageTitle{color:#212529;font-size:20px;font-weight:600;letter-spacing:-.01em;margin-top:0}@media(max-width:650px){.mainContent .pageTitle{margin-left:10px}}footer{box-sizing:border-box;color:#c8c9d6;color:var(--white-dark);font-size:.75rem;padding:30px 20px;text-align:center}footer a{text-decoration:underline}.accounttransfers .row{align-items:center}.accounttransfers .row h1{margin-bottom:0}.accounttransfers .bottomContent{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);margin-top:12px;padding:20px;position:relative}@media(max-width:650px){.accounttransfers .bottomContent{background-color:#f1f3f7;background-color:var(--bg-color);border-radius:0;padding:10px 0}}.accounttransfers .bottomContent .datatableTitle{align-items:center;color:#101113;color:var(--font-color);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:10px;width:100%}.accounttransfers .bottomContent .topButtons{box-sizing:border-box;display:flex;gap:10px}.accounttransfers .bottomContent .topButtons .add{align-items:center;display:flex}.accounttransfers .bottomContent .topButtons .add .icon{font-size:.875rem;margin-right:.2rem}.accounttransfers .bottomContent .datagridContainer{border-radius:10px;height:80vh;overflow:hidden;width:100%}@media(max-width:650px){.accounttransfers .bottomContent .datagridContainer{display:none;height:80vh}}.accounttransfers .bottomContent .datagridContainer .datagrid{border:none;color:#101113;font-family:inherit!important}.accounttransfers .bottomContent .datagridContainer .datagrid .MuiDataGrid-columnHeaderTitle{font-weight:600!important}.accounttransfers .bottomContent .datagridContainer .datagrid .MuiDataGrid-cell:focus-within{outline:none!important}.accounttransfers .bottomContent .datagridContainer .datagrid .cellWithImg{align-items:center;display:flex}.accounttransfers .bottomContent .datagridContainer .datagrid .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.accounttransfers .bottomContent .datagridContainer .datagrid .cellWithColor{align-items:center;border-radius:5px;display:flex;font-size:.75rem;font-weight:500;padding:5px}.accounttransfers .bottomContent .datagridContainer .datagrid .cellWithIcon{align-items:center;display:flex}.accounttransfers .bottomContent .datagridContainer .datagrid .cellWithIcon .categoryIconContainer{align-items:center;background-image:linear-gradient(180deg,#ffffff40,#fff0);background-image:var(--bs-gradient);border-radius:8px;display:flex;margin-right:.375rem;padding:5px}.accounttransfers .bottomContent .datagridContainer .datagrid .cellWithIcon .categoryIconContainer .icon{color:#fff;font-size:18px}.accounttransfers .bottomContent .datagridContainer .datagrid .cellAction{align-items:center;display:flex;gap:10px}@media(max-width:1200px){.accounttransfers .bottomContent .datagridContainer .datagrid .cellAction{gap:.5rem}}.accounttransfers .bottomContent .datagridContainer .datagrid .cellAction .editButton{border:1px solid rgba(59,118,225,.596);border-radius:5px;color:#3b76e1;cursor:pointer;padding:2px 5px}.accounttransfers .bottomContent .datagridContainer .datagrid .cellAction .deleteButton{border:1px solid #f56e6e99;border-radius:5px;color:#f56e6e;cursor:pointer;padding:2px 5px}.accounttransfers .bottomContent .datagridContainer .datagrid .descriptionCell .project{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500}.accounttransfers .bottomContent .datagridContainer .datagrid .descriptionCell .project .projectIcon{background-color:#b8b8b8;border-radius:50%;height:5px;margin-right:5px;width:5px}.accounttransfers .accounttransfermobile{list-style:none}.accounttransfers .accounttransfermobile .dateGroup{margin:12px 0}.accounttransfers .accounttransfermobile .dateGroup:not(:last-child){margin-bottom:1.5rem}.accounttransfers .accounttransfermobile .dateGroup .dateWrapper{display:flex;font-size:1rem;font-weight:500;justify-content:space-between;margin-bottom:.375rem}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard{background-color:#fcfcfc;background-color:var(--white-semi);border-radius:10px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);font-size:.75rem;padding:.875rem .5rem}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li{border-radius:8px;cursor:pointer;padding-block:10px;transition:background-color .15s}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li:not(:last-child){margin-bottom:1rem}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li .itemWrapper{align-items:center;display:flex;justify-content:space-between}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li .itemWrapper .left,.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li .itemWrapper .left .info{align-items:center;display:flex}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li .itemWrapper .left .info .title{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li .itemWrapper .left .info .details{color:#6b7280;margin-top:.3rem}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li .itemWrapper .left .info .account{border-radius:5px;display:inline-block;font-size:.75rem;font-weight:500;margin-inline:15px;margin-top:.3rem;padding:5px;text-align:center}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li .itemWrapper .left .info .transferIcon{align-items:center;display:flex}.accounttransfers .accounttransfermobile .dateGroup .dateGroupCard li .itemWrapper .right{display:flex;font-size:.875rem;font-weight:500}.accounttransfers .add-toggle{align-items:center;background-color:#16b01e;background-color:var(--color-main);border:none;border-radius:50%;bottom:5.5%;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:var(--box-shadow);cursor:pointer;display:none;height:3.5rem;justify-content:center;left:50%;outline:none;position:absolute;transform:translateX(-50%);transition:all .4s;width:3.5rem;z-index:800}@media(display-mode:standalone)and (max-width:650px){.accounttransfers .add-toggle{bottom:12.5%}}.accounttransfers .add-toggle:hover{transform:translateX(-50%) scale(1.04)}.accounttransfers .add-toggle:active{transform:translateX(-50%) scale(.96)}.accounttransfers .add-toggle .icon{color:#fcfcfc;color:var(--white-semi);filter:drop-shadow(0 2px 1px rgba(0,0,0,.2));font-size:1.75rem}@media(max-width:650px){.accounttransfers .add-toggle{bottom:12.5%;display:flex;position:fixed}}
/*# sourceMappingURL=main.5347e49d.css.map*/