.hpinfo-headerbar{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  flex-wrap:nowrap;
}
.hpinfo-bell,
.hpinfo-headerbar .hpinfo-bell,
.hpinfo-headerbar a.hpinfo-bell,
a.hpinfo-bell{
  position:relative !important;
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
  padding:0 !important;
  margin:0 !important;
  color:#ffd166 !important;
  font-size:24px !important;
  line-height:1 !important;
  cursor:pointer !important;
  min-width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
}
.hpinfo-bell:hover,
.hpinfo-bell:focus,
.hpinfo-headerbar .hpinfo-bell:hover,
.hpinfo-headerbar .hpinfo-bell:focus{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffe08a !important;
}
.hpinfo-bell__count{
  position:absolute;
  top:-6px;
  right:-10px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#ff5a5f;
  color:#fff;
  font-size:11px;
  line-height:18px;
  text-align:center;
  font-weight:700;
}
.hpinfo-manage-link{
  color:#f4f7fb !important;
  text-decoration:none !important;
  font-weight:700;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  white-space:nowrap;
  margin-left:2px;
}
.hpinfo-manage-link:hover{
  color:#ffffff !important;
  text-decoration:none !important;
}
.hpinfo-bannerbar{
  display:flex;
  gap:10px;
  overflow:hidden;
  flex:1 1 auto;
  min-width:0;
  align-items:center;
}
.hpinfo-bannerchip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(9,18,41,.42);
  backdrop-filter:blur(8px);
  border-radius:10px;
  white-space:nowrap;
  min-width:0;
  text-decoration:none;
  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.hpinfo-bannerchip--alert{
  border-color: rgba(255,120,120,.35);
  box-shadow: 0 0 0 1px rgba(255,90,90,.08);
}
.hpinfo-bannerchip:hover{
  background:rgba(15,29,61,.62);
  border-color:rgba(255,255,255,.18);
  text-decoration:none;
}
.hpinfo-bannerchip--alert{
  border-color: rgba(255,120,120,.35);
  box-shadow: 0 0 0 1px rgba(255,90,90,.08);
}
.hpinfo-bannerchip--alert:hover{
  border-color: rgba(255,140,140,.48);
}
.hpinfo-bannerchip--alert:hover{
  border-color: rgba(255,140,140,.48);
}
.hpinfo-bannerchip__title{
  color:#f4f7fb;
  font-size:14px;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hpinfo-bannerchip--more{
  color:#dbeafe;
  font-weight:700;
}
.hpinfo-bannerchip.is-hidden{
  display:none !important;
}
.hpinfo-single-wrap,
.hpinfo-wrap,
.hpinfo-manage{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.hpinfo-single-wrap--panel,
.hpinfo-wrap--panel{
  max-width:1200px;
  width:100%;
  margin:0 auto;
}
.hpinfo-search__form{
  display:flex;
  gap:12px;
}
.hpinfo-search__form input{
  flex:1 1 auto;
  min-width:0;
  background:rgba(9,18,41,.62);
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:14px 16px;
}
.hpinfo-search__form input::placeholder{color:#cbd5e1;}
.hpinfo-search__form button,
.hpinfo-btn{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(12,24,52,.72);
  color:#f8fafc;
  border-radius:10px;
  padding:12px 16px;
  text-decoration:none;
  font-weight:700;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.hpinfo-btn:hover{
  text-decoration:none;
  background:rgba(20,36,71,.88);
  color:#fff;
}
.hpinfo-btn--ghost{
  background:rgba(255,255,255,.04);
}
.hpinfo-btn--danger{
  background:rgba(127,29,29,.6);
  border-color:rgba(248,113,113,.25);
}
.hpinfo-card,.hpinfo-panel{
  background:rgba(6,16,42,.70);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:24px;
  color:#f8fafc;
  backdrop-filter:blur(8px);
  box-sizing:border-box;
}
.hpinfo-card{
  width:100%;
}
.hpinfo-card__title{
  margin:0 0 6px;
  color:#f8fafc;
  font-size:clamp(1.4rem, 2vw, 1.8rem);
  line-height:1.15;
}
.hpinfo-card__date{
  color:#cbd5e1;
  font-size:14px;
}
.hpinfo-card__body{
  margin-top:16px;
  color:#e5eefc;
}
.hpinfo-card__body,
.hpinfo-card__body p,
.hpinfo-card__body li,
.hpinfo-card__body strong,
.hpinfo-card__body em{
  color:#e5eefc;
}
.hpinfo-card__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.hpinfo-empty,.hpinfo-notice{
  background:rgba(6,16,42,.70);
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  padding:14px 16px;
}
.hpinfo-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.hpinfo-field label{
  display:block;
  margin-bottom:8px;
  color:#f8fafc;
  font-weight:700;
}
.hpinfo-field small{
  color:#cbd5e1;
}
.hpinfo-field input[type="text"],
.hpinfo-field input[type="date"],
.hpinfo-field textarea,
.hpinfo-field input[type="file"]{
  width:100%;
  background:rgba(2,8,23,.58);
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:14px 16px;
  box-sizing:border-box;
}
.hpinfo-field input[type="date"]{
  color-scheme: dark;
}
.hpinfo-field input[type="date"]::-webkit-calendar-picker-indicator{
  filter: invert(1) brightness(1.4);
  opacity: .95;
  cursor: pointer;
}
.hpinfo-field input[type="file"]{
  padding:12px 14px;
}
.hpinfo-field textarea{
  min-height:260px;
  resize:vertical;
}
.hpinfo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.hpinfo-current-pdf{
  margin-top:10px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}
.hpinfo-current-pdf a,
.hpinfo-remove-pdf{
  color:#dbeafe;
}
.hpinfo-form__actions,
.hpinfo-manage-item__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.hpinfo-manage-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.hpinfo-manage-item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:14px 16px;
  background:rgba(255,255,255,.03);
}
.hpinfo-manage-item__meta span{
  display:block;
  color:#cbd5e1;
  font-size:13px;
  margin-top:4px;
}
@media (max-width: 900px){
  .hpinfo-headerbar{
    flex-wrap:nowrap;
    overflow-x:auto;
    align-items:center;
  }
  .hpinfo-bannerbar{
    overflow-x:auto;
    padding-bottom:4px;
  }
  .hpinfo-grid{
    grid-template-columns:1fr;
  }
  .hpinfo-manage-item{
    flex-direction:column;
    align-items:flex-start;
  }
}