body{font-family:Arial,sans-serif;background:#0f172a;color:white;padding:20px}input{width:100%;padding:12px;margin:16px 0;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#1e293b;padding:16px;border-radius:12px}.online{border-left:6px solid #22c55e}.break{border-left:6px solid #f59e0b}.offline{border-left:6px solid #64748b}.stat{display:inline-block;margin-right:16px;padding:10px 14px;background:#1e293b;border-radius:10px}