body {
font-family: Arial, sans-serif;
margin: 20px;
background: #f4f4f4;
}

h1, h2, h3 {
color: #333;
}

.form-group {
margin-bottom: 10px;
}

input[type="text"] {
padding: 5px;
width: 300px;
}

button {
padding: 10px 20px;
background: #007acc;
color: #fff;
border: none;
cursor: pointer;
}

button:hover {
background: #005fa3;
}

.result {
margin-top: 20px;
background: #fff;
padding: 15px;
border-radius: 5px;
}
.dashboard-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.dashboard-table th, .dashboard-table td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
.dashboard-table th {
background: #f5f5f5;
}

.recommendations-container {
margin-bottom: 20px;
}
.recommendation-badge {
display: inline-block;
padding: 5px 10px;
margin: 3px;
border-radius: 4px;
color: white;
font-weight: bold;
}
/* Styles onglets */
.tabs-header { display:flex; gap:10px; margin:10px 0; }
.tab-btn { padding:5px 10px; border:none; background:#ddd; cursor:pointer; border-radius:4px; }
.tab-btn.active { background:#4285f4; color:white; }
.tab-content { display:none; }
.tab-content.active { display:block; }
table.dashboard-table { width:100%; border-collapse:collapse; margin:5px 0; }
table.dashboard-table th, table.dashboard-table td { border:1px solid #ccc; padding:5px; text-align:left; }