.health-page{padding:24px;max-width:1200px}.health-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.health-header h1{font-family:'Rockwell',Georgia,serif;font-size:1.75rem;color:#1A1A1A;margin:0}.periode-filter{display:flex;align-items:center;gap:8px;background:#FFF;border:1px solid #E5E5E5;border-radius:8px;padding:8px 16px;flex-wrap:wrap}.periode-filter label{font-family:'Roboto',sans-serif;font-size:.875rem;color:#666}.periode-filter input[type=date]{font-family:'Roboto',sans-serif;font-size:.875rem;border:1px solid #E5E5E5;border-radius:8px;padding:4px 8px;color:#1A1A1A}.periode-filter input[type=date]:focus{outline:none;border-color:#2BA4B4;box-shadow:0 0 0 3px rgba(43,164,180,.15)}.btn-periode{font-family:'Roboto',sans-serif;font-size:.875rem;background:#00B74F;color:#FFF;border:none;border-radius:8px;padding:6px 16px;cursor:pointer}.btn-periode:hover{opacity:.9}.health-subtabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid #E5E5E5}.health-subtab{font-family:'Roboto',sans-serif;font-size:.9375rem;color:#666;text-decoration:none;padding:8px 20px;border-radius:8px 8px 0 0;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.health-subtab:hover{color:#2BA4B4;background:#F8F7F4}.health-subtab.actief{color:#2BA4B4;border-bottom-color:#2BA4B4;font-weight:600}.health-kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.health-kaart{background:#FFF;border-radius:12px;padding:20px;border:1px solid #E5E5E5;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;display:block}.health-kaart:hover{box-shadow:0 4px 16px rgba(43,164,180,.12);transform:translateY(-2px)}.kaart-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kaart-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.kaart-icon svg{width:20px;height:20px;stroke:#FFF;fill:none}.kaart-icon.beweging{background:#00B74F}.kaart-icon.gewicht{background:#2BA4B4}.kaart-icon.glucose{background:#ED8B00}.kaart-icon.slaap{background:#B884CB}.kaart-titel{font-family:'Roboto',sans-serif;font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.kaart-waarde{font-family:'Rockwell',Georgia,serif;font-size:2rem;color:#1A1A1A;line-height:1.1;margin-bottom:4px}.kaart-sub{font-family:'Roboto',sans-serif;font-size:.875rem;color:#666}.kaart-leeg{font-family:'Roboto',sans-serif;font-size:.875rem;color:#666;font-style:italic}.glucose-groen{color:#00B74F;font-weight:700}.glucose-oranje{color:#ED8B00;font-weight:700}.glucose-rood{color:#E8000F;font-weight:700}.glucose-badge{display:inline-flex;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.glucose-badge.groen{background:#00B74F}.glucose-badge.oranje{background:#ED8B00}.glucose-badge.rood{background:#E8000F}.grafiek-card{background:#FFF;border-radius:12px;padding:24px;border:1px solid #E5E5E5;margin-bottom:16px}.grafiek-card h2{font-family:'Rockwell',Georgia,serif;font-size:1.25rem;color:#1A1A1A;margin:0 0 16px}.grafiek-wrapper{position:relative;height:320px}.beweging-layout{display:grid;grid-template-columns:1fr 280px;gap:24px}@media(max-width:768px){.beweging-layout{grid-template-columns:1fr}}.heatmap{display:grid;grid-template-columns:repeat(7,30px);grid-auto-rows:30px;gap:4px;width:234px}.heatmap-dag{width:30px;height:30px;min-height:30px;max-height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-family:'Roboto',sans-serif;color:#666;cursor:default;transition:transform .1s;position:relative;overflow:hidden}.heatmap-dag:hover{transform:scale(1.2);z-index:10}.heatmap-dag.actief{background:#00B74F;color:#fff}.heatmap-dag.niet{background:#F8F7F4;border:1px solid #E5E5E5}.heatmap-dag.geen-data{background:#E5E5E5}.heatmap-legende{display:flex;align-items:center;gap:8px;margin-top:12px;font-family:'Roboto',sans-serif;font-size:.8125rem;color:#666}.legende-blok{width:16px;height:16px;border-radius:4px}.activiteiten-card{background:#F8F7F4;border-radius:12px;padding:16px}.activiteiten-card h3{font-family:'Roboto',sans-serif;font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.activiteit-rij{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #E5E5E5;font-family:'Roboto',sans-serif;font-size:.875rem}.activiteit-rij:last-child{border-bottom:none}.activiteit-count{background:#2BA4B4;color:#FFF;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.percentage-display{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.percentage-getal{font-family:'Rockwell',Georgia,serif;font-size:3rem;color:#00B74F;line-height:1}.percentage-label{font-family:'Roboto',sans-serif;font-size:.9375rem;color:#666}.stats-tabel{width:100%;border-collapse:collapse;font-family:'Roboto',sans-serif;font-size:.875rem;margin-top:16px}.stats-tabel th{background:#F8F7F4;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;padding:8px 12px;text-align:left;border-bottom:2px solid #E5E5E5}.stats-tabel td{padding:8px 12px;border-bottom:1px solid #E5E5E5;color:#1A1A1A}.stats-tabel tr:last-child td{border-bottom:none}.geen-data{text-align:center;padding:48px 24px;color:#666;font-family:'Roboto',sans-serif}