.users-card[hidden]{display:none!important}.users-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:18px}.users-list{display:grid;gap:8px;align-content:start}.user-row{width:100%;padding:13px 14px;border:1px solid #dce5e8;border-radius:10px;background:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.user-row:hover,.user-row.active{border-color:#08aec2;background:#f0fafb}.user-row b{display:block;color:#18313b}.user-row small{color:#6b7f88}.user-badges{display:flex;gap:5px}.user-badges span{padding:4px 7px;border-radius:999px;background:#e5f6f8;color:#087a8c;font-size:9px;font-weight:800}.user-badges .off{background:#f2e8e8;color:#9a4141}.user-form{padding:18px;border:1px solid #dce5e8;border-radius:12px;background:#f8fbfc;display:grid;grid-template-columns:1fr 1fr;gap:14px}.user-form label{display:flex;flex-direction:column;gap:6px;color:#4c6068;font-size:11px;font-weight:750}.user-form input,.user-form select{width:100%;padding:11px 12px;border:1px solid #dce5e8;border-radius:8px;background:#fff}.user-form .user-active{grid-column:1/-1;display:flex;flex-direction:row;align-items:center}.user-form .user-active input{width:auto}.user-form .message{grid-column:1/-1;margin:0;min-height:18px}.user-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.user-form-actions button{padding:10px 15px;border-radius:8px;border:1px solid #dce5e8}.user-form-actions .save{border-color:#087a8c}@media(max-width:800px){.users-layout,.user-form{grid-template-columns:1fr}}