.hpstart-dm-wrap{
  background:#f8fafc;
  color:#0f172a;
  border:1px solid rgba(15,23,42,.08);
  border-radius:32px;
  padding:36px;
  box-shadow:0 12px 40px rgba(2,6,23,.08);
}
.hpstart-dm-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  margin-bottom:18px;
}
.hpstart-dm-brand{
  font-size:30px;
  font-weight:800;
  letter-spacing:.08em;
  color:#2563eb;
}
.hpstart-dm-title{
  margin:0 0 10px;
  font-size:clamp(28px, 3vw, 42px);
  line-height:1.1;
  color:#0f172a;
}
.hpstart-dm-subtitle{
  margin:0 0 28px;
  font-size:16px;
  line-height:1.5;
  color:#64748b;
  max-width:900px;
}
.hpstart-dm-stats{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.hpstart-dm-stat{
  min-width:140px;
  background:#eef2ff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  padding:18px 20px;
  text-align:center;
}
.hpstart-dm-stat strong{
  display:block;
  font-size:34px;
  line-height:1;
  color:#0f172a;
  margin-bottom:8px;
}
.hpstart-dm-stat span{
  color:#64748b;
  font-size:16px;
}
.hpstart-dm-toolbar{
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px;
  flex-wrap:wrap;
}
.hpstart-dm-search{
  flex:1 1 520px;
  width:100%;
  min-height:64px;
  padding:0 22px;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  font-size:18px;
  box-sizing:border-box;
}
.hpstart-dm-search::placeholder{ color:#94a3b8; }
.hpstart-dm-toolbar-right{
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
}
.hpstart-dm-count{
  font-size:18px;
  font-weight:700;
  color:#0f172a;
}
.hpstart-dm-reset{
  min-height:56px;
  padding:0 22px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}
.hpstart-dm-reset:hover{ background:#f1f5f9; }
.hpstart-dm-manufacturers{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
  max-height:none;
  overflow:visible;
}
.hpstart-dm-chip{
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#1e293b;
  min-height:52px;
  padding:0 20px;
  border-radius:999px;
  font-size:16px;
  cursor:pointer;
  transition:.2s ease;
}
.hpstart-dm-chip:hover{
  background:#eff6ff;
  border-color:#93c5fd;
}
.hpstart-dm-chip.is-active{
  background:#0f172a;
  color:#fff;
  border-color:#0f172a;
}
.hpstart-dm-table-wrap{
  overflow-x:auto;
  border:1px solid rgba(15,23,42,.1);
  border-radius:24px;
  background:#fff;
}
.hpstart-dm-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:760px;
}
.hpstart-dm-table thead th{
  background:#0f172a;
  color:#fff;
  text-align:left;
  padding:18px 24px;
  font-size:17px;
}
.hpstart-dm-table thead th:first-child{ border-top-left-radius:22px; }
.hpstart-dm-table thead th:last-child{ border-top-right-radius:22px; }
.hpstart-dm-table tbody td{
  padding:22px 24px;
  border-top:1px solid rgba(15,23,42,.08);
  font-size:18px;
  color:#1e293b;
  vertical-align:top;
}
.hpstart-dm-cell-brand{
  font-weight:800;
  color:#0f172a;
  white-space:nowrap;
}
.hpstart-dm-badge{
  display:inline-block;
  padding:12px 18px;
  border-radius:999px;
  background:#e8f0ff;
  color:#1d4ed8;
  font-weight:800;
  white-space:nowrap;
}
.hpstart-dm-empty{
  padding:24px;
  text-align:center;
  color:#64748b;
  font-size:18px;
}
@media (max-width: 900px){
  .hpstart-dm-wrap{ padding:22px; border-radius:24px; }
  .hpstart-dm-head{ flex-direction:column; }
  .hpstart-dm-stat{ min-width:120px; }
}