.tgma-espace-membre { max-width: 800px; margin: 0 auto; }
.tgma-liste-taches { list-style: none; padding: 0; }
.tgma-liste-taches li { padding: 10px; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.tgma-table-cotisations { width: 100%; border-collapse: collapse; margin: 15px 0; }
.tgma-table-cotisations th, .tgma-table-cotisations td { border: 1px solid #ddd; padding: 8px; text-align: left; }
#tgma-form-cotisation { max-width: 400px; }
#tgma-form-cotisation label { display: block; margin-bottom: 10px; }
#tgma-form-cotisation input, #tgma-form-cotisation select { width: 100%; padding: 6px; margin-top: 4px; }
#tgma-form-cotisation button { background: #2271b1; color: #fff; border: none; padding: 10px 18px; border-radius: 4px; cursor: pointer; }

.tgma-onglets { display: flex; gap: 8px; margin: 20px 0; border-bottom: 1px solid #ddd; }
.tgma-tab-btn { background: none; border: none; padding: 10px 16px; cursor: pointer; font-weight: 600; color: #666; border-bottom: 2px solid transparent; }
.tgma-tab-btn.active { color: #2271b1; border-bottom-color: #2271b1; }

.tgma-progress-cotisation { width: 100%; max-width: 400px; height: 14px; background: #eee; border-radius: 8px; overflow: hidden; margin: 10px 0; }
.tgma-progress-bar { height: 100%; background: #46b450; transition: width .3s ease; }
.tgma-solde-ok { color: #46b450; font-weight: 600; }

#tgma-form-profil { max-width: 420px; }
#tgma-form-profil label { display: block; margin-bottom: 10px; }
#tgma-form-profil input, #tgma-form-profil select { width: 100%; padding: 6px; margin-top: 4px; }
#tgma-form-profil button { background: #2271b1; color: #fff; border: none; padding: 10px 18px; border-radius: 4px; cursor: pointer; margin-top: 6px; }