:root {
    --bg-color: #050505;
    --primary: #00e5ff;
    --secondary: #00ff88;
    --text: #f0f0f0;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body { background-color: var(--bg-color); color: var(--text); font-family: 'Orbitron', sans-serif; min-height: 100vh; padding: 20px; }

/* Navigation Responsive */
nav { display: flex; justify-content: space-between; align-items: center; padding: 20px; width: 100%; }

/* --- DÉTECTION MOBILE (Écrans < 768px) --- */
@media (max-width: 768px) {
    nav { flex-direction: column; gap: 15px; text-align: center; }
    h1 { font-size: 2em !important; }
    .dashboard-grid { grid-template-columns: 1fr !important; margin-top: 20px !important; }
    body { padding: 10px; }
}

.logo { font-size: 1.5em; font-weight: 700; color: var(--primary); }
.btn-back { color: var(--primary); text-decoration: none; border: 1px solid var(--primary); padding: 8px 15px; border-radius: 4px; }