:root{--c-fb:#00B0B9;--c-aw:#FF6B6B;--c-hrv:#66bb6a;--c-rhr:#ef5350}.health-container{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem 4rem}.health-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.health-header h1{font-family:var(--font-display);font-size:1.75rem;color:var(--text-primary)}.health-subtitle{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.health-tabs{display:flex;gap:4px;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:4px}.tab-btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;background:transparent;color:var(--text-muted);transition:all .2s}.tab-btn.active{background:var(--brand-navy);color:#fff}.tab-btn:hover:not(.active){background:var(--bg-section)}.tab-content{display:none}.tab-content.active{display:block}.kpi-grid{display:grid;gap:1rem;margin-bottom:1.25rem}.kpi-4col{grid-template-columns:repeat(4,1fr)}.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.kpi-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.kpi-value{font-size:1.5rem;font-weight:700;margin-top:.15rem;font-family:DM Sans,sans-serif}.kpi-sub{font-size:.8rem;color:var(--text-muted)}.chart-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.chart-panel h3{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.chart-wrap{position:relative;height:260px}.chart-wrap.tall{height:320px}.chart-note{font-size:.8rem;color:var(--text-muted);margin-top:.75rem;line-height:1.6}.findings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}.finding-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.finding-card strong{display:block;margin-bottom:.3rem;font-size:.85rem}.finding-card p{font-size:.8rem;color:var(--text-muted);line-height:1.6;margin:0}.finding-card.warning strong{color:#eab308}.finding-card.danger strong{color:#ef4444}.finding-card.info strong{color:#3b82f6}.finding-card.success strong{color:#22c55e}.device-compare{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.device-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.device-card h3{font-size:1rem;font-weight:700;margin-bottom:.75rem}.device-card ul{list-style:none;padding:0;margin:0}.device-card li{font-size:.8rem;color:var(--text-muted);line-height:1.8;padding-left:1rem;position:relative}.device-card li:before{content:"•";position:absolute;left:0;color:var(--text-secondary)}.strategy-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:1.25rem;box-shadow:var(--shadow-sm)}.strategy-card h3{font-size:.95rem;margin-bottom:1rem}.strategy-items>div{font-size:.8rem;color:var(--text-muted);line-height:2;display:flex;align-items:center;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.health-footer{text-align:center;font-size:.7rem;color:var(--text-muted);margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);opacity:.6}@media(max-width:768px){.kpi-4col{grid-template-columns:repeat(2,1fr)}.findings-grid,.device-compare{grid-template-columns:1fr}.health-tabs{gap:2px}.tab-btn{padding:6px 10px;font-size:.7rem}}.dashboard-auth{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.auth-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem;max-width:360px;width:100%;box-shadow:var(--shadow-md)}.auth-card h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.auth-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.auth-card input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;text-align:center;background:var(--bg);transition:border-color .2s}.auth-card input:focus{outline:none;border-color:var(--brand-navy)}.auth-card button{margin-top:1rem;width:100%;padding:.75rem;background:var(--brand-navy);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.auth-card button:hover{background:var(--brand-navy-light)}