@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);.sidebar{height:100vh;width:20vw;box-shadow:0 0 25px 0 rgba(0,0,0,.16);position:fixed;left:0;z-index:99;background-color:#fff}@media (max-width:650px){.sidebar{width:100vw;height:10vh}}.sidebar .sidebar-inner{height:100%;width:100%;display:flex;flex-direction:column;position:relative;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#070707;flex:2 1}@media (max-width:650px){.sidebar .sidebar-inner{flex-direction:row;align-items:center;padding:0 10px}}.sidebar .sidebar-inner .logo{font-size:calc(.75rem + .75vw);font-weight:700;margin:40px 0;padding-left:50px}@media (max-width:900px){.sidebar .sidebar-inner .logo{padding-left:20px}}@media (max-width:650px){.sidebar .sidebar-inner .logo{padding-left:10px}}.sidebar .sidebar-inner .navigation{margin:40px 0;flex:3 1}.sidebar .sidebar-inner .navigation ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-direction:column}@media (max-width:650px){.sidebar .sidebar-inner .navigation ul{flex-direction:row}}@media (max-width:500px){.sidebar .sidebar-inner .navigation ul{justify-content:flex-end}}.sidebar .sidebar-inner .navigation ul a{text-decoration:none;color:#070707}.sidebar .sidebar-inner .navigation ul a .navigation-item,.sidebar .sidebar-inner .navigation ul a .navigation-item-active{font-size:calc(.75rem + .5vw);font-weight:600;padding:5px 0 5px 50px;border-left:5px solid transparent}@media (max-width:900px){.sidebar .sidebar-inner .navigation ul a .navigation-item,.sidebar .sidebar-inner .navigation ul a .navigation-item-active{padding-left:20px}}@media (max-width:650px){.sidebar .sidebar-inner .navigation ul a .navigation-item,.sidebar .sidebar-inner .navigation ul a .navigation-item-active{border:none;font-size:calc(.5rem + .5vw)}}@media (max-width:500px){.sidebar .sidebar-inner .navigation ul a .navigation-item,.sidebar .sidebar-inner .navigation ul a .navigation-item-active{padding:0 10px}}.sidebar .sidebar-inner .navigation ul a .navigation-item-active,.sidebar .sidebar-inner .navigation ul a .navigation-item-active-active{border-left-color:#070707}.sidebar .sidebar-inner .colors{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;padding:20px;align-items:center}@media (max-width:650px){.sidebar .sidebar-inner .colors{padding:0;height:7vh;width:20vw}}@media (max-width:500px){.sidebar .sidebar-inner .colors{display:none}}.sidebar .sidebar-inner .colors .color{height:30px;width:30px;border-radius:50%;margin:10px;cursor:pointer;transition:transform .2s ease-in-out}@media (max-width:650px){.sidebar .sidebar-inner .colors .color{height:15px;width:15px;margin:5px}}.sidebar .sidebar-inner .colors .color:hover{transform:scale(1.1)}.sidebar .sidebar-inner .colors .color.blue{background-color:#7ab9bd}.sidebar .sidebar-inner .colors .color.green{background-color:#7abd82}.sidebar .sidebar-inner .colors .color.brown{background-color:#bda17a}.sidebar .sidebar-inner .colors .color.red{background-color:#bd7a7a}.sidebar .sidebar-inner .colors .color.violet{background-color:#b87abd}.sidebar .sidebar-inner .colors .color.navy{background-color:#3a3f55}.main{height:100%;z-index:10}.main .inner-main{height:50%}@media (max-width:650px){.main .inner-main{margin-top:10vh}}.main .inner-main .outside-text{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1rem;font-weight:600;color:#fff;display:flex;justify-content:space-between;padding:40px 50px 0;height:20%}@media (max-width:650px){.main .inner-main .outside-text{height:10%;padding:20px;font-size:.75rem}}.main .inner-main .outside-text .clear-button{cursor:pointer;transition:transform .3s ease-in-out}.main .inner-main .outside-text .clear-button:hover{transform:scale(1.1)}.main .inner-main .container{height:80%;display:flex;flex-direction:column;justify-content:space-around}@media (max-width:500px){.main .inner-main .container{height:90%}}.main .inner-main .container .balance-block{display:flex;justify-content:center;flex-direction:column;align-items:center;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#fff;padding-top:10px}.main .inner-main .container .balance-block .balance-text{font-size:calc(1rem + .5vw);font-weight:500}@media (max-width:650px){.main .inner-main .container .balance-block .balance-text{font-size:calc(1rem + 1vw)}}.main .inner-main .container .balance-block .balance-value{font-size:calc(1rem + 3vw);font-weight:800}@media (max-width:450px){.main .inner-main .container .balance-block .balance-value{font-size:calc(1rem + 4vw)}}.main .inner-main .container .balance-block .status{font-size:calc(1rem + .5vw);font-weight:500}@media (max-width:650px){.main .inner-main .container .balance-block .status{font-size:calc(.5rem + 1vw)}}.main .inner-main .container .input-section{display:flex;justify-content:center}.main .inner-main .container .input-section form{display:flex;flex-direction:column;justify-content:center}.main .inner-main .container .input-section form .input-container{display:flex;justify-content:center;align-items:center}@media (max-width:900px){.main .inner-main .container .input-section form .input-container{flex-direction:column}}@media (max-width:650px){.main .inner-main .container .input-section form .input-container{padding-top:20px}}.main .inner-main .container .input-section form .input-container .row{display:flex;justify-content:center;align-items:center}.main .inner-main .container .input-section form .input-container .row input{border:none;border-bottom:2px solid #fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:400;font-size:.9rem;padding:5px;margin:0 10px;color:#fff;outline:none;cursor:pointer;background-color:transparent;width:160px}.main .inner-main .container .input-section form .input-container .row input::-webkit-input-placeholder{color:#fff}.main .inner-main .container .input-section form .input-container .row input:-ms-input-placeholder{color:#fff}.main .inner-main .container .input-section form .input-container .row input::-ms-input-placeholder{color:#fff}.main .inner-main .container .input-section form .input-container .row input::placeholder{color:#fff}.main .inner-main .container .input-section form .input-container .row input::-webkit-inner-spin-button,.main .inner-main .container .input-section form .input-container .row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.main .inner-main .container .input-section form .input-container .row input[type=number]{-moz-appearance:textfield}@media (max-width:900px){.main .inner-main .container .input-section form .input-container .row input{margin-bottom:20px}}@media (max-width:650px){.main .inner-main .container .input-section form .input-container .row input{font-size:.75rem}}@media (max-width:450px){.main .inner-main .container .input-section form .input-container .row input{width:130px}}.main .inner-main .container .input-section form .input-container .row select{border:none;border-bottom:2px solid #fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:400;font-size:.9rem;padding:5px;margin:0 10px;color:#fff;outline:none;background-color:transparent;cursor:pointer;width:160px}@media (max-width:650px){.main .inner-main .container .input-section form .input-container .row select{font-size:.75rem}}@media (max-width:450px){.main .inner-main .container .input-section form .input-container .row select{width:130px}}.main .inner-main .container .input-section form .input-container .row select option{color:#070707}.main .inner-main .container .input-section .btn-box{display:flex;justify-content:center;align-items:center}.main .inner-main .container .input-section .btn-box button{border:none;border-radius:20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1rem;font-weight:600;padding:10px;margin:20px 0;color:#fff;outline:none;text-align:center;cursor:pointer;background-color:transparent;transition:transform .3s ease-in-out}.main .inner-main .container .input-section .btn-box button:hover{transform:scale(1.1)}@media (max-width:900px){.main .inner-main .container .input-section .btn-box button{margin:10px 0}}.history{width:100%;min-height:50%;background-color:#fff;border-top-left-radius:50px;border-top-right-radius:50px;display:flex}@media (max-width:650px){.history{min-height:40vh;position:relative}}.history .history-box{width:50%}@media (max-width:500px){.history .history-box{width:100%;position:absolute;top:0;left:0}}.history .history-box .inner-history-box{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#070707;padding:30px 40px}@media (max-width:900px){.history .history-box .inner-history-box{padding:20px}}.history .history-box .inner-history-box .box-title{text-align:center;margin-bottom:30px}@media (max-width:500px){.history .history-box .inner-history-box .box-title{font-size:1.2rem}}.history .history-box .inner-history-box .box-show{display:none;justify-content:center;margin-bottom:30px}@media (max-width:500px){.history .history-box .inner-history-box .box-show{display:flex;font-size:.75rem}}.history .history-box .inner-history-box .box-flex{display:flex;flex-direction:column}.history .history-box .inner-history-box .box-flex .box-item{display:flex;border-radius:20px;align-items:center;padding:10px;margin:10px;cursor:pointer;transition:all .2s ease-in-out}.history .history-box .inner-history-box .box-flex .box-item:hover{background-color:#fdfdfd}.history .history-box .inner-history-box .box-flex .box-item .circle{height:20px;width:20px;border-radius:50%;background-color:#070707;opacity:0;margin-left:20px;transition:all .2s ease-in-out}@media (max-width:900px){.history .history-box .inner-history-box .box-flex .box-item .circle{height:15px;width:15px}}.history .history-box .inner-history-box .box-flex .box-item .circle.active{opacity:1;transform:scale(1.3)}.history .history-box .inner-history-box .box-flex .box-item .item-info{margin-left:40px}.history .history-box .inner-history-box .box-flex .box-item .item-info .item-title{font-size:1rem;font-weight:500;text-transform:capitalize}.history .history-box .inner-history-box .box-flex .box-item .item-info .item-amount{font-size:calc(1rem + .5vw);font-weight:500}.menu-container{height:8vh;position:fixed;width:80vw;z-index:10;right:0;bottom:0;display:flex;justify-content:center}@media (max-width:650px){.menu-container{width:100vw}}.menu-container .menu-box{width:40%;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;margin:0 30px;box-shadow:0 0 25px 0 rgba(0,0,0,.12);display:flex;justify-content:center;align-items:center;transform:translateY(100%)}.menu-container .menu-box svg{width:25px;height:30px;margin:0 20px;cursor:pointer;fill:#7ab9bd;transition:fill .6s ease-in-out}.menu-container .menu-box .unselect{height:25px;width:25px;margin:0 20px;border-radius:50%;border:3px solid #7ab9bd;background-color:transparent;cursor:pointer;transition:border-color .6s ease-in-out}.modal{height:100vh;width:80vw;position:fixed;right:0;bottom:0;transform:translateY(100%);background-color:#fff;z-index:15;border-top-left-radius:50px;border-top-right-radius:50px}@media (max-width:650px){.modal{width:100vw}}.modal .inner-modal{height:100%;width:100%;display:flex;justify-content:center;padding-top:100px}.modal .inner-modal form{display:flex;flex-direction:column;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.modal .inner-modal form input{border:none;border-bottom:2px solid #070707;background-color:#fff;font-size:calc(1rem + .75vw);padding:10px;font-weight:600;margin-bottom:50px;outline:none;color:#070707}.modal .inner-modal form input::-webkit-input-placeholder{color:#070707}.modal .inner-modal form input:-ms-input-placeholder{color:#070707}.modal .inner-modal form input::-ms-input-placeholder{color:#070707}.modal .inner-modal form input::placeholder{color:#070707}.modal .inner-modal form input::-webkit-inner-spin-button,.modal .inner-modal form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal .inner-modal form input[type=number]{-moz-appearance:textfield}.modal .inner-modal form select{border:none;border-bottom:2px solid #070707;font-size:calc(1rem + .75vw);padding:10px;margin-bottom:50px;text-align:center}.modal .inner-modal form button,.modal .inner-modal form select{background-color:#fff;font-weight:600;outline:none;color:#070707}.modal .inner-modal form button{border:none;font-size:calc(1rem + .3vw);cursor:pointer;transition:transform .3s ease-in-out}.modal .inner-modal form button:hover{transform:scale(1.1)}.main .inner-settings{height:100%;width:100%;background-color:#fff;border-top-left-radius:50px;border-top-right-radius:50px;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#070707;padding:40px 50px;position:absolute;bottom:0}@media (max-width:650px){.main .inner-settings{height:90%;padding:40px 30px}}.main .inner-settings .text-box{font-size:1rem;font-weight:600;padding-bottom:20px}@media (max-width:450px){.main .inner-settings .text-box{font-size:.75rem}}.main .inner-settings .options{margin-top:70px;font-size:calc(1rem + 1vw);font-weight:500}@media (max-width:450px){.main .inner-settings .options{font-size:.75rem;margin-top:30px}}.main .inner-settings .options .option{display:flex;align-items:center;margin-bottom:30px}.main .inner-settings .options .option p{margin-right:30px}.main .inner-settings .options .option select{border:none;outline:none;cursor:pointer;border-radius:20px;padding:10px 20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#8e8d8d;background-color:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.12);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .3s ease-in-out}@media (max-width:450px){.main .inner-settings .options .option select{padding:5px 15px;font-size:.7rem}}.main .inner-settings .options .option select:hover{transform:scale(1.05)}.main .inner-settings .options .option input{border:none;outline:none;cursor:pointer;border-radius:20px;padding:10px 20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;text-align:center;color:#8e8d8d;box-shadow:0 0 15px 0 rgba(0,0,0,.12);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .3s ease-in-out}@media (max-width:450px){.main .inner-settings .options .option input{padding:3px;font-size:.7rem}}.main .inner-settings .options .option input:hover{transform:scale(1.05)}.main .inner-settings .options .option input::-webkit-input-placeholder{color:#8e8d8d}.main .inner-settings .options .option input:-ms-input-placeholder{color:#8e8d8d}.main .inner-settings .options .option input::-ms-input-placeholder{color:#8e8d8d}.main .inner-settings .options .option input::placeholder{color:#8e8d8d}.main .inner-settings .options .option input::-webkit-inner-spin-button,.main .inner-settings .options .option input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.main .inner-settings .options .option input[type=number]{-moz-appearance:textfield}.main .inner-settings .btn-block{position:absolute;left:50%;transform:translateX(-50%);bottom:5%}.main .inner-settings .btn-block button{border:none;outline:none;cursor:pointer;border-radius:20px;padding:10px 30px;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;text-align:center;color:#7abd82;background-color:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.12);transition:transform .3s ease-in-out}@media (max-width:450px){.main .inner-settings .btn-block button{padding:5px 20px;font-size:.7rem}}.main .inner-settings .btn-block button:hover{transform:scale(1.05)}.main{width:80vw;background-color:#7ab9bd;position:absolute;right:0}@media (max-width:650px){.main{width:100vw}}.main .overview-inner{height:100%;width:100%;background-color:#fff;border-top-left-radius:50px;border-top-right-radius:50px;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#070707;padding:40px 50px;position:absolute;bottom:0}@media (max-width:650px){.main .overview-inner{height:90%;padding:40px 30px}}.main .overview-inner .text-box{font-size:1rem;font-weight:600;padding-bottom:20px}@media (max-width:450px){.main .overview-inner .text-box{font-size:.75rem}}.main .overview-inner .info-incomes-expenses{width:100%;display:flex;justify-content:space-evenly;align-items:center;padding:30px 0}.main .overview-inner .info-incomes-expenses .incomes{text-align:center;color:#7abd82}.main .overview-inner .info-incomes-expenses .incomes p{font-size:calc(1rem + .5vw)}.main .overview-inner .info-incomes-expenses .expenses{text-align:center;color:#d35c5c}.main .overview-inner .info-incomes-expenses .expenses p{font-size:calc(1rem + .5vw)}.main .overview-inner .category-item{width:100%;margin-top:50px;margin-bottom:100px}@media (max-width:900px){.main .overview-inner .category-item{margin-top:35px;margin-bottom:60px}}.main .overview-inner .category-item .inner-category-item .category-text-box{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;margin-bottom:20px}.main .overview-inner .category-item .inner-category-item .category-text-box .title{font-size:calc(1rem + 1vw);font-weight:600}.main .overview-inner .category-item .inner-category-item .category-text-box .info{font-size:calc(.5rem + .5vw);font-weight:500}.main .overview-inner .category-item .inner-category-item .category-bar{height:50px;background-color:#fdfdfd;border-radius:10px}@media (max-width:900px){.main .overview-inner .category-item .inner-category-item .category-bar{height:35px}}.main .overview-inner .category-item .inner-category-item .category-bar .inner-bar{border-radius:10px;height:100%;background-color:#bd7a7a}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden}.app{width:100vw}.app,.flex{position:relative}.flex{display:flex;height:100vh;height:10vh;height:calc(var(--vh, 1vh)*10)}@media (max-width:650px){.flex{flex-direction:column}}
/*# sourceMappingURL=main.64ff1cee.chunk.css.map */