*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#f4f7f5;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}body{color:#263238;background:#f4f7fb;margin:0;font-family:Arial,Helvetica,sans-serif}.app{max-width:900px;margin:auto;padding:30px}.card{background:#fff;border-radius:18px;margin-bottom:20px;padding:20px;box-shadow:0 8px 25px #00000014}h1{margin:0}h2{color:#2e7d32;margin-top:0}h3{margin-top:0}button{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:12px;padding:14px 22px;font-size:16px;transition:all .25s}button:hover{background:#256528}input{box-sizing:border-box;border:1px solid #ccc;border-radius:10px;width:100%;margin-top:8px;margin-bottom:18px;padding:12px;font-size:16px}.verde{background:#e8f5e9;border-left:8px solid #2e7d32}.amarillo{background:#fff8e1;border-left:8px solid #f9a825}.rojo{background:#ffebee;border-left:8px solid #c62828}.history-card{background:#fff;border-radius:15px;margin-bottom:15px;padding:15px;box-shadow:0 3px 12px #00000014}.mensaje{color:#607d8b;font-style:italic}hr{border:none;border-top:1px solid #ddd;margin:25px 0}.history-container{background:#fff;border-radius:18px;margin-top:20px;padding:25px;box-shadow:0 8px 25px #00000014}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#2e7d32,#43a047);border-radius:22px;margin-bottom:30px;padding:40px 30px;box-shadow:0 10px 30px #00000026}.header h1{color:#fff;letter-spacing:2px;margin-bottom:8px;font-size:48px}.subtitulo{color:#e8f5e9;margin-bottom:18px;font-size:26px;font-weight:300}.frase{opacity:.95;font-size:18px;line-height:1.6}.dashboard{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:30px 0;display:grid}.health-card{text-align:center;background:#fff;border-radius:20px;padding:25px;transition:all .25s;box-shadow:0 10px 25px #00000014}.health-card:hover{transform:translateY(-6px)}.icono{margin-bottom:10px;font-size:42px}.health-card h3{color:#607d8b;margin-bottom:10px}.health-card strong{color:#2e7d32;margin-bottom:10px;font-size:38px;display:block}.health-card p{color:#78909c;font-size:15px}.progress-card{background:#fff;border-radius:20px;margin-bottom:25px;padding:25px;box-shadow:0 8px 25px #00000014}.barra{background:#eceff1;border-radius:20px;height:24px;margin:20px 0;overflow:hidden}.barra-progreso{background:linear-gradient(90deg,#43a047,#81c784);height:100%;transition:all 1s}.barra-etiquetas{color:#607d8b;justify-content:space-between;margin-top:8px;font-weight:700;display:flex}.history-row{border-bottom:1px solid #eee;grid-template-columns:1.2fr 1fr 1fr .5fr;align-items:center;padding:12px;font-size:15px;display:grid}.history-row:last-child{border-bottom:none}.estado{text-align:center;font-size:24px}.timeline{gap:8px;padding:15px 0;display:flex;overflow-x:auto}.timeline-dot{cursor:pointer;background:0 0;border:none;padding:0;font-size:26px}