.broker-index-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.broker-index-kpis article{position:relative;min-height:102px;padding:20px;border:1px solid #dbe4ef;border-radius:22px;background:linear-gradient(135deg,#fff,#f8fbff);overflow:hidden}.broker-index-kpis span{display:block;color:#5e7190;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.broker-index-kpis strong{display:block;margin-top:8px;color:#102751;font-size:29px}.broker-index-kpis i{position:absolute;right:19px;top:20px;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#173b7e;color:#fff;box-shadow:0 10px 22px #173b7e3a}.broker-index-kpis i svg{width:23px}.broker-index-kpis .tone-1 i{background:#008fc7}.broker-index-kpis .tone-2 i{background:#9829df}.broker-index-kpis .tone-3 i{background:#00a878}.broker-index-toolbar{margin-bottom:20px;padding:19px 20px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 10px 25px #102b620b}.broker-index-toolbar form{display:flex;gap:10px}.broker-index-toolbar .table-search{max-width:none}.broker-index-toolbar .btn-primary{display:flex;align-items:center;gap:8px;white-space:nowrap}.broker-index-toolbar .btn-primary svg{width:17px}.broker-filter-pills{display:flex;align-items:center;gap:8px;margin-top:14px}.broker-filter-pills>b{color:#607491;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.broker-filter-pills a{display:flex;gap:8px;padding:6px 12px;border:1px solid #dce5ef;border-radius:999px;color:#2f4261;font-size:11px}.broker-filter-pills a span{color:#7890ae}.broker-filter-pills a.active{border-color:#7195cc;background:#f1f5fc;color:#102e69;box-shadow:0 3px 9px #173b7e18}.broker-index-table{border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 10px 25px #102b620b;overflow:hidden}.broker-index-table table{width:100%;border-collapse:collapse}.broker-index-table th{padding:16px 20px;background:#f9fbfd;color:#17366f;font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.18em}.broker-index-table td{padding:14px 20px;border-top:1px solid #e4eaf2;vertical-align:middle}.broker-index-name{display:flex;align-items:center;gap:11px}.broker-index-name>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#4e79bb,#153675);color:#fff;box-shadow:0 5px 11px #173b7e28}.broker-index-name svg{width:20px}.broker-index-name strong,.broker-index-name small,.broker-contact-cell span,.broker-contact-cell small,.broker-admin-cell strong,.broker-admin-cell small{display:block}.broker-index-name strong{color:#10264e}.broker-index-name small{margin-top:3px;color:#617693;font-size:10px}.broker-index-name small i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#09c58b}.broker-kind-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #91d8fa;border-radius:999px;background:#eefaff;color:#0084bd;font-size:10px;font-weight:700}.broker-kind-pill svg{width:13px}.broker-kind-pill.kind-person{border-color:#ddb7fa;background:#fbf1ff;color:#8e20d6}.broker-contact-cell,.broker-admin-cell{color:#233858;font-size:11px}.broker-contact-cell small,.broker-admin-cell small{margin-top:3px;color:#607796;font-size:9px}.broker-commission-pill{display:inline-flex;padding:6px 9px;border-radius:10px;background:#f0f4fa;color:#173b7e;font-size:11px;font-weight:800}.broker-index-actions{display:flex;align-items:center;gap:6px}.broker-index-actions a,.broker-index-actions button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #dce5ef;border-radius:50%;background:#fff;color:#173b7e;cursor:pointer}.broker-index-actions svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.broker-index-actions .danger{border-color:#ffd4dc;color:#f12b47}.broker-index-actions a:hover,.broker-index-actions button:hover{background:#f3f7fd;transform:translateY(-1px)}@media(max-width:950px){.broker-index-kpis{grid-template-columns:1fr 1fr}.broker-index-toolbar form{flex-wrap:wrap}.broker-index-toolbar .table-search{flex-basis:80%}}@media(max-width:600px){.broker-index-kpis{grid-template-columns:1fr}.broker-filter-pills{flex-wrap:wrap}.broker-index-toolbar .btn-primary{width:100%;justify-content:center}}
