*{box-sizing:border-box}body{color:#24323a;background:#f4f7f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}h1,h2,h3,p{margin-top:0}button{font:inherit}.app-shell{max-width:980px;margin:0 auto;padding:18px 14px 40px}.hero{color:#fff;background:linear-gradient(135deg,#0f5f63 0%,#2f8f8f 100%);border-radius:28px;padding:22px 20px;box-shadow:0 18px 40px #105f6329}.eyebrow{text-transform:uppercase;letter-spacing:.22em;opacity:.86;margin-bottom:8px;font-size:.72rem;font-weight:700}.hero h1{margin-bottom:8px;font-size:2rem}.subtitle{opacity:.95;max-width:640px;margin-bottom:0;font-size:.98rem;line-height:1.5}.section-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 18px;display:grid}.nav-button{color:#0f5f63;cursor:pointer;background:#eaf4f3;border:0;border-radius:999px;padding:12px 14px;font-weight:700;transition:transform .18s,background .18s}.nav-button:hover,.nav-button:focus-visible{background:#dcefee;transform:translateY(-1px)}.nav-button.active{color:#fff;background:#0f5f63}.content-panel{background:#fff;border:1px solid #e4efee;border-radius:28px;padding:18px;box-shadow:0 12px 32px #1a3d440f}.label{color:#5e7378;text-transform:uppercase;letter-spacing:.18em;margin-bottom:0;font-size:.76rem;font-weight:700}.dashboard-grid{gap:14px;margin-top:14px;display:grid}.hero-card,.metric-card,.health-card,.record-card,.profile-item{background:#f8fbfa;border:1px solid #e6efee;border-radius:22px;padding:16px}.hero-card{background:linear-gradient(135deg,#f1f9f8 0%,#f8fbfa 100%)}.hero-card h2{color:#18363b;margin-bottom:6px;font-size:1.6rem}.hero-caption{color:#4f6268;margin-bottom:8px}.hero-clinic{color:#0f5f63;margin-bottom:0;font-weight:600}.metric-label{color:#5e7378;text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px;font-size:.76rem;font-weight:700}.metric-card h3{color:#18363b;margin-bottom:6px}.metric-card p{color:#4f6268;margin-bottom:4px}.metric-list{gap:8px;display:grid}.metric-row{color:#4f6268;justify-content:space-between;gap:12px;font-size:.95rem;display:flex}.metric-row strong{color:#18363b;text-align:right;font-weight:600}.quick-actions{gap:10px;display:grid}.action-button,.secondary-button,.text-button{color:#fff;cursor:pointer;background:#0f5f63;border:0;border-radius:999px;padding:10px 12px;font-weight:700}.secondary-button{color:#0f5f63;background:#eaf4f3}.text-button{color:#0f5f63;background:0 0;padding:0;font-size:.9rem}.timeline-list{gap:16px;margin-top:14px;display:grid}.timeline-group h3{color:#18363b;margin-bottom:10px}.timeline-items{gap:12px;display:grid}.timeline-item{gap:8px;display:grid}.timeline-toggle{text-align:left;cursor:pointer;background:#f8fbfa;border:1px solid #e6efee;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.timeline-summary{color:#4f6268;flex-direction:column;flex:1;gap:2px;display:flex}.timeline-summary strong{color:#18363b}.timeline-date{color:#0f5f63;min-width:92px;font-weight:700}.timeline-chevron{color:#0f5f63;font-size:1.1rem;font-weight:700}.timeline-body{padding:0 4px 2px}.timeline-body p{color:#4f6268}.meta-list{color:#4f6268;gap:6px;margin-top:8px;font-size:.95rem;display:grid}.health-grid{gap:14px;margin-top:14px;display:grid}.card-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-heading h3{color:#18363b;margin-bottom:0}.pill{color:#0f5f63;background:#dcefee;border-radius:999px;padding:4px 8px;font-size:.8rem;font-weight:700}.health-stack{gap:10px;display:grid}.health-item{background:#fff;border:1px solid #e6efee;border-radius:16px;padding:12px}.health-item h4{color:#18363b;margin-bottom:4px}.health-item p{color:#4f6268;margin-bottom:6px}.health-item-row{justify-content:space-between;gap:8px;display:flex}.health-meta{color:#6a7b81;flex-wrap:wrap;gap:8px;font-size:.9rem;display:flex}.history-list{color:#4f6268;margin:8px 0 0;padding-left:18px}.record-list,.profile-grid{gap:12px;margin-top:14px;display:grid}.record-card{justify-content:space-between;align-items:center;gap:10px;display:flex}.record-card h3,.profile-item h3{color:#18363b;margin-bottom:4px}.record-card p,.profile-item p{color:#4f6268;margin-bottom:3px}@media (width>=700px){.app-shell{padding:24px 24px 48px}.hero{padding:24px 28px}.section-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-column:span 2}.health-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}