html,body{font-family:Montserrat,Poppins,sans-serif;background-color:#272727;color:#fff;padding:0;margin:0}html .main-app-container,body .main-app-container{min-height:96vh;overflow:hidden}html .main-app-container iframe,body .main-app-container iframe{height:96vh}html ::-webkit-scrollbar,body ::-webkit-scrollbar{width:5px}html ::-webkit-scrollbar-track,body ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #717171;border-radius:10px}html ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb{background:#0ad357;border-radius:10px}html ::-webkit-scrollbar-thumb:hover,body ::-webkit-scrollbar-thumb:hover{background:#0ad357}.footer-cont{height:4vh;font-size:.8em;color:#0ad357}.homepage-container{height:96vh;align-items:center}.homepage-container .welcome-label{color:#0ad357;font-weight:700}.homepage-container p{color:#717171}.login-cont{height:96vh;align-items:center;justify-content:center}.login-cont .login-panel{color:#0ad357}.login-cont .login-panel h4{font-weight:700;font-size:1.7em}.login-cont .login-panel label{font-size:.8em}.login-cont .login-panel input{background-color:transparent;color:#fff;border:solid 1px #0ad357}.login-cont .login-panel .create-account-label label{text-decoration:underline;cursor:pointer}.signin-cont{height:100%;align-items:center;justify-content:center;overflow-y:auto}.signin-cont .signin-panel{color:#0ad357}.signin-cont .signin-panel h4{font-weight:700;font-size:1.7em}.signin-cont .signin-panel label{font-size:.8em}.signin-cont .signin-panel input{background-color:transparent;color:#fff;border:solid 1px #0ad357}.signin-cont .signin-panel .create-account-label label{text-decoration:underline;cursor:pointer}.signin-cont .signin-panel .dropdown-toggle{width:100%;background-color:#0ad357;color:#272727}.signin-cont .signin-panel .dropdown-menu{height:50vh;overflow-y:auto}.signin-cont .signin-panel .warn-label{display:flex}.signin-cont .signin-panel .pw-labels p{color:#ff5d96;font-size:.75em;padding:0;margin:5px}.signin-cont .signin-panel .pw-ok{color:#0ad357!important}.signin-cont .signin-panel .error-icon{color:#ff5d96;font-size:1em;padding:0;margin:5px}.signin-cont .signin-panel .ok-icon{color:#0ad357;font-size:1em;padding:0;margin:5px}.dashboard-cont{min-height:96vh}.dashboard-cont .dash-nav-cont{height:8vh}.dashboard-cont .dash-content{min-height:87vh;overflow-y:auto}.dashboard-cont .dash-content .dash-side-section{border-radius:1em}.dashboard-cont .dash-content .dash-side-section .dash-total-section{height:40vh}.dashboard-cont .dash-content .dash-side-section .dash-total-section .total-card{background-image:linear-gradient(to bottom right,#717171,#424242);height:18vh;border-radius:1em;margin:6px;display:grid;justify-content:center;align-items:center;padding:4vh 0}.dashboard-cont .dash-content .dash-side-section .dash-total-section .total-card h2,.dashboard-cont .dash-content .dash-side-section .dash-total-section .total-card h4{font-weight:800}.dashboard-cont .dash-content .dash-side-section .dash-data-section{height:47vh}.dashboard-cont .dash-content .dash-main-content{display:grid;justify-items:center}.add-btn-section{position:fixed;bottom:17vh;right:7vw}.print-btn-section{position:fixed;bottom:6vh;right:7vw}@media screen and (max-width: 790px){.add-btn-section,.print-btn-section{right:6vw}}@media screen and (max-width: 650px){.add-btn-section{right:6vw;bottom:17vh}.print-btn-section{right:6vw;bottom:5vh}}@media screen and (max-width: 500px){.add-btn-section{right:5vw;bottom:17vh}.print-btn-section{right:5vw;bottom:4vh}}@media screen and (max-width: 400px){.add-btn-section{right:4vw}}@media screen and (max-width: 100px){.add-btn-section{right:3vw;bottom:17vh}.print-btn-section{right:3vw;bottom:3vh}}.navbar-cont{background-color:#424242;height:7vh;border-radius:1em;align-items:center}.navbar-cont .logo-section{color:#0ad357;font-weight:700;font-size:1.6em}.navbar-cont .nav-menuitem{cursor:pointer;display:grid;justify-content:center;align-items:center}.navbar-cont .nav-menuitem-selected{background-color:#0ad357;border-radius:1em;cursor:pointer;font-weight:600;display:grid;justify-content:center;align-items:center}.navbar-cont .nav-menuitem-selected label{color:#272727}.navbar-cont .hamb-btn{display:none!important;position:absolute;z-index:1;top:1.75vh;right:6vw;width:6vh;height:6vh;display:grid;align-items:center;justify-content:center;border-radius:50%;background-color:#0ad357;cursor:pointer;box-shadow:0 3px 4px #0003,0 3px 10px #00000052;transition:.3s;color:#272727}.resp-nav{width:290px;height:40vh;background:rgba(11,10,10,.64);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(12.8px);-webkit-backdrop-filter:blur(12.8px);border:1px solid rgba(11,10,10,.01);position:absolute;top:8vh;right:6vw;border-radius:2em;z-index:100;box-shadow:0 3px 4px #0003,0 3px 10px #00000052;animation-name:navAnim;animation-duration:.05s;display:none;justify-content:center}@keyframes navAnim{0%{width:0px;height:0vh}25%{width:80px;height:5vh}50%{width:150px;height:15vh}75%{width:230px;height:25vh}to{width:290px;height:40vh}}@media screen and (max-width: 854px){.logo-section{font-size:1.3em!important}}@media only screen and (max-width: 876px){.navbar-cont .hamb-btn{display:grid!important}.resp-nav{display:grid}.menu-items{display:none!important}}.expense-card{height:80px;width:400px;border-radius:1em;color:#272727;align-items:center}.expense-card .card-2-cont{align-items:end;margin-top:-6px}.expense-card .icon-div{background-color:#272727;height:48px;width:48px;display:grid;align-items:center;justify-content:center;border-radius:50%}.expense-card .expense-card-title{font-weight:600;font-size:1.1em}.expense-card .expense-card-date{font-size:.8em}.expense-card .expense-card-amount{font-size:1.4em;font-weight:800}.expense-card .expand-icon span{align-items:start;font-size:1em;cursor:pointer}@media screen and (max-width: 1212px){.expense-card{width:380px}}@media screen and (max-width: 1190px){.expense-card{width:400px}}@media screen and (max-width: 437px){.expense-card{width:95vw}}.expense-log-title{height:7vh}.expense-cards-cont{overflow-y:auto;min-height:140px}.expense-cards-cont .card-cube{height:100px;display:grid;justify-items:center;align-items:center}.inner-loading{display:grid;justify-items:center;align-items:center}.add-section{display:grid;justify-items:end}.add-section .add-button{height:60px;width:60px;border-radius:50%;background-color:#fff;z-index:100;display:grid;justify-content:center;align-items:center;color:#272727;box-shadow:0 4px 8px #00000081,0 6px 20px #0007;cursor:pointer;transition:.2s}.add-section .add-button:hover{background-color:#0ad357;transition:.2s;transform:scale(1.15)}.add-section .option-section{background:rgba(11,10,10,.64);border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(12.8px);-webkit-backdrop-filter:blur(12.8px);border:1px solid rgba(11,10,10,.01);z-index:100}.add-section .option-section div{cursor:pointer}.add-section .option-section div:hover{background-color:#0ad357!important;border-radius:1em}.create-expense-cont{height:100%;align-items:center;justify-content:center;overflow-y:auto}.create-expense-cont .create-expense{color:#0ad357}.create-expense-cont .create-expense h4{font-weight:700;font-size:1.7em}.create-expense-cont .create-expense label{font-size:.8em}.create-expense-cont .create-expense input,.create-expense-cont .create-expense textarea{background-color:transparent;color:#fff;border:solid 1px #0ad357}.create-expense-cont .create-expense .create-account-label label{text-decoration:underline;cursor:pointer}.create-expense-cont .create-expense .dropdown-toggle{width:100%;background-color:#0ad357;color:#272727}.create-expense-cont .create-expense .dropdown-menu{overflow-y:auto}.edit-expense-cont{height:100%;align-items:center;justify-content:center;overflow-y:auto}.edit-expense-cont .edit-expense{color:#0ad357}.edit-expense-cont .edit-expense h4{font-weight:700;font-size:1.7em}.edit-expense-cont .edit-expense label{font-size:.8em}.edit-expense-cont .edit-expense input,.edit-expense-cont .edit-expense textarea{background-color:transparent;color:#fff;border:solid 1px #0ad357}.edit-expense-cont .edit-expense .edit-account-label label{text-decoration:underline;cursor:pointer}.edit-expense-cont .edit-expense .dropdown-toggle{width:100%;background-color:#0ad357;color:#272727}.edit-expense-cont .edit-expense .dropdown-menu{overflow-y:auto}#expenseNameLabel{font-size:.8em}.exp-det-pop-cont{display:grid;height:96vh;justify-items:center;align-items:center}.exp-det-pop-cont .exp-title{color:#0ad357}.exp-det-pop-cont .exp-amount h2{color:#0ad357;font-weight:700}.exp-det-pop-cont .exp-descrip{font-size:.9em;background-color:#424242;border-radius:1em;display:grid;align-items:center}.prof-det-pop-cont{display:grid;height:96vh;justify-items:center;align-items:center}.prof-det-pop-cont .prof-title{color:#0ad357}.prof-det-pop-cont .prof-amount h2{color:#0ad357;font-weight:700}.prof-det-pop-cont .prof-descrip{font-size:.9em}.prof-det-pop-cont .profile-pc-cont{display:grid;justify-items:center}.prof-det-pop-cont .profile-pc-cont .profile-pic{height:25vh;display:grid;width:25vh;background-size:cover;background-position:center;background-color:#424242;border-radius:50%;border:.1em solid #0ad357;align-items:center}.prof-det-pop-cont .profile-pc-cont .profile-pic label{color:#b8b8b8;font-size:1em;font-weight:600}.prof-det-pop-cont .profile-pc-cont .profile-edit-btn{height:5vh;display:grid;width:5vh;background-color:#272727;border:3px solid #0ad357;border-radius:50%;justify-items:center;align-items:center;margin-top:-5.5vh;margin-left:15vh;cursor:pointer}.edit-prof-cont{height:100%;align-items:center;justify-content:center;overflow-y:auto}.edit-prof-cont .edit-prof-panel{color:#0ad357}.edit-prof-cont .edit-prof-panel h4{font-weight:700;font-size:1.7em}.edit-prof-cont .edit-prof-panel label{font-size:.8em}.edit-prof-cont .edit-prof-panel input{background-color:transparent;color:#fff;border:solid 1px #0ad357}.edit-prof-cont .dropdown-toggle{width:100%;background-color:#0ad357;color:#272727}.edit-prof-cont .dropdown-menu{height:50vh;overflow-y:auto}.profile-pic-update-cont{display:grid;height:92vh;justify-content:center;align-items:center}.profile-pic-update-cont .profile-preview{display:grid;justify-items:center;width:30vh;height:30vh;border-radius:50%;overflow:hidden}.loading-panel{width:100vw;height:100%;z-index:1000;position:fixed;top:0;right:0;background:rgba(19,19,19,.2);border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(39,39,39,.3)}.loading-panel .loading-col{display:grid;justify-items:center;align-items:center}.loading-panel .loading-col div{margin-top:-15vh}.inner-loading-comp{display:grid;justify-items:center;align-items:center}.chart-cont{display:grid;align-items:center;justify-items:center}.chart-cont canvas{height:46vh!important;width:auto}.increase-earning-cont{height:92vh;align-items:center;justify-content:center;overflow-y:auto}.increase-earning-cont .increase-earning{color:#0ad357}.increase-earning-cont .increase-earning h4{font-weight:700;font-size:1.7em}.increase-earning-cont .increase-earning label{font-size:.8em}.increase-earning-cont .increase-earning input,.increase-earning-cont .increase-earning textarea{background-color:transparent;color:#fff;border:solid 1px #0ad357}.print-section{display:grid;justify-items:end}.print-section .print-button{height:60px;width:60px;border-radius:50%;background-color:#424242;z-index:100;display:grid;justify-content:center;align-items:center;color:#0ad357;box-shadow:0 4px 8px #00000081,0 6px 20px #0007;cursor:pointer;transition:.2s}.print-section .print-button:hover{background-color:#fff;transition:.2s;transform:scale(1.15)}