body{font-family:Segoe UI,Roboto,sans-serif;background:#f5f6fa;margin:0;padding:0}h1{color:#222;text-align:center}.tds{color:#4bc0c0}.ph{color:#96f}.temp{color:#ff9f40}.dashboard{padding:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card h2{font-size:1rem;color:#666;margin-bottom:8px}.card p{font-size:1.5rem;font-weight:700}.chart-container{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014}body{font-family:sans-serif}