body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #1a1a2e; color: #fff; margin: 0; }
.dashboard-container { display: flex; height: 100vh; }

/* Sidebar */
.sidebar { width: 250px; background: #16213e; padding: 20px; border-right: 1px solid #0f3460; }
.sidebar h2 { color: #e94560; text-align: center; }
.sidebar ul { list-style: none; padding: 0; }
.sidebar ul li a { display: block; color: #adb5bd; padding: 12px; text-decoration: none; border-radius: 5px; }
.sidebar ul li a.active, .sidebar ul li a:hover { background: #e94560; color: #fff; }

/* Content Area */
.content { flex: 1; padding: 30px; overflow-y: auto; }
header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #0f3460; padding-bottom: 20px; }

/* Badge Colors */
#connection-badge { padding: 8px 15px; border-radius: 20px; font-weight: bold; }
.online { background: #28a745; color: white; box-shadow: 0 0 10px #28a745; }
.offline { background: #dc3545; color: white; }

/* Info Cards */
.device-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; }
.card { background: #16213e; padding: 20px; border-radius: 10px; border: 1px solid #0f3460; }
.card h3 { margin-top: 0; border-bottom: 1px solid #e94560; padding-bottom: 10px; }

/* Terminal */
.console-wrapper { margin-top: 30px; }
#terminal-log { background: #000; color: #00ff00; padding: 15px; height: 200px; border-radius: 5px; font-family: 'Courier New', Courier, monospace; overflow-y: scroll; border: 1px solid #333; }

button { background: #e94560; color: white; border: none; padding: 10px 15px; border-radius: 5px; cursor: pointer; margin: 5px 0; }
button:hover { background: #ff4d6d; }