.dhHiringCenter{
  display:flex;
  flex-direction:column;
  gap:22px;
  min-width:0;
}
.dhHiringKicker{
  margin:0 0 6px;
  color:#d7b4ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.dhHiringHero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:26px;
  border:1px solid rgba(175,55,255,.35);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(169,44,255,.28),transparent 42%),
    linear-gradient(180deg,#1a1028,#100b16);
}
.dhHiringHero h1{
  margin:0 0 8px;
  font-size:40px;
  line-height:1.05;
}
.dhHiringHero p{
  max-width:62ch;
  margin:0;
  color:#cbbfdb;
}
.dhHiringSummary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.dhHiringStat{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  min-height:92px;
  padding:16px 18px;
  border:1px solid #3a2748;
  border-radius:16px;
  background:#120c1a;
  color:#fff;
  text-align:left;
}
button.dhHiringStat{
  cursor:pointer;
  min-height:44px;
}
button.dhHiringStat:hover,
button.dhHiringStat:focus-visible{
  border-color:#af37ff;
}
.dhHiringStat span{
  color:#b9adc8;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dhHiringStat b{
  font-size:32px;
  line-height:1;
}
.dhHiringForm,
.dhHiringManage{
  padding:22px;
  border:1px solid #322044;
  border-radius:18px;
  background:#110c18;
}
.dhHiringForm h2,
.dhHiringManage h2{
  margin:0 0 8px;
}
.dhHiringForm p,
.dhHiringEmpty p,
.dhHiringEmptyFilter p{
  color:#cbbfdb;
}
.dhHiringDates{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.dhHiringForm textarea{
  min-height:120px;
}
.dhHiringFormActions,
.dhHiringActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.dhHiringFormActions .btn,
.dhHiringActions .btn,
.dhHiringHero .btn,
.dhHiringEmpty .btn,
.dhHiringUpgrade .btn{
  min-height:44px;
}
.dhHiringManageHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.dhHiringFilters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.dhHiringFilter{
  min-height:44px;
  padding:0 14px;
  border:1px solid #4a3260;
  border-radius:999px;
  background:transparent;
  color:#efe7f8;
  cursor:pointer;
}
.dhHiringFilter.is-selected{
  border-color:#af37ff;
  background:#2a1540;
}
.dhHiringFilter span{
  margin-left:6px;
  color:#d7b4ff;
}
.dhHiringCard{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:12px;
  padding:18px;
  border:1px solid #3a2748;
  border-radius:16px;
  background:#0d0913;
  min-width:0;
}
.dhHiringCardTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.dhHiringCard h3{
  margin:0 0 4px;
  overflow-wrap:anywhere;
}
.dhHiringCard p{
  margin:0;
  color:#cbbfdb;
}
.dhHiringMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px!important;
  color:#b9adc8!important;
  font-size:13px;
}
.dhHiringMeta span{
  padding:4px 8px;
  border-radius:999px;
  background:#1b1224;
}
.dhHiringPill{
  align-self:flex-start;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.dhHiringPill-open{color:#b8ffd8;background:#143222}
.dhHiringPill-closed{color:#ffd0d8;background:#3a1822}
.dhHiringPill-filled{color:#ffe3ad;background:#3a2c12}
.dhHiringFacts{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin:0;
}
.dhHiringFacts div{min-width:0}
.dhHiringFacts dt{
  color:#b9adc8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dhHiringFacts dd{
  margin:2px 0 0;
  font-size:18px;
  font-weight:800;
}
.dhHiringEmpty,
.dhHiringEmptyFilter{
  padding:28px 8px 12px;
}
.dhHiringEmpty h2,
.dhHiringEmptyFilter h3{margin:0 0 8px}
.dhHiringCenter button:focus-visible,
.dhHiringUpgrade button:focus-visible{
  outline:2px solid #e7c6ff;
  outline-offset:3px;
}
.dhHiringUpgrade{
  max-width:760px;
}
.dhHiringUpgrade h1{margin:0 0 8px}
@media(max-width:800px){
  .dhHiringHero,
  .dhHiringManageHead,
  .dhHiringCardTop{flex-direction:column;align-items:flex-start}
  .dhHiringHero h1{font-size:32px}
  .dhHiringSummary{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){
  .dhHiringHero,
  .dhHiringForm,
  .dhHiringManage{padding:16px}
  .dhHiringSummary,
  .dhHiringDates{grid-template-columns:1fr}
  .dhHiringHero h1{font-size:28px}
  .dhHiringStat b{font-size:28px}
}