.health-hero{padding:30px 32px;margin-bottom:18px;border-radius:24px;border:1px solid #b8e3db;background:radial-gradient(circle at 88% 0,#c5f8e6,transparent 45%),linear-gradient(120deg,#eaf9ff,#f3fcf8);color:#194553}.health-hero>span{font-size:12px;letter-spacing:2px;font-weight:800;color:#217b79}.health-hero h2{font-size:clamp(27px,3vw,38px);margin:9px 0}.health-hero p{margin:0;line-height:1.75}.health-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.health-total{padding:18px 22px;border:1px solid var(--border,#d5e5ee);border-radius:17px;background:var(--panel,#fff);border-top:3px solid #8ca4b7}.health-total strong{display:block;font-size:32px;line-height:1.5}.health-total.online{border-top-color:#26b695}.health-total.attention{border-top-color:#e9ac47}.health-total.offline{border-top-color:#e27f72}.health-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:22px}.health-controls input{flex:1;min-width:150px;min-height:48px}.health-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.health-card{background:var(--panel,#fff);border:1px solid var(--border,#dbe5ef);border-radius:20px;padding:20px;box-shadow:0 10px 22px #29598708;min-width:0}.health-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.health-card-top strong{flex:1;min-width:100px}.health-dot{width:9px;height:9px;border-radius:50%;background:#899ead;box-shadow:0 0 0 5px #899ead14}.health-card.online .health-dot{background:#23af8c}.health-card.attention .health-dot{background:#e4a137}.health-card.offline .health-dot{background:#d98074}.health-badge{font-size:13px;border-radius:30px;padding:3px 9px;background:#edf4f8;color:#4c677a}.health-card.online .health-badge{background:#e4f8ef;color:#217354}.health-card.attention .health-badge{background:#fff4d9;color:#8c681a}.health-card.offline .health-badge{background:#faebe8;color:#99584f}.health-metrics{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:10px;padding:19px 0}.health-metrics small{display:block;color:var(--muted,#60798b);font-size:13px}.health-metrics b{display:block;margin-top:7px;font-size:16px}.health-card p{font-size:15px;line-height:1.7;margin:0 0 17px;color:var(--muted,#587081)}.health-card-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--border,#e3edf3);padding-top:15px}.health-card-bottom small{color:var(--muted,#698091);font-size:13px}.health-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.health-details>div{padding:13px;border-radius:12px;background:var(--bg,#edf5f8)}.health-details dt{font-size:14px;color:var(--muted,#567083)}.health-details dd{margin:7px 0 0;font-weight:700}.health-sensor-list{display:flex;flex-wrap:wrap;gap:9px}.health-sensor-list>span{padding:8px 11px;border-radius:12px;background:#eaf8f1;color:#265e49;font-size:14px}.health-sensor-list small{display:block;font-size:12px;margin-top:3px}.health-sensor-list .late{background:#fff2d9;color:#846020}#healthMore{margin-top:20px}@media(max-width:1200px){.health-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.health-cards{grid-template-columns:1fr}.health-summary{grid-template-columns:1fr 1fr;gap:10px}.health-total{padding:14px}.health-total span{font-size:14px}.health-total strong{font-size:27px}.health-hero{padding:24px}.health-details{grid-template-columns:1fr}.health-controls label{flex-basis:100%}}