.sidebar[data-v-c3b5d684]{width:70px;height:100vh;display:flex;flex-direction:column;align-items:center;padding:15px 0;border-radius:12px;background:#2b2d31;border-right:1px solid #ffffff36}.logo[data-v-c3b5d684]{margin-bottom:30px}.logo-circle[data-v-c3b5d684]{width:40px;height:40px;background:#fff;color:#4c8bf5;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.menu[data-v-c3b5d684]{display:flex;flex-direction:column;gap:14px;flex:1}.menu-item[data-v-c3b5d684]{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.8;cursor:pointer;transition:all .2s}.menu-item[data-v-c3b5d684]:hover{background:#ffffff26;opacity:1}.menu-item.active[data-v-c3b5d684]{background:#ffffff40;opacity:1}.footer[data-v-c3b5d684]{margin-top:auto}#main-app[data-v-a8721023]{height:100%;display:flex}#content[data-v-a8721023]{flex:1}.login[data-v-822fc6c2]{height:100%;display:flex;align-items:center;justify-content:center}form[data-v-822fc6c2]{background:#103f76;max-width:350px;min-width:346px;padding:30px 20px;border:1px solid #ffffff49;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:20px}.warning[data-v-822fc6c2]{display:flex;align-items:center;gap:10px;padding:10px;background-color:#fff0d1;border-radius:6px;border:1px solid #e3bc6a}.warning-icon[data-v-822fc6c2]{display:flex;justify-content:center;align-items:center;min-width:30px;height:30px;border-radius:50%;background-color:#feab72}.warning>p[data-v-822fc6c2]{font-size:14px;color:#5c5d58}.title-forgot-password[data-v-822fc6c2]{width:100%;text-align:left;color:#fff;font-size:18px}.forgot-password[data-v-822fc6c2]{display:flex;justify-content:space-between;align-items:center;width:100%}.forgot-password p[data-v-822fc6c2]{cursor:pointer;color:#fff;font-size:14px}@media screen and (max-width:767px){.login[data-v-822fc6c2]{flex-direction:column}}#profile[data-v-8102b12f]{padding:20px;height:100%;display:flex;flex-direction:column}.user-avatar[data-v-8102b12f]{width:70px;height:70px;border-radius:50%;background-color:#103f76;display:flex;justify-content:center;align-items:center;margin:20px 0;color:#fff;border:4px solid #1e7ce8}.user-avatar p[data-v-8102b12f]{font-size:28px;font-weight:500}form[data-v-8102b12f]{display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:6px;width:100%;max-width:600px}button[data-v-8102b12f]{margin-top:40px;background-color:#103f76;color:#fff}.tag-role[data-v-8102b12f]{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:3px 6px;background-color:#103f76;color:#fff;max-width:100px;font-size:12px}.header-profile[data-v-8102b12f]{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff1f}.header-details[data-v-8102b12f]{display:flex;flex-direction:column;gap:5px}input[data-v-8102b12f]:disabled{background-color:#f5f5f5;cursor:not-allowed}@media screen and (max-width:767px){form[data-v-8102b12f]{max-width:none}}.register[data-v-fa603a5e]{height:100%;display:flex;align-items:center;justify-content:center}form[data-v-fa603a5e]{background:#103f76;max-width:350px;min-width:346px;padding:30px 20px;border:1px solid #ffffff49;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:20px}.title-register[data-v-fa603a5e]{color:#fff}.hasAccount[data-v-fa603a5e]{width:100%;display:flex}.hasAccount p[data-v-fa603a5e]{color:#fff;font-size:14px;cursor:pointer}form[data-v-042e793b]{background:#103f76;max-width:350px;min-width:346px;padding:30px 20px;border:1px solid #ffffff49;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:20px}.reset[data-v-042e793b]{height:100%;display:flex;align-items:center;justify-content:center}.title-reset[data-v-042e793b]{color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;background-color:#313338;overflow-x:hidden;font-family:Roboto,sans-serif;color:#fff}a{text-decoration:none;font-family:Roboto,sans-serif}ul{list-style:none}li{font-family:Roboto,sans-serif}#app{width:100%;height:100%}h1,h2,h3,h4,h5,h6,p,span,label{font-family:Roboto,sans-serif}input{width:100%;padding:10px;border-radius:6px;outline:none;border:none}button{width:100%;padding:10px;border-radius:6px;cursor:pointer;border:none;font-family:Roboto,sans-serif}