@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.analytics{width:100%;display:-webkit-flex;display:flex;margin:4rem 0}.analytics .analytics-container{max-width:1400px;width:60%;margin:0 auto}@media screen and (max-width:800px){.analytics .analytics-container{width:100%;margin-top:40px}}.sidebar{position:fixed;height:100%;width:240px;top:0;left:0;-webkit-align-items:center;align-items:center;background-color:#6757e0;padding:6px 14px;z-index:1000;transition:all .5s ease;box-shadow:2px 0 2px rgba(0,0,0,.2)}@media screen and (max-width:800px){.sidebar{height:80px}}.sidebar.active{width:85px}@media screen and (max-width:800px){.sidebar.active{height:80px;width:0}}.sidebar.active .header .uil,.sidebar.active .logo__name,.sidebar.active .nav__item .link__name{display:none;transition:all .5s ease}.sidebar.active .name__job,.sidebar.active .sidebar__container .profile__content .profile__details .user{display:none}.sidebar.active .logout{display:block;margin-left:-20%}.sidebar.active .place{display:none}.sidebar.active .menu__icon{display:-webkit-flex;display:flex;margin-left:-20px}.sidebar.active .menu__icon2{display:-webkit-flex;display:flex;margin-left:60px}.sidebar.active .tooltips{position:absolute;display:block;right:122px;margin-left:210px;opacity:0}.sidebar.active .tooltips:hover{opacity:1}.sidebar .sidebar__container .header{padding-bottom:1.5rem}.sidebar .sidebar__container .header .logo{color:#fff;display:-webkit-flex;display:flex;height:50px;width:100%;-webkit-align-items:center;align-items:center;text-decoration:none;margin-right:10px}.sidebar .sidebar__container .header .logo i{font-size:1.5rem}.sidebar .sidebar__container .header .logo .logo__name{font-size:1.25rem;font-weight:600}.sidebar .sidebar__container .header .menu__icon{position:absolute;left:90%;top:16px;font-size:500;color:#fff;height:50px;width:50px;line-height:1rem;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%);cursor:pointer}.sidebar .sidebar__container .header .menu__icon:hover{color:#a09fad}.sidebar .sidebar__container .header .menu__icon2{position:absolute;display:none;left:100%;top:16px;font-size:500;color:#fff;height:50px;width:50px;line-height:1rem;margin-left:89px;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%);cursor:pointer}.sidebar .sidebar__container .nav__list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.sidebar .sidebar__container .nav__list .nav__item{position:relative;display:-webkit-flex;display:flex;height:50px;width:100%;-webkit-align-items:center;align-items:center;margin:7px 5px;list-style:none;color:#fff}.sidebar .sidebar__container .nav__list .nav__item .search-alt{position:absolute;z-index:10;color:#4e4c4c;padding-left:12px;padding-top:8px}.sidebar .sidebar__container .nav__list .nav__item .place{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:beige;color:#333;border:none;height:100%;padding:10px 56px;font-size:1.12rem;width:100%;left:0;top:0;border-radius:10px;outline:none;margin-bottom:1.5rem}.sidebar .sidebar__container .nav__list .nav__item .place.active{margin-left:-77%;max-width:50px;display:block;white-space:nowrap}.sidebar .sidebar__container .nav__list .nav__item .nav__link{width:100%;height:50px;text-decoration:none;display:-webkit-flex;display:flex;text-align:center;color:#fff;-webkit-align-items:center;align-items:center;transition:all .4s ease;border-radius:10px;white-space:nowrap}.sidebar .sidebar__container .nav__list .nav__item .nav__link:hover{-webkit-align-items:center;align-items:center;transition:all .4s ease;border-radius:10px;background-color:#5343cb}.sidebar .sidebar__container .nav__list .nav__item .nav__link i{height:50px;min-width:50px;line-height:60px;text-align:center}.sidebar .sidebar__container .nav__list .nav__item .nav__link .link__name{margin-left:6px;line-height:50px;text-align:center}.sidebar .sidebar__container .nav__list .nav__item .tooltips{position:absolute;height:35px;left:-142px;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:0;width:122px;line-height:35px;text-align:center;background:#fff;color:#333;border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:0s;opacity:0;pointer-events:none}.sidebar .sidebar__container .nav__list .nav__item:hover .tooltips{transition:all .3s ease;top:50%;opacity:1}.sidebar .sidebar__container .profile__content{width:100%;position:absolute;color:#fff;left:0;bottom:2px;background-color:#5343cb;padding:10px 4px}.sidebar .sidebar__container .profile__content .profile{position:relative;padding:10px 6px;height:60px}.sidebar .sidebar__container .profile__content .profile .profile__details{display:-webkit-flex;display:flex;text-align:center;white-space:nowrap}.sidebar .sidebar__container .profile__content .profile .profile__details .user{height:45px;width:45px;object-fit:cover;border-radius:12px}.sidebar .sidebar__container .profile__content .profile .profile__details .name__job{padding-left:5px;-webkit-align-items:center;align-items:center}.sidebar .sidebar__container .profile__content .profile .profile__details .name__job .name{font-size:1.12rem}.sidebar .sidebar__container .profile__content .profile .profile__details .name__job .name .job{font-size:.813rem;color:#fbfbfe}.sidebar .sidebar__container .profile__content .profile .logout{position:absolute;left:88%;bottom:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:50px;line-height:50px;cursor:pointer}.sidebar .sidebar__container .profile__content .profile .logout:hover{color:#beb6fc}@media screen and (max-width:900px){.sidebar{width:100%;position:fixed;top:0;left:0;z-index:1;height:80px;margin-bottom:60px}.sidebar .header .uil,.sidebar .logo__name,.sidebar .nav__item .link__name{display:-webkit-flex;display:flex;transition:all .5s ease}.sidebar .name__job,.sidebar .sidebar__container .profile__content .profile__details .user{display:-webkit-flex;display:flex}.sidebar .sidebar__container{width:80%;height:100vh;left:-300px;position:absolute;background:#6757e0;transition:.3s ease}.sidebar .logout{display:none;margin-left:-20%}.sidebar .place{display:none}.sidebar .menu__icon{display:block;position:absolute;right:0;top:16px}.sidebar .menu__icon2{display:block;position:absolute;right:0;top:13px;z-index:1000}.sidebar .tooltips{position:absolute;display:none;right:122px;margin-left:210px;opacity:0}.sidebar .tooltips:hover{opacity:0}.sidebar.active{width:100%}.sidebar.active .sidebar{width:100%;position:fixed;top:0;left:0;z-index:1;height:80px}.sidebar.active .sidebar .header .uil,.sidebar.active .sidebar .logo__name,.sidebar.active .sidebar .nav__item .link__name{display:-webkit-flex;display:flex;transition:all .5s ease}.sidebar.active .sidebar .name__job,.sidebar.active .sidebar .sidebar__container .profile__content .profile__details .user{display:-webkit-flex;display:flex}.sidebar.active .sidebar__container{left:0}.sidebar.active .sidebar__container .header .uil,.sidebar.active .sidebar__container .logo__name,.sidebar.active .sidebar__container .nav__item .link__name{display:-webkit-flex;display:flex;transition:all .5s ease}.sidebar.active .menu__icon,.sidebar.active .sidebar__container .logout,.sidebar.active .sidebar__container .tooltips{display:none}.sidebar.active .menu__icon2{display:-webkit-flex;display:flex;position:absolute;right:16px;top:16px}.sidebar.active .menu__icon2:hover{color:#a09fad}.sidebar .menu__icon{display:none}.sidebar .place{margin-left:-77%;max-width:50px;display:block;white-space:nowrap}}@media screen and (max-width:900px){.sidebar .sidebar__container .header .menu__icon2{display:block;margin-left:52px}.sidebar.active .sidebar__container .header .menu__icon2{display:block;position:absolute;right:18px;top:16px}}.dashboard{left:20px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:relative;width:calc(100% - 5px);-webkit-align-items:center;align-items:center;padding:10px auto;transition:all .3s ease}.dashboard .dashboard__container{padding:6px 12px;margin-top:3rem}.dashboard .dashboard__container .grid__card{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:320px;height:220px;color:#121;border-radius:6px;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);text-decoration:none;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;overflow-y:hidden}.dashboard .dashboard__container .grid__card:hover{-webkit-transform:scale(1.09);transform:scale(1.09);border-radius:10px}.dashboard .dashboard__container .grid__card .card__content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.dashboard .dashboard__container .grid__card .card__content .uil{font-size:2rem;color:#6757e0}.dashboard .dashboard__container .grid__card .card__content .card__title{font-size:1.5rem;font-weight:500;color:#242329}.dashboard .dashboard__container .grid__card .card__content .card__subtitle{font-size:15px;color:#a09fad}@media screen and (max-width:900px){.dashboard{width:calc(100% - 305px);padding-top:70px}.dashboard .dashboard__container{left:100px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;margin-left:270px;margin-top:50px;height:-webkit-max-content;height:max-content}.dashboard .dashboard__container.grid{grid-template-columns:repeat(1,minmax(230px,1fr));grid-gap:45px;gap:45px}.dashboard .dashboard__container .grid__card{width:250px;height:200px}}.expense{width:100%;margin-left:40px}.expense .speech-btn{display:-webkit-flex;display:flex;position:absolute;top:0;margin-top:5rem;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:900px){.expense{width:100%;margin-left:0;height:100%;overflow-y:scroll;margin-top:50px;padding-top:70px}.expense,.expense .speech-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.expense .speech-btn{position:absolute;bottom:0;z-index:1}}*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{position:relative;width:100%}.history{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:0 auto}@media screen and (max-width:800px){.history{margin:0;padding-top:100px}}.history-container{width:100%;margin-left:130px}@media screen and (max-width:800px){.history-container{margin-left:0}}.App{width:100%}.App h1{text-align:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(275px,1fr));grid-gap:50px;gap:50px;grid-auto-rows:1fr}@media screen and (min-width:920px){.sidebar.active~.dashboard,.sidebar.active~.history{width:95%}}
/*# sourceMappingURL=main.282b5818.chunk.css.map */