*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#f8fafc;background-color:#0f172a}.dashboard{max-width:1200px;margin:0 auto;padding:20px}.header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.header h1{color:#38bdf8;letter-spacing:1px;font-size:1.5rem}.status-badge{background-color:#1e293b;border-radius:20px;align-items:center;gap:8px;padding:8px 15px;font-size:.9rem;font-weight:700;display:flex}.dot{background-color:#10b981;border-radius:50%;width:10px;height:10px;display:inline-block}.pulse{animation:1.5s infinite pulse;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.grid-container{grid-template-columns:2fr 1fr;gap:20px;display:grid}.sensor-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card{background-color:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.camera-card h2{color:#cbd5e1;margin-bottom:15px;font-size:1.2rem}.video-container{aspect-ratio:4/3;background-color:#000;border:2px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.stream-img{object-fit:cover;width:100%;height:100%}.stat-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s;display:flex}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#94a3b8;margin-bottom:10px;font-size:1rem}.stat-card .value{color:#fff;margin-bottom:5px;font-size:2.5rem;font-weight:700}.stat-card .unit{color:#64748b;font-size:.9rem}.egg-card .value{color:#f59e0b}.temp-card .value{color:#ef4444}.hum-card .value{color:#0ea5e9}.food-card .value{color:#10b981}@media (width<=900px){.grid-container{grid-template-columns:1fr}}.chart-section{grid-column:1/-1;margin-top:20px}.chart-section h2{color:#cbd5e1;text-align:center;margin-bottom:20px;font-size:1.2rem}.chart-container{width:100%;height:300px}