.account-metrics,.employee-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.account-metrics article,.employee-summary article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 18px}.account-metrics span,.account-metrics b,.account-metrics small,.employee-summary span,.employee-summary b,.employee-summary small{display:block}.account-metrics span,.employee-summary span{font-size:12px;color:#667085}.account-metrics b,.employee-summary b{font-size:24px;margin:7px 0 4px}.account-metrics small,.employee-summary small{font-size:11px;color:#98a2b3}.accounts-toolbar{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pills button{border:1px solid var(--line);background:#fff;color:#667085;border-radius:20px;padding:7px 11px;font-size:12px}.filter-pills button.active{border-color:#aac0ff;background:#eef3ff;color:#245cff}.search-compact{min-width:230px;border:1px solid var(--line);background:#fff;color:#98a2b3;border-radius:9px;padding:9px 12px;font-size:12px}.account-table-card,.employee-table-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.account-table-head,.account-table-row{display:grid;grid-template-columns:minmax(210px,1.2fr) 110px minmax(260px,1.5fr) 140px 110px 58px;gap:14px;align-items:center;padding:14px 18px}.account-table-head{background:#f8fafc;color:#667085;font-size:11px}.account-table-row{border-top:1px solid var(--line);font-size:12px}.account-identity{display:flex;align-items:center;gap:10px}.channel-logo.small{width:38px;height:38px;border-radius:10px;font-size:13px;flex:none}.account-identity b,.account-identity small{display:block}.account-identity b{font-size:13px}.account-identity small{color:#98a2b3;font-size:10px;margin-top:3px}.account-type{width:max-content;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:650}.account-type.personal{background:#f2f4f7;color:#475467}.account-type.business{background:#e9f8f2;color:#087b58}.permission-summary{display:flex;flex-wrap:wrap;gap:5px}.permission{font-size:10px;border-radius:5px;padding:4px 6px}.permission.allowed{background:#e9f8f2;color:#087b58}.permission.denied{background:#fff0f1;color:#c43d4d}.permission.review{background:#fff5dc;color:#9b6500}.assigned-staff{display:flex;align-items:center}.assigned-staff i,.member>i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eaf0ff;color:#245cff;font-style:normal;font-size:10px;font-weight:700;border:2px solid #fff;margin-right:-5px}.assigned-staff span{margin-left:10px;color:#667085;font-size:11px}.health{width:max-content;font-size:10px;border-radius:20px;padding:5px 8px}.health.healthy{background:#e9f8f2;color:#087b58}.health.limited{background:#f2f4f7;color:#475467}.health.warning{background:#fff5dc;color:#9b6500}.row-action{border:0;background:none;color:#245cff;font-size:11px}.capability-card{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:16px}.capability-card>div{background:#fff;padding:17px 18px}.capability-card b{font-size:13px}.capability-card p{font-size:11px;color:#667085;line-height:1.65;margin:7px 0 0}.employee-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.employee-table-head{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.employee-table-head h3{font-size:16px;margin:0}.employee-table-head p{font-size:11px;color:#98a2b3;margin:5px 0 0}.employee-row{display:grid;grid-template-columns:minmax(210px,1fr) 110px minmax(150px,.8fr) 70px 52px;gap:12px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);font-size:12px}.member{display:flex;align-items:center;gap:11px}.member>i{width:36px;height:36px;margin:0}.member b,.member small{display:block}.member small{font-size:10px;color:#98a2b3;margin-top:4px}.role,.member-status{width:max-content;border-radius:20px;padding:5px 8px;font-size:10px}.role.admin{background:#eaf0ff;color:#245cff}.role.supervisor{background:#f1ebff;color:#7456d8}.role.agent{background:#e9f8f2;color:#087b58}.role.pending-role{background:#f2f4f7;color:#667085}.member-status.active{color:#087b58}.member-status.pending-member{background:#fff5dc;color:#9b6500}.permission-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.permission-panel h3{font-size:15px;margin:0 0 12px}.role-card{padding:12px 0;border-bottom:1px solid var(--line)}.role-card:last-child{border:0}.role-card b{font-size:12px}.role-card p{font-size:11px;line-height:1.55;color:#667085;margin:5px 0 0}.security-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:16px;background:#0d1834;color:#fff;border-radius:14px;padding:18px}.security-flow>div{display:grid;grid-template-columns:30px 1fr;column-gap:9px}.security-flow span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#245cff;display:grid;place-items:center;font-weight:700}.security-flow b{font-size:12px}.security-flow p{font-size:10px;color:#aab5ce;margin:4px 0 0}.security-flow>i{font-style:normal;color:#61708f}.notice{margin-top:16px}@media(max-width:1200px){.account-table-head{display:none}.account-table-row{grid-template-columns:1fr 110px minmax(230px,1fr);grid-auto-rows:auto}.assigned-staff,.health,.account-table-row .row-action{margin-left:48px}.employee-layout{grid-template-columns:1fr}.permission-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.permission-panel h3{grid-column:1/-1}}@media(max-width:820px){.account-metrics,.employee-summary{grid-template-columns:1fr 1fr}.accounts-toolbar{align-items:stretch;gap:10px;flex-direction:column}.account-table-row{grid-template-columns:1fr}.assigned-staff,.health,.account-table-row .row-action{margin-left:0}.capability-card{grid-template-columns:1fr}.employee-row{grid-template-columns:1fr 1fr}.employee-row .member{grid-column:1/-1}.security-flow{grid-template-columns:1fr}.security-flow>i{transform:rotate(90deg);justify-self:center}.permission-panel{grid-template-columns:1fr}.permission-panel h3{grid-column:auto}}@media(max-width:520px){.account-metrics,.employee-summary{grid-template-columns:1fr}.employee-row{grid-template-columns:1fr}.search-compact{min-width:0}}