.hsph-app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 74px);background:var(--hsph-bg)}.hsph-app-sidebar{background:var(--hsph-navy);color:#fff;padding:22px 16px;position:sticky;top:74px;height:calc(100vh - 74px);overflow:auto}.hsph-app-nav{display:grid;gap:6px}.hsph-app-nav a,.hsph-app-nav button{display:flex;width:100%;padding:11px 12px;border-radius:9px;border:0;background:transparent;color:#cbd7e4;text-align:left;font-weight:700}.hsph-app-nav .is-active,.hsph-app-nav a:hover,.hsph-app-nav button:hover{background:#1d3e60;color:#fff}.hsph-app-main{min-width:0}.hsph-app-topbar{height:68px;background:#fff;border-bottom:1px solid var(--hsph-border);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.hsph-app-content{padding:26px}.hsph-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hsph-kpi{background:#fff;border:1px solid var(--hsph-border);border-radius:var(--hsph-radius);padding:18px}.hsph-kpi strong{display:block;font-size:28px;color:var(--hsph-navy)}