.containerSearchUser[data-v-45e82770]{margin:14px 0}.searchUserContant[data-v-45e82770]{position:relative}.searchUserContantIcon[data-v-45e82770]{position:absolute;top:50%;left:12px;transform:translateY(-50%);pointer-events:none}.inputSearchUser[data-v-45e82770]{width:100%;max-width:480px;padding:12px 16px 12px 42px;margin:10px 0;border-radius:4px;border:1px solid var(--color-quinary)}.inputSearchUser[data-v-45e82770]::placeholder{color:#808080cc}.filter[data-v-45e82770]{margin:5px}select[data-v-45e82770]{padding:4px 7px;border-radius:4px;border:1px solid var(--color-quinary)}@media(max-width:480px){.searchUserContantIcon[data-v-45e82770]{left:10px}.inputSearchUser[data-v-45e82770]{max-width:100%;padding:11px 14px 11px 38px;font-size:14px}.filter[data-v-45e82770]{margin:6px 0 0}select[data-v-45e82770]{width:100%;max-width:220px}}.containerListUsers[data-v-d1358f88]{margin-top:10px}.loadingState[data-v-d1358f88]{display:flex;align-items:center;gap:10px;color:var(--color-secondary)}.spinner[data-v-d1358f88]{width:20px;height:20px;border-radius:50%;border:3px solid rgba(42,80,132,.2);border-top-color:var(--color-tertiary);animation:spin-d1358f88 .8s linear infinite}@keyframes spin-d1358f88{to{transform:rotate(360deg)}}.listUsers[data-v-d1358f88]{list-style:none}.Users[data-v-d1358f88]{margin:18px 0;width:100%;max-width:720px;padding:10px 12px;border-radius:2px;border:1px solid var(--color-quinary);display:flex;align-items:center;justify-content:space-between}.imageUser[data-v-d1358f88]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--color-quinary)}.infoUser[data-v-d1358f88]{display:flex;gap:30px}.nameUser[data-v-d1358f88]{font-size:16px;font-weight:700;color:var(--color-secondary)}.emailUser[data-v-d1358f88]{font-size:14px;font-weight:500;color:var(--color-secondary)}.button[data-v-d1358f88]{padding:12px 16px;background-color:var(--color-tertiary);color:var(--color-primary);font-family:var(--font-primary);font-size:12px;border-radius:4px;border:none;font-weight:600;cursor:pointer}@media(max-width:768px){.Users[data-v-d1358f88]{max-width:100%}}@media(max-width:480px){.Users[data-v-d1358f88]{align-items:flex-start;flex-direction:column;gap:12px}.infoUser[data-v-d1358f88]{width:100%;gap:12px;align-items:center}.nameUser[data-v-d1358f88]{font-size:15px}.emailUser[data-v-d1358f88]{font-size:13px;word-break:break-word}.button[data-v-d1358f88]{width:100%}}.containerUserDetail[data-v-071e5980]{background-color:#fff;border:1px solid var(--color-quinary);border-radius:2px;width:100%;max-width:720px;margin:10px 0}.profile[data-v-071e5980]{display:flex;align-items:center;padding:16px;gap:10px}.profileImage[data-v-071e5980]{width:70px;height:70px;border-radius:50%;margin-right:16px}.profileInfo[data-v-071e5980]{display:flex;flex-direction:column}.profileInfo h1[data-v-071e5980]{color:var(--color-secondary);font-size:26px;word-break:break-word}.profileInfo p[data-v-071e5980]{color:var(--color-quaternary);font-size:16px;word-break:break-word}.userDetails[data-v-071e5980]{list-style:none;padding:16px}.userDetails li[data-v-071e5980]{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-top:1px solid var(--color-quinary)}.label[data-v-071e5980]{font-weight:700;color:var(--color-secondary)}.value[data-v-071e5980]{color:var(--color-quaternary);font-weight:400;word-break:break-word}@media(max-width:480px){.profile[data-v-071e5980]{padding:12px;align-items:flex-start}.profileImage[data-v-071e5980]{width:56px;height:56px;margin-right:10px}.profileInfo h1[data-v-071e5980]{font-size:20px}.profileInfo p[data-v-071e5980]{font-size:14px}.userDetails[data-v-071e5980]{padding:12px}}.button[data-v-2d836d43]{padding:12px 16px;background-color:var(--color-tertiary);color:var(--color-primary);font-family:var(--font-primary);font-size:12px;border-radius:4px;border:none;font-weight:600;cursor:pointer;max-width:720px}@media(max-width:480px){.button[data-v-2d836d43]{width:100%}}.containerMenu[data-v-889ffe99]{width:100%;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background-color:var(--color-secondary)}.titleMenu[data-v-889ffe99]{color:var(--color-primary);font-size:22px;font-weight:700}.menu[data-v-889ffe99]{display:flex;align-items:center;justify-content:space-between;list-style:none}.itemMenu[data-v-889ffe99]{margin:0 16px;color:var(--color-primary);cursor:pointer}.itemMenu[data-v-889ffe99]:hover{text-decoration:underline}@media(max-width:768px){.containerMenu[data-v-889ffe99]{padding:12px 14px}.titleMenu[data-v-889ffe99]{font-size:20px}.itemMenu[data-v-889ffe99]{margin:0}}@media(max-width:480px){.containerMenu[data-v-889ffe99]{flex-direction:column;align-items:flex-start}.titleMenu[data-v-889ffe99]{font-size:18px}}:root{--color-primary: #f3f5f8;--color-secondary: #2a5084;--color-tertiary: #2c7acb;--color-quaternary: #111016;--color-quinary: rgba(128, 128, 128, .356);--font-primary: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-primary);font-family:var(--font-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:14px 18px}.title{color:var(--color-secondary);font-size:32px;font-weight:700}@media(max-width:768px){.container{padding:12px 14px}.title{font-size:26px}}@media(max-width:480px){.container{padding:10px 12px}.title{font-size:22px}}