:root { color-scheme: light; font-family: system-ui, sans-serif; line-height: 1.45; }
body { margin: 0; padding: 1rem; background: #f2f4f7; color: #20242a; }
.user-card { max-width: 48rem; margin: 2rem auto; padding: 1.5rem; background: white; border: 1px solid #ccd2d9; border-radius: .5rem; }
.user-embedded { padding: 0; background: transparent; }
.user-embedded .user-card { margin: 0 auto; border: 0; box-shadow: none; }
nav { margin-bottom: 1.5rem; }
form { display: grid; gap: .9rem; max-width: 32rem; }
label { display: grid; gap: .25rem; font-weight: 600; }
small { font-weight: normal; color: #555; }
input { box-sizing: border-box; width: 100%; padding: .55rem; border: 1px solid #8c96a3; border-radius: .25rem; font: inherit; }
button { width: fit-content; padding: .5rem .85rem; border: 1px solid #566273; border-radius: .3rem; background: #eef2f6; font: inherit; cursor: pointer; }
.user-errors { margin: 1rem 0; padding: .75rem; border-left: .3rem solid #b00020; background: #fff0f2; }
.user-message { padding: .75rem; border-left: .3rem solid #208239; background: #effaf1; }
.user-logout { margin-top: 2rem; }
.user-table-wrap { overflow-x: auto; margin-bottom: 1rem; }
table { width: 100%; border-collapse: collapse; font-size: .9rem; }
th, td { padding: .45rem; border: 1px solid #ccd2d9; text-align: left; vertical-align: top; }
.glob-user-logout { display: inline; }
.glob-user-logout button { padding: 0; border: 0; background: none; color: #0645ad; text-decoration: underline; }