.users-modal { width: min(760px, calc(100% - 28px)); }
.users-layout { display: grid; grid-template-columns: 1.35fr .9fr; gap: 22px; margin-top: 22px; }
.users-list { display: grid; gap: 10px; max-height: 430px; overflow: auto; }
.user-item { display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 14px; }
.user-avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #eeecff; color: var(--violet); font-weight: 800; }
.user-meta { min-width: 0; }
.user-meta b,.user-meta small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-meta small { color: var(--muted); margin-top: 3px; }
.user-actions { display: flex; gap: 5px; }
.icon-btn { border: 0; border-radius: 9px; padding: 7px 9px; background: #f1f1f6; color: var(--ink); cursor: pointer; }
.icon-btn.danger { color: #c62845; background: #fff0f2; }
.admin-badge { display: inline-block; margin-top: 5px; padding: 3px 6px; border-radius: 999px; background: #eeecff; color: var(--violet); font-size: 10px; font-weight: 800; }
.users-create { padding: 17px; border-radius: 16px; background: #f7f7fb; align-self: start; }
.users-create h3 { margin: 0 0 5px; }
.users-create .field { margin: 12px 0; }
.users-create .btn { margin-top: 5px; }
@media(max-width:700px){.nav{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.users-layout{grid-template-columns:1fr}.users-modal{max-height:90vh}.user-item{grid-template-columns:38px 1fr}.user-actions{grid-column:2}.users-list{max-height:300px}}