.ip-list-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.ip-list-metric{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 20px;box-shadow:0 5px 25px #10214308}
.ip-list-metric>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#eaf0ff;color:#2f6bff;font:800 18px Manrope}
.ip-list-metric:nth-child(2)>span{background:#e5f8f1;color:#099c6b}
.ip-list-metric:nth-child(3)>span{background:#fff4dc;color:#bd7c00}
.ip-list-metric p,.ip-list-metric small,.ip-list-metric strong{display:block;margin:0}
.ip-list-metric small{font:700 9px Manrope;letter-spacing:1px;color:#8490a3}
.ip-list-metric strong{margin-top:5px;font:800 18px Manrope}
.ip-access-card{padding:0;overflow:hidden}
.ip-access-head{display:flex;align-items:flex-start;justify-content:space-between;padding:23px 24px 18px}
.ip-access-head h2{margin:4px 0}
.ip-access-head p{margin:3px 0 0;color:var(--muted)}
.ip-access-table{min-width:1000px}
.ip-access-table td{vertical-align:middle}
.ip-user-cell{display:flex;align-items:center;gap:11px}
.ip-user-cell .avatar{width:34px;height:34px;flex:0 0 34px;color:#fff}
.ip-user-cell strong,.ip-user-cell small{display:block}
.ip-user-cell small{margin-top:3px;color:var(--muted);font-size:10px}
.mid-code,.client-id-code{display:inline-block;padding:7px 9px;border-radius:7px;background:#f1f4f8;color:#30415d;font:700 10px monospace}
.client-id-code{background:#edf2ff;color:#265bd7}
.ip-badges{display:flex;flex-wrap:wrap;gap:6px;max-width:260px}
.ip-badge{display:inline-flex;align-items:center;padding:6px 8px;border-radius:7px;background:#e7f8f1;color:#087e5a;font:700 10px monospace}
.ip-badge.open-access{background:#fff2d7;color:#9a6500;font-family:Manrope}
.empty-access{color:#929cad;font-size:11px}
.callback-url{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f6bff;text-decoration:none;font-size:11px}
.callback-url:hover{text-decoration:underline}
.gateway-route-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:7px;background:#edf2ff;color:#285bd3;font:800 10px Manrope;white-space:nowrap}
.user-edit-dialog{width:min(680px,94vw)}
.user-control-field{padding:13px;border:1px solid #dfe7f4;border-radius:10px;background:#f8faff}
.user-control-field select{background:#fff}
.user-control-field small{color:#7f8b9f;font-size:9px;line-height:1.4}
@media(max-width:800px){.ip-list-metrics{grid-template-columns:1fr}.ip-access-head{padding:20px}.ip-access-head p{font-size:11px}}