*{box-sizing:border-box}
h2{text-align:center;margin-bottom:30px;font-size:2em;color:#333;font-family:'Arial',sans-serif}
 
nav{background-color:#1560BD;padding:10px 0;text-align:center}
nav ul{list-style:none;padding:0;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
nav ul li a{color:#fff;text-decoration:none;font-size:18px;padding:10px 20px;display:block;border-radius:5px;transition:background-color 0.3s}
nav ul li a:hover{background-color:#444}


/* -------- Mobile -------- */
@media(max-width:768px){
    nav ul{flex-direction:column;align-items:center;gap:10px}
    nav ul li{width:100%;margin:5px 0}
    nav ul li a{width:100%;font-size:18px;padding:12px;text-align:center}
    nav ul li a:hover{background:#555}
    .dashboard{flex-direction:column;align-items:center}
    .card{width:100%;max-width:300px}

    /* Ajouts spécifiques pour la version mobile */
    h2{font-size:20px;text-align:center}
    .smart-table td{padding:8px;font-size:13px}
    .smart-table th{padding:8px;font-size:12px}
    .smart-table{min-width:500px}
}