#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.login-header .dropdown .btn[data-v-69ed2e26]{display:flex;align-items:center;padding:.35rem .5rem;border-radius:.375rem}.login-header .dropdown .btn .profile-photo[data-v-69ed2e26]{width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-header .dropdown .btn .profile-photo img[data-v-69ed2e26]{width:100%;height:auto;border-radius:50%}.login-header .dropdown .btn span[data-v-69ed2e26]{font-size:1rem;color:#fff}.login-header .dropdown .dropdown-menu[data-v-69ed2e26]{min-width:100%;padding:.5rem 0;border-radius:.375rem;background-color:#f8f9fa}.login-header .dropdown .dropdown-menu .dropdown-item[data-v-69ed2e26]{cursor:pointer}@media(max-width:769px){.login-header .login-header .dropdown .btn[data-v-69ed2e26]{padding:.25rem .5rem}.login-header .login-header .dropdown .btn .profile-photo[data-v-69ed2e26]{width:25px;height:25px}.login-header .login-header .dropdown .btn span[data-v-69ed2e26]{font-size:.875rem}.login-header .login-header .dropdown .dropdown-menu[data-v-69ed2e26]{min-width:120px}}@media(max-width:500px){.login-header .login-header .dropdown .btn[data-v-69ed2e26]{padding:.2rem .4rem}.login-header .login-header .dropdown .btn .profile-photo[data-v-69ed2e26]{width:20px;height:20px}.login-header .login-header .dropdown .btn span[data-v-69ed2e26]{font-size:.75rem}.login-header .login-header .dropdown .dropdown-menu[data-v-69ed2e26]{min-width:100px}}#myapp[data-v-6642a805]{width:100vw;height:100vh;background-color:#333;display:flex;flex-direction:column}.appNameA[data-v-6642a805],.appName[data-v-6642a805]{display:none}.appNameB[data-v-6642a805]{margin-left:20%}.appClass[data-v-6642a805]{display:flex;flex:1}.sidebar[data-v-6642a805]{position:fixed;top:0;left:0;width:60px;height:100%;background-color:#000;transition:width .3s ease;overflow:hidden;white-space:nowrap}.sidebar-open[data-v-6642a805]{width:260px;overflow:hidden}.sidebar-content[data-v-6642a805]{display:flex;flex-direction:column;align-items:center;padding-top:20px}.sidebar-content ul[data-v-6642a805]{list-style:none;padding:0;margin:0}.sidebar-content li[data-v-6642a805]{margin:10px 0}.sidebar-content a[data-v-6642a805]{color:#fff;text-decoration:none;font-size:1.5rem;gap:10px;display:flex;align-items:center;padding:10px;transition:background-color .3s ease,color .3s ease}.sidebar-content a[data-v-6642a805]:hover{background-color:#555;color:#f0f0f0}.sidebar-content a span[data-v-6642a805]{margin-left:10px}.sidebar-open .sidebar-content a[data-v-6642a805]{font-size:1rem}.main-content[data-v-6642a805]{flex:1;margin-left:0;transition:margin-left .3s ease}.sub-content[data-v-6642a805]{margin-top:60px!important;margin-left:60px!important}.shift-right[data-v-6642a805]{margin-left:260px;transition:margin-left .3s ease}.navbar[data-v-6642a805]{position:fixed;width:100%;margin-bottom:1rem;padding-left:15px;gap:10px}.sidebar-open+.main-content .loginHeader[data-v-6642a805]{margin-right:265px}.loginHeader[data-v-6642a805]{transition:margin-right .3s ease;margin-right:5px}.mobile-only[data-v-6642a805]{display:none}.close-btn[data-v-6642a805]{margin:10px}@media (max-width:769px){.appName[data-v-6642a805]{display:block}.appNameB[data-v-6642a805]{display:none}.mobile-only[data-v-6642a805]{display:block}.desktop-only[data-v-6642a805]{display:none}}