*{box-sizing:border-box}body{color:#fff;background:#0f172a;margin:0;font-family:Arial,sans-serif}.dashboard{max-width:1000px;margin:0 auto;padding:60px 30px}h1{margin-bottom:8px;font-size:42px}.subtitle{color:#94a3b8;margin-bottom:50px}h2{margin-bottom:20px}.device-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.device-card{background:#1e293b;border-radius:12px;padding:24px}.device-card h3{margin:0 0 8px}.device-card p{color:#94a3b8;margin:0 0 20px}.device-card strong{font-size:20px}.events-section{margin-top:50px}.event-list{flex-direction:column;gap:14px;display:flex}.event-card{background:#1e293b;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.event-card h3{margin:0 0 6px}.event-card p{color:#94a3b8;margin:0}.event-info{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.event-info span{color:#94a3b8;font-size:14px}@media (width<=700px){.device-grid{grid-template-columns:1fr}}.status-safe{color:#4ade80}.status-active{color:#f87171}.connection-status{color:#cbd5e1;align-items:center;gap:8px;margin-bottom:40px;font-size:14px;display:flex}.connection-dot{border-radius:50%;width:10px;height:10px}.connected{background:#4ade80}.disconnected{background:#f87171}