/* QHSA Portal UI (Sky-Blue Theme) */
.qhsa-portal{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #f8fafc;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 12px 30px rgba(2,6,23,.10);
  margin: 18px auto;
  max-width: 1200px;
  border: 1px solid #e5e7eb;
}
.qhsa-portal h2{margin:0 0 6px;color:#0f172a;font-size:1.85rem}
.qhsa-portal p{margin:0 0 14px;color:#475569}
.qhsa-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}
.qhsa-tab{
  border:none;background:#e5e7eb;color:#0f172a;
  padding:8px 14px;border-radius:999px;font-weight:700;font-size:.88rem;
  cursor:pointer;white-space:nowrap;
}
.qhsa-tab:hover{background:#dbe2ea}
.qhsa-tab.active{background:linear-gradient(135deg,#38bdf8,#60a5fa);color:#fff;box-shadow:0 6px 14px rgba(56,189,248,.35)}
.qhsa-panel-wrap{background:#fff;border-radius:14px;padding:18px;border:1px solid #e5e7eb}
.qhsa-panel{display:block}
.qhsa-hidden{display:none!important}
.qhsa-btn{
  border:none;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,#38bdf8,#60a5fa);color:#fff;
  box-shadow:0 6px 14px rgba(56,189,248,.28);
}
.qhsa-btn-secondary{border:none;border-radius:999px;padding:10px 18px;font-weight:800;background:#e5e7eb;color:#0f172a}
.qhsa-alert{border-radius:12px;padding:10px 12px;margin:10px 0;font-weight:700}
.qhsa-alert.success{background:#ecfeff;border:1px solid #38bdf8;color:#0c4a6e}
.qhsa-alert.error{background:#fef2f2;border:1px solid #ef4444;color:#7f1d1d}
.qhsa-form{max-width:900px}
.qhsa-row{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.qhsa-row label{font-weight:900;color:#0f172a}
.qhsa-row input,.qhsa-row textarea,.qhsa-row select{border:1px solid #e5e7eb;border-radius:12px;padding:10px;font-size:1rem;background:#fff}
.qhsa-help{color:#64748b;font-size:.92rem}
.qhsa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px}
.qhsa-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.qhsa-card h4{margin:0 0 6px;color:#0f172a}
.qhsa-card p{margin:0;color:#475569}
@media(max-width:640px){.qhsa-tabs{overflow-x:auto;white-space:nowrap}.qhsa-tab{flex:0 0 auto}}