.account-login-note{margin-bottom:16px}
.account-search-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.account-search-field{position:relative;display:flex;align-items:center;flex:1;max-width:620px}
.account-search-field>span{position:absolute;left:13px;color:var(--muted);font-size:18px;pointer-events:none}
.account-search-field .input{width:100%;padding-left:40px;min-height:44px}
.account-groups-grid{display:grid;gap:18px}
.account-group-card{overflow:hidden;border-top:4px solid var(--action-blue)}
.account-group-blue{border-top-color:var(--action-blue)}
.account-group-purple{border-top-color:var(--category-purple)}
.account-group-green{border-top-color:var(--communication-green)}
.account-group-orange{border-top-color:var(--highlight-orange)}
.account-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px 13px}
.account-group-head h3{margin:0;font-size:16px}
.account-group-head p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.account-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 10px;border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:900;white-space:nowrap}
.account-group-table{border-radius:0;border-left:0;border-right:0;border-bottom:0}
.account-group-table table{margin:0}
.account-group-table th:first-child,.account-group-table td:first-child{padding-left:18px}
.account-group-table th:last-child,.account-group-table td:last-child{padding-right:18px}
.account-group-empty{margin:0 18px 18px;padding:18px;border-radius:13px;background:var(--surface-2);color:var(--muted);font-size:12px;text-align:center}
.account-group-row[hidden]{display:none}

@media (max-width:820px){
  .account-search-bar{align-items:stretch;flex-direction:column;gap:8px}
  .account-search-field{max-width:none}
  .account-group-head{padding:15px 14px 11px}
  .account-group-table th:first-child,.account-group-table td:first-child{padding-left:14px}
  .account-group-table th:last-child,.account-group-table td:last-child{padding-right:14px}
}

@media (max-width:560px){
  .account-group-head h3{font-size:15px}
  .account-group-count{min-width:30px;height:28px;padding:0 8px}
  .account-search-field .input{font-size:13px}
}