.container{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 70px);padding-top:70px;}
.sidebar{background:rgba(11,18,36,0.95);padding:25px;border-right:1px solid rgba(56,189,248,0.15);}
.sensor{padding:12px 15px;border-radius:12px;margin-bottom:12px;background:rgba(2,6,23,0.8);font-size:0.9rem;display:flex;justify-content:space-between;}
.sensor.ok{border-left:4px solid #22c55e;color:#bbf7d0;}
.sensor.warn{border-left:4px solid #f59e0b;color:#fde68a;}
.sensor.alert{border-left:4px solid #ef4444;color:#fecaca;}
.dashboard{padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;}
.panel{background:rgba(11,18,36,0.9);border-radius:18px;padding:25px;border:1px solid rgba(56,189,248,0.2);box-shadow:0 0 35px rgba(56,189,248,0.08);}
.panel h2{margin-bottom:20px;color:#38bdf8;}
.progress{height:20px;background:#020617;border-radius:14px;overflow:hidden;}
.energy{height:100%;width:75%;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 15px #38bdf8;transition:width 1s;}
.logs{background:rgba(2,6,23,0.95);padding:15px 25px;font-size:0.85rem;color:#94a3b8;border-top:1px solid rgba(56,189,248,0.15);}
.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;}
.info-card{background:rgba(10,20,40,0.6);border:1px solid rgba(0,234,255,0.2);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 20px rgba(0,234,255,0.08);}
.info-card.wide{grid-column:span 2;}
.label{font-size:0.75rem;letter-spacing:1px;color:#7dd3fc;opacity:0.8;}
.value{font-size:1.2rem;font-weight:bold;color:#e0f2fe;}
.value.online{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,0.6);}