:root{--hsph-blue:#005bac;--hsph-green:#00a651;--hsph-bg:#f8fafc;--hsph-text:#0f172a;--hsph-muted:#64748b;--hsph-border:#e2e8f0;--hsph-card:#fff} .hsph-dashboard,.hsph-directory,.hsph-profile-form-wrap{max-width:1180px;margin:0 auto;padding:32px 20px;color:var(--hsph-text)}.hsph-hero-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border-radius:24px;background:linear-gradient(135deg,#082f49,#005bac);color:#fff;margin-bottom:24px}.hsph-hero-panel h1{margin:0 0 8px;font-size:36px}.hsph-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:#bfdbfe}.hsph-btn{display:inline-block;background:var(--hsph-green);color:#fff!important;padding:12px 18px;border-radius:999px;text-decoration:none;border:0;font-weight:700;cursor:pointer}.hsph-grid{display:grid;gap:18px;margin:22px 0}.hsph-grid-4{grid-template-columns:repeat(4,1fr)}.hsph-grid-3{grid-template-columns:repeat(3,1fr)}.hsph-card,.hsph-stat,.hsph-profile-card{background:var(--hsph-card);border:1px solid var(--hsph-border);border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.hsph-stat strong{display:block;font-size:28px;color:var(--hsph-blue)}.hsph-stat span,.hsph-muted{color:var(--hsph-muted)}.hsph-center{text-align:center}.hsph-form{background:#fff;border:1px solid var(--hsph-border);border-radius:22px;padding:28px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.hsph-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hsph-form label{display:block;font-weight:700;margin-bottom:16px}.hsph-form input,.hsph-form select,.hsph-form textarea,.hsph-searchbar input,.hsph-searchbar select{width:100%;padding:12px 14px;border:1px solid var(--hsph-border);border-radius:12px;margin-top:8px}.hsph-alert-success{background:#dcfce7;border:1px solid #86efac;color:#166534;border-radius:12px;padding:12px 14px;margin-bottom:16px}.hsph-searchbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin:18px 0 24px}.hsph-profile-list{display:grid;gap:16px}.hsph-profile-card{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:flex-start}.hsph-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:var(--hsph-blue);font-weight:800;font-size:24px}.hsph-badge{padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#334155;text-transform:capitalize;font-size:12px;font-weight:700}.hsph-tags{font-size:13px;color:#475569}@media(max-width:800px){.hsph-hero-panel,.hsph-profile-card{display:block}.hsph-grid-4,.hsph-grid-3,.hsph-form-grid,.hsph-searchbar{grid-template-columns:1fr}.hsph-hero-panel h1{font-size:28px}.hsph-avatar{margin-bottom:12px}}

/* v0.2.0 account and public profile enhancements */
.hsph-auth { max-width: 620px; margin: 2rem auto; }
.hsph-alert { padding: 12px 14px; border-radius: 12px; margin: 12px 0; background: #eef2ff; }
.hsph-alert-error { background: #fee2e2; color: #991b1b; }
.hsph-alert-success { background: #dcfce7; color: #166534; }
.hsph-inline { display: flex !important; align-items: center; gap: 8px; }
.hsph-small { font-size: .92rem; color: #64748b; }
.hsph-small-link { font-size: .9rem; font-weight: 700; text-decoration: none; }
.hsph-card-actions { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }
.hsph-profile-hero { display: flex; gap: 18px; align-items: center; margin-bottom: 20px; }
.hsph-profile-hero .hsph-avatar { width: 72px; height: 72px; font-size: 2rem; }
.hsph-headline { font-size: 1.15rem; color: #334155; margin: 4px 0; }
.hsph-grid-two { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }
@media (max-width: 760px) { .hsph-grid-two, .hsph-profile-hero { grid-template-columns: 1fr; display: block; } .hsph-card-actions { align-items: flex-start; margin-top: 12px; } }
.hsph-actions{display:flex;gap:10px;flex-wrap:wrap}.hsph-btn-light{background:#eef6ff;color:#005BAC}.hsph-alert{padding:12px 14px;border-radius:10px;margin:12px 0}.hsph-alert-success{background:#e8f7ef;color:#075c2f}.hsph-alert-error{background:#fdecec;color:#8a1f17}.hsph-muted{color:#64748b}.hsph-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.hsph-badge{text-transform:capitalize}.hsph-profile-card h3 a{text-decoration:none}.hsph-inline{display:flex;gap:8px;align-items:center}
.hsph-progress-label{display:flex;justify-content:space-between;margin-bottom:8px}.hsph-progress{height:10px;background:#e8eef4;border-radius:99px;overflow:hidden}.hsph-progress span{display:block;height:100%;background:#00a651}.hsph-media-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin:18px 0}.hsph-preview{display:block;width:100px;height:100px;object-fit:cover;border-radius:50%;margin:8px 0}.hsph-cover-preview{display:block;max-width:360px;height:120px;object-fit:cover;border-radius:10px;margin:8px 0}.hsph-alert-error{padding:12px 16px;background:#fee2e2;border-left:4px solid #d93025;margin-bottom:16px}.hsph-table-wrap{overflow:auto;margin-top:20px}.hsph-table{width:100%;border-collapse:collapse}.hsph-table th,.hsph-table td{padding:12px;border-bottom:1px solid #e6edf3;text-align:left}.hsph-searchbar-advanced{grid-template-columns:repeat(3,minmax(0,1fr))}.hsph-result-count{font-weight:600}.hsph-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.hsph-profile-cover{height:240px;border-radius:18px;background:linear-gradient(135deg,#005bac,#00a651);background-size:cover;background-position:center;margin-bottom:-80px}.hsph-avatar-large{width:130px;height:130px;font-size:48px}.hsph-profile-hero{position:relative}.hsph-cert-card{display:flex;flex-direction:column;padding:14px 0;border-bottom:1px solid #e6edf3}.hsph-cert-card:last-child{border-bottom:0}.hsph-cert-card span,.hsph-cert-card small{color:#64748b}@media(max-width:760px){.hsph-media-grid,.hsph-searchbar-advanced{grid-template-columns:1fr}.hsph-profile-cover{height:150px;margin-bottom:-50px}.hsph-avatar-large{width:96px;height:96px}}
