.qhsa-portal{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:#f8fafc;
  border-radius:10px;
  padding:24px;
  box-shadow:0 10px 25px rgba(15,23,42,.08);
  margin:20px auto;
  max-width:1200px;
}
.qhsa-portal-header h2{margin:0 0 4px;color:#0f172a;font-size:1.8rem}
.qhsa-portal-header p{margin:0 0 16px;color:#475569}
.qhsa-tabs-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;border-bottom:1px solid #e5e7eb;padding-bottom:6px}
.qhsa-tab{border:none;background:#e0f2fe;color:#0f172a;padding:8px 14px;border-radius:999px;font-size:.88rem;cursor:pointer;white-space:nowrap}
.qhsa-tab:hover{background:#cfeffd}
.qhsa-tab.active{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;box-shadow:0 6px 14px rgba(2,132,199,.35)}
.qhsa-tabs-content{background:#fff;border-radius:10px;padding:20px 18px;border:1px solid #e5e7eb}
.qhsa-tab-panel{display:block}
.qhsa-hidden{display:none!important}
.qhsa-btn,.qhsa-btn-secondary{border-radius:999px;padding:8px 18px;border:none;font-weight:600;opacity:.85;cursor:not-allowed}
.qhsa-btn{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff}
.qhsa-btn-secondary{background:#e5e7eb;color:#0f172a}
.qhsa-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.9rem}
.qhsa-table thead{background:#f3f4f6}
.qhsa-table th,.qhsa-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left}
.qhsa-placeholder-row td{color:#94a3b8;font-style:italic}
.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:10px;padding:12px}
.qhsa-card h4{margin:0 0 6px;color:#0f172a}
.qhsa-card p{margin:0;color:#475569;font-size:.92rem}
@media(max-width:640px){.qhsa-tabs-nav{overflow-x:auto;white-space:nowrap}.qhsa-tab{flex:0 0 auto}}