.drawer-nav-button{align-items:center;background:transparent;border:none;display:flex;flex-direction:column;padding:10px 15px;transition:0s}@media screen and (min-width:768px){.drawer-nav-button{padding:10px}}.drawer-nav-button label{font-weight:700}.drawer-nav-button:hover{transition:all 0s}.drawer-nav-button:hover:nth-child(n+1){fill:#f25252;color:#f25252}.drawer-nav-button:hover:nth-child(n+2){fill:#1bf2a3;color:#1bf2a3}.drawer-nav-button:hover:nth-child(n+3){fill:#643df2;color:#643df2}._addExpense--btn,._addIncome--btn{fill:#fff;align-items:center;border:none;border-radius:5px;box-shadow:0 5px 50px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:flex;flex-direction:row;font-weight:700;margin-right:10px;padding:10px 15px}._addExpense--btn svg,._addIncome--btn svg{margin-right:7px}._addExpense--btn._addExpense--btn,._addIncome--btn._addExpense--btn{background:#643df2}._addExpense--btn._addIncome--btn,._addIncome--btn._addIncome--btn{background:#1bf2a3}._submit--btn{background:#405ad5;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:800;height:50px;transition:all .3s}._submit--btn svg{fill:#fff!important}._sign--btn{background:#e9e9e900;border:1px solid;border-radius:5px;color:red;display:block;font-weight:800;margin:auto;padding:15px 30px}.onOffButton{background:#2ee735;border:none;border-radius:999px;box-shadow:0 5px 7px rgba(0,0,0,.15);height:60px;overflow:hidden;padding:0 5px;transition:all .2s linear;width:100px}.onOffButton.on{background:#ff5b93}.onOffButton .inner{display:flex;justify-content:space-between;-webkit-transform:translateX(0);transform:translateX(0);transition:all .2s linear;width:150px}.onOffButton .inner.on{-webkit-transform:translateX(-60px);transform:translateX(-60px)}.onOffButton .inner ._inner_active{background:#4caf50;border-radius:999px;height:45px;width:45px}.onOffButton .inner ._inner_inactive{background:#e91e63;border-radius:999px;height:45px;width:45px}.default-drawer{background-color:#fff;border-radius:25px 25px 0 0;bottom:0;box-shadow:5px 0 23px rgba(0,0,0,.15);display:flex;flex-direction:column;height:100px;left:0;position:fixed;transition:all .2s;width:100%;z-index:9999}.default-drawer,.default-drawer.active{-webkit-transform:translateY(0);transform:translateY(0)}.default-drawer.active{height:400px}.default-drawer.active .hidden-settings{display:flex}.default-drawer.active .hidden-settings .setting-item{justify-content:center}@media screen and (min-width:768px){.default-drawer{border-radius:0 25px 25px 0;box-shadow:0 5px 23px rgba(0,0,0,.15);flex-direction:row;height:100%;top:0;-webkit-transform:translateX(-300px);transform:translateX(-300px);width:400px}.default-drawer.active{height:100%;-webkit-transform:translateX(0);transform:translateX(0)}.default-drawer.active nav{background:#fff;border-left:2px solid #efefef;border-radius:0}}.default-drawer .hidden-settings{align-items:flex-start;display:none;flex:1 1;flex-direction:column;justify-content:center;order:2;padding:0 20px}@media screen and (min-width:768px){.default-drawer .hidden-settings{display:flex;order:0}}.default-drawer .hidden-settings .setting-item{align-items:center;border-bottom:2px solid #efefef;display:flex;padding:25px 0;width:100%}.default-drawer .hidden-settings .setting-item:last-child{border-bottom:none}.default-drawer .hidden-settings .setting-item label{font-weight:700;margin-right:15px}.default-drawer .hidden-settings .setting-item .currency-select{cursor:pointer;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:150px}.default-drawer .hidden-settings .setting-item .currency-select .currency{align-items:center;background:orange;border-radius:999px;box-shadow:0 5px 7px rgba(0,0,0,.15);color:#fff9ef;display:flex;font-weight:700;height:60px;justify-content:center;width:100%}.default-drawer .hidden-settings .setting-item .currency-select .currency:hover{background:#eb9900}.default-drawer .hidden-settings .setting-item .currency-select .currency_list{display:flex;flex-direction:column;overflow:hidden;position:absolute;top:70px;transition:all .3s;width:100%}.default-drawer .hidden-settings .setting-item .currency-select .currency_list.toggleDown{-webkit-animation:toggleDown .3s linear forwards;animation:toggleDown .3s linear forwards}.default-drawer .hidden-settings .setting-item .currency-select .currency_list.toggleUp{-webkit-animation:toggleUp .3s linear forwards;animation:toggleUp .3s linear forwards}.default-drawer .hidden-settings .setting-item .currency-select .currency_list li{align-items:center;background:#08ff11;border-radius:10px;box-shadow:0 5px 7px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;height:45px;justify-content:center;margin-bottom:10px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.default-drawer .hidden-settings .setting-item .currency-select .currency_list li:hover{background:#06dd0e}.default-drawer nav{align-items:center;background-color:#fff;border-radius:25px 25px 0 0;display:flex;flex-direction:row;height:100px;justify-content:center;width:100%}@media screen and (min-width:768px){.default-drawer nav{border-radius:0 25px 25px 0;flex-direction:column;height:auto;width:100px}}@-webkit-keyframes toggleDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}@keyframes toggleDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}@-webkit-keyframes toggleUp{0%{max-height:300px;opacity:1}to{max-height:0;opacity:0}}@keyframes toggleUp{0%{max-height:300px;opacity:1}to{max-height:0;opacity:0}}.addExpenseItem,.addIncomeItem{display:flex;flex-direction:column;margin-bottom:15px}.addExpenseItem:last-child,.addIncomeItem:last-child{margin-bottom:0}.addExpenseItem label,.addIncomeItem label{font-size:16px;font-weight:600;margin-bottom:10px}.addExpenseItem .__inner,.addIncomeItem .__inner{border-bottom:2px solid #f3f3f3;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap}@media screen and (max-width:640px){.addExpenseItem .__inner,.addIncomeItem .__inner{flex-direction:column}}.addExpenseItem .__inner .expense-description,.addIncomeItem .__inner .expense-description{border:none;border-radius:0 10px 10px 0;flex:1 1;font-size:15px;padding:0 25px}@media screen and (max-width:640px){.addExpenseItem .__inner .expense-description,.addIncomeItem .__inner .expense-description{border-radius:0 0 10px 10px;flex:none;height:50px;text-align:center}}.addExpenseItem .__inner .expense-category-selector,.addIncomeItem .__inner .expense-category-selector{height:50px;position:relative;width:170px}@media screen and (max-width:640px){.addExpenseItem .__inner .expense-category-selector,.addIncomeItem .__inner .expense-category-selector{width:100%}}.addExpenseItem .__inner .expense-category-selector .selectedNsearch,.addIncomeItem .__inner .expense-category-selector .selectedNsearch{background:transparent;border:none;border-radius:10px 0 0 10px;color:#000;cursor:pointer;font-weight:800;height:100%;width:100%}@media screen and (max-width:768px){.addExpenseItem .__inner .expense-category-selector .selectedNsearch,.addIncomeItem .__inner .expense-category-selector .selectedNsearch{border-bottom:1px solid #e7e7e7;border-radius:0}}.addExpenseItem .__inner .expense-category-selector .selectedNsearch:hover,.addIncomeItem .__inner .expense-category-selector .selectedNsearch:hover{background:#f5f5f5}.addExpenseItem .__inner .expense-category-selector .selectedNsearch:after,.addIncomeItem .__inner .expense-category-selector .selectedNsearch:after{background:#e7e7e7;bottom:0;content:"";height:50%;margin:auto;position:absolute;right:0;top:0;width:1px}@media screen and (max-width:640px){.addExpenseItem .__inner .expense-category-selector .selectedNsearch:after,.addIncomeItem .__inner .expense-category-selector .selectedNsearch:after{display:none}}.addExpenseItem .expense-currency-selector,.addExpenseItem .expense-person-selector,.addExpenseItem .income-currency-selector,.addExpenseItem .income-source-selector,.addIncomeItem .expense-currency-selector,.addIncomeItem .expense-person-selector,.addIncomeItem .income-currency-selector,.addIncomeItem .income-source-selector{height:50px;position:relative;width:170px}@media screen and (max-width:640px){.addExpenseItem .expense-currency-selector,.addExpenseItem .expense-person-selector,.addExpenseItem .income-currency-selector,.addExpenseItem .income-source-selector,.addIncomeItem .expense-currency-selector,.addIncomeItem .expense-person-selector,.addIncomeItem .income-currency-selector,.addIncomeItem .income-source-selector{flex:none;width:100%}}.addExpenseItem .expense-currency-selector .expense-price,.addExpenseItem .expense-currency-selector .income-earning,.addExpenseItem .expense-person-selector .expense-price,.addExpenseItem .expense-person-selector .income-earning,.addExpenseItem .income-currency-selector .expense-price,.addExpenseItem .income-currency-selector .income-earning,.addExpenseItem .income-source-selector .expense-price,.addExpenseItem .income-source-selector .income-earning,.addIncomeItem .expense-currency-selector .expense-price,.addIncomeItem .expense-currency-selector .income-earning,.addIncomeItem .expense-person-selector .expense-price,.addIncomeItem .expense-person-selector .income-earning,.addIncomeItem .income-currency-selector .expense-price,.addIncomeItem .income-currency-selector .income-earning,.addIncomeItem .income-source-selector .expense-price,.addIncomeItem .income-source-selector .income-earning{border:none;border-radius:0 10px 10px 0;flex:1 1;font-size:15px;padding:0 15px}.addExpenseItem .expense-currency-selector .selectCurrency,.addExpenseItem .expense-currency-selector .selectPerson,.addExpenseItem .expense-currency-selector .selectSource,.addExpenseItem .expense-person-selector .selectCurrency,.addExpenseItem .expense-person-selector .selectPerson,.addExpenseItem .expense-person-selector .selectSource,.addExpenseItem .income-currency-selector .selectCurrency,.addExpenseItem .income-currency-selector .selectPerson,.addExpenseItem .income-currency-selector .selectSource,.addExpenseItem .income-source-selector .selectCurrency,.addExpenseItem .income-source-selector .selectPerson,.addExpenseItem .income-source-selector .selectSource,.addIncomeItem .expense-currency-selector .selectCurrency,.addIncomeItem .expense-currency-selector .selectPerson,.addIncomeItem .expense-currency-selector .selectSource,.addIncomeItem .expense-person-selector .selectCurrency,.addIncomeItem .expense-person-selector .selectPerson,.addIncomeItem .expense-person-selector .selectSource,.addIncomeItem .income-currency-selector .selectCurrency,.addIncomeItem .income-currency-selector .selectPerson,.addIncomeItem .income-currency-selector .selectSource,.addIncomeItem .income-source-selector .selectCurrency,.addIncomeItem .income-source-selector .selectPerson,.addIncomeItem .income-source-selector .selectSource{background:transparent;border:none;border-radius:10px 0 0 10px;color:#000;cursor:pointer;font-weight:800;height:100%;width:100%}@media screen and (max-width:768px){.addExpenseItem .expense-currency-selector .selectCurrency,.addExpenseItem .expense-currency-selector .selectPerson,.addExpenseItem .expense-currency-selector .selectSource,.addExpenseItem .expense-person-selector .selectCurrency,.addExpenseItem .expense-person-selector .selectPerson,.addExpenseItem .expense-person-selector .selectSource,.addExpenseItem .income-currency-selector .selectCurrency,.addExpenseItem .income-currency-selector .selectPerson,.addExpenseItem .income-currency-selector .selectSource,.addExpenseItem .income-source-selector .selectCurrency,.addExpenseItem .income-source-selector .selectPerson,.addExpenseItem .income-source-selector .selectSource,.addIncomeItem .expense-currency-selector .selectCurrency,.addIncomeItem .expense-currency-selector .selectPerson,.addIncomeItem .expense-currency-selector .selectSource,.addIncomeItem .expense-person-selector .selectCurrency,.addIncomeItem .expense-person-selector .selectPerson,.addIncomeItem .expense-person-selector .selectSource,.addIncomeItem .income-currency-selector .selectCurrency,.addIncomeItem .income-currency-selector .selectPerson,.addIncomeItem .income-currency-selector .selectSource,.addIncomeItem .income-source-selector .selectCurrency,.addIncomeItem .income-source-selector .selectPerson,.addIncomeItem .income-source-selector .selectSource{border-bottom:1px solid #e7e7e7;border-radius:0}}.addExpenseItem .expense-currency-selector .selectCurrency:hover,.addExpenseItem .expense-currency-selector .selectPerson:hover,.addExpenseItem .expense-currency-selector .selectSource:hover,.addExpenseItem .expense-person-selector .selectCurrency:hover,.addExpenseItem .expense-person-selector .selectPerson:hover,.addExpenseItem .expense-person-selector .selectSource:hover,.addExpenseItem .income-currency-selector .selectCurrency:hover,.addExpenseItem .income-currency-selector .selectPerson:hover,.addExpenseItem .income-currency-selector .selectSource:hover,.addExpenseItem .income-source-selector .selectCurrency:hover,.addExpenseItem .income-source-selector .selectPerson:hover,.addExpenseItem .income-source-selector .selectSource:hover,.addIncomeItem .expense-currency-selector .selectCurrency:hover,.addIncomeItem .expense-currency-selector .selectPerson:hover,.addIncomeItem .expense-currency-selector .selectSource:hover,.addIncomeItem .expense-person-selector .selectCurrency:hover,.addIncomeItem .expense-person-selector .selectPerson:hover,.addIncomeItem .expense-person-selector .selectSource:hover,.addIncomeItem .income-currency-selector .selectCurrency:hover,.addIncomeItem .income-currency-selector .selectPerson:hover,.addIncomeItem .income-currency-selector .selectSource:hover,.addIncomeItem .income-source-selector .selectCurrency:hover,.addIncomeItem .income-source-selector .selectPerson:hover,.addIncomeItem .income-source-selector .selectSource:hover{background:#f5f5f5}.addExpenseItem .expense-currency-selector .selectCurrency:after,.addExpenseItem .expense-currency-selector .selectPerson:after,.addExpenseItem .expense-currency-selector .selectSource:after,.addExpenseItem .expense-person-selector .selectCurrency:after,.addExpenseItem .expense-person-selector .selectPerson:after,.addExpenseItem .expense-person-selector .selectSource:after,.addExpenseItem .income-currency-selector .selectCurrency:after,.addExpenseItem .income-currency-selector .selectPerson:after,.addExpenseItem .income-currency-selector .selectSource:after,.addExpenseItem .income-source-selector .selectCurrency:after,.addExpenseItem .income-source-selector .selectPerson:after,.addExpenseItem .income-source-selector .selectSource:after,.addIncomeItem .expense-currency-selector .selectCurrency:after,.addIncomeItem .expense-currency-selector .selectPerson:after,.addIncomeItem .expense-currency-selector .selectSource:after,.addIncomeItem .expense-person-selector .selectCurrency:after,.addIncomeItem .expense-person-selector .selectPerson:after,.addIncomeItem .expense-person-selector .selectSource:after,.addIncomeItem .income-currency-selector .selectCurrency:after,.addIncomeItem .income-currency-selector .selectPerson:after,.addIncomeItem .income-currency-selector .selectSource:after,.addIncomeItem .income-source-selector .selectCurrency:after,.addIncomeItem .income-source-selector .selectPerson:after,.addIncomeItem .income-source-selector .selectSource:after{background:#e7e7e7;bottom:0;content:"";height:50%;margin:auto;position:absolute;right:0;top:0;width:1px}@media screen and (max-width:640px){.addExpenseItem .expense-currency-selector .selectCurrency:after,.addExpenseItem .expense-currency-selector .selectPerson:after,.addExpenseItem .expense-currency-selector .selectSource:after,.addExpenseItem .expense-person-selector .selectCurrency:after,.addExpenseItem .expense-person-selector .selectPerson:after,.addExpenseItem .expense-person-selector .selectSource:after,.addExpenseItem .income-currency-selector .selectCurrency:after,.addExpenseItem .income-currency-selector .selectPerson:after,.addExpenseItem .income-currency-selector .selectSource:after,.addExpenseItem .income-source-selector .selectCurrency:after,.addExpenseItem .income-source-selector .selectPerson:after,.addExpenseItem .income-source-selector .selectSource:after,.addIncomeItem .expense-currency-selector .selectCurrency:after,.addIncomeItem .expense-currency-selector .selectPerson:after,.addIncomeItem .expense-currency-selector .selectSource:after,.addIncomeItem .expense-person-selector .selectCurrency:after,.addIncomeItem .expense-person-selector .selectPerson:after,.addIncomeItem .expense-person-selector .selectSource:after,.addIncomeItem .income-currency-selector .selectCurrency:after,.addIncomeItem .income-currency-selector .selectPerson:after,.addIncomeItem .income-currency-selector .selectSource:after,.addIncomeItem .income-source-selector .selectCurrency:after,.addIncomeItem .income-source-selector .selectPerson:after,.addIncomeItem .income-source-selector .selectSource:after{display:none}}.category-list,.currency-list,.date-list,.person-list,.source-list{background:transparent;border-radius:10px;left:-50%;max-height:250px;opacity:0;overflow:hidden;padding:10px;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);transition:all .3s;width:100%;z-index:3}.category-list p,.currency-list p,.date-list p,.person-list p,.source-list p{font-size:14px;padding:10px}.category-list::-webkit-scrollbar,.currency-list::-webkit-scrollbar,.date-list::-webkit-scrollbar,.person-list::-webkit-scrollbar,.source-list::-webkit-scrollbar{width:4px}.category-list::-webkit-scrollbar-track,.currency-list::-webkit-scrollbar-track,.date-list::-webkit-scrollbar-track,.person-list::-webkit-scrollbar-track,.source-list::-webkit-scrollbar-track{background:transparent}.category-list::-webkit-scrollbar-thumb,.currency-list::-webkit-scrollbar-thumb,.date-list::-webkit-scrollbar-thumb,.person-list::-webkit-scrollbar-thumb,.source-list::-webkit-scrollbar-thumb{background-color:#ccc;border:0 #fff;border-radius:50px}.category-list.active,.currency-list.active,.date-list.active,.person-list.active,.source-list.active{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#eedef07a;box-shadow:0 0 2px 1px #0000002c;display:inline-grid;left:0;opacity:1;overflow-y:scroll;top:60px;-webkit-transform:scale(1);transform:scale(1);transition:all .3s;width:24vw}@media screen and (max-width:768px){.category-list.active,.currency-list.active,.date-list.active,.person-list.active,.source-list.active{width:100%}}@media screen and (min-width:768px)and (max-width:1024px){.category-list.active,.currency-list.active,.date-list.active,.person-list.active,.source-list.active{width:50vw}}.category-list input,.currency-list input,.date-list input,.person-list input,.source-list input{background:#fdedff;border:1px solid #48484817;border-radius:10px;height:45px;margin-bottom:10px;padding:0 15px;position:-webkit-sticky;position:sticky;top:0}.category-list button,.currency-list button,.date-list button,.person-list button,.source-list button{background:transparent;border:none;border-bottom:1px solid #0000000f;cursor:pointer;padding:14px;text-align:left}.category-list button:last-child,.currency-list button:last-child,.date-list button:last-child,.person-list button:last-child,.source-list button:last-child{border-bottom:0}.category-list button:hover,.currency-list button:hover,.date-list button:hover,.person-list button:hover,.source-list button:hover{background-color:#643df2;border-bottom:1px solid transparent;border-radius:10px;color:#fff}.date-list{left:0;margin:auto;max-height:200px;right:0}.date-list.active{padding:10px 0;width:100%!important}.date-list.active button{border:none;cursor:pointer;font-weight:600;height:auto;padding:9px}.date-list.active button:hover{background-color:#643df2}.date-list button:after{display:none}.selectPerson,.selectSource{border-bottom:0!important;border-radius:10px!important}.expense-price,.income-earning{border:transparent;border-radius:10px;flex:1 1;font-size:15px;padding:0 25px}@media screen and (max-width:640px){.expense-price,.income-earning{flex:none;height:50px;text-align:center}}.expense-person-selector,.income-source-selector{flex:1 1;height:50px;position:relative}.expense-person-selector button:after,.income-source-selector button:after{display:none}.person-list,.source-list{left:0;margin:auto;right:0}.person-list.active,.source-list.active{width:100%}.expense-date-selector{display:flex;flex:1 1}.expense-date-selector div:last-child button{border-bottom:none}.expense-date-selector div:last-child button:after{display:none}@media screen and (max-width:640px){.expense-date-selector{flex-direction:column}}.expense-date-selector ._day,.expense-date-selector ._month,.expense-date-selector ._year{flex:1 1;position:relative}.expense-date-selector button{background:transparent;border:none;font-weight:700;height:50px;position:relative;text-align:center;width:100%}@media screen and (max-width:640px){.expense-date-selector button{border-bottom:1px solid #e7e7e7}}.expense-date-selector button:hover{background:#f5f5f5;border-radius:7px}.expense-date-selector button:hover:after{display:none}.expense-date-selector button span{fill:#979797;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;position:absolute;right:15px;top:0}.expense-date-selector button:after{background:#e7e7e7;bottom:0;content:"";height:50%;margin:auto;position:absolute;right:0;top:0;width:1px}@media screen and (max-width:640px){.expense-date-selector button:after{display:none}}.note{border:none;border-radius:10px;flex:1 1;font-size:15px;font-weight:500;height:100px;padding:10px;resize:none;transition:all .3s}.note:focus{font-size:13px}.anError{border-color:#fff!important;box-shadow:0 0 6px -1px #0000004f,-3px 0 0 red,3px 0 0 red}.addPerson--modal{-webkit-animation:fadeInAndBigger .4s forwards;animation:fadeInAndBigger .4s forwards;background:#fff;border-radius:10px;bottom:0;box-shadow:0 5px 50px rgba(0,0,0,.397);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:0;margin:auto;max-width:85%;padding:100px 20px;position:fixed;right:0;top:0;z-index:10000}@media screen and (min-width:768px){.addPerson--modal{height:400px;left:100px;max-width:450px;padding:45px}}.addPerson--modal p{color:#f80b0b;font-size:15px;font-weight:600;margin-bottom:16px;text-align:center}.addPerson--modal h3{font-size:19px;font-weight:700;padding:0 0 15px;text-align:center}.addPerson--modal input{background:transparent;border:none;border-bottom:1px solid #ededed;font-size:15px;height:60px;margin-bottom:15px;padding:0 10px;text-align:center}.backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.notification--modal{-webkit-animation:fadeInAndBigger .4s forwards;animation:fadeInAndBigger .4s forwards;background:repeating-linear-gradient(60deg,#ff0b0b,#d70000 50%);border-radius:5px;bottom:25px;bottom:120px;box-shadow:0 0 4px 2px #00000021;color:#fff;display:flex;flex-direction:column;padding:15px;position:fixed;right:25px;width:calc(100% - 50px)}@media screen and (min-width:768px){.notification--modal{bottom:25px;width:330px}}.notification--modal.successful{background:repeating-linear-gradient(60deg,#0bff0b,#00d72f 50%)}.notification--modal.warning{background:repeating-linear-gradient(60deg,#ff920b,#d78100 50%)}.notification--modal label{font-size:17px;font-weight:800;padding:0 0 8px}.notification--modal p{font-size:15px}.transactionsModal{-webkit-animation:fadeInAndBigger .4s forwards;animation:fadeInAndBigger .4s forwards;background:#fff;border-radius:15px;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;position:fixed;right:0;top:0;width:650px;z-index:9999}@media screen and (max-width:1024px){.transactionsModal{width:calc(100% - 40px)}}.expenseForm{-webkit-animation:fadeInAndBigger .4s forwards;animation:fadeInAndBigger .4s forwards;flex:1 1 45%;flex-grow:0;margin-bottom:50px;padding:30px}@media screen and (max-width:768px){.expenseForm{margin-bottom:0;overflow-x:clip;padding:15px}}@media screen and (min-width:768px){.expenseForm{display:flex;justify-content:center;padding:0 10px 0 145px}}.expenseForm .tabs{display:flex;flex:1 1;flex-direction:column;padding:10px 0}@media screen and (min-width:768px){.expenseForm .tabs{-webkit-clip-path:inset(-35px -35px -35px -40px);clip-path:inset(-35px -35px -35px -40px)}}.expenseForm .tabs .tab-changer-top{display:flex;flex-direction:row;margin-bottom:25px}.expenseForm .tabs .tab-changer-bottom{border-bottom:1px solid #f7f7f7;display:flex;padding-bottom:10px}.expenseForm .tabs .tab-changer-bottom button{background:#00000008;border:none;border-radius:5px;color:#181818;cursor:pointer;font-size:13px;font-weight:700;margin-right:10px;padding:8px 10px}.expenseForm .tabs .tab-changer-bottom button:hover{background:#00000014}.expenseForm .tabs .tabs-container{display:flex;flex-direction:row;justify-content:space-between;transition:all .4s;width:200%}@media screen and (min-width:640px){.expenseForm .tabs .tabs-container{flex-flow:wrap}}@media screen and (max-width:768px){.expenseForm .tabs .tabs-container{-webkit-transform:translateX(0);transform:translateX(0);width:calc(200% + 50px)}}.expenseForm .tabs .tabs-container .tab{background:#fff;border-radius:15px;box-shadow:0 5px 50px rgba(0,0,0,.15);display:flex;flex-direction:column;padding:15px 25px;transition:all .4s;width:calc(50% - 36px)}.expenseForm .tabs .tabs-container .tab.shadow-none{box-shadow:none}@media screen and (max-width:768px){.expenseForm .tabs .tabs-container .tab{width:calc(50% - 25px)}}.expenseForm .tabs .tabs-container .tab.moving{-webkit-animation:fadeOutExpense .3s forwards;animation:fadeOutExpense .3s forwards}.expenseForm .tabs .tabs-container .tab.stand{-webkit-animation:fadeInExpense .3s forwards;animation:fadeInExpense .3s forwards}.expenseForm .tabs .tabs-container .tab .add-expense-form{padding:15px 0}@-webkit-keyframes fadeInExpense{0%{opacity:.5;-webkit-transform:scale(.92);transform:scale(.92)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInExpense{0%{opacity:.5;-webkit-transform:scale(.92);transform:scale(.92)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeOutExpense{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.5;-webkit-transform:scale(.92);transform:scale(.92)}}@keyframes fadeOutExpense{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.5;-webkit-transform:scale(.92);transform:scale(.92)}}.expenseSummary{-webkit-animation:fadeInAndBigger .4s forwards;animation:fadeInAndBigger .4s forwards;display:flex;flex:1 1;flex-direction:row;padding:0 20px}@media screen and (max-width:768px){.expenseSummary{display:flex;justify-content:center;padding:0 15px}}@media screen and (min-width:768px){.expenseSummary{display:flex;justify-content:center;padding:0 45px 0 0}}@media screen and (min-width:768px)and (max-width:1280px){.expenseSummary{padding:0 45px 0 145px!important}}.expenseSummary .summary-container{flex:1 1}.expenseSummary .summary-container h2{color:#ff8b00;padding:0 0 16px}.expenseSummary .summary-container .summary-top{display:flex;flex:1 1;flex-direction:row}.expenseSummary .summary-container .summary-top .budget-board{display:flex;justify-content:space-between;width:50%}@media screen and (max-width:1024px){.expenseSummary .summary-container .summary-top .budget-board{width:100%}}.expenseSummary .summary-container .summary-top .budget-board ._current-money,.expenseSummary .summary-container .summary-top .budget-board ._debt{color:red;display:flex;flex-direction:column;font-size:25px;font-weight:500;padding:15px}.expenseSummary .summary-container .summary-top .budget-board ._current-money span,.expenseSummary .summary-container .summary-top .budget-board ._debt span{color:red;font-size:12px;font-weight:400;padding:5px 0 0}.expenseSummary .summary-container .summary-top .budget-board ._current-money span.gain,.expenseSummary .summary-container .summary-top .budget-board ._debt span.gain{color:#00e900}.expenseSummary .summary-container .summary-top .budget-board ._current-money label,.expenseSummary .summary-container .summary-top .budget-board ._debt label{color:#000;font-size:16px;font-weight:500;padding:0 0 5px}.expenseSummary .summary-container .summary-top .budget-board ._current-money .price-row,.expenseSummary .summary-container .summary-top .budget-board ._debt .price-row{align-items:center;display:flex}.expenseSummary .summary-container .summary-top .budget-board ._current-money .price-row .increase,.expenseSummary .summary-container .summary-top .budget-board ._current-money .price-row .minus,.expenseSummary .summary-container .summary-top .budget-board ._debt .price-row .increase,.expenseSummary .summary-container .summary-top .budget-board ._debt .price-row .minus{-webkit-animation:toLeftwithFade .5s linear forwards;animation:toLeftwithFade .5s linear forwards;color:#00e900;font-size:16px;font-weight:500;margin-left:2px;padding:0}.expenseSummary .summary-container .summary-top .budget-board ._current-money .price-row .minus,.expenseSummary .summary-container .summary-top .budget-board ._debt .price-row .minus{color:#f25252!important}.expenseSummary .summary-container .summary-top .budget-board ._debt label{color:#000;font-size:16px;font-weight:500;padding:0 0 5px}.expenseSummary .summary-container .summary-top .budget-board ._current-money{background:#fff;border-radius:15px;box-shadow:0 5px 50px rgba(0,0,0,.15);color:#00e900;flex:1 1;margin-right:20px}.expenseSummary .summary-container .summary-top .budget-board ._debt{background:#fff;border-radius:15px;box-shadow:0 5px 50px rgba(0,0,0,.15);color:#ff3131;flex:1 1;margin-right:0}.expenseSummary .summary-container .summary-body{margin:38px 0}.expenseSummary .summary-container .summary-body .recent-transactions{background:#fff;border-radius:15px;box-shadow:0 5px 50px rgba(0,0,0,.15);padding-bottom:5px}.expenseSummary .summary-container .summary-body .recent-transactions label{align-items:center;display:flex;justify-content:space-between}.expenseSummary .summary-container .summary-body .recent-transactions label a{background:transparent;border:none;color:#cdcdcd;font-size:14px;font-weight:600;margin:0 40px}.expenseSummary .summary-container .summary-body .recent-transactions h3{padding:20px}.expenseSummary .summary-container .summary-body .recent-transactions ._list{margin:0 20px}.expenseSummary .summary-container .summary-body .recent-transactions ._list li{align-items:center;background:#fff;border-bottom:2px solid #f3f3f3;color:#181818;cursor:pointer;display:grid;font-weight:600;grid-template-columns:100px auto 100px 140px 170px;margin-bottom:10px;padding:7px 5px}@media screen and (max-width:768px){.expenseSummary .summary-container .summary-body .recent-transactions ._list li .item-spendingBy{display:none}}.expenseSummary .summary-container .summary-body .recent-transactions ._list li:last-child{border:none}.expenseSummary .summary-container .summary-body .recent-transactions ._list li:hover{background-color:#f8f8f8}@media screen and (max-width:768px){.expenseSummary .summary-container .summary-body .recent-transactions ._list li{grid-template-columns:auto 150px}}.expenseSummary .summary-container .summary-body .recent-transactions ._list li.expense--li .item-price div{background-color:#ff3131}.expenseSummary .summary-container .summary-body .recent-transactions ._list li.fund--li .item-price div{background-color:#00cd35}.expenseSummary .summary-container .summary-body .recent-transactions ._list li span{padding:4px 15px;text-align:center}.expenseSummary .summary-container .summary-body .recent-transactions ._list li span.item-date{font-size:14px}@media screen and (max-width:768px){.expenseSummary .summary-container .summary-body .recent-transactions ._list li span.item-date{display:none}}.expenseSummary .summary-container .summary-body .recent-transactions ._list li span.item-category,.expenseSummary .summary-container .summary-body .recent-transactions ._list li span.item-spendingBy{font-size:14px}@media screen and (max-width:768px){.expenseSummary .summary-container .summary-body .recent-transactions ._list li span.item-category{display:none}}.expenseSummary .summary-container .summary-body .recent-transactions ._list li span.item-name{color:#000;font-size:14px;font-weight:800;text-align:left}.expenseSummary .summary-container .summary-body .recent-transactions ._list li span.item-price{border-radius:5px;color:#fff;display:flex;font-size:16px;font-weight:800;justify-content:center;text-align:center}.expenseSummary .summary-container .summary-body .recent-transactions ._list li span.item-price div{background:#ff3131;border-radius:5px;display:inline-block;padding:5px 15px}.expenseSummary .summary-container .summary-body .spending-rates{background:#fff;border-radius:15px;box-shadow:0 5px 50px rgba(0,0,0,.15);display:flex;flex-direction:column;margin-bottom:40px;padding:20px;position:relative}.expenseSummary .summary-container .summary-body .spending-rates .chart-area{display:flex}@media screen and (max-width:1024px){.expenseSummary .summary-container .summary-body .spending-rates .chart-area{align-items:center;flex-direction:column}}.expenseSummary .summary-container .summary-body .spending-rates h3{padding:0 0 15px}.expenseSummary .summary-container .summary-body .spending-rates .chart-area ._chart{margin-right:25px;width:200px}.expenseSummary .summary-container .summary-body .spending-rates .chart-area ._chart svg path:first-child{stroke:#00cd35}.expenseSummary .summary-container .summary-body .spending-rates .chart-area ._chart svg path:nth-child(2){stroke:#f80a0a}.expenseSummary .summary-container .summary-body .spending-rates .chart-area ._chart svg path:nth-child(3){stroke:#1bf2a3}.expenseSummary .summary-container .summary-body .spending-rates .chart-area ._chart svg path:nth-child(4){stroke:#643df2}@media screen and (max-width:1024px){.expenseSummary .summary-container .summary-body .spending-rates .chart-area ._chart{margin-bottom:15px}}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area{display:flex;flex:1 1;flex-direction:column;justify-content:center}@media screen and (max-width:1024px){.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area{margin-bottom:10px}}@media screen and (max-width:768px){.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area *{margin-bottom:2px}}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info{align-items:center;display:flex;padding:10px 0}@media screen and (max-width:768px){.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info{flex-direction:column}}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info:last-child{border:none}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info:nth-child(1n) .colorBox{background-color:#00cd35}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info:nth-child(2n) .colorBox{background-color:#ff3131}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info:nth-child(3n) .colorBox{background-color:#1bf2a3}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info:nth-child(4n) .colorBox{background-color:#643df2}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info .colorBox{border-radius:999px;height:20px;margin-right:7px;width:20px}@media screen and (max-width:768px){.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info .colorBox{margin-right:0}}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info label{font-weight:600}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info .this-month{padding-left:15px!important}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info .daily-avg,.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info .this-month{font-size:16px;font-weight:600;padding:0 10px}.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info .daily-avg span,.expenseSummary .summary-container .summary-body .spending-rates .chart-area .chart-info-area .color-info .this-month span{color:#838383;font-size:15px;font-weight:500}@-webkit-keyframes toLeftwithFade{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toLeftwithFade{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.welcome{display:flex;justify-content:space-between;margin:25px 45px 10px 145px}@media screen and (max-width:768px){.welcome{display:none;margin:15px 15px 0}}.welcome div{border-radius:5px;font-size:14px;padding:10px 0}.welcome div.logout{background:#2c2c2c!important;padding:10px 15px}.welcome div.logout a{color:#fff;text-decoration:blink}.welcome a{color:#01cd36;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.transaction-item{border-radius:15px;box-shadow:0 5px 50px rgba(0,0,0,.41);display:flex;flex-direction:column;padding:20px}.transaction-item label{display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:15px}.transaction-item label button{fill:#415bd5;align-items:center;background:#c0cbff;border:none;border-radius:99px;display:flex;height:30px;justify-content:center;padding-right:3px;width:30px}.transaction-item ._top{border-bottom:1px solid #e9e9e9;display:flex;margin-bottom:5px;padding-bottom:10px}@media screen and (max-width:1024px){.transaction-item ._top{align-items:flex-start;flex-direction:column}}.transaction-item ._top div{margin-right:15px}.transaction-item div span{font-size:16px;font-weight:600;margin-left:5px}.transaction-item div{align-items:center;display:flex;font-size:15px}.transaction-item .desc,.transaction-item .name{padding:10px 0}.transaction-item .price{padding:5px 0}.transaction-item .price span{background:#f3f3f3;border-radius:5px;padding:5px 10px}.wrapper{display:flex;flex-direction:column}@media screen and (min-width:1280px){.wrapper{flex-direction:row}}@media screen and (max-width:640px){.wrapper{margin-bottom:100px}}.wrapper.vertical-center{align-items:center;height:100vh;justify-content:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdecff;font-family:Poppins,sans-serif;margin:0;transition:all .3s}body code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body *{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0;transition-timing-function:cubic-bezier(.65,.05,.36,1)}body li{list-style:none}body a{text-decoration:blink}body :focus{outline:none}body button{cursor:pointer}body * :disabled{cursor:no-drop;opacity:.1}body .app{overflow:hidden}body .hover-bounce{transition:all .4s}body .hover-bounce:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);transition:all .4s}@-webkit-keyframes fadeInAndBigger{0%{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInAndBigger{0%{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.fadeIn{-webkit-animation:fadeIn .4s;animation:fadeIn .4s}.fadeOut{-webkit-animation:fadeOut .4s;animation:fadeOut .4s}.fadeInAndScale{-webkit-animation:fadeInAndScale .4s;animation:fadeInAndScale .4s}.fadeInSlow{-webkit-animation:fadeInAndScale 1.1s;animation:fadeInAndScale 1.1s}.fadeInDelay{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.fadeOutAndScale{-webkit-animation:fadeOutAndScale .3s;animation:fadeOutAndScale .3s}.fadeInAndTranslate{-webkit-animation:fadeInAndTranslate .3s;animation:fadeInAndTranslate .3s}.fadeOutAndTranslate{-webkit-animation:fadeOutAndTranslate .3s;animation:fadeOutAndTranslate .3s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInAndTranslate{0%{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{opacity:1;-webkit-transform:translateY(15px);transform:translateY(15px)}}@keyframes fadeInAndTranslate{0%{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{opacity:1;-webkit-transform:translateY(15px);transform:translateY(15px)}}@-webkit-keyframes fadeOutAndTranslate{0%{opacity:1;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes fadeOutAndTranslate{0%{opacity:1;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:0;-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@-webkit-keyframes fadeInAndScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInAndScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeOutAndScale{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes fadeOutAndScale{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.spinner{fill:red;-webkit-animation:spinner .7s linear infinite;animation:spinner .7s linear infinite;width:56px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.transaction-wrapper{bottom:10px;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 100px);justify-content:flex-end;left:0;margin:auto;position:fixed;right:0;width:calc(100% - 40px);z-index:9999}@media screen and (min-width:1024px){.transaction-wrapper{width:calc(100% - 190px)}}.transaction-wrapper::-webkit-scrollbar{width:5px}.transaction-wrapper::-webkit-scrollbar-track{background:transparent;margin:15px}.transaction-wrapper::-webkit-scrollbar-thumb{background-color:#cf53df;border-radius:10px}.transaction-container{background:#fff;border-radius:15px;box-shadow:0 5px 50px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:auto;padding:20px}.transaction-container label{align-items:center;display:flex;margin-bottom:20px}.transaction-container label a{margin-right:10px}.transaction-container label svg{margin-top:5px}.transaction-container label h2{left:0;margin:auto;position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.transaction-container h2{margin-bottom:15px}.transaction-container .transaction-table{display:flex;flex:1 1;flex-direction:column}.transaction-container .transaction-table header{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-bottom:20px}@media screen and (min-width:1024px){.transaction-container .transaction-table header{flex-direction:row}}.transaction-container .transaction-table header .filters{display:flex}@media screen and (max-width:1024px){.transaction-container .transaction-table header .filters{margin-bottom:15px}}.transaction-container .transaction-table header .filters .filter{align-items:center;display:flex;margin-right:15px}@media screen and (max-width:768px){.transaction-container .transaction-table header .filters .filter label{display:none}}.transaction-container .transaction-table header .filters .filter label{font-size:15px;font-weight:500;margin:0 15px 0 0}.transaction-container .transaction-table header .filters .filter button{background:#fff;border:1px solid #ebebeb;border-radius:10px;font-weight:500;margin-right:10px;padding:8px}.transaction-container .transaction-table header .filters .filter button.active{background:#060606;color:#fff}.transaction-container .transaction-table header .search input{border:1px solid #ebebeb;border-radius:10px;height:35px;padding:0 10px;text-align:center;width:200px}.transaction-container .transaction-table footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:30px}@media screen and (max-width:768px){.transaction-container .transaction-table footer{flex-direction:column}}.transaction-container .transaction-table footer .item-counter{font-size:15px}.transaction-container .transaction-table footer .pagination{align-items:center;display:flex}@media screen and (max-width:768px){.transaction-container .transaction-table footer .pagination{margin-top:15px}}.transaction-container .transaction-table footer .pagination button{background:#f9f9f9;border:1px solid #e9e9e9;border-radius:999px;box-shadow:0 1px 8px rgba(0,0,0,.09);font-weight:500;margin:0 5px;padding:8px 14px}.transaction-container .transaction-table footer .pagination button.active{background:#ec88f9;border:1px solid #b846c7;color:#fff}.transaction-container .transaction-table footer .pagination label{font-size:15px;margin-bottom:0;margin-right:10px}.transaction-container .transaction-table .transactions{display:flex;flex:1 1;flex-direction:column}.transaction-container .transaction-table .transactions .labels{border:1px solid #ebebeb;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,.06);display:grid;flex:1 1;grid-template-columns:150px auto 150px 150px;margin-bottom:10px;width:100%}@media screen and (min-width:1280px){.transaction-container .transaction-table .transactions .labels{grid-template-columns:150px 200px auto 150px 150px 200px}}@media screen and (max-width:768px){.transaction-container .transaction-table .transactions .labels{grid-template-columns:150px auto}}.transaction-container .transaction-table .transactions .labels div{align-items:center;border-right:1px solid #ebebeb;display:flex;font-size:14px;font-weight:600;height:50px;justify-content:center;margin:-1px;padding:0 15px}.transaction-container .transaction-table .transactions .labels div.note-transactions{justify-content:flex-start}.transaction-container .transaction-table .transactions .lists{border:1px solid #ebebeb;border-bottom:none;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,.06);display:flex;flex:1 1;flex-direction:column}.transaction-container .transaction-table .transactions .lists .list{border-bottom:1px solid #ebebeb;cursor:pointer;display:grid;flex:1 1;grid-template-columns:150px auto 150px 150px}@media screen and (min-width:1280px){.transaction-container .transaction-table .transactions .lists .list{grid-template-columns:150px 200px auto 150px 150px 200px}}@media screen and (max-width:768px){.transaction-container .transaction-table .transactions .lists .list{grid-template-columns:150px auto}}.transaction-container .transaction-table .transactions .lists .list .expensePrice{color:red;font-weight:600}.transaction-container .transaction-table .transactions .lists .list .fundPrice{color:green;font-weight:600}.transaction-container .transaction-table .transactions .lists .list:nth-child(2n){background-color:#f8f8f8}.transaction-container .transaction-table .transactions .lists .list:last-child{border-radius:10px}.transaction-container .transaction-table .transactions .lists .list div{align-items:center;border-right:1px solid #ebebeb;display:flex;font-size:14px;height:45px;margin:-1px;padding:0 15px}.transaction-container .transaction-table .transactions .lists .list div.justify-center{justify-content:center}.transaction-container .dateSpan,.transaction-container .noteSpan{display:none!important}@media screen and (min-width:1280px){.transaction-container .dateSpan,.transaction-container .noteSpan{display:flex!important}}.transaction-container .categorySpan,.transaction-container .personSpan{display:none!important}@media screen and (min-width:768px){.transaction-container .categorySpan,.transaction-container .personSpan{display:flex!important}}.logout-box{align-items:center;display:flex;flex-direction:column}.logout-box h1{font-size:24px;font-weight:800;margin-bottom:10px}.logout-box p{font-weight:300;margin-bottom:15px;padding-bottom:15px}.sign-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 50px rgba(0,0,0,.15);height:400px;justify-content:center;padding:15px;width:400px}.sign-card,.sign-card form{display:flex;flex-direction:column}.sign-card form{align-items:end;align-items:center}.sign-card h1{padding:10px}.sign-card h1,.sign-card p{text-align:center;width:100%}.sign-card p{font-size:15px;font-weight:600;padding-bottom:22px}.sign-card .input-wrapper{border-bottom:3px solid #ebebeb;display:flex;flex-direction:column;height:60px;margin-bottom:20px;padding:5px 0;position:relative;width:300px}.sign-card .input-wrapper.clicked input{display:block;opacity:1}.sign-card .input-wrapper.clicked label{background:#fff;height:-moz-fit-content!important;height:-webkit-fit-content!important;height:fit-content!important;left:0!important;padding:0 10px!important;top:-8px!important;width:auto!important}.sign-card .input-wrapper label{cursor:pointer;font-size:14px;font-weight:600;height:100%;left:0;padding:20px 16px;position:absolute;top:0;transition:all .3s;width:100%;z-index:2}.sign-card .input-wrapper input{border:none;display:none;height:100%;opacity:0;padding:0 15px}.sign-card .finish-text{opacity:0}.sign-card .finish-text a{color:green;text-decoration:underline;text-decoration-thickness:2px}.sign-card .pageChange{font-size:14px;font-weight:600;margin:15px 0;padding:10px;text-align:center}.sign-card .pageChange a{color:#666}.sign-card .pageChange:hover a{color:#000}
/*# sourceMappingURL=main.f8c9e2dd.css.map*/