body{background-color:#f1f7f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.test-ui{background-color:red}.action-btn{transition:.5sec ease-in-out}.action-btn:hover{border:1px solid lightblue;background-color:#f3ebeb;transform:scale(1.1);border-radius:8px;padding:5px}body{height:100vh;overflow:hidden}.main-container{overflow:auto;display:flex;flex-direction:column;max-height:100vh;overflow-y:scroll;padding:15px;flex:1}.app_sidebar{display:flex;flex-direction:column;position:sticky;padding:10px;max-width:230px;background:linear-gradient(to top right,#011d4b,#047984);min-height:100vh}.top_section{display:flex;justify-content:space-between;align-items:center}.sidebar_logo{width:100px;margin:0 20%;object-fit:contain}.nav_section{display:flex;position:-webkit-sticky;padding:0;flex-direction:column;align-items:center;margin-top:20px}.nav_options{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;padding:10px 2px;text-decoration:none;color:#181e50;margin:5px auto;transition:.3s ease-in-out;border-radius:3px}.nav_options_text{display:grid;place-items:start;height:100%;flex:.7}.nav_options_text>h2{font-size:14px;margin:auto 0;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.nav_icons{flex:.3;display:grid;place-items:center;justify-content:center;color:#fff}.bars{font-size:40px!important;color:#fff}.nav_options:hover>.nav_icons{color:#fff}.nav_options:hover{background-color:#1ba905;color:#fff;font-weight:800}.nav_options:hover>.nav_options_text>h2{font-size:14px;font-weight:700}.bars:hover,.active{background-color:#1ba905;color:#fff;font-weight:800;border-radius:4px}.logout-btn{transition:ease-in-out .5s}.logout-btn:hover{color:#740000!important;transform:scale(104%)}.left-side-container{height:700px;display:flex;flex-direction:column;justify-content:start;box-sizing:border-box;padding:10px 10%}.left-side-container>div>h3{font-weight:500;background:linear-gradient(to top right,#01296f,#3f7a7f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Mona Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:38px}.left-side-container>div>p{background:linear-gradient(to top right,#01296f,#3f7a7f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Mona Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px}.right-side-container{background:linear-gradient(to top right,#01296f,#3f7a7f);display:flex;font-family:Mona Sans,Helvetica Neue,Helvetica,Arial,sans-serif;flex-direction:column;align-items:center}.right-side-container>h2{font-weight:500;color:#fff;font-family:Mona Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:38px;margin-top:5%}.right-side-container>h6{font-weight:500;color:#fff;margin-top:5%;width:75%}.right-side-container>h6{font-weight:500;color:#fff}@media (max-width: 768px){.left-side-container{height:700px}}.login-button{background:linear-gradient(to top right,#01296f,#3f7a7f);color:#fff;font-weight:500;transition:ease-in-out .2}.login-button:hover{background:linear-gradient(to top right,#0642aa,#0b636b);color:#fff;font-weight:700}.forgot-password-btn{font-size:12px;color:gray;transition:ease-in-out .2s;cursor:pointer;width:auto}.forgot-password-btn:hover{font-size:16px;background:linear-gradient(to top right,#01296f,#3f7a7f);font-family:Mona Sans,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500}.CardTabs:hover{scale:105%;cursor:pointer;max-width:350px}