.users-toolbar{display:flex;align-items:center;gap:16px;background:var(--surface);border-radius:13px;padding:12px 16px;min-height:54px;margin-bottom:13px}.shell .users-toolbar h1{font-size:13px;margin:0;display:flex;align-items:center;gap:7px;letter-spacing:0}.users-toolbar h1 svg{width:14px;height:14px}.users-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.shell .users-controls input{width:155px;height:28px;margin:0;font-size:10px}.shell .users-controls .primary{padding:6px 9px;font-size:10px;min-height:28px}.shell .users-filters{display:flex;gap:12px;align-items:end;padding:14px;margin-bottom:16px}.users-filters label{flex:1;min-width:0;margin:0;font-size:10px}.shell .users-filters select{font-size:11px;height:30px;padding:5px 9px}.users-filters button{font-size:11px}
.users-list{background:var(--surface);border-radius:13px;overflow:hidden}.users-list table{min-width:950px;width:100%;table-layout:fixed}.shell .users-list th{font-size:10px;padding:12px 10px;height:48px}.shell .users-list td{height:51px;font-size:10px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list th:first-child{width:13%}.users-list th:nth-child(2){width:22%}.users-list th:nth-child(3){width:22%}.users-list th:nth-child(4){width:17%}.users-list th:nth-child(5){width:11%}.users-list th:nth-child(6){width:10%}.users-list th:last-child{width:64px}.users-list th:last-child,.users-list td:last-child{border-left:1px solid var(--line);text-align:center}.users-list .member-avatar{background:#27b6e9;color:#101418;border:0;width:32px;height:32px;min-width:32px;font-size:11px}.users-list .member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.users-list .member-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.users-list .member-identity{gap:8px;min-width:0}.users-phone{display:flex;align-items:center;gap:7px}.users-phone svg{width:13px;height:13px;flex-shrink:0;color:var(--muted)}.users-disabled{font-size:8px;color:#ff9999}.shell .users-list .users-empty{text-align:center;height:170px;color:var(--muted)}
.users-cards-view thead{display:none}.users-cards-view table{min-width:0;display:block}.users-cards-view tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.users-cards-view tr{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}.shell .users-cards-view td{height:auto;padding:6px 0;border:0;display:flex;gap:8px;align-items:center;white-space:normal;overflow-wrap:anywhere}.users-cards-view td:before{content:attr(data-label);color:var(--muted);font-size:9px;min-width:80px}.users-cards-view td:last-child:before{display:none}.users-cards-view td:last-child{justify-content:flex-end}.users-cards-view .users-empty:before{display:none}
@media(max-width:1050px){.users-cards-view tbody{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.users-toolbar{flex-wrap:wrap;gap:10px}.users-controls{margin:0;width:100%;flex-wrap:wrap}.shell .users-controls input{flex:1;width:100px;min-width:100px}.shell .users-filters{flex-wrap:wrap}.users-filters label{flex:1 1 100px}.users-cards-view tbody{grid-template-columns:1fr}}