/* VOTRE CSS EXISTANT RESTE IDENTIQUE */
        .container { 
			padding: 20px; 
			max-width: 1200px; 
			margin: 0 auto; 
			background: #f8f9fa; 
			min-height: calc(100vh - 200px); 
		}
        .user-card { 
			background: white; 
			border-radius: 10px; 
			padding: 20px; 
			margin-bottom: 20px; 
			box-shadow: 0 3px 10px rgba(0,0,0,0.1); 
			border-left: 5px solid #4caf50; 
		}
        .user-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
        .user-info { flex-grow: 1; }
        .user-actions { display: flex; gap: 10px; }
        .btn { padding: 8px 15px; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; transition: all 0.3s; }
        .btn-primary { background: #4caf50; color: white; }
        .btn-warning { background: #ff9800; color: white; }
        .btn-danger { background: #f44336; color: white; }
        .btn-secondary { background: #9e9e9e; color: white; }
        .btn:hover { opacity: 0.9; transform: translateY(-1px); }
        .status-badge { padding: 3px 8px; border-radius: 10px; font-size: 12px; font-weight: bold; }
        .status-active { background: #e8f5e9; color: #2e7d32; }
        .status-inactive { background: #ffebee; color: #c62828; }
        .abonnement-badge { background: #e3f2fd; color: #1976d2; padding: 3px 8px; border-radius: 10px; font-size: 12px; margin-left: 5px; }
        .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 1000; }
        .modal-content { background: white; padding: 30px; border-radius: 10px; max-width: 500px; width: 90%; max-height: 80vh; overflow-y: auto; }
        .form-group { margin-bottom: 15px; }
        .form-group label { display: block; margin-bottom: 5px; font-weight: 500; }
        .form-group select, .form-group input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 5px; }
        .abonnement-list { margin-top: 15px; padding: 15px; background: #f5f5f5; border-radius: 5px; }
        .abonnement-item { display: flex; justify-content: space-between; align-items: center; padding: 8px; border-bottom: 1px solid #ddd; }
        .abonnement-item:last-child { border-bottom: none; }
        .success-message { background: #e8f5e9; color: #2e7d32; padding: 10px; border-radius: 5px; margin-bottom: 20px; border-left: 4px solid #4caf50; }
        .error-message { background: #ffebee; color: #c62828; padding: 10px; border-radius: 5px; margin-bottom: 20px; border-left: 4px solid #f44336; }