.user-management-view{--um-ink:#1f2b3f;--um-muted:#748197;--um-border:#dfe5ee}.user-management-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:24px 27px;border:1px solid var(--um-border);border-radius:20px;background:radial-gradient(circle at 87% 5%,rgba(91,83,235,.13),transparent 240px),linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 12px 34px rgba(34,48,82,.055)}.user-management-kicker{display:inline-flex;align-items:center;gap:7px;color:#5d5acb;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.user-management-hero h2{margin:7px 0 4px;color:#1d293d;font-size:25px;letter-spacing:-.035em}.user-management-hero p{margin:0;color:#778499;font-size:11px}.user-management-layout{grid-template-columns:280px minmax(0,1fr);align-items:start}.user-management-navigation{position:sticky;top:16px}.user-management-navigation .settings-nav-item>b{min-width:23px;margin-left:auto;padding:3px 7px;border-radius:999px;background:#eef0ff;color:#5551ca;font-size:9px;text-align:center}.user-management-navigation .settings-nav-item .account-nav-arrow{margin-left:0}.user-management-content{min-width:0}.user-management-panel[hidden]{display:none!important}.user-management-panel{overflow:hidden;border:1px solid var(--um-border);border-radius:19px;background:#fff;box-shadow:0 10px 32px rgba(29,43,73,.05)}.user-management-panel-heading{display:flex;min-height:105px;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #e8ecf2;background:radial-gradient(circle at 90% 0,rgba(91,83,235,.08),transparent 210px),#fff}.user-management-panel-heading>div>span{color:#6460d3;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.user-management-panel-heading h3{margin:5px 0 3px;color:var(--um-ink);font-size:20px;letter-spacing:-.025em}.user-management-panel-heading p{margin:0;color:var(--um-muted);font-size:10px}.user-management-panel-heading>i{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#efefff;color:#5651d1;font-size:16px}.user-management-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:18px 20px 0}.user-management-stats article{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #e2e7ee;border-radius:14px;background:#fbfcfe}.user-management-stats article>span{display:grid;width:39px;height:39px;flex:none;place-items:center;border-radius:11px}.user-management-stats .tone-indigo{background:#efefff;color:#5c57d6}.user-management-stats .tone-green{background:#e8f7f1;color:#16775a}.user-management-stats .tone-orange{background:#fff3e3;color:#a86317}.user-management-stats .tone-blue{background:#eaf3ff;color:#3971bb}.user-management-stats small,.user-management-stats strong,.user-management-stats em{display:block}.user-management-stats small{color:#7c899c;font-size:8px}.user-management-stats strong{margin:1px 0;color:#28364d;font-size:20px;line-height:1}.user-management-stats em{margin-top:4px;color:#99a3b1;font-size:7px;font-style:normal}.user-management-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;padding:14px 20px 20px}.user-management-overview-card{overflow:hidden;border:1px solid #e1e6ed;border-radius:15px;background:#fff}.user-management-overview-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #edf0f4;background:#fafbfc}.user-management-overview-card>header span{color:#737bd0;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.user-management-overview-card>header h4{margin:3px 0 0;color:#334158;font-size:13px}.user-management-inline-link{padding:0;border:0;background:transparent;color:#5f5bc8;font-size:9px;font-weight:750;cursor:pointer}.user-management-inline-link i{margin-left:4px}.user-management-attention-list,.user-management-role-distribution{display:grid;padding:8px 15px 13px}.user-management-attention-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f4}.user-management-attention-item:last-child{border-bottom:0}.user-management-attention-item>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#fff2e5;color:#aa6018}.user-management-attention-item strong,.user-management-attention-item small{display:block}.user-management-attention-item strong{overflow:hidden;color:#3b485d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.user-management-attention-item small{margin-top:2px;color:#8a96a7;font-size:8px}.user-management-attention-item em{padding:4px 7px;border-radius:999px;background:#fff1f2;color:#b23549;font-size:7px;font-style:normal;font-weight:800}.user-management-overview-empty{display:grid;min-height:150px;place-items:center;align-content:center;gap:6px;color:#8b97a8;text-align:center}.user-management-overview-empty i{font-size:22px;color:#52a98d}.user-management-overview-empty strong{color:#4e5b70;font-size:10px}.user-management-role-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px 0;border-bottom:1px solid #eef1f4}.user-management-role-row:last-child{border-bottom:0}.user-management-role-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.user-management-role-row strong{color:#46536a;font-size:9px}.user-management-role-row small{color:#8c97a7;font-size:8px}.user-management-role-row>div:last-child{grid-column:1/-1;height:5px;overflow:hidden;border-radius:999px;background:#eef0f4}.user-management-role-row>div:last-child span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6962e6,#8d86f1)}.user-management-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 180px 190px;gap:10px;padding:17px 20px 10px}.user-management-search{position:relative}.user-management-search>i{position:absolute;z-index:1;top:50%;left:14px;color:#909bac;font-size:12px;transform:translateY(-50%)}.user-management-search input{padding-right:39px;padding-left:38px}.user-management-search button{position:absolute;top:50%;right:8px;display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:transparent;color:#8995a6;cursor:pointer;transform:translateY(-50%)}.user-management-results{min-height:25px;padding:0 21px 9px;color:#8995a6;font-size:9px}.user-management-results strong{color:#4e5c72}.user-management-table-panel{margin:0 20px 20px;box-shadow:none}.user-management-role-note{display:flex;align-items:flex-start;gap:12px;margin:17px 20px 13px;padding:14px 15px;border:1px solid #dfe3f5;border-radius:13px;background:#f8f8ff}.user-management-role-note>span{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:10px;background:#eae9ff;color:#5c56d1}.user-management-role-note strong{display:block;color:#3d4960;font-size:11px}.user-management-role-note p{margin:3px 0 0;color:#78859a;font-size:9px;line-height:1.5}@media(max-width:1150px){.user-management-layout{grid-template-columns:245px minmax(0,1fr)}.user-management-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.user-management-toolbar{grid-template-columns:1fr 155px}.user-management-toolbar select:last-child{grid-column:1/-1}}@media(max-width:820px){.user-management-hero{align-items:flex-start;flex-direction:column}.user-management-layout{grid-template-columns:1fr}.user-management-navigation{position:static;display:flex;gap:5px;overflow-x:auto;padding:8px}.user-management-navigation .account-navigation-head,.user-management-navigation .account-navigation-note{display:none}.user-management-navigation button.settings-nav-item{display:flex;min-height:46px;flex:0 0 auto;margin:0;padding:5px 10px}.user-management-navigation .settings-nav-item small,.user-management-navigation .account-nav-arrow{display:none}.user-management-overview-grid{grid-template-columns:1fr}}@media(max-width:620px){.user-management-hero{padding:20px}.user-management-hero .header-actions{display:grid;width:100%;grid-template-columns:1fr}.user-management-panel-heading{align-items:flex-start;padding:19px}.user-management-panel-heading>i{display:none}.user-management-stats{grid-template-columns:1fr;padding:14px 15px 0}.user-management-overview-grid{padding:12px 15px 15px}.user-management-toolbar{grid-template-columns:1fr;padding:15px}.user-management-toolbar select:last-child{grid-column:auto}.user-management-results{padding:0 16px 9px}.user-management-table-panel{margin:0 15px 15px}.user-management-role-note{margin:15px}.user-management-panel-heading>.button{width:auto}}
