.access-card { max-width: 28rem; margin: 3rem auto; display: grid; gap: 1rem; }
.access-card form, .access-card label, .personal-area { display: grid; gap: .75rem; }
.personal-area { grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr)); }
[data-user-administration] { overflow-x: auto; }
[data-user-administration] table { width: 100%; border-collapse: collapse; }
[data-user-administration] th, [data-user-administration] td { padding: .6rem; text-align: left; }
@media (max-width: 42rem) { [data-user-administration] table { min-width: 56rem; } }